@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;}


/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/

/**
 * Header
 **/

/* board Title */
.boardHeader { border:1px solid #e1e1dd; border-bottom:0; background:#ffffff url("/modules/board/skins/xe_board/images/common/bgH3.gif") repeat-x left bottom; overflow:hidden;}
.boardHeader .boardHeaderBorder { width:100%;}
.boardHeader h1,
.boardHeader h2,
.boardHeader h3,
.boardHeader h4,
.boardHeader h5,
.boardHeader h6
{ margin:0; float:left; padding:15px 15px 12px 15px; font-size:1.2em; background:#ffffff url("/modules/board/skins/xe_board/images/common/lineH3.gif") no-repeat right bottom;}

/* board Description */
.boardDescription { color:#AEAEAE; border:1px solid #DDDDDD; overflow:hidden; padding:10px; margin: 5px 0; background-color:#FFFFFF;}

/* board Information */
.boardInformation { width:100%; clear:both; margin:5px 0 2px 0; overflow:hidden; color:#666666;}
.articleNum { float:left; padding:0 0 0 15px; }

/* account Navigation */
.accountNavigation { margin:0; padding:0; float:right; }
.accountNavigation li { float:left; margin-left:7px; list-style:none; }
.accountNavigation li a { white-space:nowrap; color:#666666; text-decoration:none;}
.accountNavigation li.setup a { background:url("/modules/board/skins/xe_board/images/common/iconSetup.gif") no-repeat left top; padding-left:14px; }
.accountNavigation li.admin a { background:url("/modules/board/skins/xe_board/images/common/iconAdmin.gif") no-repeat left top; padding-left:12px; }
.accountNavigation li.listType { margin-left:5px; }
.accountNavigation li.loginAndLogout a { background:url("/modules/board/skins/xe_board/images/common/line_1x10_e0e0e0.gif") no-repeat left 2px; padding-left:8px; }

/* secret Content */
.secretContent { margin:20px auto; text-align:center; border:1px solid #EFEFEF; width:240px; }
.secretContent .title { padding:10px 0 10px 0; background-color:#EFEFEF; display:block; font-weight:bold; }
.secretContent .content { padding:10px 0 10px 0; background-color:#FFFFFF; display:block; }

/* blog Style Notice */
.blogNotice { margin-bottom:10px; padding:5px; border:1px solid #e0e1db;}
.blogNotice .item { background:url("/modules/board/skins/xe_board/images/common/notice.gif") no-repeat -2px 3px; padding:3px 0 3px 18px; }
.blogNotice .item .date { font-family:verdana; font-size:.9em;color:#AAAAAA; }
.blogNotice .item a { text-decoration:none; color:#444444; }
.blogNotice .item a:hover { text-decoration:underline}
.blogNotice .item .replyAndTrackback { color:#AAAAAA; font-size:.9em; }

/* boardRead */
.viewDocument { border-bottom:2px solid #AAAAAA; margin-bottom:20px; }
.boardRead { margin:10px  0 10px 0; }

.boardRead .titleAndUser { overflow:hidden; border-bottom:1px solid #e0e1db; }

.boardRead .titleAndUser .title { float:left; margin:10px 0 5px 0; }
.boardRead .titleAndUser .title a { color:#000000; text-decoration:none; }
.boardRead .titleAndUser .title a:hover { text-decoration:underline; }
.boardRead .titleAndUser h1,
.boardRead .titleAndUser h2,
.boardRead .titleAndUser h3,
.boardRead .titleAndUser h4,
.boardRead .titleAndUser h5,
.boardRead .titleAndUser h6
{ margin:0; font-size:1.5em; margin-left:3px;}

.boardRead .titleAndUser .userInfo { float:right; white-space:nowrap; margin-top:11px; }
.boardRead .titleAndUser .userInfo .author { color:#3074a5; }
.boardRead .titleAndUser .userInfo .author a { color:#3074a5; text-decoration:none; }

.boardRead .dateAndCount { clear:both; white-space:nowrap; color:#444444; margin:5px 0 0 0; font-size:.9em; font-family:tahoma; line-height:17px; padding-bottom:10px; }

.boardRead .dateAndCount .uri { float:left; }
.boardRead .dateAndCount .uri a { text-decoration:none; margin-left:4px; color:#BBBBBB; }

.boardRead .dateAndCount .date { float:right; background:url("/modules/board/skins/xe_board/images/common/calendar.gif") no-repeat left top; padding-left:18px; margin-left:10px; }
.boardRead .dateAndCount .readedCount { float:right; color:#AAAAAA; margin-left:10px; background:url("/modules/board/skins/xe_board/images/common/read.gif") no-repeat left top; padding-left:18px; color:#4A3FD7;}
.boardRead .dateAndCount .votedCount { float:right; color:#AAAAAA;  margin-left:10px; background:url("/modules/board/skins/xe_board/images/common/vote.gif") no-repeat left top; padding-left:18px; color:#D76A3F;}
.boardRead .dateAndCount .replyAndTrackback { float:right; }
.boardRead .dateAndCount .replyAndTrackback .replyCount { margin-left:10px; float:left; background:#FFFFFF url("/modules/board/skins/xe_board/images/common/iconReply.gif") no-repeat left 1px; padding-left:15px; }
.boardRead .dateAndCount .replyAndTrackback .trackbackCount { margin-left:10px; float:left; background:#FFFFFF url("/modules/board/skins/xe_board/images/common/iconTrackback.gif") no-repeat left 1px; padding-left:15px; }
.boardRead .dateAndCount .replyAndTrackback a { color:#333333; white-space:nowrap; text-decoration:none; }
.boardRead .dateAndCount .replyAndTrackback a:hover { text-decoration:underline; }
.boardRead .dateAndCount .category { float:left; margin-right:10px; }
.boardRead .dateAndCount .category a { color:#555555; text-decoration:none; background:url("/modules/board/skins/xe_board/images/common/category.gif") no-repeat left -1px; padding-left:18px; font-weight:bold;}
.boardRead .dateAndCount .category a:hover { text-decoration:underline; }

/* extraVars list */
.boardRead .extraVarsList { width:100%; border:1px solid #e0e1db; border-bottom:none; margin:0 0 30px 0; table-layout:fixed;}
.boardRead .extraVarsList th { font-weight:normal; color:#555555; text-align:left; padding:4px 0 4px 10px; border-bottom:1px solid #e0e1db; border-right:1px solid #e0e1db;}
.boardRead .extraVarsList td { color:#555555; border-bottom:1px solid #e0e1db; padding:4px 0 4px 10px; }
.boardRead .extraVarsList td a { color:#555555; }

.boardRead .readBody { color:#555555; margin-top:20px; }


.boardRead .tag { background:#FFFFFF url("/modules/board/skins/xe_board/images/common/iconTag.gif") no-repeat 3px 2px; padding-left:25px; margin:10px 0 0 0; }
.boardRead .tag ul { margin:0; padding:0; }
.boardRead .tag li { display:inline; list-style:none; }
.boardRead .tag li a { color:#444444;}

.boardRead .fileAttached { border:1px solid #EFEFEF; background-color:#F4F4F4; padding:5px; margin-top:10px; overflow:hidden;}
.boardRead .fileAttached h5 { font-weight:normal; color:#999999; font-size:1em; line-height:22px; }
.boardRead .fileAttached ul { padding:0; margin:0; }
.boardRead .fileAttached li { padding-left:15px; display:block; float:left; white-space:nowrap; list-style:none; margin:0 10px 5px 0; }
.boardRead .fileAttached li a { text-decoration:none; font-size:.9em; white-space:nowrap; color:#444444; }
.boardRead .fileAttached li a:visited { color:#777777;}

.boardRead .contentButton { text-align:right;margin:10px 0 5px 0; border-top:1px solid #DDDDDD; padding-top:10px;}


.trackbackBox { padding:.6em .6em; color:#666666; border:1px solid #e0e1db;;margin-top:.5em; }
.trackbackBox .trackbackUrl { color:#1F3DAE; font-size:.9em; background:url("/modules/board/skins/xe_board/images/common/iconTrackback.gif") no-repeat left top; padding-left:18px; margin:0; }
.trackbackBox .trackbackItem { background-color:#F3F3F3; padding:.6em .8em .6em .6em; line-height:1.25em; border-top:1px dotted #EEEEEE; list-style:none;}
.trackbackBox p { display:inline; margin-bottom:1em;}
.trackbackBox a { color:#666666; text-decoration:none;}
.trackbackBox div  { clear:both; }
.trackbackBox address { display:block; padding:0 .3em 0 0; }
.trackbackBox address a { font-size:.9em; color:#3074a5; margin-right:.3em; float:left;}
.trackbackBox address .date { font:.8em Tahoma; color:#cccccc; float:right;}

.replyBox { padding:10px; color:#666666; border:1px solid #e0e1db; margin-top:.5em;}
.replyBox .replyItem { background-color:#FFFFFF; padding:.6em .8em .6em .6em; line-height:1.25em; clear:both; border-bottom:1px dotted #EEEEEE; list-style:none;}
.replyBox p { display:inline; }
.replyBox .author { float:left; padding:0 .3em 0 0; color:#3074a5; margin:0 .3em .5em 0;}
.replyBox .author a { color:#3074a5; margin-right:.3em; text-decoration:none; }
.replyBox .voted { float:left; font-size:.9em; color:#AAAAAA; margin:0 .3em .5em 1em;}
.replyBox .date { float:right; font:.8em Tahoma; color:#cccccc; margin:.3em 0 .5em 0;}

.replyBox .replyOption { height:20px; float:right; white-space:nowrap; margin-left:.2em;}
.replyBox .replyOption img { vertical-align:middle;}

.replyBox .replyContent { clear:left; }
.replyBox .replyContent p { display:block; }
.replyBox .reply { background-color:#F4F4F4; border-bottom:1px dotted #DDDDDD;}
.replyBox .replyIndent { background:url("/modules/board/skins/xe_board/images/common/iconReplyArrow.gif") no-repeat .0em .3em; padding-left:1.3em;}

.replyBox .fileAttached { border:1px solid #EFEFEF; background-color:#F4F4F4; padding:5px; margin-top:10px; overflow:hidden;}
.replyBox .fileAttached ul { border:0; margin:0; padding:0;}
.replyBox .fileAttached h5 { font-weight:normal; color:#999999; float:left; font-size:1em; }
.replyBox .fileAttached li { padding-left:15px; display:block; float:left; white-space:nowrap; list-style:none; margin:0px 10px 5px 0; }
.replyBox .fileAttached li a { text-decoration:none; font-size:.9em; white-space:nowrap; color:#444444; }
.replyBox .fileAttached li a:visited { color:#777777;}

.commentButton { margin-top:.5em; }

/* gallery sub menu */
.boardSubMenu { margin:0 0 .5em 0; padding:1em 0 .5em .5em; border-bottom:1px solid #e0e1db;}
.boardSubMenu a { text-decoration:none; color:#666666; vertical-align:bottom; background:url("/modules/board/skins/xe_board/images/common/line_1x10_e0e0e0.gif") no-repeat right 5px; padding-left:10px; padding-right:10px; _padding-top:5px; position:relative; top:5px; }
.boardSubMenu img.sort { vertical-align:middle; }

/* list */
.boardList { width:100%; border:1px solid #e0e1db; border-top:none; overflow:hidden; }

.boardList thead tr th div { white-space:nowrap; margin:0 5px; }
.boardList thead tr th.title , .boardList thead tr th.category, .boardList thead tr th.topic { width:100%; }
.boardList tbody td { white-space:nowrap; }
.boardList tbody td.title { white-space:normal; }
.boardList tbody td.webzineTitle { white-space:normal; }
.boardList tbody td.wrap { white-space:normal; }

.boardListNoTopBorder { border:none; }
.boardList th { color:#3e3f3e; font-weight:normal; border-top:1px solid #e0e1db; border-bottom:1px solid #ffffff; white-space:nowrap; padding-top:5px; height:28px; overflow:hidden;}
html:not([lang*=""]) .boardList th { height:33px; }
.boardList th.no_line { background-position:-3px bottom; }
.boardList th a { color:#3e3f3e; text-decoration:none; }
.boardList th.num { border-left:1px solid #ffffff; }
.boardList th.checkbox { text-align:center; }
.boardList th.title { text-align:center; padding-left:1em; }
.boardList th.topic { text-align:left; padding-left:1em; }
.boardList th.category { text-align:left; padding-left:1em; }
.boardList th.category select { vertical-align:middle; width:200px; height:20px;}
.boardList th.reading, th.recommend , th.date { white-space:nowrap;}
.boardList th .sort { padding:0 .2em; vertical-align:middle;}

.boardList tr.notice { background:#f8f8f8; }
.boardList tr.notice .num { font-weight:bold;}
.boardList tr.bg1 { background:#ffffff}
.boardList tr.bg2 { background:#fbfbfb;}
.boardList td { border-top:1px solid #eff0ed; padding:.5em;}
.boardList td.num { font:.8em tahoma; color:#999999; padding:.5em 1em; text-align:center;}
.boardList td.checkbox { font:.8em tahoma; color:#999999; text-align:center;}
.boardList tr.notice td.num { padding:.5em; white-space:nowrap;}
.boardList tr.notice td.notice { font-size:.9em; color:#999999; font-weight:bold; text-align:center;}
.boardList td.thumb { }
.boardList td.thumb img { border:1px solid #E0E1DB; padding:3px; margin:none; }

.boardList td.title {padding-left:1em; }
.boardList td.title strong.category { font-size:1em; background:url("/modules/board/skins/xe_board/images/common/line_1x10_e0e0e0.gif") no-repeat right 3px; padding-right:.5em; margin-right:.5em;}
.boardList td.title.bold { font-size:1.2em; font-weight:bold;}
.boardList td.title.bold a { position:relative; top:.3em;}
.boardList td.title * { vertical-align:middle;}
.boardList td.title,
.boardList td.title a { color:#444444; text-decoration:none;}
.boardList td.title a:visited { color:#777777;}

.boardList td.topic { padding-left:1em; color:#888888; }
.boardList td.topic strong a { font-size:1em; font-weight:normal; text-decoration:none; color:#222222; }
.boardList td.topic strong a:visited { color:#777777; }
.boardList td.topic .category { background:url("/modules/board/skins/xe_board/images/common/line_1x10_e0e0e0.gif") no-repeat left 3px; padding-left:.5em; margin-left:.5em; color:#AAAAAA; }
.boardList td.topic div.author { margin-top:.5em; color:#BBBBBB; }
.boardList td.topic div.author strong { font-weight:normal; color:#666666; }
.boardList td.commentCount { font:bold .8em Tahoma; color:#888888; text-align:center; }

.boardList td.latestPost { color:#888888; }
.boardList td.latestPost div.author { margin-top:.5em; color:#BBBBBB; }
.boardList td.latestPost div.author strong { font-weight:normal; color:#666666; }
.boardList td.latestPost div.date { font-size:0.8em; margin-top:.5em; }
.boardList td.latestPost div.date strong { font-family:Tahoma; font-weight:normal; color:#666666; }

.boardListNoTopBorder td { border-top:none; border-bottom:1px solid #eff0ed; padding:.5em;}

.boardList td.webzineTitle { padding-left:1em; color:#777777; height:1.2em; width:100%;}
.boardList td.webzineTitle strong.category { font-size:1em; background:url("/modules/board/skins/xe_board/images/common/line_1x10_e0e0e0.gif") no-repeat right 3px; padding-right:.5em; margin-right:.5em;}
.boardList td.webzineTitle.bold { font-size:1.2em; font-weight:bold;}
.boardList td.webzineTitle * { vertical-align:middle;}
.boardList td.webzineTitle,
.boardList td.webzineTitle a { color:#444444; text-decoration:none;}
.boardList td.webzineTitle a:visited { color:#777777;}

.boardList td.summary { border-top:none; vertical-align:top; color:#666666; line-height:1.25em; padding-left:1em; white-space:normal; }
.boardList td.summary a { color:#666666; text-decoration:none; line-height:inherit;}
.boardList td.summary a:visited { color:#999999;}

.boardList td .replyAndTrackback img.trackback { margin-bottom:-.1em;}
.boardList td .replyAndTrackback strong { font:bold 1em Tahoma;}
.boardList td .replyAndTrackback { font:.8em Tahoma; }
.boardList td.author { color:#333333; padding-left:1em;}
.boardList td.author a { color:#333333;}
.boardList td.reading { font:.8em Tahoma; color:#999999; text-align:center;}
.boardList td.recommend { font:bold .8em Tahoma; text-align:center;}
.boardList td.date { font:.8em Tahoma; color:#999999; text-align:center; white-space:nowrap;}
.boardList td input { _margin:-3px;}

.buttonTypeGo { border:none; cursor:pointer; width:24px; height:20px; _position:relative; _top:3px; font:.75em Tahoma; text-align:center;}
*:first-child+html .buttonTypeGo { position:relative; top:3px; }

.thumbnailBox { margin-top:1em; clear:both; overflow:hidden; border-bottom:1px solid #e0e1db; }
.thumbnailBox div.cell { display:block; float:left; overflow:hidden; margin-bottom:1em; margin-right:1em;}
.thumbnailBox div.cell img.thumb { padding:2px; border:1px solid #e0e1db; display:block; margin-bottom:1em; margin-left:auto;margin-right:auto;}
.thumbnailBox div.title { color:#3B96C0; margin-bottom:.2em; overflow:hidden; white-space:nowrap; text-align:center;}
.thumbnailBox div.title a { color:#3B96C0; text-decoration:none;}
.thumbnailBox div.nameAndDate { font-size:.9em; color:#999999; margin-bottom:.2em; text-align:center;}
.thumbnailBox div.nameAndDate a { color:#999999;}
.thumbnailBox div.nameAndDate .author { margin-left:auto; margin-right:right; }
.thumbnailBox div.nameAndDate .author div { display:inline; vertical-align:middle;}
.thumbnailBox div.nameAndDate .date { font:.8em Tahoma; color:#999999;}
.thumbnailBox div.readAndRecommend { font-size:.9em; color:#666666; text-align:center;}
.thumbnailBox div.readAndRecommend .num { font:.8em Tahoma;}
.thumbnailBox div.readAndRecommend .vr { color:#dddddd;}
.thumbnailBox div.readAndRecommend strong.num { font:bold .8em Tahoma; color:#ff6600;}

/* board Bottom */
.boardBottom { margin-top:10px; }

/* list button */
.leftButtonBox { float: left; }
.rightButtonBox { float: right; }

/* Search Form */
.boardSearch { margin-top:30px; margin-left:auto; margin-right:auto; clear:both; text-align:center;}
.boardSearch select { height:20px; }
.boardSearch input { height:18px; }

/* boardWrite */
.boardEditor { margin-bottom:10px; }
.commentEditor { margin-top:10px; }
.boardWrite { border:1px solid #e0e1db; padding-bottom:10px;}
.boardWrite fieldset { border:none; }
.boardWrite .userNameAndPw { margin:10px 10px 0 10px; }
.boardWrite .userNameAndPw .userName {width:60px; margin-right:10px; }
.boardWrite .userNameAndPw .userPw {width:60px; margin-right:10px; }
.boardWrite .userNameAndPw .emailAddress {width:60px; margin-right:10px; }
.boardWrite .userNameAndPw .homePage {width:60px; margin-right:10px; }

.boardWrite .title { margin-top:5px; }
.boardWrite .title .category { margin-left:10px; }
.boardWrite .title label.title { margin:0 10px 0 10px; }
.boardWrite .title input.title { width:60%;}

.boardWrite dl { padding:0; margin:0; }
.boardWrite dl dd { padding:0; margin:0; }
.boardWrite dl.option { margin:10px 0 3px 10px; padding:0;}
.boardWrite dl.option dd { display:inline; margin-right:5px; }
.boardWrite dl.option dd * { vertical-align:middle;}
.boardWrite dl.option dd select { width:8em; font-size:.95em; }

.boardWrite .tag { margin-top:10px; margin-left:10px; }
.boardWrite .tag .inputTypeText { width:90%; background:#FFFFFF url("/modules/board/skins/xe_board/images/common/iconTag.gif") no-repeat 5px 5px; padding-left:30px;}
.boardWrite .tag .help { vertical-align:middle;}
.boardWrite .tag .info { font-size:.9em; color:#999999; background:url("/modules/board/skins/xe_board/images/common/iconArrowD8.gif") no-repeat 0% 40%; margin-top:5px; padding-left:5px;}

.boardWrite .extraVarsList { width:100%; border-top:1px solid #e0e1db; border-bottom:none; margin:10px 0 10px 0; table-layout:fixed;}
.boardWrite .extraVarsList th { font-weight:normal; color:#555555; text-align:left; padding:4px 0 4px 10px; border-bottom:1px solid #e0e1db; border-right:1px solid #e0e1db;}
.boardWrite .extraVarsList td { color:#555555; border-bottom:1px solid #e0e1db; padding:4px 0 4px 10px; }
.boardWrite .extraVarsList td a { color:#555555; }

.boardWrite .extraVarsList p { margin:5px 0 0 0; padding:0; }
.boardWrite .extraVarsList ul { margin:0; padding:0; }

.smallBox { border:1px solid #e0e1db; margin-left:auto; margin-right:auto; padding-bottom:10px; }
.smallBox.w268 { width:268px;}
.smallBox .header { margin:0; padding:0; position:relative; _width:100%; background:#ffffff url("/modules/board/skins/xe_board/images/common/bgH3.gif") no-repeat left bottom; overflow:hidden;}
.smallBox .header h3 { margin:0; padding:0; clear:both; font-size:1.2em; padding:.8em 2em .6em 1.2em; border-bottom:3px solid #fe3614; }
.smallBox .complex { padding:1.5em 2em 2em 2em;}
.smallBox .inputPassword { position:relative; border:none; padding:2em 2em 1.5em 2em;}
.smallBox .inputPassword .inputTypeText { float:left; margin-right:.5em; width:8em;}
.smallBox .inputPassword legend { position:absolute; overflow:hidden; width:1px; height:1px; font-size:.001em; text-indent:-100em;}
.smallBox .messageBox { background-color:#F3F3F3; padding:10px; border-bottom:1px solid #EEEEEE;}

/* Pagination Reset */
.pagination{ padding:15px 0; margin:0; text-align:center;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#333; font-family:Tahoma, Sans-serif; vertical-align:middle;}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{ background-color:#f4f4f4 !important; }
.pagination strong{ color:#ff6600 !important;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }

/* Pagination A1 */
.pagination.a1 a,
.pagination.a1 strong{ margin:0 -4px; padding:1px 10px 1px 8px; border:none; border-left:1px solid #ccc; border-right:1px solid #ddd; font-weight:bold; font-size:12px; background:#fff;}
.pagination.a1 a.prev{ padding-left:10px; background:#fff url("/modules/board/skins/xe_board/images/common/arrowPrevA1.gif") no-repeat left center; }
.pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url("/modules/board/skins/xe_board/images/common/arrowPrevEndA1.gif") no-repeat left center; }
.pagination.a1 a.next{ padding-right:10px; background:#fff url("/modules/board/skins/xe_board/images/common/arrowNextA1.gif") no-repeat right center; }
.pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url("/modules/board/skins/xe_board/images/common/arrowNextEndA1.gif") no-repeat right center; }

/* Pagination A2 */
.pagination.a2 a,
.pagination.a2 strong{ margin:0 -4px; padding:0 10px 0 8px; font-weight:bold; font-size:11px; border:none; border-left:1px solid #ddd; border-right:1px solid #ccc; background:#fff; }
.pagination.a2 a.prev{ padding-left:10px; background:#fff url("/modules/board/skins/xe_board/images/common/arrowPrevA1.gif") no-repeat left center; }
.pagination.a2 a.prevEnd{ padding-left:15px; background:#fff url("/modules/board/skins/xe_board/images/common/arrowPrevEndA1.gif") no-repeat left center; }
.pagination.a2 a.next{ padding-right:10px; background:#fff url("/modules/board/skins/xe_board/images/common/arrowNextA1.gif") no-repeat right center; }
.pagination.a2 a.nextEnd{ padding-right:15px; background:#fff url("/modules/board/skins/xe_board/images/common/arrowNextEndA1.gif") no-repeat right center; }

/* Pagination B1 */
.pagination.b1 a,
.pagination.b1 strong{ margin:0 -2px; padding:2px 8px; font-weight:bold; font-size:12px;}
.pagination.b1 a.prev{ padding-left:16px; background:url("/modules/board/skins/xe_board/images/common/arrowPrevB1.gif") no-repeat left center; }
.pagination.b1 a.next{ padding-right:16px; background:url("/modules/board/skins/xe_board/images/common/arrowNextB1.gif") no-repeat right center; }

/* Pagination B2 */
.pagination.b2 a,
.pagination.b2 strong{ margin:0 -2px; padding:2px 6px; font-size:11px;}
.pagination.b2 a.prev{ padding-left:12px; background:url("/modules/board/skins/xe_board/images/common/arrowPrevB1.gif") no-repeat left center; }
.pagination.b2 a.next{ padding-right:12px; background:url("/modules/board/skins/xe_board/images/common/arrowNextB1.gif") no-repeat right center; }

/* Pagination C1 */
.pagination.c1 a,
.pagination.c1 strong{ margin:0 -2px; padding:2px 4px; font-size:12px;}
.pagination.c1 a.prev,
.pagination.c1 a.next{ display:inline-block; width:13px; height:14px; padding:3px 4px; margin:0;}
.pagination.c1 a.prev{ background:url("/modules/board/skins/xe_board/images/common/arrowPrevC1.gif") no-repeat center;}
.pagination.c1 a.next{ background:url("/modules/board/skins/xe_board/images/common/arrowNextC1.gif") no-repeat center;}
.pagination.c1 a.prev span,
.pagination.c1 a.next span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}

/* Pagination C2 */
.pagination.c2 a,
.pagination.c2 strong{ margin:0 -2px; padding:2px 4px; font-size:11px;}
.pagination.c2 a.prev,
.pagination.c2 a.next{ display:inline-block; width:13px; height:14px; padding:3px 4px; margin:0;}
.pagination.c2 a.prev{ background:url("/modules/board/skins/xe_board/images/common/arrowPrevC1.gif") no-repeat center;}
.pagination.c2 a.next{ background:url("/modules/board/skins/xe_board/images/common/arrowNextC1.gif") no-repeat center;}
.pagination.c2 a.prev span,
.pagination.c2 a.next span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}

/* 게시물의 팝업 메뉴 */
.comment_popup_menu, .document_popup_menu { text-align:right; background:url("/modules/board/skins/xe_board/images/common/document_menu.gif") no-repeat right top !important; padding:0 15px 0 0; height:18px;  clear:both;}
.comment_popup_menu a, .document_popup_menu a { cursor:pointer; display:inline; color:#555555 !important; text-decoration:none; }

/* tag list */
.tagsBox { border:1px solid #EEEEEE; padding:10px; overflow:hidden;}
.tagsBox h5 { margin:0; padding:2px; }
.tags { width:100%; }
.tags div { float:left; padding:2px; margin-right:10px; overflow:hidden; white-space:nowrap; height:15px;}
.tags div a { text-decoration:none; color:#555555; line-height:150%;}
.tags div a:hover { background-color:#888888; color:#FFFFFF;}
.tags .tagTypeA a { color:#fe3614; font-weight:bold; font-size:12pt; background-color:#EFEFEF; margin:0;}
.tags .tagTypeB a { color:#fe3614; font-size:11pt; margin:0;}
.tags .tagTypeC a { font-weight:bold; font-size:11pt; margin:0; background-color:#EFEFEF;}
.tags .tagTypeD a { font-weight:bold; margin:0; background-color:#EFEFEF;}
.tags .tagTypeE a { font-weight:normal; margin:0;}


/* 회원 서명 및 프로필 이미지 출력 */
.memberSignature { border:1px solid #e0e1db; padding:10px; margin-top:20px; clear:both;}
.memberSignature .profile { float:left; margin-right:20px; }
.commentProfileImage { margin:0 10px 10px 0; float:left; }
.replyBox .xe_content { display:inline; }

.display_date {  cursor:pointer; width:80px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1em; padding:3px;  margin-right:10px;}

/* 확장 변수 폼 */
.extraVarsList tr td .text { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:90%; }
.extraVarsList tr td .email_address { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }
.extraVarsList tr td .homepage { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }
.extraVarsList tr td .tel { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:40px; margin-right:10px;}
.extraVarsList tr td .textarea { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:90%; height:80px; font-size:12px;}
.extraVarsList tr td ul { margin:0; padding:0; list-style:none; }
.extraVarsList tr td ul li { display:inline-block; margin-right:10px; }
.extraVarsList tr td ul li input { margin-right:5px; vertical-align:middle;}
.extraVarsList tr td .date { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:100px; }
.extraVarsList tr td .address { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }


/* board Title */
.boardHeader h1,
.boardHeader h2,
.boardHeader h3,
.boardHeader h4,
.boardHeader h5,
.boardHeader h6
{ border-bottom:3px solid #fe3614; }

/* board Information */
.articleNum { float:left; background:url("/modules/board/skins/xe_board/images/white/iconArticle.gif") no-repeat left top; }
.articleNum strong { font:bold 11px Tahoma; color:#ff6600;}

/* account Navigation */
.accountNavigation li.join a { background:url("/modules/board/skins/xe_board/images/white/iconMyInfo.gif") no-repeat left top; padding-left:14px; }
.accountNavigation li.myInfo a { background:url("/modules/board/skins/xe_board/images/white/iconMyInfo.gif") no-repeat left top; padding-left:14px; }

/* boardRead */
.boardRead .fileAttached li { background:url("/modules/board/skins/xe_board/images/white/iconFile.gif") no-repeat left top;}

/* style.list */
.boardList th { background:#ffffff url("/modules/board/skins/xe_board/images/white/lineBoardListTh.gif") no-repeat left bottom; }
.boardList td.recommend { color:#ff6600; }
.boardList td .replyAndTrackback { color:#ff6600; }
.buttonTypeGo { background:url("/modules/board/skins/xe_board/images/white/buttonTypeInput24.gif") no-repeat; }

/* pagination */
.pagenation strong { color:#ff6600; }

/* replyAndTrackback */
.buttonBox .replyAndTrackback a strong { color:#ff6600;}

.replyBox .fileAttached li { background:url("/modules/board/skins/xe_board/images/white/iconFile.gif") no-repeat left top;}

/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* 
A CSS framework begins here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.
여기서 부터 CSS 프레임웍 입니다. 프레임웍 수정을 권장하지 않습니다. 스킨을 변형할 때 프레임웍 밖에서 선언된 속성으로 덮어쓰기 할 수 있습니다. 
*/

/* Layout */
#xe{ position:relative;}
#container{ position:relative;}
#header{ position:relative; clear:both; *zoom:1;}
#header:after{ content:""; display:block; clear:both;}
#body{ position:relative; clear:both; *zoom:1;}
#body:after{ content:""; display:block; clear:both;}
#content{ position:relative; text-align:justify; *zoom:1;}
#content:after{ content:""; display:block; clear:both;}
#footer{ position:relative; clear:both; *zoom:1;}
#footer:after{ content:""; display:block; clear:both;}

/* Layout Width */
.fixed #container{ width:960px; margin-left:auto; margin-right:auto;}
.liquid #container{ width:80%; margin-left:auto; margin-right:auto;}
.hybrid #container{ width:80%; margin-left:auto; margin-right:auto;}

/* Layout Align */
.aLeft #container{ margin-left:0;}
.aRight #container{ margin-right:0;}

/* Header Extension */
#header .extension{ position:relative; *zoom:1;}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension *{ margin:0; padding:0;}
#header .extension .section{ position:relative;}
#header .extension ul{ position:relative;}
#header .extension li{ position:relative; display:inline; list-style:none;}

/* Footer Extension */
#footer .extension{ position:relative; *zoom:1;}
#footer .extension:after{ content:""; display:block; clear:both;}
#footer .extension *{ margin:0; padding:0;}
#footer .extension .section{ position:relative;}
#footer .extension ul{ position:relative;}
#footer .extension li{ position:relative; display:inline; list-style:none;}

/* Body Extension */
#body .extension{position:relative; *zoom:1; display:none;}
#body .extension:after{ content:""; display:block; clear:both;}
#body .extension .section{position:relative;}

/* ----- Fixed 1 Column Layout ----- */
.fixed .c #body .e1{ display:block; margin-right:-30px;}
.fixed .c #body .e1 .section{ float:left; width:300px; margin-right:30px;}

/* ----- Liquid 1 Column Layout ----- */
.liquid .c #body .e1{ display:block; margin-right:-3.4%;}
.liquid .c #body .e1 .section{ float:left; width:30%; margin-right:3.3%;}

/* ----- Hybrid 1 Column Layout ----- */
.hybrid .c #body .e1{ display:block; margin-right:-30px;}
.hybrid .c #body .e1 .section{ float:left; width:240px; margin-right:30px;}

/* ----- Fixed 2 Column Layout ----- */
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:220px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:720px;}
.fixed .ce #body #content{ float:left;}
.fixed .ec #body #content{ float:right;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ display:block;}
.fixed .ce #body .e1{ float:right; clear:right;}
.fixed .ec #body .e1{ float:left; clear:left;}

/* ----- Liquid 2 Column Layout ----- */
.liquid .ce #body .e1,
.liquid .ec #body .e1{ width:23%;}
.liquid .ce #body #content,
.liquid .ec #body #content{ width:75%;}
.liquid .ce #body #content{ float:left;}
.liquid .ec #body #content{ float:right;}
.liquid .ce #body .e1,
.liquid .ec #body .e1{ display:block;}
.liquid .ce #body .e1{ float:right; clear:right;}
.liquid .ec #body .e1{ float:left; clear:left;}

/* ----- Hybrid 2 Column Layout ----- */
.hybrid .ce #body{ padding-right:280px;}
.hybrid .ec #body{ padding-left:280px;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ width:260px;}
.hybrid .ce #body #content,
.hybrid .ec #body #content{ width:100%;}
.hybrid .ce #body #content{ float:left;}
.hybrid .ec #body #content{ float:right;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ display:block;}
.hybrid .ce #body .e1{ float:right; clear:right; margin-left:-260px; right:-280px;}
.hybrid .ec #body .e1{ float:left; clear:left; margin-right:-260px; left:-280px;}

/* ----- Fixed 3 Column Layout ----- */
.fixed .cee #body .e1,
.fixed .cee #body .e2,
.fixed .ece #body .e1,
.fixed .ece #body .e2,
.fixed .eec #body .e1,
.fixed .eec #body .e2{ display:block; width:200px;}

.fixed .cee #body #content,
.fixed .ece #body #content,
.fixed .eec #body #content{ width:520px;}

.fixed .cee #body #content{ float:left; margin-right:20px;}
.fixed .ece #body #content{ float:left; margin-right:-100%; left:220px;}
.fixed .eec #body #content{ float:right;}

.fixed .ece #body .e1,
.fixed .eec #body .e1{ float:left; margin-right:20px;}

.fixed .cee #body .e1,
.fixed .eec #body .e2{ float:left;}

.fixed .cee #body .e2,
.fixed .ece #body .e2{ float:right;}

/* ----- Liquid 3 Column Layout ----- */
.liquid .cee #body .e1,
.liquid .cee #body .e2,
.liquid .ece #body .e1,
.liquid .ece #body .e2,
.liquid .eec #body .e1,
.liquid .eec #body .e2{ display:block; width:20%;}

.liquid .cee #body #content,
.liquid .ece #body #content,
.liquid .eec #body #content{ width:56%;}

.liquid .cee #body #content{ float:left; margin-right:2%;}
.liquid .ece #body #content{ float:left; margin-right:-100%; left:22%;}
.liquid .eec #body #content{ float:right;}

.liquid .ece #body .e1,
.liquid .eec #body .e1{ float:left; margin-right:2%;}

.liquid .cee #body .e1,
.liquid .eec #body .e2{ float:left;}

.liquid .cee #body .e2,
.liquid .ece #body .e2{ float:right;}

/* ----- Hybrid 3 Column Layout ----- */
.hybrid .cee #body .e1,
.hybrid .cee #body .e2,
.hybrid .ece #body .e1,
.hybrid .ece #body .e2,
.hybrid .eec #body .e1,
.hybrid .eec #body .e2{ display:block; width:220px;}

.hybrid .cee #body{ padding-right:480px;}
.hybrid .ece #body{ padding-left:240px; padding-right:240px;}
.hybrid .eec #body{ padding-left:480px;}

.hybrid .cee #body #content,
.hybrid .ece #body #content,
.hybrid .eec #body #content{ width:100%;}

.hybrid .cee #body #content,
.hybrid .ece #body #content{ float:left; margin-right:-100%;}
.hybrid .eec #body #content{ float:right;}

.hybrid .ece #body .e1,
.hybrid .eec #body .e2{ float:left; left:-240px; margin-right:-220px;}
.hybrid .eec #body .e1{ float:left; left:-480px; margin-right:-220px;}

.hybrid .cee #body .e1,
.hybrid .ece #body .e2{ float:right; left:240px; margin-left:-220px;}
.hybrid .cee #body .e2{ float:right; left:480px; margin-left:-220px;}

/* 
A CSS framework ends here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.
여기까지 CSS 프레임웍 입니다. 프레임웍 수정을 권장하지 않습니다. 스킨을 변형할 때 프레임웍 밖에서 선언된 속성으로 덮어쓰기 할 수 있습니다. 
*/
.bd {
	border:1px red solid;
	}
/* Element Reset */
body { font-family:AppleGothic, Tahoma, Sans-serif; font-size:12px; margin:0; background-color:#fff; color:#000;}
address { font-style:normal;}
hr{ display:none; position:absolute;}
legend{ position:absolute; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
fieldset{ border:0; padding:0; margin:0;}

/* Global Class */
.inputText{ border:1px solid #9c9c9c; border-right-color:#c2c2c2; border-bottom-color:#c2c2c2; color:#666; font-family:Tahoma;}
.inputTextarea{ border:1px solid #9c9c9c; border-right-color:#c2c2c2; border-bottom-color:#c2c2c2; color:#666; font-family:Tahoma; line-height:1.5;}
.inputCheck{ width:13px; height:13px;}
.inputRadio{ width:13px; height:13px;}

/* Skip To Content */
a.skipToContent{ display:block; position:relative; clear:both; overflow:hidden; width:1px; height:1px; text-decoration:none !important; margin:0 0 -1px 0;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ width:100%; height:auto; margin-bottom:-23px; padding:5px 0;}

/* Layout */
body { background:url("/layouts/zirho/img/body_bg.jpg"); }
#xe { font-family: Arial, Helvetica, sans-serif; background:url("/layouts/zirho/img/body_bg.jpg"); margin: 0; padding: 0; text-align: center;  color: #000; }
#xe #container { background:url("/layouts/zirho/img/body_top_bg.jpg") repeat-x; height: 100%; width: 100%; }
#header{ text-align: left;padding:35px 0 0 0; background: url("/layouts/zirho/img/header_bg.jpg") no-repeat; padding: 0px; height: 270px; width: 1000px; margin: 0 auto; }
#body{ padding:0 0 0 0; width: 1000px; margin: 0 auto;}
#body_full{ padding:0 0 0 5px; width: 995px; margin: 0 auto;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width: 704px; padding: 16px 5px 5px 16px;}
.fixed .ce #body_full #content,
.fixed .ec #body_full #content{ width: 968px; padding: 16px 10px 16px 10px;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:240px; padding: 20px 25px 20px 10px;}
#footer{ padding:15px 0 30px 0; border-top:1px solid #000; width: 1000px; margin: 0 auto;}

/* Header */
#header .topImage { width: 1000px; height: 228px; }
#header .logo a{ text-decoration:none; float:right;margin-top:120px;margin-right:80px; font-size: 44px; color:white; }
#header .logo a:hover,
#header .logo a:active,
#header .logo a:focus{ text-decoration:underline; color:white;}
#xe #header .gnb { float:left; padding: 0px; width: 800px; border:0px; margin:0px; height:42px; overflow:hidden; background: #fff url("/layouts/zirho/img/nav_bg.jpg") repeat-x ; }  
#xe #header .gnb .gnblist { padding:0 0 0 100px; padding:0; margin:0 auto; height:42px; }
#xe #header .gnb .gnblist .menulist { padding-left:100px; margin:0; height:43px; }
#xe #header .gnb .gnblist .menu, 
#xe #header .gnb .gnblist .menu_sel { display:block; float:left; list-style-type:none; height:43px;}
#xe #header .gnb .gnblist a{ display:inline-block; text-decoration:none; color: #666; text-align:center; padding:13px 30px 14px 30px; }
#xe #header .gnb .gnblist a:hover,
#xe #header .gnb .gnblist a:active,
#xe #header .gnb .gnblist a:focus, 
#xe #header .gnb .gnblist .menu_sel a { font-weight: bold; background: #fff url("/layouts/zirho/img/nav_bg_sel.jpg") repeat-x ; text-decoration:underline; border-left: 1px #bbb solid; border-right: 1px #bbb solid; }

#xe #header .gnb2 {float:right; background: url("/layouts/zirho/img/nav_bg.jpg") repeat-x; padding: 0px; width: 200px; border:0px; margin:0px; height:42px; overflow:hidden;}   
#xe #header .gnb2 .w_search { padding:5px; }
#xe #header .gnb2 .w_searchbox { width:140px; height:18px; background: url("/layouts/zirho/img/w_searchbox.jpg") no-repeat; padding:5px; border:2px #fff inset; background:#fff; float:left; }	
#xe #header .gnb2 .w_searchbtn { float:left; margin-top:-5px; margin-left:4px; }

/* Footer */
#xe #footer { padding: 0px; background:url("/layouts/zirho/img/footer_bg.jpg") no-repeat; height: 278px; color: #CCC; font-weight: bold; } 
#xe #footer p { margin: 0; padding: 10px 0; }
#xe #footer .footerContents { margin:0 auto; padding-top:120px; width:520px; }
#xe #footer .copyright { width:995px; padding-top:120px; padding-right:5px; text-align:right; font-size: .9em; }

/* Body */
#body { background:#fff; }
#body_full { background:#fff; }
#body .extension a{ text-decoration:none;}
#body .extension a:hover,
#body .extension a:active,
#body .extension a:focus{ text-decoration:underline;}
#body .extension .section{ text-align: left; color:#666; margin-bottom:40px;}
#body .extension .section h2{ padding:6px 0 6px 5px; margin:0 0 15px 0; font-size:12px; color:#000; background:url("/layouts/zirho/img/section_short_bar.gif") no-repeat center bottom;}
#body .extension .section a{ color:#666;}

#xe #subTitle { *zoom:1; float:none; padding:12px 30px; border:1px #bbb solid; background:#222; color:white; font-weight:bold; } 
#xe #subTitle:after{ content:""; display:block; clear:both;}
#xe #mainMenu a{ text-decoration:none; color:#fff; margin-right:11px; float:left; font-size:2.4em;} 
#xe #mainMenu a:hover ,
#xe #mainMenu a:active ,
#xe #mainMenu a:focus { text-decoration:none; color:#fff; float:left;}  
#xe #subMenu_sel, #xe #subMenu { padding-top:5px; padding-bottom:5px; }
#xe #subMenu_sel a{ text-decoration:none; color:#f30; margin:10px; font-size:1.4em; }
#xe #subMenu_sel a:hover ,
#xe #subMenu_sel a:active ,
#xe #subMenu_sel a:focus { text-decoration:none; color:#f30; margin:10px; font-size:1.4em;}  
#xe #subMenu a{ text-decoration:none; color:#888; margin:10px; font-size:1.4em;} 
#xe #subMenu a:hover ,
#xe #subMenu a:active ,
#xe #subMenu a:focus { text-decoration:none; color:#ddd; margin:10px; font-size:1.4em; } 

.ib { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align:top; }

/* Content */
#content .postTitle { position:relative; padding:5px 0; margin:0 0 20px 0; font-size:18px; color:#000; background:url("/layouts/zirho/img/section_long_bar.gif") no-repeat center bottom;}
#content .postTitle em{ font-style:normal; color:#1e4395;}
#content .postTitle .category{ font-weight:normal; padding:0 0 0 10px; margin:0 0 0 5px; font-size:12px; background:url("/layouts/zirho/css/img/lineVrText.gif") no-repeat left center; color:#666;}

#content .postTitle a{ text-decoration:none; color:#000;}
#content .postTitle a:hover,
#content .postTitle a:active,
#content .postTitle a:focus{ text-decoration:underline;}

#content .usedTag{ *zoom:1; font-size:11px;}
#content .usedTag:after{ content:""; display:block; clear:both;}
#content .usedTag dt{ display:table-cell; *float:left; color:#666;}
#content .usedTag dd{ display:table-cell; *float:left; color:#8b8b8b; padding-left:5px;}
#content .usedTag dd a{ color:#8b8b8b; text-decoration:none;}
#content .usedTag dd a:hover,
#content .usedTag dd a:active,
#content .usedTag dd a:focus{ text-decoration:underline;}

#content .postMeta{ float:right; clear:both; position:relative; top:-40px; margin:0; right:0; font-size:11px; text-align:right;}
#content .postMeta .yymmdd{ color:#666;}
#content .postMeta .hhmm{ color:#8b8b8b;}
#content .postMeta .author{ padding:0 0 0 6px; margin:0 0 0 4px; text-decoration:none; color:#000; background:url("/layouts/zirho/css/img/lineVrText.gif") no-repeat left center;}
#content .postMeta a.editPost{ padding:0 0 0 8px; text-decoration:underline; margin-left:5px; color:#666; background:url("/layouts/zirho/css/img/lineVrText.gif") no-repeat left center; *zoom:1;}

#content .summarySpot{ float:left; margin-right:1.5em !important; position:relative;}
#content .summaryMore{ clear:both; text-align:right;}
#content .summaryMore a{ color:#666;}

/* Feedback */
.feedback{ margin-bottom:30px; padding-top:1em; background:url("/layouts/zirho/img/section_long_bar2.gif") no-repeat center top;}
.feedback .feedbackTitle{ height:19px; overflow:hidden; font-size:11px; margin-top:0; color: #343434; }
.feedback .feedbackTitle em{ display:inline-block; margin:0 5px 0 6px; padding:0 10px 0 4px; height:19px; font-style:normal; color:#1e4395;}

.feedback .feedbackOrder{ position:relative; margin:0; padding:0; *zoom:1;}
.feedback .feedbackOrder .item{ position:relative; *zoom:1;}
.feedback .feedbackOrder .item:after{ content:""; display:block; clear:both;}

.feedback.trackback .data{ color:#8b8b8b;}
.feedback.trackback .item{ padding:15px 0; list-style:none; background:url("/layouts/zirho/img/section_long_bar3.gif") no-repeat center top;}

.feedback.reply .feedbackOrder{ overflow:hidden;}
.feedback.reply .item{ top:-1px; padding:15px 0; list-style:none; background:url("/layouts/zirho/img/section_long_bar3.gif") no-repeat center top;}

.feedback .trackbackURL{ *zoom:1;}
.feedback .trackbackURL:after{ content:""; display:block; clear:both;}
.feedback .trackbackURL a{ font-size:11px; color:#666; text-decoration:none;}
.feedback .trackbackURL a:hover,
.feedback .trackbackURL a:active,
.feedback .trackbackURL a:focus{ text-decoration:underline;}

.feedback .item.replyTarget{ background-color:#f9f9f9; padding-right:10px;}
.feedback .item.replyTarget .textyleContent{ background-color:transparent;}
.feedback .item.indent{ background-image:url("/layouts/zirho/css/img/iconIndent.gif"); background-repeat:no-repeat;}
.feedback .item.indent.indent1{ padding-left:30px; background-position:10px 20px;}
.feedback .item.indent.indent2{ padding-left:60px; background-position:40px 20px;}
.feedback .item.indent.indent3{ padding-left:90px; background-position:70px 20px;}
.feedback .item.indent.indent4{ padding-left:120px; background-position:100px 20px;}
.feedback .item.indent.indent5{ padding-left:150px; background-position:130px 20px;}
.feedback .item.indent.indent6{ padding-left:180px; background-position:160px 20px;}
.feedback .item.indent.indent7{ padding-left:210px; background-position:190px 20px;}
.feedback .item.indent.indent8{ padding-left:240px; background-position:220px 20px;}
.feedback .item.indent.indent9{ padding-left:270px; background-position:250px 20px;}
.feedback .item.indent.indent10{ padding-left:300px; background-position:280px 20px;}
.feedback .item.indent.indent11{ padding-left:330px; background-position:310px 20px;}
.feedback .item.indent.indent12{ padding-left:360px; background-position:340px 20px;}
.feedback .item.indent.indent13{ padding-left:390px; background-position:370px 20px;}
.feedback .item.indent.indent14{ padding-left:420px; background-position:400px 20px;}
.feedback .item.indent.indent15{ padding-left:450px; background-position:430px 20px;}
.feedback .item.indent.indent16{ padding-left:480px; background-position:460px 20px;}
.feedback .item.indent.indent17{ padding-left:510px; background-position:490px 20px;}
.feedback .item.indent.indent18{ padding-left:540px; background-position:520px 20px;}
.feedback .item.indent.indent19{ padding-left:570px; background-position:550px 20px;}
.feedback .item.indent.indent20{ padding-left:600px; background-position:580px 20px;}
.feedback .item.indent.indent21{ padding-left:630px; background-position:610px 20px;}
.feedback .item.indent.indent22{ padding-left:660px; background-position:640px 20px;}
.feedback .item.indent.indent23{ padding-left:690px; background-position:670px 20px;}
.feedback .item.indent.indent24{ padding-left:720px; background-position:700px 20px;}
.feedback .item.indent.indent25{ padding-left:750px; background-position:730px 20px;}
.feedback .item.indent.indent26{ padding-left:780px; background-position:760px 20px;}
.feedback .item.indent.indent27{ padding-left:810px; background-position:790px 20px;}
.feedback .item.indent.indent28{ padding-left:840px; background-position:820px 20px;}
.feedback .item.indent.indent29{ padding-left:870px; background-position:850px 20px;}
.feedback .item.indent.indent30{ padding-left:900px; background-position:880px 20px;}

.feedback .date{ margin:0; font-size:9px; color:#666;}
.feedback .date .hhmm{ color:#8b8b8b;}

.feedback .meta{ display:table-cell; width:140px; padding:0 20px 0 0; margin:0; *zoom:1; float:left;}
.feedback .meta:after{ content:""; display:block; clear:both;}
.feedback .meta a{ text-decoration:none;}
.feedback .meta a:hover,
.feedback .meta a:active,
.feedback .meta a:focus{ text-decoration:underline;}
.feedback .meta .thumb{ float:left; margin:0 10px 5px 0;}
.feedback .meta .thumb img{ border:1px solid #ededed; vertical-align:middle; width:39px; height:39px;}
.feedback .meta .author{ margin:0 0 5px 0; padding:0; color:#666; font-size:12px;}
.feedback .meta .author a{ color:#000;}
.feedback .meta .title{ margin:0; padding:0; color:#666; font-size:12px;}
.feedback .meta .title a{ color:#000;}
.feedback .meta .ipAddress{ margin:0; font-size:9px; color:#8b8b8b;}

.feedback .data{ display:table-cell; *float:left; clear:none;}
.feedback .data .trackbackTitle{ margin:0; color:#333; font-weight:normal; font-size:12px;}
.feedback .data .trackbackTitle a{ text-decoration:none; color:#333; margin-right:10px;}
.feedback .data .trackbackTitle a:hover,
.feedback .data .trackbackTitle a:active,
.feedback .data .trackbackTitle a:focus{ text-decoration:underline;}
.feedback .data p{ margin:0 !important;}
.feedback .data p.secret{ padding-left:15px; background:url("/layouts/zirho/css/img/iconSecret.gif") no-repeat left center; color:#8b8b8b;}
.feedback .data #xe_content{ width:auto !important;}

.feedback .reAction{ position:relative; overflow:hidden; padding:0; margin:0; list-style:none; white-space:nowrap; clear:both; *zoom:1;}
.feedback .reAction:after{ content:""; display:block; clear:both;}
.feedback .reAction li{ position:relative; left:-5px; display:inline; margin:0; *margin:0 4px 0 0; padding:0 0 0 5px; background:url("/layouts/zirho/css/img/lineVrText.gif") no-repeat left center; *zoom:1; vertical-align:middle;}
.feedback .reAction li.first{ background:none;}
.feedback .reAction li *{ vertical-align:middle;}
.feedback .reAction li a{ font-size:11px; text-decoration:none; color:#666;}
.feedback .reAction li a:hover,
.feedback .reAction li a:active,
.feedback .reAction li a:focus{ text-decoration:underline;}
.feedback .reAction li button{ overflow:visible; border:0; background:transparent; cursor:pointer; padding:0; font-size:11px; color:#666;}

.feedback .pwForm{ margin:0; padding:0; display:none;}
.feedback .pwForm.active{ display:block;}
.feedback .pwForm *{ vertical-align:middle;}
.feedback .pwForm{ margin:1em 0;}
.feedback .pwForm .inputText{ font-size:11px; padding:2px 4px 4px 4px; height:12px; width:90px; margin:0 -1px 0 0;}
.feedback .pwForm .submit{ border:1px solid #c2c2c2; border-top-color:#9c9c9c; border-left:0; background:#eee; padding:0 2px; height:20px; cursor:pointer; font-size:11px;}

.replyForm{ margin-bottom:50px;}
.replyForm.guestBook{ border:0;}
.feedback .replyForm{ top:0 !important; padding:10px !important; margin-bottom:0; background:#f9f9f9;}
.replyForm *{ font-size:12px;}
.replyForm h3{ font-size:14px;}
.replyForm .inputTextarea{ width:668px !important; padding:5px; display:block; margin:0 0 3px 0; overflow:auto;}
.replyForm .inputTextarea:focus{ background-color:#fffce0;}
.feedback .replyForm .inputTextarea{ width:648px !important;}
.replyForm .inputText{ width:135px; padding:3px 4px; height:15px; vertical-align:middle;}
.replyForm .inputText:focus{ background-color:#fffce0;}
.replyForm .inputText.name,
.replyForm .inputText.pw{ width:100px;}
.replyForm .inputText.email,
.replyForm .inputText.url{ width:160px;}
.replyForm .inputCheck{ vertical-align:middle;}
.replyForm label{ vertical-align:middle; cursor:pointer;}
.replyForm .inputSubmit{ background: url("/layouts/zirho/img/btn01.gif") bottom center; border:0px; cursor:pointer; overflow:visible; padding:7px 20px; font-family:Tahoma; font-weight:bold; display:block; margin:3px 0 0 0; color:#666; }
.replyForm .inputSubmit:hover,
.replyForm .inputSubmit:active,
.replyForm .inputSubmit:focus{ background: url("/layouts/zirho/img/btn02.gif") bottom center; color:white;}
.replyForm strong.name{ margin:0 10px 0 0;}
.replyForm span.email{ color:#8b8b8b; margin:0 10px 0 0; font-size:11px;}
.replyForm span.url{ color:#8b8b8b; font-size:11px; margin:0 10px 0 0;}

/* Pagination Reset */
.pagination{ padding:15px 0; margin:20px 0; text-align:center; *zoom:1;}
.pagination:after{ content:""; display:block; clear:both;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; font-family:Tahoma, Sans-serif; vertical-align:middle; color:#000;}
.pagination strong{ color:#ff6600 !important;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }

/* Pagination Number */
.pagination.paginationNum{ border-top:0px solid #666;}
.pagination.paginationNum a,
.pagination.paginationNum strong{ display:inline-block; margin:0; padding:6px 19px; font-size:11px; border:0px solid #ddd; color:#666;}
.pagination.paginationNum strong{ background:url("/layouts/zirho/img/btn02.gif") bottom center; color:#fff !important;}
.pagination.paginationNum a.prev,
.pagination.paginationNum a.prevEnd,
.pagination.paginationNum a.next,
.pagination.paginationNum a.nextEnd{ width:45px; height:21px; border:0px solid #ddd !important; padding:1px 5px; margin:0; background-repeat:no-repeat;}
.pagination.paginationNum a.prev,
.pagination.paginationNum a.prevEnd{ background-image:url("/layouts/zirho/css/img/buttonPaginationPrev.gif"); background-position:center;}
.pagination.paginationNum a.next,
.pagination.paginationNum a.nextEnd{ background-image:url("/layouts/zirho/css/img/buttonPaginationNext.gif"); background-position:center;}
.pagination.paginationNum a.prev span,
.pagination.paginationNum a.prevEnd span,
.pagination.paginationNum a.next span,
.pagination.paginationNum a.nextEnd span{ width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:14px; *line-height:13px;}
.pagination.paginationNum .num a:hover,
.pagination.paginationNum .num a:active,
.pagination.paginationNum .num a:focus{ color: white;  background:url("/layouts/zirho/img/btn02.gif") bottom center !important;}
.pagination.paginationNum .num {display:inline}


/* Pagination Post */
.pagination.paginationPost a.prev,
.pagination.paginationPost a.next{ display:block; padding:2px 0; background-repeat:no-repeat; background-color:transparent !important; white-space:normal; font-weight:bold !important; color:#8b8b8b;}
.pagination.paginationPost a.prev{ left:-7px; float:left; padding-left:25px; margin:0; background-image:url("/layouts/zirho/css/img/buttonPaginationPrev.gif"); background-position:left 7px; text-align:left;}
.pagination.paginationPost a.next{ right:-7px; float:right; padding-right:25px; margin:0; background-image:url("/layouts/zirho/css/img/buttonPaginationNext.gif"); background-position:right 7px; text-align:right;}
.pagination.paginationPost a:hover,
.pagination.paginationPost a:active,
.pagination.paginationPost a:focus{ text-decoration:underline; color:#1c3a45;}

/* WidgetTree */
.widgetTree *{ margin:0; padding:0; font-size:12px;}
.widgetTree .all{ padding:0 0 0 5px; color:#333 !important;}
.widgetTree a strong{ letter-spacing:-1px; cursor:pointer; _cursor /**/:hand;}
.widgetTree ul{ position:relative; display:block; padding:3px 0 0 0 !important; margin:0 0 0 11px; zoom:1; background:url("/layouts/zirho/css/img/lineTreeVr.gif") repeat-y 0 -1px;}
.widgetTree ul li{ list-style:none; position:relative; padding:3px 0 2px 8px; white-space:nowrap; background:url("/layouts/zirho/css/img/lineTreeHr.gif") no-repeat 1px 5px !important;}
.widgetTree ul li .nav_tree_label,
.widgetTree ul li .sum{ position:relative; left:16px; _left /**/:0; top:0; color:#8b8b8b;}
.widgetTree ul li em{ font-style:normal;}
.widgetTree ul li button{ display:inline-block; position:relative; _left /**/:-16px; *top:-2px; width:13px; height:13px; *width:17px; *height:17px; margin:0 -13px 0 0; *margin:0 -17px -1px -2px; text-indent:-10000px; *text-indent:0; *font:0/0 Sans-serif; border:none; cursor:pointer; _cursor /**/:hand; background:url("/layouts/zirho/css/img/buttonTreeCollapse.gif") no-repeat;}
.widgetTree ul li ul{ display:none; padding:2px 0 0 0 !important; margin:0 0 -2px 6px; background-position:left top;}
.widgetTree ul li ul li{ display:none;}
.widgetTree ul li.nav_tree_on button{ background-position:0 -13px; *background-position:2px -11px;}
.widgetTree ul li.nav_tree_off button{ background-position:0 0; *background-position:2px 2px;}
.widgetTree ul li.nav_tree_on ul{ display:block;}
.widgetTree ul li.nav_tree_on ul li{ display:block;}
.widgetTree ul li.nav_tree_off ul{ display:none;}
.widgetTree ul li.nav_tree_off ul li{ display:none;}
.widgetTree ul li.nav_tree_last{ background:url("/layouts/zirho/css/img/lineTreeLastHr.gif") no-repeat 0 5px !important;}
.widgetTree ul li.active,
.widgetTree ul li.active a,
.widgetTree ul li.active .sum{ font-weight:bold; color:#1e4395 !important;}
.widgetTree ul li.active li,
.widgetTree ul li.active li a,
.widgetTree ul li.active li .sum{ font-weight:normal; color:#8b8b8b !important;}
.widgetTree .icon{ position:relative; left:16px;}

/* archive items */
.widgetA{ margin:0 0 0 5px; padding:0; list-style:none;}
.widgetA li{ padding:0 0 0 8px; margin:0 0 5px 0; background:url("/layouts/zirho/img/iconWidgetList.gif") no-repeat 0 6px;}
.widgetA li .replyNum,
.widgetA li .replyNum a{ color:#1e4395 !important;}
.widgetA li .trackbackNum,
.widgetA li .trackbackNum a{ color:#19a0ff !important;}

/* widgetTagCloud */
.widgetTagCloud { text-align:justify; font-size:12px; line-height:1.5; margin:0; padding:0;}
.widgetTagCloud li{ display:inline; list-style:none;}
.widgetTagCloud li a{ white-space:nowrap;}
.widgetTagCloud li.level4 a{ font-size:12px; color:#888 !important;}
.widgetTagCloud li.level3 a{ font-size:12px; color:#666 !important;}
.widgetTagCloud li.level2 a{ font-size:12px; font-weight:bold; color:#444 !important;}
.widgetTagCloud li.level1 a{ font-size:14px; font-weight:bold; color:#000 !important;}

/* Tag Cloud */
.tagCloud { text-align:justify; font-size:12px; line-height:1.5; margin:0; padding:0;}
.tagCloud li{ display:inline; white-space:nowrap; list-style:none;}
.tagCloud li.level1 a{ font-size:11px; color:#888;}
.tagCloud li.level2 a{ font-size:14px; color:#666;}
.tagCloud li.level3 a{ font-size:18px; font-weight:bold; color:#444;}
.tagCloud li.level4 a{ font-size:24px; font-weight:bold; color:#000;}

.tagCloud li a{ text-decoration:none;}
.tagCloud li a:hover,
.tagCloud li a:active,
.tagCloud li a:focus{ text-decoration:underline;}

/* Search Result */
.searchResult{ position:relative; overflow:hidden; margin:1em 0; padding:0; list-style:none;}
.searchResult li{ position:relative; top:-1px; padding:7px 0; border-top:1px solid #f4f4f4;}
.searchResult li a{ text-decoration:none; color:#000;}
.searchResult li a:hover,
.searchResult li a:active,
.searchResult li a:focus{ text-decoration:underline;}
.searchResult li .date{ position:absolute; top:9px; right:0; font-size:9px; color:#8b8b8b;}

/* textyleContent */
.textyleContent{ font-size:12px; line-height:1.6; clear:both;}
.textyleContent h1{ font-size:24px;}
.textyleContent h2{ font-size:20px;}
.textyleContent h3{ font-size:18px;}
.textyleContent h4{ font-size:16px;}
.textyleContent h5{ font-size:14px;}
.textyleContent h6{ font-size:12px;}

/* Attached File */
.textyleContent dl.attachedFile { position:relative; margin:1em 0; padding:1em 0; background:#f9f9f9; border:1px solid #eee;}
.textyleContent dl.attachedFile dt { padding:0 2em .5em 2em; margin:0 0 1em 0; font-weight:bold; text-indent:1em; border-bottom:1px solid #eee; background:#f9f9f9 url("/layouts/zirho/css/img/iconClip.gif") no-repeat 2em .3em; font-size:12px;}
.textyleContent dl.attachedFile em{ font-size:11px; font-weight:normal; font-style:normal; margin:0 5px;}
.textyleContent dl.attachedFile dd{ margin:0; padding:0 2em; color:#8b8b8b; font-size:11px;}
.textyleContent dl.attachedFile dd a{ text-decoration:none; color:#0092cf; margin-right:10px;}
.textyleContent dl.attachedFile dd a:hover,
.textyleContent dl.attachedFile dd a:active,
.textyleContent dl.attachedFile dd a:focus{ text-decoration:underline;}

/* Table Of Content */
.textyleContent .toc{ position:relative; background:#fff; border:1px solid #ddd; font-size:14px; line-height:1.6; margin:1em 0; padding:15px; *zoom:1;}
.textyleContent .toc li{ font-weight:bold; color:#555; margin-left:35px;}
.textyleContent .toc li.toc3{}
.textyleContent .toc li.toc4{ margin-left:55px;}
.textyleContent .toc li.toc5{ margin-left:75px;}
.textyleContent .toc li a{ color:#648ab9; text-decoration:none; font-weight:normal;}
.textyleContent .toc li a:hover,
.textyleContent .toc li a:active,
.textyleContent .toc li a:focus{ text-decoration:underline;}

/* Object */
.textyleContent object{ margin:1em 0;}

/* Horizontal Rule */
.textyleContent hr{ display:block; position:static; border-bottom:0; height:1px; overflow:hidden; color:#e2e2e2; clear:both;}

/* Blockquote */
.textyleContent blockquote{ margin:1em 0; padding:1em 2em; background:#f6f6f6; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* Cite */
.textyleContent cite{ display:block; margin:1em 0;}

/* Link */
.textyleContent #xe_dr_link p strong{ display:block;}

/* P */
.textyleContent p{ margin:1em 0 !important;}

/* Me2day Widget */
.me2day_daily_digest{ line-height:1.5;}
.me2day_daily_digest ul{ margin-left:0; padding-left:0; list-style:none;}
.me2day_daily_digest li{ position:relative; clear:both; padding:0 0 16px 45px; margin-bottom:1em; *zoom:1; background:url("/layouts/zirho/css/img/iconMe2day.gif") no-repeat 0 0;}
.me2day_daily_digest .me2_tags{ display:block; padding:5px 0 5px 30px; margin:0; font-size:11px; line-height:1.2; color:#767676; background:url("/layouts/zirho/css/img/iconMe2tag.gif") no-repeat left 5px;}
.me2day_daily_digest .datetime{ position:absolute !important; bottom:2px; display:none; font:11px/1 Tahoma; color:#66C; white-space:nowrap; text-decoration:none;}
.me2day_daily_digest li:hover .datetime{ display:block;}
.me2day_daily_digest a:hover,
.me2day_daily_digest a:active,
.me2day_daily_digest a:focus{ text-decoration:underline;}

/*
#xe { font-family: "나눔고딕 web","NanumGothic","NanumGothicOTF","나눔고딕","Malgun Gothic","Trebuchet MS","Lucida Grande","Tahoma","Helvetica","Arial",sans-serif; }
*/
ul.secSubMenu { list-style:none; }

#body .extension .section li.secSubMenu a { font-size:12px; color:#2a4772; text-decoration:none;}
#body .extension .section li.secSubMenu a:hover, 
#body .extension .section li.secSubMenu a:active,
#body .extension .section li.secSubMenu a:focus{ text-decoration:underline;}
#body .extension .section li.secSubMenu_sel a { font-size:14px; color:#496b9f; text-decoration:underline;}
#body .extension .section li.secSubMenu_sel a:hover, 
#body .extension .section li.secSubMenu_sel a:active,
#body .extension .section li.secSubMenu_sel a:focus{ text-decoration:underline;}

#body .extension div.adsense { margin:15px 0 0 -16px; } 
#body .extension div.donate { height:76px; width:237px; cursor:pointer; background:url("/layouts/zirho/banner/banner_donate.gif") no-repeat; margin:15px 0 0 -16px; } 
#body .xe_content div.donate { height:76px; width:237px; cursor:pointer; background:url("/layouts/zirho/banner/banner_donate.gif") no-repeat; }
.login_default { margin:0; padding:0; border:2px solid #d9d9d9; width:196px; position:relative; _padding-top:2px; display:block;}
*:first-child+html body .login_default { padding-top:2px;}
.login_default legend { display:none; width:0; height:0; overflow:hidden; font-size:0;}
.login_default form { position:relative; border:1px solid #cacaca; padding:11px 11px 7px 11px; width:172px;}
.login_default form .idpwWrap { overflow:hidden; clear:both; width:172px;}
.login_default form .idpw { float:left; width:110px; }
.login_default form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma;}
.login_default form .login { float:right;}

.login_default form p.securitySignIn { clear:both; padding:0 0 0 18px; margin:4px 0 0 0; }
.login_default form p.noneSSL { background:url("/widgets/login_info/skins/xe_official/images/none_ssl.png") no-repeat left top; }
.login_default form p.SSL { background:url("/widgets/login_info/skins/xe_official/images/ssl.png") no-repeat left top; }
.login_default form p.noneSSL a { color:#BF6801; text-decoration:none; }
.login_default form p.SSL a { color:#9CAC74; text-decoration:none; }

.login_default form p.save { margin:0; clear:both; padding:.3em 0;}
.login_default form p.save input { vertical-align:middle; _margin:-3px;}
*:first-child+html body .login_default form p input { margin:-3px; }
.login_default form p.save label { font:.9em; color:#999999;}
.login_default form ul.help { margin:0; border-top:1px solid #e4e4e4; overflow:hidden; padding:.5em 0 0 0; white-space:nowrap; list-style:none; }
.login_default form ul.help li { display:block; padding:0 3px 0 0; }
.login_default form ul.help li.first-child { background:none; padding-left:0; margin-bottom:3px; }
.login_default form ul.help li a { color:#54564b; font:.9em; white-space:nowrap; text-decoration:none; }
.login_default form ul.help li.first-child a { color:#54564b; text-decoration:none;}
.login_default form ul.help li a:hover { text-decoration:underline; }
.login_default form .userName { position:relative; width:172px; overflow:hidden; border-bottom:1px solid #e4e4e4; padding:0 0 6px 0; margin-top:-5px;}
.login_default form .userName strong { color:#282828; padding:4px 0 0 2px; font:bold .9em Tahoma;}
.login_default form .userName a { position:relative; right:0px; }
.login_default form .userName img { border:none; }
.login_default form ul.userMenu { margin:0; position:relative; padding:0 0 6px 4px; margin-top:10px;}
.login_default form ul.userMenu li { list-style:none; padding-left:10px; background:url("/widgets/login_info/skins/xe_official/images/default/bulletFF1A00.gif") no-repeat left 4px;  margin-bottom:5px;}
.login_default form ul.userMenu li a { color:#54564b; text-decoration:none;}
.login_default form ul.userMenu li a:hover { text-decoration:underline;}
.login_default form p.latestLogin { margin:0; color:#999999; font:.9em;}
.login_default form p.latestLogin span { font:1em Tahoma;}

img.login_mask { width:201px; height:5px; background:#ffffff; display:block;}
.openid_login_default { margin:0; padding:0; border:2px solid #d9d9d9; width:196px; position:relative; _padding-top:2px; display:block; }
*:first-child+html body .openid_login_default { padding-top:2px;}
.openid_login_default legend { display:none; width:0; height:0; overflow:hidden; font-size:0;}
.openid_login_default form { position:relative; border:1px solid #cacaca; padding:11px 11px 7px 11px; width:172px; }
.openid_login_default form .idpwWrap { overflow:hidden; clear:both; width:172px;}
.openid_login_default form .idpw { float:left;}
.openid_login_default form .idpw p { margin:0; padding:0; margin-bottom:5px; background: url("/widgets/login_info/skins/xe_official/images/openid_login_bg.gif") left no-repeat; padding-left:18px; font-size:.9em Tahoma;color:#999999}
.openid_login_default form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma; }
.openid_login_default form .login { float:right;}
.openid_login_default form p.save { margin:0; padding:0; clear:both; padding:.3em 0;}
.openid_login_default form p.save input { vertical-align:middle; _margin:-3px;}
*:first-child+html body .openid_login_default form p input { margin:-3px; }
.openid_login_default form p.save label { font:.9em; color:#999999;}
