@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("/zbxe/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("/zbxe/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("/zbxe/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("/zbxe/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("/zbxe/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("/zbxe/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("/zbxe/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("/zbxe/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("/zbxe/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;}


.category_more * { margin:0; padding:0; line-height:170%; }
.category_more { margin-top:20px; border: 1px solid #E5E5E5; padding:10px; margin-bottom:10px; }
.category_more h3 { font-size: 13px; color: #444;}
.category_more .header { border-bottom: #E5E5E5 1px solid; padding-bottom:2px; margin-bottom: 5px;}
.category_more .categorydocumentList { font-size: 12px; }
.category_more .date { font-size: 10px; }
.category_more .cnt { font-size: 10px; color: #747474;}
.category_more .cur { font-weight: bold; }
.category_more .title { color: #747474; } 
.category_more a { text-decoration: none; }
.category_more .item { margin-left:5px; }

.tag_relation * { padding: 0; margin: 0; }
.tag_relation { border: 1px solid #E5E5E5; padding:10px; margin: 10px 0; }
.tag_relation div { font-size: 1.1em; font-weight: bold; color: #444; border-bottom: #E5E5E5 1px solid; padding: 0 0 2px 5px; margin-bottom: 10px;}
.tag_relation li { list-style: none; margin: 3px 0; }
.tag_relation li .comment { margin-left: 5px; font-size: .8em; color: #747474; }
.tag_relation a { color: #747474; font-size: 1em; text-decoration: none; margin-left: 5px; }


/*
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("/zbxe/modules/board/skins/xe_board_mini/images/common/bgH3.gif") repeat-x left bottom; overflow:hidden;}
.boardHeader .boardHeaderBorder { width:100%;}
.boardHeader h3 { margin:0; float:left; padding:15px 15px 12px 15px; font-size:1.2em; background:#ffffff url("/zbxe/modules/board/skins/xe_board_mini/images/common/lineH3.gif") no-repeat right bottom;}

/* board Description */
.boardDescription { color:#AEAEAE; border:1px solid #DDDDDD; overflow:hidden; padding:10px; margin-top:5px; background-color:#FFFFFF;}

/* board Information */
.boardInformation { width:100%; clear:both; margin:10px 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("/zbxe/modules/board/skins/xe_board_mini/images/common/iconSetup.gif") no-repeat left top; padding-left:14px; }
.accountNavigation li.admin a { background:url("/zbxe/modules/board/skins/xe_board_mini/images/common/iconAdmin.gif") no-repeat left top; padding-left:12px; }
.accountNavigation li.listType { margin-left:5px; }
.accountNavigation li.loginAndLogout a { background:url("/zbxe/modules/board/skins/xe_board_mini/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("/zbxe/modules/board/skins/xe_board_mini/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 h4 { margin:0; font-size:1.5em; margin-left:3px;}
.boardRead .titleAndUser h4 a { color:#000000; text-decoration:none; }
.boardRead .titleAndUser h4 a:hover { text-decoration:underline; }

.boardRead .titleAndUser .userInfo { float:right; white-space:nowrap; margin-top:11px; }
.boardRead .titleAndUser .userInfo .author { color:#3074a5; }
.boardRead .titleAndUser .userInfo .author a { font-size:.9em; color:#3074a5; text-decoration:none; }

.boardRead .dateAndCount { clear:both; white-space:nowrap; color:#444444; margin:5px 0 0 0; float:left; font-size:.9em; font-family:tahoma; line-height:17px; padding-bottom:10px; }
.boardRead .dateAndCount .date { float:right; background:url("/zbxe/modules/board/skins/xe_board_mini/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("/zbxe/modules/board/skins/xe_board_mini/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("/zbxe/modules/board/skins/xe_board_mini/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("/zbxe/modules/board/skins/xe_board_mini/images/common/iconReply.gif") no-repeat left 1px; padding-left:15px; }
.boardRead .dateAndCount .replyAndTrackback .trackbackCount { margin-left:10px; float:left; background:#FFFFFF url("/zbxe/modules/board/skins/xe_board_mini/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("/zbxe/modules/board/skins/xe_board_mini/images/common/category.gif") no-repeat left -1px; padding-left:18px; font-weight:bold;}
.boardRead .dateAndCount .category a:hover { text-decoration:underline; }
.boardRead .dateAndCount .uri { float:left; }
.boardRead .dateAndCount .uri a { text-decoration:none; margin-left:4px; color:#BBBBBB; }

/* 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 .readBody .contentBody .ipaddress { text-align:right; margin-top:10px; color:#bbbbbb; font-family:tahoma;}


.boardRead .tag { background:#FFFFFF url("/zbxe/modules/board/skins/xe_board_mini/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-right:10px; height:18px;}
.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("/zbxe/modules/board/skins/xe_board_mini/images/common/iconTrackback.gif") no-repeat left top; padding-left:18px; margin:0 0 3px 10px; height:18px;}
.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; margin-bottom:1em;}
.replyBox .author { float:left; padding:0 .3em 0 0; font-size:.9em; 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("/zbxe/modules/board/skins/xe_board_mini/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; }
.replyBox .fileAttached h5 { font-weight:normal; color:#999999; float:left; font-size:1em; line-height:22px;}
.replyBox .fileAttached li { padding-left:15px; display:block; float:left; white-space:nowrap; list-style:none; margin-right:10px; height:18px;}
.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("/zbxe/modules/board/skins/xe_board_mini/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; table-layout:fixed;}
.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 img { border:1px solid #E0E1DB; padding:3px; }

.boardList td.title {padding-left:1em; }
.boardList td.title strong.category { font-size:1em; background:url("/zbxe/modules/board/skins/xe_board_mini/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("/zbxe/modules/board/skins/xe_board_mini/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; font-size:0.8em; }
.boardList td.topic div.author strong { font-size:1.2em; 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; font-size:0.8em; }
.boardList td.latestPost div.author strong { font-size:1.2em; 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;}
.boardList td.webzineTitle strong.category { font-size:1em; background:url("/zbxe/modules/board/skins/xe_board_mini/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;}
.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; font-size:.95em; text-align:center;}
.boardList td.author a { font-size:1em; 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; }

/* pageNavigation */
.pageNavigation { text-align:center; font:bold 11px Tahoma; margin-top:5px;}
.pageNavigation a { font:bold 1em Tahoma; color:#666666; text-decoration:none; margin:0 10px 0 0; }
.pageNavigation .current { font:bold 1em Tahoma; text-decoration:none; margin:0 10px 0 0; }
.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; }
.pageNavigation a:visited { color:#999999; }
.pageNavigation a.goToFirst img, .pageNavigation a.goToLast img { margin-bottom:2px;}

/* 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 { padding-bottom:10px; text-align: center;}
.boardWrite fieldset { border:none; }
.boardWrite .userNameAndPw { }
.boardWrite .userNameAndPw .userName {width:60px; }
.boardWrite .userNameAndPw .userPw {width:60px; }
.boardWrite .userNameAndPw .emailAddress {width:60px; }
.boardWrite .userNameAndPw .homePage {width:60px; }

.boardWrite{ width: 100%; text-align: center;}
.boardWrite .userNameAndPw, .boardWrite .title{display: inline;}
.boardWrite .userNameAndPw label, .boardWrite .title label{display: none;}
.boardWrite .userNameAndPw input{width: 50px;}

.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:50%;}

.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("/zbxe/modules/board/skins/xe_board_mini/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("/zbxe/modules/board/skins/xe_board_mini/images/common/iconArrowD8.gif") no-repeat left center; margin-top: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; }
.smallBox.w268 { width:268px;}
.smallBox .header { position:relative; _width:100%; background:#ffffff url("/zbxe/modules/board/skins/xe_board_mini/images/normal/bgH3.gif") no-repeat left bottom; overflow:hidden;}
.smallBox .header h3 { 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:20px; border-bottom:1px solid #EEEEEE;}


/* 게시물의 팝업 메뉴 */
.comment_popup_menu, .document_popup_menu { text-align:right; background:none; background:url("/zbxe/modules/board/skins/xe_board_mini/images/common/document_menu.gif") no-repeat right top; padding:0 15px 0 0; height:18px; }
.comment_popup_menu span, .document_popup_menu span { cursor:pointer; display:inline; }

/* 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;}
.memberSignature .profile { float:left; margin-right:20px; }
.commentProfileImage { margin:0 0 10px 0; }



/* board Title */
.boardHeader h3 { margin:0; border-bottom:3px solid #ac19a9; }

/* board Information */
.articleNum { float:left; background:url("/zbxe/modules/board/skins/xe_board_mini/images/purple/iconArticle.gif") no-repeat left top; }
.articleNum strong { font:bold 11px Tahoma; color:#b1ae00;}

/* account Navigation */
.accountNavigation li.join a { background:url("/zbxe/modules/board/skins/xe_board_mini/images/purple/iconMyInfo.gif") no-repeat left top; padding-left:14px; }
.accountNavigation li.myInfo a { background:url("/zbxe/modules/board/skins/xe_board_mini/images/purple/iconMyInfo.gif") no-repeat left top; padding-left:14px; }

/* style.list */
.boardList th { background:#ffffff url("/zbxe/modules/board/skins/xe_board_mini/images/purple/lineBoardListTh.gif") no-repeat left bottom; }
.boardList td.recommend { color:#b1ae00; }
.boardList td .replyAndTrackback { color:#b1ae00; }
.buttonTypeGo { background:url("/zbxe/modules/board/skins/xe_board_mini/images/purple/buttonTypeInput24.gif") no-repeat; }

/* pageNavigation */
.pageNavigation .current { color:#b1ae00; }

/* boardRead */
.boardRead .fileAttached li { background:url("/zbxe/modules/board/skins/xe_board_mini/images/purple/iconFile.gif") no-repeat left top;}

/* replyAndTrackback */
.buttonBox .replyAndTrackback a strong { color:#b1ae00;}

.replyBox .fileAttached li { background:url("/zbxe/modules/board/skins/xe_board_mini/images/purple/iconFile.gif") no-repeat left top;}


/*한국타운 두번째 레이아웃 http://www.hankooktown.com*/
body { font-family: "돋움", Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 12px; }
a:link, a:visited, a:active { color:#333; text-decoration:none; }
/* Default Skin - Start */
html, body { height:100%; }
address { font-style:normal; }
img, fieldset { border:0; margin:0; padding:0; }
form { margin:0; }
legend { position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1; }
#hr { display:none; }
#selectLang { margin:0; padding:0; }
#gnb, #lnb, #lnb ul { margin:0; padding:0; }
.bul { margin:0 0 2px 0; vertical-align:middle; }
/* Site Layout - Body Wrap */
body { background:#e6e6e6 url("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/images/default/bg.jpg") repeat-y center top; }
#bodyWrap { width:950px; margin:0 auto 0 auto; }
/* Site Layout - Header */
#header { position:relative; width:950px; height:100px; z-index:99; }
#header h1 { margin:0; padding:0; position:absolute; top:18px; left:25px; }
.isSearch { position:absolute; top:105px; bottom:0px; right:10px }
.isSearch .inputText { position:relative; width:120px; height:14px; border:1px solid #CCC; background-color:#FFF; vertical-align:middle; margin:3px; padding:2px }
.isSearch .submit { vertical-align:middle; }
/* Site Layout - menu */
#hkmenu .roll_gnb { overflow:hidden; white-space:nowrap; position:absolute; left: 15px; margin:0; padding:0px }
#hkmenu .roll_gnb li { float:left; height:35px; left:-2px; list-style:none; position:relative; white-space:nowrap; padding-left:3px; margin:0 }
#hkmenu .roll_gnb li a { display:block; float:left; color:#FFF; white-space:nowrap; text-decoration:none; padding:12px 10px 10px }
#hkmenu .roll_gnb li a:hover, #hkmenu .roll_gnb li a:focus { color:#FFF }
#hkmenu .roll_gnb li.on { position:relative; z-index:2; padding-left:3px; margin:0 }
#hkmenu .roll_gnb li.on a { color:#FFF }
#hkmenu .roll_gnbSub { position:absolute; top:43px; left:20px; white-space:nowrap; overflow:hidden; margin:0; padding:0 }
#hkmenu .roll_gnbSub li { position:relative; left:-2px; float:left; list-style:none; width:auto; color:#666; white-space:nowrap; font-size:11px; margin:4px 8px 0 0; padding:0 1px 0 8px }
#hkmenu .roll_gnbSub li a { display:block; text-decoration:none; letter-spacing:-1px; font-size:11px }
#hkmenu .roll_gnbSub li a:hover, #hkmenu .roll_gnbSub li a:focus { padding-bottom:2px; letter-spacing:-1px }
#hkmenu .roll_gnbSub li.on a { padding-bottom:2px; font-weight:bold; letter-spacing:-1px }


/* 카운터 */
#counter { position:absolute; top:145px; left:670px; }

/* Site Layout - Content Body */
#contentBody { position:relative; width:950px; padding-bottom:30px; overflow:hidden; border-bottom:1px solid #dddddd; }
/*서버2차메뉴*/

.lnbWrap { overflow:hidden; padding:1px; border-top:1px solid #dddddd ;  }
.lnbWrap .subtitle { background: url("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/images/default/lnb_title.gif") repeat-x left top; }
.lnbWrap .subtitle { border-bottom:solid 1px #dedede; width:99% }
.lnbWrap .subtitle h1 { font-size:14px; font-weight:700; background: url("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/images/default/subTitle_icon.gif") no-repeat 6px center; letter-spacing:2px; margin:0; padding:7px 0 7px 20px }
#lnb { padding:4px 5px 0; width:190px; }
#lnb li { padding-bottom:4px; list-style:none; }
#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #e8e8e8; background:url("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/images/default/bgLnbOff.gif") repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none; }
#lnb li.on a:hover, #lnb li.on a:focus { font-weight:bold; }
#lnb li ul { display:block; position:relative; width:184px; padding:0 3px; border-top:1px solid #ffffff; overflow:hidden; }
#lnb li.on ul { display:block; }
#lnb li ul li { padding:0; 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; }

.banner { position:relative; top:8px; left:12px}
.banner .dLink{ padding:0; margin-bottom:3px;}
.banner .dLink img{ border:3px solid #dddddd; }

.banner2 { position:relative; top:15px; left:15px}
.banner2 .dLink{ padding:0; margin-bottom:3px;}
.banner2 .dLink img{ border:none; }

/* Site Layout - Footer */
#footer { position:relative; width:950px; overflow:hidden; }
#footer h1 { float:left; width:200px; margin:0; padding:0px 10px 10px 10px; }
#footer .foot_menu { overflow:hidden; margin:0; padding:18px 0 8px; }
#footer .foot_menu li { display:inline; white-space:nowrap; background:url("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/images/default/vrType1.gif") no-repeat left 0; font-size:11px; margin:0 0 0 -2px; padding:0 1px 0 6px }
#footer p.copyright { font-family:dotum; font-size:11px; color:#555; margin:0 }
#footer p.copyright a { text-decoration:none; font-family:dotum, Geneva, sans-serif; font-size:11px; font-weight:700 }
#footer p.copyright a:hover, #footer p.copyright a:focus { font:bold 11px dotum; }
#footer address { padding-top:0px; color:#999; font-size:11px; font-family:Verdana; font-weight:600; font-style:normal; }
#footer select { border: 1px solid #666; position: absolute; height: 18px; width: 170px; right: 10px; font-size: 11px; bottom: 23px; }
#footer p.top { position: absolute; top: 16px; right: 10px; margin:0 }
#footer .skinby { margin:0; position: absolute; right:10px; bottom:10px; }
#footer .retouchedby { margin:0; position: absolute; right:5px; bottom:0px; }
#bor { overflow:hidden; height:5px; background-color: #F7F7F7; border-top-width: 1px; border-top-style: solid; border-top-color: #DEDEDE; }


/*
이 마크업 문서는 아래 제공자에 의해 정리 및 수정, 배포 되었습니다
Markup : Hyunhw Jung
Website: http://www.premiumxe.com
Email : clubnb2@naver.com
*/

/* Site Accounts
---------------------------------------------------------------------------------*/
.account{ position:absolute; top:80px; right:0; margin:0; padding:0; z-index:10;}
.account li{ position:relative; float:left; list-style:none; background-image:url("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/lineHeaderVr.gif"); background-repeat:no-repeat; background-position:left 4px;}
div.black .account li{ background-image:url("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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:-1;}

.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("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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:-1;}

.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("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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:#fff; 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("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/img/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;}


/*한국타운 두번째 레이아웃 http://www.hankooktown.com*/
a:hover { color:#4AA300; text-decoration:none; }
#hkmenu { position:relative; width:950px; height:70px; background:url("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/images/green/bgMenu.png") no-repeat left top; margin-bottom:10px; }
#hkmenu .roll_gnb li.on a:hover { background:url("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/images/green/bgMenuOn.png") repeat-x right top }
#hkmenu .roll li.on a { border-bottom:2px solid #4AA300; color:#4AA300; }
.lnbWrap .subtitle { color:#4AA300; }
#lnb li a:hover, #lnb li a:focus, #lnb li.on a { color:#ffffff; background:#4AA300; border:1px solid #4AA300; }
#lnb li ul li a:hover, #lnb li ul li a:focus { font-weight:normal !important; color:#4AA300 !important; }
#lnb li.on ul li.on a { color:#4AA300 !important; font-weight:bold !important; background:url("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/images/green/bulletLnb.gif") no-repeat 175px center !important; }
.isSearch .subButton { background:url("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/images/green/buttonSearch.gif") no-repeat left top; color:#4AA300; }

/*한국타운 두번째 레이아웃 http://www.hankooktown.com*/
#contentBody { background:url("/zbxe/layouts/Gom-e.net_Hankooktown2_Layout/images/default/bgContentBody.gif") repeat-y left top; }
#columnLeft { position:relative; width:200px; float:left; }
#columnRight { width:740px; float:right; overflow:hidden; }
#content { width:100%; overflow:hidden; }

.newest_document3_default_normal { overflow:hidden; position:relative; width:100%; background:#ffffff url("/zbxe/widgets/popular_document/skins/jdh_default/images/white/tb_mid.png") top left repeat-x; padding-bottom:0px;}
.newest_document3_default_normal .bottom_mid {  position:relative; background:url("/zbxe/widgets/popular_document/skins/jdh_default/images/white/bottom_mid.png") 0 100% repeat-x; }
.newest_document3_default_normal .box_mid_left { position:relative; background:url("/zbxe/widgets/popular_document/skins/jdh_default/images/white/box_mid_dot.png") left repeat-y;}
.newest_document3_default_normal .box_mid_right { position:relative; background:url("/zbxe/widgets/popular_document/skins/jdh_default/images/white/box_mid_dot.png") top right repeat-y;}
.newest_document3_default_normal .bottom_left { position:relative; background:url("/zbxe/widgets/popular_document/skins/jdh_default/images/white/bottom_left.png") 0 100% no-repeat; }
.newest_document3_default_normal .bottom_right {position:relative; background:url("/zbxe/widgets/popular_document/skins/jdh_default/images/white/bottom_right.png") 100% 100% no-repeat;}

.newest_document3_default_normal .newest_document3_default_box .title_box2 {
    font-weight:bold; 
    height:17px;
	margin:10px 8px 8px 5px;
    padding-left:3px;
    float:left;5px
}
.newest_document3_default_normal .newest_document3_default_box .title_box2 .more A {
	position:absolute; top:6px; right:9px; 
	color:#666; 
    text-decoration:none;
    font-weight:bold;
    font-size:1.0em;
}

.newest_document3_default_normal .newest_document3_default_box .document_box2 {
    padding:1px 8px 5px 6px;
    clear:both;
    border-bottom:0px solid #555555;
    height:15px;
    margin:0px 0px 0px 0px;
    overflow:hidden;
}

.newest_document3_default_normal .newest_document3_default_box .document2 {
    padding:0px 5px 0px 4px;
    background:url("/zbxe/widgets/popular_document/skins/jdh_default/normal/") no-repeat left;
    float:left;
}

.newest_document3_default_normal .newest_document3_default_box .document2 A {
    text-decoration:none;
    color:#555555;
}

.newest_document3_default_normal .newest_document3_default_box .document2 A:hover {
    text-decoration:underline;
    color:#555555;
}

.newest_document3_default_normal .newest_document3_default_box .document2 A:visited {
    color:555555;
}

.newest_document3_default_normal .newest_document3_default_box .document2 .comment A {
    font-size:10pt;
    color:555555;
    letter-spacing:-1px;
}

.newest_document3_default_normal .newest_document3_default_box .document2 .writer {
    color:#555555;
}


.newest_document3_default_normal .newest_document3_default_box .regdate {
    color:#555555;
    font-size:12pt;
    float:right;
    white-space:nowrap;
}

.newest_document3_default_normal .left-corner{ position:relative; background:url("/zbxe/widgets/popular_document/skins/jdh_default/images/white/tb_left.png") top left no-repeat;}
.newest_document3_default_normal .right-corner{ background:url("/zbxe/widgets/popular_document/skins/jdh_default/images/white/tb_right.png") top right no-repeat; padding: 6px; }