@charset "UTF-8";


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

img { border:none; }
label { cursor:pointer; }
form { margin:0; padding:0; }

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

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

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

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

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

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

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

.xe_content { line-height:1.6; overflow:hidden; }

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

/* xe layer */
#waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url("/common/tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }

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

/* xe faceoff */
.faceOffManager { position:fixed; _position:absolute; right:3px; top:3px;  height:23px; }
 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

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

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

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

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

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

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

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


a {text-decoration:none;}

select.dStyle, 
textarea.dStyle,
input.dStyle { vertical-align:middle;border:1px solid; font-size:1em; _font-size:9pt;}

textarea.dStyle {padding:2px;height:100px;}
select.dStyle {height:22px;height:20px\9;}
input.dStyle {padding-left:2px;height:18px;}

/* bodex Title */
.bodexHeader { border-bottom:1px solid; border-bottom:0; overflow:hidden; *zoom:1;}
.bodexHeader h3{ border-bottom:3px solid; margin:0; float:left; padding:15px 15px 5px 15px; font-size:1.3em;*zoom:1;}
.bodexHeader h4{ margin:0; float:left; padding:18px 15px 5px 15px; font-size:1em;*zoom:1;}
/* bodex Description */
.bodexDescription { border:1px solid; overflow:hidden; padding:10px; margin: 5px 0; }

/* bodex Information */
.bodexInformation { clear:both; margin:5px 0 2px 0; overflow:hidden;}

.articleNum { float:left; padding:0 0 0 15px;}
.articleNum strong { font:bold 11px Tahoma;}

/* account Navigation */
.accountNavigation { margin:0; padding:0; float:right; }
.accountNavigation li { float:left; margin-left:5px; list-style:none; }
.accountNavigation li.setup a { background:url("/modules/bodex/skins/xe_default/images/common/iconSetup.gif") no-repeat left top; padding-left:14px; }
.accountNavigation li.admin a { background:url("/modules/bodex/skins/xe_default/images/common/iconAdmin.gif") no-repeat left top; padding-left:12px; }
.accountNavigation li.loginAndLogout a { padding-left:8px; margin-right:8px;}
.accountNavigation li.join a,
.accountNavigation li.myInfo a { margin-left:14px; }

.accountNavigation li.icon a{ display:block; float:left; width:13px; height:13px; overflow:hidden; background-repeat:no-repeat;}
.accountNavigation li.icon a span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

.accountNavigation li.listTypeClassic a{ background-position:0 0;}
.accountNavigation li.listTypeClassicActive a{ background-position:0 -13px;}
.accountNavigation li.listTypeZine a{ background-position:-13px 0;}
.accountNavigation li.listTypeZineActive a{ background-position:-13px -13px;}
.accountNavigation li.listTypeGallery a{ background-position:-26px 0;}
.accountNavigation li.listTypeGalleryActive a{ background-position:-26px -13px;}

/**
 * category Navigation
 **/
.categoryTab .localNavigation { margin:0 0 2px 0; padding:0; overflow:hidden;  *zoom:1;}
.categoryTab .localNavigation:after {content:""; display:block; clear:both;}
.categoryTab .localNavigation li{ position:relative; list-style:none; float:left; margin:0 2px 0 0; padding:0;}
.categoryTab .localNavigation li a{ text-decoration:none; border:1px solid; float:left; padding:7px 10px 0 10px; height:18px; }
.categoryTab .localNavigation li a span{ font-size:0.8em;}
.categoryTab .localNavigation li.on { font-weight:bold;margin-bottom:-1px;}
.categoryTab .localNavigation li.on a{ height:19px; background:none;}

.categoryMenu { border:0px;width:100%; }
.categoryMenu td { white-space:nowrap; overflow:hidden; vertical-align:top; *vertical-align:top;}
.categoryMenu td .localNavigation {border:1px solid; margin:0 2px 2px 0; padding:0 0 10px 0;}
.categoryMenu td .localNavigation div{ white-space:nowrap; font-size:1em;padding:10px 13px 0 13px;}
.categoryMenu td .localNavigation div a{ text-decoration:none;height:18px;}
.categoryMenu td .localNavigation div.on a{ font-weight:bold;} 
.categoryMenu td .localNavigation div a span{ font-size:0.7em;}
.categoryMenu td .localNavigation div.total {padding:.9em 0 .5em 13px; border-bottom:1px solid;}

/**
 * bodexList
 **/
.bodexList { width:100%; border-bottom:1px solid; border-top:1px solid;}

.bodexList th.checkbox,
.bodexList td.checkbox {padding-right:1.3em;}
.bodexList th.checkbox input,
.bodexList td.checkbox input { position:absolute; margin-top:0px; margin-top:-3px\9; *margin-top:-5px; }

.bodexList th , 
.bodexList td { white-space:nowrap; padding:.7em .5em .7em .5em; font-weight:normal; vertical-align:middle; text-align:center; overflow:hidden; }

.bodexList th {font-size:1em; border-bottom:1px solid; *zoom:1;}

.bodexList th.title {width:100%;}
.bodexList th.category *{ vertical-align:middle; *vertical-align:top;}
.bodexList th.category {text-align:left;margin:0;padding:.3em 0 .3em .3em; padding-top:.2em\9;}
.bodexList th.category select{ *margin-right:5px;}

.bodexList th.sort { font-weight:bold;}

.bodexList td.title * {vertical-align:middle;}
.bodexList td.title {width:100%; white-space:normal;text-align:left;}
.bodexList td strong.category { font-size:1em; padding-right:.5em;}
.bodexList td.title .replyAndTrackback {margin-left:-.2em; font:.8em Tahoma;}
.bodexList td.nick_name div {cursor:pointer;}

.bodexList td.no,
.bodexList td.regdate,
.bodexList td.last_update,
.bodexList td.readed_count,
.bodexList td.blamed_count { font:.8em Tahoma; }
.bodexList td.voted_count { font:bold .8em Tahoma; }

.bodexList td span.rewardPoint {font:bold .8em Tahoma; padding: 1px 2px 1px 2px;}
.bodexList td.extravalue {  white-space:nowrap;overflow:hidden; }

/**
 * bodex Bottom, list button
 **/
.bodexBottom { margin-top:10px; }
.bodexBottom .leftButtonBox { float: left; }
.bodexBottom .rightButtonBox { float: right; }

/* secret Content */
.secretContent { margin:20px auto; text-align:center; border:1px solid; width:240px; }
.secretContent .title { padding:10px 0 10px 0; display:block; font-weight:bold; }
.secretContent .content { padding:10px 0 10px 0;display:block; }
.secretContent .content input[type="password"] {margin-right:5px;}
.secretContent .content input {*margin-right:5px;}

/**
 * bodexSearch
 **/
.bodexSearch{ position:relative; margin:0; padding:1px 0; line-height:normal;}
.bodexSearch *{ margin:0; padding:0;}
.bodexSearch fieldset{ border:0; clear:both; text-align:left; position:relative;}
.bodexSearch fieldset:after{ content:""; display:block; float:none; clear:both;}
.bodexSearch fieldset *{ vertical-align:top;}
.bodexSearch legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.bodexSearch select{ font-size:12px;height:23px;}
.bodexSearch input[type="text"]{ width:140px;height:21px;;}
.bodexSearch input{ *width:140px;*height:19px;}

.bodexSearch .infoEtc{ position:absolute; top:11px; right:0;}
.bodexSearch .infoEtc li{ display:inline;}
.bodexSearch .infoEtc li a{ display:inline-block; height:11px; background-repeat:no-repeat; overflow:hidden;}
.bodexSearch .infoEtc li a span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.bodexSearch .infoEtc li.contributors a{ width:12px; background-position:0 0;}
.bodexSearch .infoEtc li.tag a{ width:41px; background-position:-12px 0;}
.bodexSearch .infoEtc li a{ background-image:url("/modules/bodex/skins/xe_default/images/common/buttonContributorsTaglist.gif");}

/**
 * Page
 **/
.pagination{ padding:15px 0; margin:0; text-align:center;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ text-decoration:none; position:relative; display:inline-block; line-height:normal; font-family:Tahoma, Sans-serif; vertical-align:middle;}
.pagination a{ font-weight:normal !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 -2px; padding:1px 10px 1px 8px; border:none; border-left:1px solid; border-right:1px solid; font-weight:bold; font-size:12px;}
.pagination.a1 a.prev{ padding-left:10px; background: url("/modules/bodex/skins/xe_default/images/common/arrowPrevA1.gif") no-repeat left center; }
.pagination.a1 a.prevEnd{ padding-left:15px; background: url("/modules/bodex/skins/xe_default/images/common/arrowPrevEndA1.gif") no-repeat left center; }
.pagination.a1 a.next{ padding-right:10px; background: url("/modules/bodex/skins/xe_default/images/common/arrowNextA1.gif") no-repeat right center; }
.pagination.a1 a.nextEnd{ padding-right:15px; background: url("/modules/bodex/skins/xe_default/images/common/arrowNextEndA1.gif") no-repeat right center; }

/* Pagination A2 */
.pagination.a2 a,
.pagination.a2 strong{ margin:0 -2px; padding:0 10px 0 8px; font-weight:bold; font-size:11px; border:none; border-left:1px solid; border-right:1px solid; }
.pagination.a2 a.prev{ padding-left:10px; background: url("/modules/bodex/skins/xe_default/images/common/arrowPrevA1.gif") no-repeat left center; }
.pagination.a2 a.prevEnd{ padding-left:15px; background: url("/modules/bodex/skins/xe_default/images/common/arrowPrevEndA1.gif") no-repeat left center; }
.pagination.a2 a.next{ padding-right:10px; background: url("/modules/bodex/skins/xe_default/images/common/arrowNextA1.gif") no-repeat right center; }
.pagination.a2 a.nextEnd{ padding-right:15px; background: url("/modules/bodex/skins/xe_default/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/bodex/skins/xe_default/images/common/arrowPrevB1.gif") no-repeat left center; }
.pagination.b1 a.next{ padding-right:16px; background:url("/modules/bodex/skins/xe_default/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/bodex/skins/xe_default/images/common/arrowPrevB1.gif") no-repeat left center; }
.pagination.b2 a.next{ padding-right:12px; background:url("/modules/bodex/skins/xe_default/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/bodex/skins/xe_default/images/common/arrowPrevC1.gif") no-repeat center;}
.pagination.c1 a.next{ background:url("/modules/bodex/skins/xe_default/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/bodex/skins/xe_default/images/common/arrowPrevC1.gif") no-repeat center;}
.pagination.c2 a.next{ background:url("/modules/bodex/skins/xe_default/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;}

/**
 * message box
 **/
.smallBox { border:1px solid; margin: 10px auto 10px auto; padding-bottom:10px; }
.smallBox.w268 { width:268px;}
.smallBox .header { margin:0; padding:0; position:relative; overflow:hidden; *zoom:1;}
.smallBox .header h3 {border-bottom:3px solid; margin:0; padding:0; clear:both; font-size:1.2em; padding:.8em 2em .6em 1.2em;  }
.smallBox .complex { padding:1.5em 2em 2em 2em;}
.smallBox .inputPassword { position:relative; border:none; padding:2em 2em 1.5em 2em;}
.smallBox .inputPassword input { float:left; width:5em;}
.smallBox .inputPassword input.userPw {margin-right:5px;width:8em;}
.smallBox .inputPassword legend { position:absolute; overflow:hidden; width:1px; height:1px; font-size:.001em; text-indent:-100em;}
.smallBox .messageBox {padding:10px; }

/**
 * tag List
 **/
.tagsBox { border:1px solid; padding:10px; overflow:hidden;}
.tagsBox h4 { margin:0; padding:2px; }
.tagsBox .tags div { float:left; padding:2px; margin-right:10px; overflow:hidden; white-space:nowrap; height:15px;}
.tagsBox .tags div a { text-decoration:none; line-height:150%;}
.tagsBox .tags .tagTypeA a { font-weight:bold; font-size:12pt; margin:0;}
.tagsBox .tags .tagTypeB a { font-size:11pt; margin:0;}
.tagsBox .tags .tagTypeC a { font-weight:bold; font-size:11pt; margin:0;}
.tagsBox .tags .tagTypeD a { font-weight:bold; margin:0;}
.tagsBox .tags .tagTypeE a { font-weight:normal; margin:0;}

/**
 * editorOption
 **/
 
.bodexWrite { border:1px solid; padding-bottom:10px;}
.bodexWrite fieldset { border:none; }

.bodexWrite .userNameAndPw { margin:10px 10px 0 10px; }
.bodexWrite .userNameAndPw .userName {margin-left:5px;}

.bodexWrite .userNameAndPw input{*width:60px;}
.bodexWrite .userNameAndPw input[type="text"],
.bodexWrite .userNameAndPw input[type="password"] {width:60px;}
.bodexWrite .userNameAndPw input.emailAddress,
.bodexWrite .userNameAndPw input.homePage {width:90px; }

.bodexWrite dl { padding:0; margin:0; }
.bodexWrite dl dd { padding:0; margin:0; }
.bodexWrite dl.option { margin:5px 0 0 10px; padding:0;}
.bodexWrite dl.option dd { display:inline; margin-right:5px; }
.bodexWrite dl.option dd * { vertical-align:middle;}
.bodexWrite dl.option dd select { width:8em; font-size:.95em; }

/**
 * commentEditor
 **/
.commentEditor { margin:10px 0 5px; }
.commentEditor .userNameAndPw { margin:0 0 5px; padding:0; white-space:normal; }
.commentEditor .userNameAndPw .votePoint { border-bottom:1px solid;padding:5px 0 5px 5px; overflow:hidden;}
.commentEditor .userNameAndPw .votePoint .up { padding:3px 0 0 18px;background:url("/modules/bodex/skins/xe_default/images/common/vote_up.gif") no-repeat left top; }
.commentEditor .userNameAndPw .votePoint .down { padding:3px 0 0 18px;background:url("/modules/bodex/skins/xe_default/images/common/vote_down.gif") no-repeat left top; }
.commentEditor .userNameAndPw .votePoint a {text-decoration:none; margin-right:3px;}
.commentEditor .userNameAndPw .votePoint label:hover,
.commentEditor .userNameAndPw .votePoint a:hover { text-decoration:underline; }
.commentEditor .userNameAndPw .votePoint span {padding-left:3px}
.commentEditor .userNameAndPw .votePoint .starPoint {padding-left:0; margin:0px;list-style:none;}
.commentEditor .userNameAndPw .votePoint .starPoint li { float:left;}
.commentEditor .userNameAndPw .votePoint .starPoint li a { text-decoration:none; width:15px; height:14px; background:url("/modules/bodex/skins/xe_default/images/common/starOff.png") no-repeat left top; font-size:1px; line-height:0; display:block; }
.commentEditor .userNameAndPw .votePoint .starPoint li a.on { background-image:url("/modules/bodex/skins/xe_default/images/common/starOn.png"); }

/**
 * xpress-editor
 **/
.xpress-editor .fileUploader { padding-left:10px;}


/**
 * bodexRead
 **/
.bodexRead {  text-align:left;margin:10px  0 10px 0; }

.bodexRead a.button,
.bodexRead span.button {margin-top:-3px; margin-top:0\9}
.bodexRead a.button,
.bodexRead span.button, x:-moz-any-link, x:default {margin-top:1px;}
.bodexRead select.doc_state {margin:0;}

.bodexRead .readBody .contentBody .documentText,
.bodexRead .readBody .contentBody {clear:both;white-space:normal; overflow:hidden;}

.bodexRead .titleAndUser {  overflow:hidden; border-bottom:1px solid; *padding-top:1px;}
.bodexRead .titleAndUser div.checkbox { margin-left:-4px; }

.bodexRead .titleAndUser .title { float:left; white-space:normal; margin:3px 0 5px 0;}
.bodexRead .titleAndUser .title a { text-decoration:none; }
.bodexRead .titleAndUser .title a:hover { text-decoration:underline; }
.bodexRead .titleAndUser h4{ margin:0; font-size:1.5em; margin-left:3px;}

.bodexRead .titleAndUser .userInfo {float:right; white-space:nowrap;margin-top:12px;}
.bodexRead .titleAndUser .userInfo .author span {cursor:pointer;}

.bodexRead .dateAndCount { clear:both; white-space:nowrap; margin-top:3px; font-size:.9em; font-family:tahoma; line-height:17px; padding-bottom:10px; }

.bodexRead .dateAndCount .category { float:left;}
.bodexRead .dateAndCount .category a { text-decoration:none; font-weight:bold;}
.bodexRead .dateAndCount .category a:hover { text-decoration:underline; }

.bodexRead .dateAndCount .date {float:right;}
.bodexRead .dateAndCount .readedCount { float:right;  margin-left:15px;  }
.bodexRead .dateAndCount .votedCount {  float:right;   margin-left:15px;  }
.bodexRead .dateAndCount .votedCount span.average {font:9px tahoma;background:none;}

.bodexRead .contentButton a {*margin-left:4px; }
.bodexRead .contentButton .replyAndTrackback { float:left; }
.bodexRead .contentButton .replyAndTrackback .replyCount { float:left; margin-right:10px; background:url("/modules/bodex/skins/xe_default/images/common/iconReply.gif") no-repeat left; padding-left:15px;}
.bodexRead .contentButton .replyAndTrackback .trackbackCount { float:left; background:url("/modules/bodex/skins/xe_default/images/common/iconTrackback.gif") no-repeat left; padding-left:15px; }
.bodexRead .contentButton .replyAndTrackback .replyCount span {font:.8em tahoma;   }
.bodexRead .contentButton .replyAndTrackback .trackbackCount span {  font:.8em tahoma;   }

.bodexRead .contentButton .replyAndTrackback a {white-space:nowrap; text-decoration:none; }
.bodexRead .contentButton .replyAndTrackback a:hover { text-decoration:underline; }

.bodexRead .contentButton .replyAndTrackback .rewardPoint {  float:left; margin-right:10px; margin-left:15px; }
.bodexRead .contentButton .replyAndTrackback .rewardPoint span{font-weight:bold;}
.bodexRead .contentButton .replyAndTrackback .rewardAdopt span {text-decoration:line-through;}

.bodexRead .extraVarsList { width:100%; border-top:1px solid; margin-bottom:10px; }
.bodexRead .extraVarsList th { font-weight:normal; text-align:left; padding:4px 0 4px 10px; border-bottom:1px solid; border-right:1px solid;}
.bodexRead .extraVarsList td {border-bottom:1px solid ; padding:4px 0 4px 10px; }

.bodexRead .readBody {margin-top:5px; }

.bodexRead .tag { border-top:1px solid;background: url("/modules/bodex/skins/xe_default/images/common/iconTag.gif") no-repeat 3px 8px; padding:7px 0 4px 35px; margin-top:3px; }
.bodexRead .tag ul { margin:0; padding:0; }
.bodexRead .tag li { display:inline; list-style:none; *float:left;_margin-top:-9px;}
.bodexRead .tag li a { text-decoration:none;}

.bodexRead .fileAttached {padding:5px 0 5px 0;  margin:3px 0 5px 0; border:2px solid; overflow:hidden;}
.bodexRead .fileAttached ul { border:0; margin:0; padding:0;}
.bodexRead .fileAttached li { display:block; float:left; white-space:nowrap; list-style:none;  }
.bodexRead .fileAttached li a { text-decoration:none; font-size:.9em; white-space:nowrap; }
.bodexRead .fileAttached img {padding:1px 5px 0 10px;float:left;}
.bodexRead .fileAttached span.fileDownloaded {font-weight:bold;}

.bodexRead .fileDownload {padding-bottom:0;}
.bodexRead .fileDownload li {background:none;padding:0;margin:0 0 5px 5px;}
.bodexRead .fileDownload li a span {padding-left:0;}
.bodexRead .fileDownload img {padding-top:5px;}

.bodexRead .docReadIpAndUrl {_margin-top:-7px;}
.bodexRead .docReadIpAndUrl .docReadIp { font:.9em tahoma;float:right;  text-decoration:none;}
.bodexRead .docReadIpAndUrl .docReadUri {font:.9em tahoma; float:left; }
.bodexRead .docReadIpAndUrl .docReadUri a { text-decoration:none;}

.bodexRead .contentButton { text-align:right;margin:0 5px 0; border-top:1px solid; padding-top:5px;}

/**
 * extraVars
 **/
.replyBox { text-align:left;padding:10px; border:1px solid; margin-top:.5em;}
.replyBox .replyItem { padding:.6em .8em .6em .6em; line-height:1.25em; clear:both; border-bottom:1px dotted; list-style:none;}
.replyBox p { display:inline; }
.replyBox .author {float:left; padding:0; margin:0 .3em .5em 0;*position:relative;}
.replyBox .author div {cursor:pointer; }
.replyBox .voted { float:left; font-size:.9em; margin:0 .3em .5em 1em;*position:relative;}
.replyBox .date { float:right; font:.8em Tahoma; margin:.3em 0 .5em 0;*position:relative;}

.replyBox .replyOption { height:20px; float:right; white-space:nowrap; margin-left:.2em;*position:relative;}
.replyBox .replyOption img { vertical-align:middle;}

.replyBox .replyContent {white-space:normal; overflow:hidden; }
.replyBox .replyContent p { display:block; }
.replyBox .reply { border-bottom:1px dotted;}
.replyBox .replyIndent { background:url("/modules/bodex/skins/xe_default/images/common/iconReplyArrow.gif") no-repeat .0em .3em; padding-left:1.3em;}

.replyBox .fileAttached { border:1px solid; padding:3px 5px 3px 5px; margin-top:10px; overflow:hidden;}
.replyBox .fileAttached ul { border:0; margin:0; padding:0;}
.replyBox .fileAttached li {padding-left:15px; display:block; float:left; white-space:nowrap; list-style:none; margin:2px 10px 2px 0; *position:relative;}
.replyBox .fileAttached li a { text-decoration:none; font-size:.9em; white-space:nowrap; }

.trackbackBox { text-align:left;padding:.6em .6em; border:1px solid;margin-top:.5em; }
.trackbackBox .trackbackUrl { font-size:.9em; margin:0; }
.trackbackBox .trackbackItem {padding:.6em .1em .6em .6em; line-height:1.25em; border-top:1px dotted; list-style:none;}
.trackbackBox p { display:inline; margin-bottom:1em;}
.trackbackBox a { text-decoration:none;}
.trackbackBox div  { clear:both; }
.trackbackBox address { display:block; padding:0 .3em 0 0; }
.trackbackBox address a { font-size:.9em; margin-right:.3em; float:left;*position:relative;}
.trackbackBox address .date { font:.8em Tahoma; float:right;*position:relative;}


/* 게시물의 팝업 메뉴 */
.comment_popup_menu,
.document_popup_menu { text-align:right; padding:0 15px 0 0; height:18px;}
.comment_popup_menu a,
.document_popup_menu a { text-decoration:none; }

/* 회원 서명 및 프로필 이미지 출력 */
.memberSignature { border:1px solid; padding:10px; margin:10px; clear:both;}
.memberSignature .profile { float:left; margin-right:20px;*position:relative; }
.memberSignature .profile img { border:1px solid; padding:3px; margin:none; }

.commentProfileImage {float:left; *position:relative;}
.commentProfileImage .profile {margin:0 20px 10px 0;}
.commentProfileImage .profile .star { margin-bottom:3px; }
.commentProfileImage .profile .adoptComment span { font-weight:bold;}
.commentProfileImage .profile .adoptComment a.button { margin:0 0 3px 0; padding:0; }
.commentProfileImage .profile .image {border:1px solid; padding:3px; margin:none; }

/**
 * comment
 **/
.commentToggleLayout{ text-align:left;display:block; position:relative;}
.commentToggleLayout.active{ display:none;}



body {background-color:#fff; color:#111}

a {color:#444}
a:hover {color:#000;}

.bodexWrite .extraVarsList select,
.bodexWrite .extraVarsList textarea,
.bodexWrite .extraVarsList input[type="password"],
.bodexWrite .extraVarsList input[type="text"] {color:#111;background:#fff; border-color:#ccc #aaa #aaa #ccc; }

select.dStyle, 
textarea.dStyle,
input.dStyle {color:#111;background:#fff; border-color:#ccc #aaa #aaa #ccc; }

.bodexWrite .extraVarsList select:focus,
.bodexWrite .extraVarsList textarea:focus,
.bodexWrite .extraVarsList input[type="password"]:focus,
.bodexWrite .extraVarsList input[type="text"]:focus,
.bodexWrite .extraVarsList select:hover,
.bodexWrite .extraVarsList textarea:hover,
.bodexWrite .extraVarsList input[type="password"]:hover,
.bodexWrite .extraVarsList input[type="text"]:hover {border-color:#444;}

select.dStyle:focus, 
textarea.dStyle:focus,
select.dStyle:hover, 
textarea.dStyle:hover,
input.dStyle:focus,
input.dStyle:hover {border-color:#444;}

.bodexWrite .extraVarsList input[type="password"],
.bodexWrite .extraVarsList input[type="text"] {background:url("/modules/bodex/skins/xe_default/images/white/inputBg.gif") no-repeat right bottom;}

input.dStyle {background:url("/modules/bodex/skins/xe_default/images/white/inputBg.gif") no-repeat right bottom;}

.bodexHeader { border-bottom:#ccc; background: url("/modules/bodex/skins/xe_default/images/white/bgH3.png") repeat-x left bottom;}
.bodexHeader h3{color:#111;background:url("/modules/bodex/skins/xe_default/images/white/line_H3_3x15.gif") no-repeat right bottom; }
.bodexHeader h4{color:#222;}
.bodexDescription {color:#777;border-color:#ccc;}

.accountNavigation li.loginAndLogout a { background:url("/modules/bodex/skins/xe_default/images/white/line_1x15.gif") no-repeat left 2px; }
.accountNavigation li.icon a{ background-image:url("/modules/bodex/skins/xe_default/images/white/listTypeIcon.gif");}

.articleNum { background:url("/modules/bodex/skins/xe_default/images/white/iconArticle.gif") no-repeat left top; }

.categoryTab .localNavigation li a{ color:#444; border-color:#ccc;background:url("/modules/bodex/skins/xe_default/images/white/bgListTh.png") repeat-x top;}
.categoryTab .localNavigation li a:hover{ border-color:#444;}
.categoryMenu td .localNavigation {border-color:#ccc;}
.categoryMenu td .localNavigation div.total {border-bottom-color:#ccc;}

.bodexList {border-bottom-color:#ccc;border-top-color:#ccc;}

.bodexList tr.bg0 { background:#fafafa;}

.bodexList th {color:#444; border-bottom-color:#ccc;background: url("/modules/bodex/skins/xe_default/images/white/bgListTh.png") repeat-x top;}
.bodexList tr.notice { background:#fafafa; }

.bodexList td.title {color:#444;}
.bodexList td.title a:visited { color:#777;}
.bodexList td strong.category { color:#111; background:url("/modules/bodex/skins/xe_default/images/white/line_1x15.gif") no-repeat right 2px;}

.bodexList td.no,
.bodexList td.regdate,
.bodexList td.last_update,
.bodexList td.readed_count,
.bodexList td.voted_count,
.bodexList td.doc_state,
.bodexList td.blamed_count { color:#555; }

.bodexList td span.rewardPoint {background-color:#000; color:#fff;}
.bodexList td span.rewardAdopt {background-color:#888;}

/* bodexList webzine */
.bodexList td.summary a { color:#666;}
.bodexList td.summary a:hover { color:#444;}
.bodexList td.summary a:visited { color:#999;}
.bodexList td.thumb img { border-color:#E0E1DB;  }
.bodexList td.summary div.extravalue { color:#333; }

 /* bodexList gallery */
.bodexList .thumbnailBox .cell img.thumb { border-color: #ccc;}
.bodexList .thumbnailBox .nameAndDate { color:#555; }
.bodexList .thumbnailBox .nameAndDate .author { color:#111;  }
.bodexList .thumbnailBox .nameAndDate .date { color:#555;}
.bodexList .thumbnailBox .readAndRecommend { color:#555;}

 /* bodexList download */
.bodexList .downloadBox {border-bottom-color:#ccc; }
.bodexList .downloadBox div.thum img { border-color: #ccc;}
.bodexList .downloadBox div.info li.title {border-top-color:#ccc;}
.bodexList .downloadBox div.info li.category .star span.average {color:#aaa;}
.bodexList .downloadBox div.info li .summary {color:#555; }
.bodexList .downloadBox div.info li .extravalue { color:#888; }
.bodexList .downloadBox div.info li.date {color:#aaa; }
.bodexList .downloadBox div.info li.category strong {background:url("/modules/bodex/skins/xe_default/images/white/line_1x15.gif") no-repeat right 3px; }

/* pagi */
.pagination.a1 a,
.pagination.a1 strong{ border-left-color:#555; border-right-color:#ccc;}
.pagination.a2 a,
.pagination.a2 strong{border-left-color:#ccc; border-right-color:#555; }

.bodexRead .titleAndUser {border-bottom-color:#ccc; }
.bodexRead .dateAndCount div {color:#777;}
.bodexRead .dateAndCount .category a { color:#555;}

.bodexRead .extraVarsList { border-top-color:#ccc;}
.bodexRead .extraVarsList th { color:#999; border-bottom-color:#ccc; border-right-color:#ccc;}
.bodexRead .extraVarsList td { color:#999; border-bottom-color:#ccc; }
.bodexRead .extraVarsList td a { color:#999;}
.bodexRead .extraVarsList td a:hover { color:#666;}

.bodexRead .tag { border-top-color:#ccc}

.bodexRead .fileAttached {border-color:#ccc; background-color:#eee;}
.bodexRead .fileAttached li a:visited { color:#999;}
.bodexRead .fileAttached span.fileDownloaded { color:#999;}

.bodexRead .docReadIpAndUrl .docReadIp {color:#aaa;}
.bodexRead .docReadIpAndUrl .docReadUri a { color:#aaa; }

.bodexRead .contentButton {border-top-color:#ccc;}

.replyBox {border-color:#ccc;}
.replyBox .replyItem { background-color:#f8f8f8; border-bottom-color:#ccc;}
.replyBox .voted {color:#888;}
.replyBox .date {color:#707070;}
.replyBox .replyContent .xe_content { color:#555; }
.replyBox .reply { background-color:#eee; border-bottom-color:#ccc;}
.replyBox .fileAttached li { background:url("/modules/bodex/skins/xe_default/images/white/iconFile.gif") no-repeat left top; }
.replyBox .secret { background-color:#FFDFEF; }

.trackbackBox { color:#555; border-color:#ccc; }
.trackbackBox .trackbackItem { background-color:#eee; border-top-color:#ccc; }
.trackbackBox address a {color:#444;}
.trackbackBox address a:hover {color:#000;}
.trackbackBox address .date {color:#707070;}

.bodexWrite { border-color:#ccc;}
.bodexWrite .tag .info {color:#707070;}
.bodexWrite .option label {color:#444;}
.bodexWrite .option label:hover {color:#000;}

.bodexWrite .extraVarsList { border-color:#ccc;}
.bodexWrite .extraVarsList th {color:#666; border-bottom-color:#ccc; border-right-color:#ccc;}
.bodexWrite .extraVarsList td { color:#666; border-bottom-color:#ccc;}

.smallBox { border-color:#ccc;}
.smallBox .header { background:url("/modules/bodex/skins/xe_default/images/white/bgH3.png") repeat-x left bottom;}

.tagsBox { border-color:#ccc; }
.tags div a:hover { background-color:#888888; color:#fff;}
.tags .tagTypeA a { color:#fe3614; background-color:#EFEFEF;}
.tags .tagTypeB a { color:#fe3614; }
.tags .tagTypeC a { background-color:#EFEFEF;}
.tags .tagTypeD a { background-color:#EFEFEF;}

.secretContent {border-color:#ccc;}

/* 회원 서명 및 프로필 이미지 출력 */
.memberSignature { border-color:#ddd;}
.memberSignature .signature p {color:#666;}
.commentProfileImage span.adoptComment {color:#666}
.memberSignature .profile img { border-color:#E0E1DB;}
.commentProfileImage .profile .image { border-color: #E0E1DB;}

/* 게시물의 팝업 메뉴 */
#popup_menu_area {background-color:#fff;}
#popup_menu_area ul li a {color:#444;}
.comment_popup_menu,
.document_popup_menu {background:url("/modules/bodex/skins/xe_default/images/white/document_menu.gif") no-repeat right top !important;}

.commentEditor { color:#444; border-color:#ccc;}
.commentEditor .userNameAndPw .votePoint { border-bottom-color:#ccc}
.commentEditor .userNameAndPw .votePoint label  {color:#444;}
.commentEditor .userNameAndPw .votePoint label:hover  { color:#000;}

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

/* 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;}
#footer address{ text-align:center;}

/* 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:260px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:760px;}
.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;}

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

/* Skip To Content */
a.skipToContent{ display:block; width:100%; position:absolute; top:0; clear:both; overflow:hidden; height:0; text-decoration:none; text-align:center;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ height:auto; margin:0 0 10px 0; padding:5px;}

/* Element Reset */
html,
body{ height:100%;}
body { margin:0; font-size:12px; background:#fff; color:#000;}
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; }
sup,
sub{ font-style:normal; font-weight:normal;}

/* 레이아웃
--------------------------------------------------------------------------------- */
.blue{ background:url("/layouts/aginet_official_v2/img/bgBlue.gif") no-repeat center 70px;}

body.gradBGblue {background:url("/layouts/aginet_official_v2/img/gradBGblue.png") repeat-x 0 0;}

#container{ margin:0 20px;}
#header{ height:90px; z-index:2;}
#body{ margin:11px 0 0 0; padding-top:20px; background:url("/layouts/aginet_official_v2/img/bgBody.gif") repeat-y 801px 0; z-index:1;}
.fixed .c #body{ background:none; margin-bottom:30px;}
#body .extension{ margin-bottom:60px;}
.fixed .ce #body #content, 
.fixed .ec #body #content{ padding-bottom:60px; width:760px;}
.fixed .ce #body .e1, 
.fixed .ec #body .e1{ width:160px;}
#footer{ padding:10px 0 9px 0; border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; margin-bottom:60px; font-size:11px;}
div.black #footer{ border:0; margin-bottom:-36px; margin-top:100px;}
#sitemap{ padding:15px 0; margin-bottom:15px; border-top:2px solid #c5c5c5;}
div.black #sitemap{ border-bottom:1px solid #d4d4d4;}

/* 해더
--------------------------------------------------------------------------------- */
#header a{ text-decoration:none;}
#header a:hover,
#header a:active,
#header a:focus{ text-decoration:underline;}

#header h1{ margin:0; position:relative; top:15px;}
#header h1.noMargin { margin:0; position:relative; left:0; top:0; }
#header h1 a{ display:block; margin:0; float:left; text-decoration:none;}
div.black #header h1 a{ background-position:0 0;}
#header h1 span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; }

/* 상단 1차 메뉴
--------------------------------------------------------------------------------- */
.gnb{ position:absolute; left:0; bottom:0; margin:0; padding:0; list-style:none;}
.gnb li{ float:left; padding-right:40px;}
.gnb li a { font-weight:bold; font-size:13px; height:12px; display:block; text-decoration:none !important; font-family:tahoma; float:left;}
* html .gnb li a { font-size:12px; } /* 익스6전용 */
*+html .gnb li a { height:11px; } /* 익스7 전용 */
.gnb li a { height /*\**/: 11px\9 } /* 익스8 전용 */
.gnb li a { color:#535353;  }
.gnb li a:hover { color:#42a2ff; }
.gnb li.selected a { color:#42a2ff; }

/* new 아이콘 
--------------------------------------------------------------------------------- */
#new {position:absolute; top:50px; left:500px;} /* 익스6 7 빼고 나머지 */
* html #new {position:absolute; top:62px; left:480px;} /* 익스6 전용 */
*+html #new {position:absolute; top:62px; left:500px;} /* 익스7 전용 */

/* 검색창
--------------------------------------------------------------------------------- */
#header .search{ position:absolute; right:0; bottom:0; width:158px; height:32px; z-index:1;}
div.black #header .search{ background:url("/layouts/aginet_official_v2/img/bgBlackSearch.gif") no-repeat;}
#header .search *{ vertical-align:middle;}
#header .search .inputText{ position:absolute; top:20px; left:20px; border:0; background:#fff; width:110px; height:15px; padding:0; font-size:12px;} 
#header .search .inputSearch{ position:absolute; top:20px; left:135px;}

/* 사이트맵
--------------------------------------------------------------------------------- */
#sitemap a{ text-decoration:none;}
#sitemap a:hover,
#sitemap a:active,
#sitemap a:focus{ text-decoration:underline;}

#sitemap .extension{ *zoom:1;}
#sitemap .extension:after{ content:""; display:block; clear:both;}
#sitemap .extension .section{ float:left; width:110px; margin:0; padding:0 0 0 10px; background:url("/layouts/aginet_official_v2/img/lineKneeVr.gif") repeat-y; }
#sitemap .extension .section.logo{ background:none; padding:0 10px 0 0;}
#sitemap .extension .section h2{ font-size:12px; margin:0 0 10px 0;}
#sitemap .extension .section a{ color:#808080;} /* 링크 색상코드 ( #808080 ) */
#sitemap .extension .section ul{ margin:0; padding:0; list-style:none;}
#sitemap .extension .section li{ margin-bottom:6px;}

/* 푸터
--------------------------------------------------------------------------------- */
#footer a{ text-decoration:none;}
#footer a:hover,
#footer a:active,
#footer a:focus{ text-decoration:underline;}

#footer address{ float:right; padding-left:auto; color:#8b8b8b; font-size:11px; font-family:Tahoma;}

/* 하단 메뉴
--------------------------------------------------------------------------------- */

#bottom_menu a:link {color:#555555; text-decoration:none;}
#bottom_menu a:visited {color:#555555; text-decoration:none;}
#bottom_menu a:hover {color:#0066cc; text-decoration:underline;}
#bottom_menu a:active {color:#555555; text-decoration:none;}
#bottom_menu { position:absolute; clear:both; height:11px; left:325px; margin:0 0 0 30px; padding:0px 0; border-top:0; text-align:center; overflow:hidden; }
#bottom_menu li { display:inline; padding:0 0 0 6px; white-space:nowrap; font:11px "돋움", Dotum; }
#bottom_menu li a { letter-spacing:-1px; }

* html #bottom_menu { padding:1px 0; } /* 익스6전용 */
*+html #bottom_menu { padding:1px 0; } /* 익스7 전용 */
#bottom_menu { padding /*\**/: 1px\9 } /* 익스8 전용 */

/* 서브 메뉴
--------------------------------------------------------------------------------- */
.lnb a{ text-decoration:none;}
.lnb a:hover,
.lnb a:active,
.lnb a:focus{ text-decoration:underline !important;}

.lnb{ margin-bottom:50px;}
.lnb h2{ margin:0 0 50px 0; padding:0 0 0 20px; font:normal 24px Tahoma;}
.lnb h3{ margin:0 0 12px 0; padding:0 0 0 20px; font-size:12px;}
.lnb h3 a{ color:#000;}
div.blue .lnb h2,
div.blue .lnb h2 a{ color:#42a2ff;}
.sky .lnb h2,
.sky .lnb h2 a{ color:#4e70b5;}
div.cyan .lnb h2,
div.cyan .lnb h2 a{ color:#48b2b1;}
div.purple .lnb h2,
div.purple .lnb h2 a{ color:#8f3190;}
div.orange .lnb h2,
div.orange .lnb h2 a{ color:#fdaa00;}
.lnb ul{ margin:0 0 40px 0; padding:0 0 0 20px; list-style:none;}
.lnb ul ul{ margin:10px 0 10px 0;}
.lnb li{ margin-bottom:7px; font-size:11px;}
.lnb li a{ color:#4d4d4d;}
.lnb li.active a{ font-weight:bold; text-decoration:underline;}
.lnb li.active li a{ font-weight:normal; text-decoration:none;}
div.blue .lnb li.active a{ color:#42a2ff;}
.sky .lnb li.active a{ color:#4e70b5;}
div.cyan .lnb li.active a{ color:#48b2b1;}
div.purple .lnb li.active a{ color:#8f3190;}
div.orange .lnb li.active a{ color:#fdaa00;}
div.blue .lnb li.active li a,
.sky .lnb li.active li a,
div.cyan .lnb li.active li a,
div.purple .lnb li.active li a,
div.orange .lnb li.active li a{ color:#4d4d4d;}
div.blue .lnb li.active li.active a{ color:#42a2ff;}
.sky .lnb li.active li.active a{ color:#4e70b5;}
div.cyan .lnb li.active li.active a{ color:#48b2b1;}
div.purple .lnb li.active li.active a{ color:#8f3190;}
div.orange .lnb li.active li.active a{ color:#fdaa00;}

#body .extension .dLink{ padding:0 0 0 20px; margin-bottom:10px;}
#body .extension .dLink img{ border:none; }

/* 패밀리 사이트
--------------------------------------------------------------------------------- */
#family_site {position: absolute;	top: 8px; left: 10px;	background:url("/layouts/aginet_official_v2/img/bg_family_site.gif") no-repeat;}
#family_site a:link {color:#555555; text-decoration:none;}
#family_site a:visited {color:#555555; text-decoration:none;}
#family_site a:hover {color:#42a2ff; text-decoration:underline;}
#family_site a:active {color:#555555; text-decoration:none;}
#family_site h4 {width: 107px; height: 16px; margin: 0; cursor: pointer;	}
#family_site span {display: none;}
#family_site #site_list {position: absolute;	bottom: 15px;	border: solid #d5d5d5;	border-width:1px 1px 0 1px;	background-color:#fff; width: 105px;	height: 0; margin:0;	overflow: auto; }
#family_site #site_list a:hover,
#family_site #site_list a:focus {color:#42a2ff; text-decoration:none;}
#family_site #site_list ul {list-style: none; margin:0; padding:5px; text-align:left; overflow:hidden;}
#family_site #site_list ul li {color:#666;	line-height:14px !important; font:11px "돋움", Dotum; letter-spacing:-1px;}

/* WidgetTree 
--------------------------------------------------------------------------------- */
.widgetTree{ margin:0 0 0 10px; padding:22px 0 0 0;}
.widgetTree *{ margin:0; padding:0; font-size:12px;}
.widgetTree .all{ padding:0 0 0 5px; color:#333 !important;}
.widgetTree a{ text-decoration:none; padding-left:5px;}
.widgetTree a:hover,
.widgetTree a:active,
.widgetTree a:focus{ text-decoration:none; font-weight:bold;}
.widgetTree a strong{ letter-spacing:-1px; cursor:pointer;}
.widgetTree ul{ position:relative; display:block; padding:0; margin:0; zoom:1;}
.widgetTree ul li{ list-style:none; position:relative; padding:3px 0 2px 8px; white-space:nowrap;}
.widgetTree ul li a{ position:relative; left:12px; top:-1px; color:#666;}
.widgetTree ul li li a{ left:2px;}
.widgetTree ul li em{ font-style:normal;}
.widgetTree ul li button{ display:inline-block; position:relative; *top:-2px; width:13px; height:13px; *width:17px; *height:17px; margin:0 -13px 0 0; *margin:0 -17px -1px -2px; text-indent:-10000px; *font:0/0 Sans-serif; border:0; cursor:pointer; background:transparent url("/layouts/aginet_official_v2/img/buttonTreeCollapse.gif") no-repeat; *zoom:1;}
.widgetTree ul li ul{ display:none; padding:2px 0 0 0 !important; margin:0 0 -2px 6px; background:url("/layouts/aginet_official_v2/img/lineTreeVr.gif") repeat-y left top; *zoom:0;}
.widgetTree ul li ul li{ display:none; background:url("/layouts/aginet_official_v2/img/lineTreeHr.gif") no-repeat 0 7px !important;}
.widgetTree ul li.nav_tree_on button{ background-position:0 -17px; *background-position:2px -15px;}
.widgetTree ul li.nav_tree_off button{ background-position:0 0; *background-position:2px 2px;}
.widgetTree ul li.nav_tree_on a{ font-weight:bold; color:#000; letter-spacing:-1px;}
.widgetTree ul li.nav_tree_on li a{ font-weight:normal; color:#8e8e8e; letter-spacing:normal;}
.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/aginet_official_v2/img/lineTreeLastHr.gif") no-repeat 0 5px !important;}
.widgetTree ul li.active,
.widgetTree ul li.active a,
.widgetTree ul li.nav_tree_on.active a{ font-weight:bold; color:#2893bb !important; letter-spacing:-1px; padding-right:1px;}
.widgetTree ul li.active li,
.widgetTree ul li.active li a,
.widgetTree ul li.nav_tree_on.active li a{ font-weight:normal; color:#8e8e8e !important; letter-spacing:normal;}
.widgetTree .icon{ position:relative; left:5px; vertical-align:top;}

/* 메인 2차 메뉴 */
#header_sub { background:url("/layouts/aginet_official_v2/img/bg_hnb.gif") no-repeat; }
#header_sub .terminator { background:url("/layouts/aginet_official_v2/img/bg_hnb.gif") right top; }
#header_sub { position:relative; *zoom:1; }
#header_sub { margin:0px auto 0 auto; }
#header_sub { height:45px; overflow:hidden; }
#header_sub .terminator { position:absolute; top:0; right:0; width:20px; height:35px; }

/* 가로 서브 메뉴
--------------------------------------------------------------------------------- */
#hnb { position:relative; margin:0; padding:0; top:10px; left:100px; *zoom:1; font:12px Tahoma; list-style:none; }
* html #hnb { top:10px; } /* 익스6 전용 */
*+html #hnb { top:12px; } /* 익스7 전용 */
#hnb { top /*\**/: 12px\9 } /* 익스8 전용 */
#hnb li { float:left; margin-right:10px; *zoom:1; }
#hnb li a { float:left; padding-right:10px; display:block; text-decoration:none; *zoom:1; background:url("/layouts/aginet_official_v2/img/vr_hnb.gif") no-repeat right 4px; color:#535353; }
#hnb li a:hover,
#hnb li a:focus { color:#42a2ff; }
#hnb li.on a { color:#42a2ff; font-weight:bold; }
#hnb li.on a:hover,
#hnb li.on a:focus {  }
#hnb li:last-child a { background:none }


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

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

.account li.profile .memberProfile{ display:none; position:absolute; top:15px; left:8px; padding:20px; background:#fff; border:2px solid #737373;}
.account li.profile .memberProfile.active{ display:block;}
.account li.profile .memberProfile .authorName{ margin:0 0 5px 0; font-size:14px; font-weight:bold; color:#333; white-space:nowrap;}
.account li.profile .memberProfile .point{ margin:0 0 5px 0; font-size:12px; color:#42a2ff; white-space:nowrap;}
.account li.profile .memberProfile .latestLogin{ margin:0 0 8px 0; font-size:12px; color:#888; white-space:nowrap;}
.account li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;}
.account li.profile .memberProfile li{ float:none; white-space:nowrap; margin:0 0 10px 0; padding:0 0 0 10px; background:url("/layouts/aginet_official_v2/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("/layouts/aginet_official_v2/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("/layouts/aginet_official_v2/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:12;}

.account li.language{ position:relative;}
.account li.language em{ display:inline-block; height:15px; overflow:hidden; padding:0 8px; font-size:9px; font-style:normal; background-image:url("/layouts/aginet_official_v2/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("/layouts/aginet_official_v2/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("/layouts/aginet_official_v2/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("/layouts/aginet_official_v2/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("/layouts/aginet_official_v2/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("/layouts/aginet_official_v2/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("/layouts/aginet_official_v2/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("/layouts/aginet_official_v2/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("/layouts/aginet_official_v2/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("/layouts/aginet_official_v2/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;}

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

/* Home */
.black #content a{ text-decoration:none;}
.black #content a:hover,
.black #content a:active,
.black #content a:focus{ text-decoration:underline;}

.black .dLink{ float:left; margin:0 0 0 0;}
.black .dLink img{ border:1px solid #ddd;}

/* Heading */
#content .h2{ color:#333; font-size:18px; margin:0 0 40px 0; clear:both;}
#content .h3{ position:relative; color:#333; font-size:15px; border-bottom:1px solid #dcdcdc; padding-bottom:7px; clear:both; margin:0 0 20px 0;}
#content .h4{ color:#333; font-size:14px; margin-top:1em; margin-bottom:10px;}
#content .h5{ color:#333; font-size:12px; margin-top:0; margin-bottom:10px;}

/* Table Of Content */
#content .toc{ margin:0 0 40px 0; padding:20px 50px; border:1px dotted #dcdcdc;}
#content .toc li{ margin-bottom:3px;}

/* Content Header */
.contentHeader{ position:relative; border:2px solid; border-left:160px solid;  *zoom:1; margin-bottom:50px; overflow:visible;}
.contentHeader:after{ content:""; display:block; clear:both;}

.sky .contentHeader{ border-color:#4b6aa8;}
.cyan .contentHeader{ border-color:#41a7a6;}
.purple .contentHeader{ border-color:#8f3190;}
.orange .contentHeader{ border-color:#eea000;}

.contentHeader .title{ position:relative; float:left; width:140px; padding:20px 0 20px 20px; margin:0 0 0 -160px; color:#fff; *zoom:1;}
.contentHeader .title h2{ margin:0 0 12px 0; font-size:8px; font-weight:normal; font-family:Tahoma; letter-spacing:2px;}
.contentHeader .title h3{ margin:0 0 0 0; font-size:20px;}

.contentHeader .summary{ *zoom:1; padding:25px 30px; height:105px; overflow:hidden;}
.contentHeader .summary:after{ content:""; display:block; clear:both;}
.contentHeader .summary .thumb{ float:left; display:block; margin:0 20px 0 0;}
.contentHeader .summary .description { color:#7f7f7f; line-height:1.5;}
.contentHeader .summary .description p{ margin-top:0;}
.contentHeader .summary .description ul { overflow:hidden; list-style:none; margin:0; padding:0; font-size:11px; color:#8b8b8b;}
.contentHeader .summary .description ul li{ display:inline; position:relative; left:-10px; padding-left:10px; margin-right:5px; background:url("/layouts/aginet_official_v2/img/lineHeaderVr.gif") no-repeat left center;}
.contentHeader .summary .description ul a { color:#8b8b8b;}

/* Content Section */
#content .section{ color:#666; line-height:1.5; margin-bottom:40px;}
#content .section em{ font-style:normal; color:#ff6600;}
#content .section strong{ color:#000;}

/* Content Table */
#content .section table { border-collapse:collapse; border:1px solid #ccc; border-right:none; border-bottom:none; margin-bottom:40px; width:100%; }
#content .section caption { position:relative; text-align:left; font-weight:bold; padding:10px 0;}
#content .section caption button{ overflow:visible; font:11px Tahoma; cursor:pointer;}
#content .section th,
#content .section td { padding:.3em .5em; vertical-align:top; border:1px solid #ccc; border-top:none; border-left:none; vertical-align:top;}
#content .section th { background:#f4f4f4; }
#content .section tbody th { text-align:left; }

/* Content Code */
#content .section code{ background:#f8f8f8; font-family:"Courier New", Monospace;}
#content .section code.block{ display:block; border:1px dashed #ddd; padding:1em;}

/* About */
.blue #content .info{ position:absolute; top:10px; right:0; font-size:11px; color:#8b8b8b; margin:0;}

.blue #content .history dl{ position:relative; margin:0; padding:0; *zoom:1;}
.blue #content .history dl:after{ content:""; display:block; clear:both;}
.blue #content .history dt{ position:absolute; top:0; font-weight:bold; color:#333; height:13px; padding-top:15px; padding-bottom:15px; text-align:center;}
.blue #content .history dt.dt1{ left:0; border:1px solid #efefef; border-right:0; width:259px; background:url("/layouts/aginet_official_v2/img/aboutXeHistoryBg.gif") no-repeat right center;}
.blue #content .history dt.dt2{ left:260px; border:1px solid #efefef; border-left:0; border-right:0; width:259px; background:url("/layouts/aginet_official_v2/img/aboutXeHistoryBg.gif") no-repeat right center;}
.blue #content .history dt.dt3{ left:519px; border:1px solid #efefef; border-left:0; width:240px;}
.blue #content .history dd{ float:left; _float:none; _display:inline; width:240px; margin:0 20px 0 0; padding-top:60px; *zoom:1; position:relative;}
.blue #content .history dd.dd1{ _top:-18px;}
.blue #content .history dd.dd3{ margin-right:0;}

.blue #content .character .item{ *zoom:1; margin-bottom:20px;}
.blue #content .character .item:after{ content:""; display:block; clear:both;}
.blue #content .character img { float:left; clear:left; margin-right:30px;}
.blue #content .character p{ margin-top:0;}

.blue #content .recommendation{ *zoom:1;}
.blue #content .recommendation:after{ content:""; display:block; clear:both;}
.blue #content .recommendation .item{ float:left;}
.blue #content .recommendation .xeType{ width:370px;}
.blue #content .recommendation .svType{ border-left:1px solid #f2f2f2; padding-left:35px;}
.blue #content .recommendation ul{ margin:0; padding:0; list-style:none;}
.blue #content .recommendation li{ padding:4px 0 0 20px; background:url("/layouts/aginet_official_v2/img/aboutXeRecommendation.gif") no-repeat; margin-bottom:8px;}
.blue #content .recommendation .xeType li{ background-position:0 0;}
.blue #content .recommendation .svType li{ background-position:0 -44px;}

.blue #content .environment{ *zoom:1;}
.blue #content .environment:after{ content:""; display:block; clear:both;}
.blue #content .environment .item{ float:left;}
.blue #content .environment .php{ width:370px;}
.blue #content .environment .db{ border-left:1px solid #f2f2f2; padding-left:35px;}
.blue #content .environment ul{ margin:0; padding:0; list-style:none;}
.blue #content .environment li{ padding-left:8px; background:url("/layouts/aginet_official_v2/img/bulletA.gif") no-repeat left center; color:#333;}

.blue #content .package{ overflow:hidden;}
.blue #content .package .item{ position:relative; top:-30px; *zoom:1; margin-bottom:20px; border-top:1px solid #eee; padding-top:30px;}
.blue #content .package .item:after{ content:""; display:block; clear:both;}
.blue #content .package img { float:left; clear:left; margin-right:30px;}
.blue #content .package p{ margin-top:0;}

.blue #content .communication{ overflow:hidden;}
.blue #content .communication .item{ position:relative; top:-30px; *zoom:1; margin-bottom:20px; border-top:1px solid #eee; padding-top:30px;}
.blue #content .communication .item:after{ content:""; display:block; clear:both;}
.blue #content .communication img { float:left; clear:left; margin-right:30px;}
.blue #content .communication p{ margin-top:0;}

.blue #content .textyle{ overflow:hidden;}
.blue #content .textyle .item{ position:relative; top:-30px; *zoom:1; margin-bottom:20px; border-top:1px solid #eee; padding-top:30px;}
.blue #content .textyle .item:after{ content:""; display:block; clear:both;}
.blue #content .textyle img { float:left; clear:left; margin-right:30px;}
.blue #content .textyle p{ margin-top:0;}

/* Download */
.sky .contentHeader .summary h4{ color:#5e95d6;}
.sky .contentHeader .summary h4 a{ color:#afcef3; }

/* LANGUAGE */
body.en,
body.jp,
body.zh { font-family:AppleGothic, Tahoma, Sans-Serif;}
body.ko { font-family:AppleGothic, Dotum, Sans-Serif;}
body.ko #content .h2,
body.ko #content .h3{ font-family:NanumGothic, "Malgun Gothic";}