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

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

/* XE */

/* Board Reset */
.board{ font-family:Sans-serif; line-height:normal; font-size:1em;}
.board .inputText,
.board textarea{ border:1px solid;}
.board label{ cursor:pointer;}
.board img{ border:0;}
.board a{ text-decoration:none;}
.board a:hover,
.board a:active,
.board a:focus{ text-decoration:underline;}

/* Board Header */
.boardHeader *{ margin:0; padding:0;}
.boardHeader .boardTitle{ font-size:1em; letter-spacing:-.1em; margin-bottom:10px; border-bottom:3px solid; *zoom:1; background-repeat:no-repeat; background-position:left center;}
.boardHeader .boardTitle:after{ content:""; display:block; clear:both;}
.boardHeader .boardTitleText{ float:left; clear:both; margin-bottom:-3px; padding:5px 15px 5px 22px; border-bottom:3px solid; background-repeat:no-repeat; background-position:right bottom;}
.boardHeader .boardTitleText a{ text-decoration:none;}
.boardHeader .boardTitleText em{ font-style:normal; font-weight:normal;}
.boardHeader .boardDescription{ padding:7px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative;}

/* Board Information */
.boardInformation{width:100%; padding:10px 0; font-size:1em; line-height:normal; *zoom:1;}
.boardInformation *{ margin:0; padding:0;}
.boardInformation:after{ content:""; display:block; float:none; clear:both;}
.boardInformation ul{ overflow:hidden;}
.boardInformation li{ list-style:none; left:-1px; display:block; float:left; padding:0 7px; background-repeat:no-repeat; background-position:left center;}
.boardInformation strong{ font:bold 11px Tahoma;}
.boardInformation .infoLeft{ padding-left:18px; float:left; background-repeat:no-repeat; background-position:left center;}
.boardInformation .infoRight{ float:right;}
.boardInformation .infoRight li.icon{ padding:0; margin-right:3px;}
.boardInformation .infoRight li.icon a{ display:block; float:left; width:12px; height:12px; overflow:hidden; background-repeat:no-repeat;}
.boardInformation .infoRight li.icon a span{ display:block; width:12px; height:12px; z-index:-1; visibility:hidden;}
.boardInformation .infoRight li.rss a{ background-position:0 0;}
.boardInformation .infoRight li.tag_info a{ background-position:-12px 0;}
.boardInformation .infoRight li.listTypeClassic a{ background-position:-24px 0;}
.boardInformation .infoRight li.listTypeZine a{ background-position:-36px 0;}
.boardInformation .infoRight li.listTypeGallery a{ background-position:-48px 0;}
.boardInformation .infoRight li.contributors a{ background-position:-60px 0;}

/* Board List Form */
.boardListForm{ margin:0; line-height:normal;}
.boardListForm *{ margin:0; padding:0;}
.boardListForm fieldset{ border:0; clear:both;}
.boardListForm fieldset:after{ content:""; display:block; float:none; clear:both;}
.boardListForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardListForm em,
.boardListForm strong{ font-style:normal;}
.boardListForm strong.trackback { color:#423CC4; }

/* Board List */
.boardList{ border:0; border-top:1px solid; border-bottom:1px solid; width:100%;}
.boardList .inputCheck{ width:13px; height:13px;}
.boardList .jumpTo{ float:left;}
.boardList .jumpTo *{ vertical-align:middle; *vertical-align:top;}
.boardList .jumpTo select{ font-size:12px; *margin-right:5px;}
.boardList .jumpTo button{ border:0; padding:0; margin:0; width:22px; height:20px; text-align:center; background-repeat:no-repeat; font-size:11px; letter-spacing:-1px; cursor:pointer; line-height:20px;}
.boardList th{ border:0; border-bottom:1px solid; border-top:1px solid; padding:7px; white-space:nowrap; text-align:center; background-repeat:repeat-x; background-position:left bottom; line-height:normal;}
.boardList th.title{ width:100%;}
.boardList th a .sort{ vertical-align:middle; margin:0 5px;}
.boardList td{ border:0; border-top:1px solid; padding:6px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:top;}
.boardList td.num{ font:11px Tahoma;}
.boardList td.check{ font:11px Tahoma;}
.boardList td .category{ padding-right:7px; margin-right:2px; background-repeat:no-repeat; background-position:right center;}
.boardList td.title { width:100%; white-space:normal; text-align:left;}
.boardList td.title img{ vertical-align:middle; margin:0 1px;}
.boardList td.title .replyNum{ font:11px Tahoma;}
.boardList td.title .replyNum sup{ font:10px Tahoma;}
.boardList td.title .replyNum strong { font-weight:normal; }
.boardList td.author{ text-align:left; }
.boardList td.replies{ font:11px Tahoma;}
.boardList td.reading{ font:11px Tahoma;}
.boardList td.recommend{ font:11px Tahoma;}
.boardList td.date{ font:11px Tahoma;}
.boardList td .replyAnchor{ margin-right:10px; font-size:.9em;}
.boardList td .replyAnchor .bubble{ display:none; position:absolute; font:9px Tahoma; top:-7px; right:4px; text-decoration:none;}
.boardList td .replyAnchor:hover .bubble,
.boardList td .replyAnchor:active .bubble,
.boardList td .replyAnchor:focus .bubble{ display:block;}
.boardList td .by{ font:9px Tahoma;}

.boardList td.summary { text-align:left; border-top-style:dotted; white-space:normal;}
.boardList td.summary .thumb{ display:block; float:left; padding:2px; border:1px solid; margin-right:10px;}
.boardList td.summary .thumb img{ display:block;}

.thumbHeader{ border:0; border-top:1px solid; border-bottom:1px solid; padding:7px; font-weight:bold; white-space:nowrap; background-repeat:repeat-x; background-position:left bottom; line-height:normal; text-align:right; *zoom:1;}
.thumbHeader:after{ content:""; display:block; clear:both;}
.thumbHeader .left{ float:left;}
.thumbHeader .left input{ width:13px; height:13px; margin-right:10px;}
.thumbHeader .right{ float:right;}
.thumbHeader *{ vertical-align:middle;}
.thumbHeader a{ margin:0 10px;}
.thumbHeader .jumpTo *{ vertical-align:middle; *vertical-align:top;}
.thumbHeader .jumpTo select{ font-size:12px; *margin-right:5px;}
.thumbHeader .jumpTo button{ border:0; padding:0; margin:0; width:22px; height:20px; text-align:center; background-repeat:no-repeat; font-size:11px; letter-spacing:-1px; cursor:pointer; line-height:20px;}
.thumbHeader .sort{ vertical-align:middle; margin:0 5px;}

.thumbList{ border-bottom:1px solid; *zoom:1;}
.thumbList:after{ content:""; display:block; clear:both;}
.thumbList li{ margin:10px; list-style:none; overflow:hidden; float:left;}
.thumbList li .thumb{ float:left; clear:both; overflow:hidden; padding:2px; margin-bottom:5px; border:1px solid;}
.thumbList li .thumb a{ display:block;}
.thumbList li .thumb a *{ cursor:pointer;}
.thumbList li .thumb a img{ display:block;}
.thumbList li .thumb a .text{ position:absolute; left:0; top:50%; margin-top:-.8em; *margin-top:-1.5em; display:block; width:100%; text-align:center; font-size:2em; font-weight:bold; white-space:nowrap; letter-spacing:-1px;}
.thumbList li .thumb a .category{ position:absolute; left:0; bottom:0; width:100%; padding:2px 0; white-space:nowrap; text-indent:4px;}
.thumbList li .title{ clear:both; white-space:nowrap; margin-bottom:3px;}
.thumbList li .title input{ width:13px; height:13px; vertical-align:middle; white-space:nowrap;}
.thumbList li .author{ white-space:nowrap;}
.thumbList li .reading{ font:11px Tahoma;}
.thumbList li .recommend{ font:11px Tahoma;}
.thumbList li .date{ font:11px Tahoma;}

/* Board Navigation */
.board .boardNavigation{ padding:10px 0; *zoom:1; text-align:center;}
.board .boardNavigation:after{ content:""; display:block; float:none; clear:both;}
.board .boardNavigation .pagination{ padding:5px 0;}
.board .boardNavigation .buttonLeft{ float:left; text-align:left;}
.board .boardNavigation .buttonRight{ float:right; text-align:right;}

/* Search Form */
.boardSearchForm{ margin:0; font-size:.75em; line-height:normal;}
.boardSearchForm *{ margin:0; padding:0;}
.boardSearchForm fieldset{ border:0; clear:both; text-align:center;}
.boardSearchForm fieldset:after{ content:""; display:block; float:none; clear:both;}
.boardSearchForm fieldset *{ vertical-align:middle;}
.boardSearchForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardSearchForm select{ font-size:12px; height:23px;}
.boardSearchForm .inputText{ width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;}

/* Board Read */
.boardRead{}

.boardReadHeader{ padding-bottom:5px; margin-bottom:15px; *zoom:1; border-bottom:2px solid;}
.boardReadHeader:after{ content:""; display:block; float:none; clear:both;}
.boardReadHeader *{ margin:0; padding:0;}
.boardReadHeader .title{ float:left; font-size:1.5em;}
.boardReadHeader em{ top:5px; float:right; font-style:normal; font-weight:bold; font-size:1em;}
.boardReadHeader a{ font-weight:bold; font-size:1em;}

.boardReadBody{ padding-bottom:15px; border-bottom:1px solid; line-height:1.5em; overflow:hidden; *zoom:1;}
.boardReadBody .document_popup_menu{ margin-top:20px; text-align:right;}
.boardReadBody .document_popup_menu a{ text-decoration:underline;}
.boardReadBody .xe_content{ margin-bottom:15px; overflow:hidden; }
.boardReadBody .xe_content a { text-decoration:underline; }
.boardReadBody .memberSignature { border:1px dotted; padding:10px; overflow:hidden; *zoom:1;}
.boardReadBody .memberSignature img.profile { float:left; margin-right:10px; display:block;}
.boardReadBody .memberSignature .signature { float:left; }
.boardReadBody .memberSignature .signature p { margin:0; padding:0; }
.boardReadBody .memberSignature .signature p a { text-decoration:underline; }


.boardReadFooter{ padding:10px 0; *zoom:1; line-height:1em; font:12px Tahoma;}
.boardReadFooter:after{ content:""; display:block; float:none; clear:both;}
.boardReadFooter *{ margin:0; padding:0;}
.boardReadFooter a{ text-decoration:underline; }
.boardReadFooter .footerLeft{ }
.boardReadFooter .footerRight{ clear:both; overflow:hidden; *zoom:1;}
.boardReadFooter dl{ clear:both; margin-bottom:4px; }
.boardReadFooter dl dd { font-family:Tahoma; }
.boardReadFooter dl dd a{ font-family:Tahoma; text-decoration:none; }
.boardReadFooter dt{ z-index:2; display:inline; font-weight:bold;}
.boardReadFooter dd{ z-index:1; left:-5px; display:inline; padding-left:7px; margin-right:5px; *zoom:1;}
.boardReadFooter .footerRight dl.noBr{ left:5px; float:right; clear:both; overflow:hidden; white-space:nowrap;}
.boardReadFooter .footerRight dl.noBr dt{ left:-1px; padding-left:10px; background-repeat:no-repeat; background-position:left center;}
.boardReadFooter .footerRight dl.noBr dd{ margin-right:5px;}

.boardRead .boardNavigation{ border-top:1px solid;}

/* Feedback List */
.feedbackList{ overflow:hidden; padding-top:15px; margin-bottom:10px; }
.feedbackList .feedbackHeader{ font-weight:bold; margin-bottom:10px; font-size:1.5em;}

.feedbackList .replyList .item .header{ font-size:1em; padding:0; margin:0; float:left;}
.feedbackList .trackbackList .item .header{ font-size:1em; float:left; padding:0; margin:0;}
.feedbackList .trackbackList .item p { margin-bottom:10px;}
.feedbackList .replyList .item {overflow:hidden; *zoom:1; }
.feedbackList .replyList .item img.commentProfileImage { float:left; display:block; margin-right:10px;}

.feedbackList .item{ padding-top:10px; margin-bottom:10px; border-top:1px dashed;}
.feedbackList .item .indent{ }
.feedbackList .reply .indent{ border-left:8px solid; padding-left:10px;}
.feedbackList .item .header a{ font-size:1em;}
.feedbackList .item .comment_popup_menu{ text-align:right; margin-bottom:10px;}
.feedbackList .item .comment_popup_menu a{ text-decoration:underline;}
.feedbackList .item .option{ text-align:right; clear:both;}
.feedbackList .item .itemContent { clear:both; margin:10px 0 0 0;}
.feedbackList .item .itemContent .xe_content a { text-decoration:underline; }

/* Time */
.time {float:right; margin:0; padding:0;}
.time * { font-family:Tahoma; font-size:11px; display:inline; margin:0; padding:0;}
.time dt{ z-index:2; display:inline; font-weight:bold; }
.time dd{ z-index:1; left:-5px; display:inline; padding-left:3px; background-repeat:no-repeat; background-position:left center; }

/* Attached File */
.attachedFile{ margin:0; padding:0; border:none; clear:both;}
.attachedFile *{ font-family:Tahoma; display:inline; padding:0; margin:0;}
.attachedFile dt{ z-index:2; display:inline; font-weight:bold;}
.attachedFile dd{ z-index:1; left:-5px; display:inline; padding-left:12px; *zoom:1; background:url("/xe/modules/board/skins/xe_default/images/common/iconFile.gif") no-repeat left 3px; margin-right:5px; }
.attachedFile dd a{ text-decoration:underline; }
.attachedFile dd a .bubble{ position:absolute; display:none; text-decoration:none; white-space:nowrap; border:1px solid; padding:2px 5px; left:0; top:-20px; cursor:pointer;}
.attachedFile dd a:hover .bubble,
.attachedFile dd a:active .bubble,
.attachedFile dd a:focus .bubble{ display:block;}

.replyForm{ padding:10px 20px 15px 20px; font-size:.75em; margin-bottom:20px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.replyForm *{ margin:0; padding:0;}
.replyForm fieldset{ border:0;}
.replyForm fieldset:after{ content:""; display:block; float:none; clear:both;}
.replyForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.replyForm .title{ font-weight:bold; font-size:1.5em; margin-bottom:10px;}
.replyForm textarea{ width:95%; height:150px; font-size:1em; overflow:auto; padding:10px; margin-bottom:10px;}
.replyForm .inputText{ padding:2px 4px 4px 4px; width:190px; height:15px; vertical-align:middle; *margin:-1px 0;}
.replyForm dl{ margin-bottom:10px;}
.replyForm dt{ width:80px; float:left; padding-top:6px; font-weight:bold;}
.replyForm dd{ margin-bottom:5px;}

/* Board Write */
.boardWrite *{ margin:0; padding:0;}
.boardWrite li{ list-style:none;}
.boardWrite fieldset{ border:0;}
.boardWrite legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}

.boardWrite .boardWriteHeader{ }
.boardWrite .boardWriteHeader dl{ margin-bottom:5px; position:relative; }
.boardWrite .boardWriteHeader dl *{ vertical-align:middle;}
.boardWrite .boardWriteHeader dt{ font-weight:bold; display:inline;}
.boardWrite .boardWriteHeader dd{ display:inline;}
.boardWrite .boardWriteHeader dd select{ font-size:12px; vertical-align:top; height:23px;}
.boardWrite .boardWriteHeader dd .inputText{ padding:3px 4px; height:15px; margin-bottom:5px; font-size:12px; *margin-top:-1px;}
.boardWrite .boardWriteHeader dd select { *margin-top:3px; }

.boardWrite .boardWriteHeader dl.title dd{ white-space:nowrap;}
.boardWrite .boardWriteHeader dl.title dd .inputText{ width:60%;}

.boardWrite .tag{ clear:both; margin-bottom:10px; *zoom:1;}
.boardWrite .tag:after{ content:""; display:block; float:none; clear:both;}
.boardWrite .tag .inputText{ float:left; width:330px; padding:4px 4px 2px 4px; margin-right:10px; font-size:12px;}
.boardWrite .tag p{ float:left;}

.boardWrite .boardNavigation,
.boardEditor .boardNavigation{ border-top:1px solid;}

/* UserName & Password */
.board .userNameAndPw{ margin:0; padding:5px 10px 0 10px; border-top:1px solid;}
.board .userNameAndPw dl{ display:inline; white-space:nowrap;}
.board .userNameAndPw dt{ top:-3px; font-weight:bold; display:inline;}
.board .userNameAndPw dd{ margin-right:5px; display:inline;}
.board .userNameAndPw dd .inputText{}
.board .userNameAndPw dd.userName .inputText{ width:70px;}
.board .userNameAndPw dd.userPw .inputText{ width:50px; font:11px Tahoma;}
.board .userNameAndPw dd.emailAddress .inputText{ width:110px; font:11px Tahoma;}
.board .userNameAndPw dd.homePage .inputText{ width:110px; font:11px Tahoma;}
.board .userNameAndPw dd .inputText{ padding:3px 4px; height:15px; margin-bottom:5px; font-size:12px; *margin-top:-1px; vertical-align:middle;}

/* Comment */
.board .editorOption{ padding:8px 10px; border-top:1px solid;}
.board .editorOption *{ vertical-align:middle;}
.board .editorOption dt{ font-weight:bold; display:inline;}
.board .editorOption dd{ margin-right:5px; display:inline;}
.board .editorOption dd select{ font-size:12px;}
.board .editorOption dd .inputCheck{ width:13px; height:13px;}
.board .boardEditor{ border:1px solid; margin-bottom:20px;}
.board .boardEditor .commentEditor{ margin:10px 15px;}
.board .commentEditor .commentHeader{; border-bottom:1px solid; font-weight:bold; padding-bottom:5px; margin-bottom:10px; font-size:1.5em;}

/* Secret Message */
.board .secretMessage{ margin:0; clear:both;}
.board .secretMessage p{ text-align:center; margin:0; font-size:2em;}
.board .secretMessage dl{ text-align:center; margin:15px 0;}
.board .secretMessage dt{ font-weight:bold; display:inline;}
.board .secretMessage dd{ margin:0; display:inline;}
.board .secretMessage dd .inputText{ padding:3px 4px; height:15px; vertical-align:middle; margin-right:5px;}

/* Extra Var Table */
.extraVarsList{ width:100%; border:0; border-bottom:1px solid; margin-bottom:15px;}
.extraVarsList caption{ text-align:right;}
.extraVarsList em{ font-style:normal; font-weight:normal;}
.extraVarsList th,
.extraVarsList td{ border:0; padding:5px 10px; text-align:left; border-top:1px solid; vertical-align:top;}
.extraVarsList th{ white-space:nowrap;}
.extraVarsList td{ width:100%;}
.extraVarsList td p{ display:block; *display:block; margin:3px 0;}
.extraVarsList td *{ vertical-align:middle;}
.extraVarsList td li{ display:inline; margin-right:10px;}
.extraVarsList td .inputText{ padding:3px 4px; font-size:12px; width:96%; display:block;}
.extraVarsList td .inputNum{ padding:3px 4px; font-size:12px; width:50px; border:1px solid;}
.extraVarsList td .inputCheck{ width:13px; height:13px; margin-right:5px;}
.extraVarsList td select { font-size:12px;}
.extraVarsList td textarea{ padding:3px 4px; font-size:12px; width:96%; display:block; overflow:auto;}

/* Tag Cloud */
.tagCloud{ padding-bottom:15px; border-bottom:1px solid #ddd;}
.tagCloud *{ margin:0; padding:0;}
.tagCloud .tagHeader{border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:7px; color:#333; background:#fff url("/xe/modules/board/skins/xe_default/images/white/bgThDefault.gif") repeat-x left bottom; line-height:normal;}
.tagCloud .tagHeader strong{ color:#ff6600;}
.tagCloud ul{ text-align:justify; margin-top:15px;}
.tagCloud li{ display:inline; list-style:none; margin:0 5px;}
.tagCloud li a{ white-space:nowrap;}
.tagCloud li.rank1 a{ font-weight:bold; font-size:2em; background:#12d763; color:#fff;}
.tagCloud li.rank2 a{ font-weight:bold; font-size:1.75em; color:#666;}
.tagCloud li.rank3 a{ font-weight:bold; font-size:1.5em; color:#00b4b5;}
.tagCloud li.rank4 a{ font-size:1.25em; color:#666;}
.tagCloud li.rank5 a{ font-size:1em; color:#666;}


.smallBox .header { text-align:center; }

/* 확장 변수 폼 */
.extraVarsList tr td .text { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:90%; }
.extraVarsList tr td .email_address { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }
.extraVarsList tr td .homepage { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }
.extraVarsList tr td .tel { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:40px; margin-right:10px;}
.extraVarsList tr td .textarea { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:90%; height:80px; }
.extraVarsList tr td ul { margin:0; padding:0; list-style:none; }
.extraVarsList tr td ul li { display:inline-block; margin-right:10px; }
.extraVarsList tr td ul li input { margin-right:5px; vertical-align:middle;}
.extraVarsList tr td .date { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:100px; }
.extraVarsList tr td .address { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }
 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* XE Pagination */

/* Pagination Reset */
.pagination{ padding:15px 0; margin:0; text-align:center;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#333; font-family:Tahoma, Sans-serif; vertical-align:middle;}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{ background-color:#f4f4f4 !important; }
.pagination strong{ color:#ff6600 !important;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }

/* Pagination A1 */
.pagination.a1 a,
.pagination.a1 strong{ margin:0 -4px; padding:1px 10px 1px 8px; border:none; border-left:1px solid #ccc; border-right:1px solid #ddd; font-weight:bold; font-size:12px; background:#fff;}
.pagination.a1 a.prev{ padding-left:10px; background:#fff url("/xe/modules/board/skins/xe_default/images/common/arrowPrevA1.gif") no-repeat left center; }
.pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url("/xe/modules/board/skins/xe_default/images/common/arrowPrevEndA1.gif") no-repeat left center; }
.pagination.a1 a.next{ padding-right:10px; background:#fff url("/xe/modules/board/skins/xe_default/images/common/arrowNextA1.gif") no-repeat right center; }
.pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url("/xe/modules/board/skins/xe_default/images/common/arrowNextEndA1.gif") no-repeat right center; }

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

/* 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; font-size:0; line-height:0;}
.pagination.c2 a.prev{ background:url("/xe/modules/board/skins/xe_default/images/common/arrowPrevC1.gif") no-repeat center;}
.pagination.c2 a.next{ background:url("/xe/modules/board/skins/xe_default/images/common/arrowNextC1.gif") no-repeat center;}
 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* XE White Theme */

/* Board Reset */
.board{ background:#fff; color:#333;}
.board .inputText,
.board textarea{ border-color:#ccc;}
.board .inputText,
.board textarea,
.board select{ background:#fff; color:#333;}
.board a{color:#000;}

/* Board Header */
.boardHeader .boardTitle{ border-color:#ddd; background-image:url("/xe/modules/board/skins/xe_default/images/common/iconBoardHeading.gif");}
.boardHeader .boardTitleText{ border-color:#666; background-image:url("/xe/modules/board/skins/xe_default/images/white/lineVr11.gif");}
.boardHeader .boardTitleText a{ color:#000;}
.boardHeader .boardTitleText em{ color:#666;}
.boardHeader .boardDescription{ background:#f8f8f8; }

/* Board Information */
.boardInformation li{background-image:url("/xe/modules/board/skins/xe_default/images/white/lineVr11.gif");}
.boardInformation em,
.boardInformation strong{ color:#ff6600;}
.boardInformation .infoLeft{ background-image:url("/xe/modules/board/skins/xe_default/images/common/iconArticle.gif");}
.boardInformation .infoRight li.icon{ background:none;}
.boardInformation .infoRight li.icon a{ background-image:url("/xe/modules/board/skins/xe_default/images/common/icons.gif");}

/* Board List Form */
.boardListForm em,
.boardListForm strong{color:#ff6600;}

/* Board List */
.boardList{ border-color:#ddd;}
.boardList .jumpTo button{ background-color:transparent; background-image:url("/xe/modules/board/skins/xe_default/images/common/buttonBg2byte.gif");}
.boardList tr.notice{ background:#f8f8f8;}
.boardList tr.bg1{ background:#fff;}
.boardList tr.bg2{ background:#fbfbfb;}
.boardList th{ border-color:#fff; color:#333; background-color:#fff; background-image:url("/xe/modules/board/skins/xe_default/images/white/bgThDefault.gif");}
.boardList th a{ color:#1978AD;}
.boardList td{ border-color:#eee; color:#666;}
.boardList td .category{ color:#000; background-image:url("/xe/modules/board/skins/xe_default/images/white/lineVr11.gif");}
.boardList td.title .replyNum{ color:#ccc;}
.boardList td.title .replyNum sup{ color:#999;}
.boardList td.title a.forum:link,
.boardList td a.replyAnchor:link{ color:#06C;}
.boardList td .by{ color:#ccc;}

.boardList td.summary .thumb{ border-color:#ddd; background:#fff;}

.thumbHeader{ border-color:#ddd; color:#333; background-color:#fff; background-image:url("/xe/modules/board/skins/xe_default/images/white/bgThDefault.gif");}
.thumbHeader a{ color:#1978AD;}
.thumbHeader .jumpTo button{ background-image:url("/xe/modules/board/skins/xe_default/images/common/buttonBg2byte.gif");}

.thumbList{ border-color:#ddd;}
.thumbList li .thumb{ background:#fff; border-color:#ddd;}
.thumbList li .thumb a .text{ color:#ccc;}
.thumbList li .thumb a .category{ background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff;}

/* Board Navigation */

/* Search Form */

/* Board Read */
.boardReadHeader{ border-color:#ddd;}

.boardReadBody{ border-color:#ddd;}
.boardReadBody .memberSignature{ border-color:#ddd;}

.boardReadFooter{ color:#666;}
.boardReadFooter a{ color:#666;}
.boardReadFooter dt{ background:#fff;}

.boardRead .boardNavigation{ border-color:#ddd;}

.feedbackList{ color:#666;}
.feedbackList .feedbackHeader{ color:#000;}
.feedbackList .feedbackHeader strong{ color:#ff6600;}

.feedbackList .item{ border-color:#ddd;}
.feedbackList .reply .indent{ border-left-color:#eee;}

/* Time */
.time *{ color:#666;}
.time dt{ background:#fff;}

/* Attached File */
.attachedFile *{ color:#666;}
.attachedFile dd a{ color:#666;}
.attachedFile dd a .bubble{ background:#f8f8f8; border-color:#ddd;}

.replyForm{ color:#666; background:#f4f4f4;}
.replyForm .title{ color:#000;}

/* Board Write */
.boardWrite .boardNavigation,
.boardEditor .boardNavigation{ border-color:#ddd;}

/* UserName & Password */
.board .userNameAndPw,
.board .editorOption{ border-color:#ddd; background:#f4f4f4;}

/* Comment */
.board .boardEditor{ border-color:#ddd; background:#f8f8f8;}
.board .commentEditor .commentHeader{border-color:#ddd; color:#000;}

/* Secret Message */

/* Extra Var Table */
.extraVarsList{ border-color:#ddd;}
.extraVarsList caption{ color:#999;}
.extraVarsList em{ color:#ff6600;}
.extraVarsList th,
.extraVarsList td{ border-color:#ddd;}
.extraVarsList th{ background:#f4f4f4;}
.extraVarsList td{ background:#fff;}
.extraVarsList td .inputNum{ border-color:#ccc;}

/* Tag Cloud */
.tagCloud{ border-color:#ddd;}
.tagCloud .tagHeader{border-color:#ddd; color:#333; background-color:#fff; background-image:url("/xe/modules/board/skins/xe_default/images/white/bgThDefault.gif");}
.tagCloud .tagHeader strong{ color:#ff6600;}
.tagCloud li.rank1 a{ background:#12d763; color:#fff;}
.tagCloud li.rank2 a{ color:#666;}
.tagCloud li.rank3 a{ color:#00b4b5;}
.tagCloud li.rank4 a{ color:#666;}
.tagCloud li.rank5 a{ color:#666;}

/* Layer */
#popup_menu_area{background:#fff; border-color:#eee;}
#popup_menu_area ul{ border-color:#ddd;}
#popup_menu_area li a{ color:#000;}


/*
PXE Platinum Public layout XpressEngine
Markup : Hyunhw Jung
Website: http://www.premiumxe.com
Email : clubnb2@naver.com
*/


/* Browser Reset Preference - 수정하지 마십시오
---------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
a img { border: none; }
fieldset { border:none; }
a, a:visited { color:#4773a5; }


/* Layouts - Restricted Preference - 수정하지 마십시오
---------------------------------------------------------------------------------*/
#cinemaWrapper { *zoom:1; overflow:hidden; }
#container_site { *zoom:1; }
#header { position:relative; *zoom:1; z-index:1 }
#container_body { *zoom:1; overflow:hidden; }
#container_contents { *zoom:1; overflow:hidden; }
#container_contents .wrapper { *zoom:1; overflow:hidden; }
#container_contents .wrapperTrans { *zoom:1; overflow:hidden; }
#container_contents .wrapperCinema { *zoom:1; overflow:hidden; }
#container_cinema_contents { position:relative; *zoom:1; overflow:hidden; }

#e1 { *zoom:1; overflow:hidden; }
#e1 .wrapper { overflow:hidden; }

#e2 { *zoom:1; overflow:hidden; }
#e2 .wrapper { overflow:hidden; }

#footer { position:relative; *zoom:1; clear:both; overflow:hidden; }
#footer_sub { position:relative; *zoom:1; clear:both; overflow:hidden; }



/* Layouts - Margin & Position Preference - 필요에 따라 margin과 Padding 값만 수정하세요
---------------------------------------------------------------------------------*/

#container_site {  }
#header { margin:0 auto; }
#container_body { margin:0 auto; }
#container_contents {  }
#container_contents .wrapper { padding:20px; }
#container_contents .wrapperTrans { padding:0; }
#container_contents .wrapperCinema { margin:0 auto; }
#container_cinema_contents { margin:20px auto 0 auto; }
#footer { margin:0 auto; }
#footer_sub { margin:40px auto 0 auto; padding:30px 0; }

/* 사이드바 1을 좌측에 정렬 */
.ec #e1 { float:left; margin-right:10px; }
.ec #container_contents { _float:right; }

/* 사이드바 1을 우측에 정렬 */
.ce #e1 { float:right; margin-left:10px; }
.ce #container_contents { _float:left; }

/* 사이드바 1,2를 좌측에 정렬 */
.eec #e1 { float:left; margin-right:10px; }
.eec #e2 { float:left; margin-right:10px; }
.eec #container_contents { _float:right; }

/* 사이드바 1,2를 우측에 정렬 */
.cee #e1 { float:right; margin-left:10px; }
.cee #e2 { float:right; margin-left:10px; }
.cee #container_contents { _float:left; }

/* 사이드바 1,2를 양쪽에 위치시키고 컨텐츠부를 가운데로 정렬 */
.ece #e1 { float:left; margin-right:10px; }
.ece #e2 { float:right; margin-left:10px; }
.ece #container_contents { _float:left }

#e1 .wrapper {  }
#e2 .wrapper {  }



/* Layouts - Customization - 여기서부터 자유롭게 코딩합니다
---------------------------------------------------------------------------------*/
body { background:url("/xe/layouts/PXE_platinum_public/css/layouts/PXE_platinum/img/bg_default.gif") repeat-x; color:#707070; height:100%; }
p { margin-bottom:10px; line-height:140%; text-align:justify; }
p a {  }
a, a:visited { text-decoration: none; }
a:hover { text-decoration:none; }

#cinemaWrapper {  }
#container_site {  }

#header { height:160px; color:#666; }
#header a.logo { position:absolute; top:45px; left:0; }
#header #submenu { position:relative; top:100px; height:28px; background:url("/xe/layouts/PXE_platinum_public/img/bg_submenu.gif") no-repeat; z-index:2; }
#header #mainmenu { position:relative; top:100px; height:46px; background:url("/xe/layouts/PXE_platinum_public/img/bg_mainmenu.gif") no-repeat right top; z-index:1; }
#header .topBanner { position:absolute; width:592px; height:90px; display:block; top:5px; right:0; }

#container_body {  }
#container_body_headline { margin-bottom:15px; height:1px; color:#fff; font-family:"Century Gothic","Lucida Grande",Arial,sans-serif; font-size:40px; font-weight:normal; text-transform:uppercase; line-height:140% }
#container_contents { text-align:justify; line-height:140%; }

#container_contents .description a { color:#8493aa; font-weight:bold; }
#container_contents .wrapper { border:1px solid #a0a0a0; border-top:none; background:#fff; }
#container_contents .wrapperTrans {  }
#container_contents .wrapperCinema { height:372px; }
#container_cinema_contents {  }

#e1 { overflow:hidden; }
#e1 .wrapper {  }

#e2 { overflow:hidden; }
#e2 .wrapper {  }

#footer { height:53px; background:url("/xe/layouts/PXE_platinum_public/img/bg_footer.gif") repeat-x; color:#666; overflow:hidden; }
#footer_sub { width:960px; border-top:1px solid #c9c9c9; color:#999; font:11px Arial, Helvetica, sans-serif; clear:both; }



/* 위젯 박스 스타일
---------------------------------------------------------------------------------*/
.section01 { margin-bottom:10px; }
.section01 .section_headline { height:18px; padding:7px 0 0 12px; background:url("/xe/layouts/PXE_platinum_public/img/bg_desc.gif") repeat-x; font-family:"Century Gothic","Lucida Grande",Arial,sans-serif; font-size:13px; letter-spacing:-1px; color:#5d84b2; overflow:hidden; }
.section01 .section_headline a { color:#e3e3e3 }
.section01 .section_contents { background:url("/xe/layouts/PXE_platinum_public/img/bg_widstyle_01.gif") repeat-y; border:1px solid #aaa; overflow:hidden; *zoom:1; }
.section02 { margin-bottom:10px; padding:16px 12px; background:url("/xe/layouts/PXE_platinum_public/img/bg_sidebar_dark.gif") repeat-x; }
.section02 .section_headline { margin-bottom:10px; }
.section02 .section_contents {  }



/* 리스트 스타일
---------------------------------------------------------------------------------*/
.defaultList { font:12px 맑은 고딕; color:#707070; margin:0; padding:0; }
.defaultList li  { padding:5px 10px; display:block; border-bottom:1px solid #e2e2e2; list-style:none;  }
.defaultList li a { text-decoration:none; font-weight:bold; }
.defaultList li.headline { padding:6px 10px; display:block; border-bottom:1px solid #e2e2e2; color:#fff; font-weight:bold; background: url("/xe/layouts/PXE_platinum_public/img/bg_hover.gif") repeat-x ; }
.defaultList li.articles { color:#707070; font-weight:normal; background:#f3f3f3 url("/xe/layouts/PXE_platinum_public/img/icon_allow_right.gif") no-repeat right center; _background:#f3f3f3; }
.defaultList li.articles a { color:#707070; font-weight:normal; }
.defaultList li.paragraph { padding:15px; background:#fff; position:relative; *zoom:1; }
.defaultList li.paragraph span.top { position:absolute; width:41px; height:25px; right:5px; bottom:-5px; }
.defaultList li.paragraph p.paraTitle { color:#51718c; font-weight:bold; display:block; margin-bottom:5px; }


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

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

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

.account li.profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; background-color:transparent; background-image:url("/xe/layouts/PXE_platinum_public/packages/basic_plugin/images/buttonProfile.gif"); background-repeat:no-repeat; background-position:center -10px; overflow:visible;}
div.black .account li.profile button{ background-position:center 5px;}
.account li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-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 8px 0; font-size:16px; font-weight:bold; color:#333; 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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/images/bulletB.gif") no-repeat left center;}
.account li.profile .memberProfile li a{ background:none; color:#333; text-decoration:none;}
.account li.profile .memberProfile li a:hover,
.account li.profile .memberProfile li a:active,
.account li.profile .memberProfile li a:focus{ text-decoration:underline;}
.account li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url("/xe/layouts/PXE_platinum_public/packages/basic_plugin/images/buttonCloseX.gif") no-repeat center center;}
.account li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

.account li.register a{ display:block; width:43px; height:5px; padding:5px 8px; background-image:url("/xe/layouts/PXE_platinum_public/packages/basic_plugin/images/buttonRegister.gif"); background-repeat:no-repeat; background-position:center -10px;}
div.black .account li.register a{ background-position:center 5px;}
.account li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/images/buttonLanguage.gif"); background-repeat:no-repeat; background-position:-92px -10px;}
div.black .account li.language em{ background-position:8px -10px;}
.account li.language em span{ display:inline-block; overflow:hidden; visibility:hidden;}
.account li.language em.ko{ background-position:-92px -10px;}
div.black .account li.language em.ko{ background-position:8px -10px;}
.account li.language em.en{ background-position:-92px -25px;}
div.black .account li.language em.en{ background-position:8px -25px;}
.account li.language em.jp{ background-position:-92px -40px;}
div.black .account li.language em.jp{ background-position:8px -40px;}
.account li.language em.zh-CN{ background-position:-92px -55px;}
div.black .account li.language em.zh-CN{ background-position:8px -55px;}
.account li.language em.zh-TW{ background-position:-92px -70px;}
div.black .account li.language em.zh-TW{ background-position:8px -70px;}

.account li.language button{ height:15px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; background-image:url("/xe/layouts/PXE_platinum_public/packages/basic_plugin/images/buttonLanguage.gif"); background-repeat:no-repeat; background-position:-92px 5px; background-color:transparent;}
div.black .account li.language button{ background-position:8px 5px;}
.account li.language button span{ font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}
.account li.language .sLanguage{ position:relative; width:100px; text-align:right;}
.account li.language .sLanguage span{ font-size:0; line-height:0; letter-spacing:-100px; display:inline-block; visibility:visible; width:100%; height:15px; background-image:url("/xe/layouts/PXE_platinum_public/packages/basic_plugin/images/buttonSelectLanguageToggle.gif"); background-repeat:no-repeat; background-position:85px 4px;}
.account li.language.open .sLanguage span{ background-position:85px -6px;}
.account li.language .languageList{ display:none; width:98px; margin:0; padding:5px 0; position:absolute; top:20px; right:0; background:#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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/images/bg_shape.gif") no-repeat left bottom; border-top:2px solid #636870; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }

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

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

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

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

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

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

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


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

#isSearch { position:absolute; top:0; right:0; width:250px; height:28px; text-align:right; top:-1px; }
#isSearch .searchOrder { display:none;}
#isSearch .inputText { font:8pt 돋움; letter-spacing:-1px; vertical-align:middle; position:relative; top:0; left:-58px; border:none; padding:9px 5px 0px 5px; width:110px; height:20px; color:#000000; background:none; }
#isSearch .inputText:hover,
#isSearch .inputText:focus {  }
*:first-child+html body#default #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html body#default #isSearch .submit { position:relative; top:-1px;}
/*
이 마크업 문서는 아래 제공자에 의해 작성 및 수정, 배포 되었습니다
Markup : Hyunhw Jung
Website: http://www.premiumxe.com
Email : clubnb2@naver.com
*/

/* Main Menu (Navigation)
---------------------------------------------------------------------------------*/
 #nav { display: block; margin: 0; padding: 0; position:relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float:left; position: relative; z-index:1;}
  #nav { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding:0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li a { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */
#nav ul { width: 186px; }
#nav ul ul { left: 184px; }

/* Everything else is theming */
#nav { top:0; left:0; font:bold 12px 맑은 고딕; }
#nav *:hover { background-color: none; }
#nav li a { width:186px; height:41px; text-align:center; color:#333; display:block; text-align:left; background:url("/xe/layouts/PXE_platinum_public/packages/pxe_droppy_menu/images/bg_menuOff.gif") no-repeat left top; text-align:center; line-height:340%; }
#nav li.on a { background:url("/xe/layouts/PXE_platinum_public/packages/pxe_droppy_menu/images/menu_hover.gif") no-repeat; color:#fff; }
#nav li.hover a { background:url("/xe/layouts/PXE_platinum_public/packages/pxe_droppy_menu/images/menu_hover.gif") no-repeat; color:#fff; }

#nav li.tools a {  }
#nav li.tools a:hover {  }

    #nav ul { top:41px; }
    #nav ul li { border-bottom:1px solid #222; border-right:1px solid #222; border-left:1px solid #222; background:#373737; color:#fff }
	#nav ul a { color:#fff; display:block; width:172px; height:21px; padding-bottom:none; padding-top:9px; padding-left:12px; font:9pt 맑은 고딕; letter-spacing:-1px; text-align:left; background:none !important; }
	#nav ul a span { position:absolute; top:10px; right:10px; }
	#nav ul a:hover { background:#444 !important; }
	#nav ul .on { background:url("/xe/layouts/PXE_platinum_public/packages/pxe_droppy_menu/images/2nd_menu_on.gif"); }

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


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

#sub_nav { margin:0; padding:0; font:8pt 돋움; letter-spacing:-1px; *zoom:1; list-style:none; overflow:hidden; }

/* 1차 */
#sub_nav li a { padding:6px 12px 6px 12px; display:block; border:1px solid #282828; color:#555; background:#161616 url("/xe/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/icon_allow_right.gif") no-repeat right center; *zoom:1; }
#sub_nav li a:hover { color:#fff !important; }
#sub_nav li.on a { font-weight:bold; color:#555f6a; }

/*2차 */
#sub_nav li ul { list-style:none; margin:0 0 0 13px; padding:0; }
#sub_nav li ul li a { padding-left:0; font-weight:normal; border:none; background:url("/xe/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/breaker.png") no-repeat left bottom; _background:url("/xe/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/breaker.gif") no-repeat left bottom; color:#555; }
#sub_nav li.on ul li a { font-weight:normal !important; color:#555; }
#sub_nav li.on ul li.on a { font-weight:bold !important; color:#555f6a; }

/*3차 */
#sub_nav li ul li ul li a { background:none; }
#sub_nav li.on ul li.on ul li a { font-weight:normal !important; color:#555; background:none; }
#sub_nav li.on ul li.on ul li.on a { font-weight:bold !important; color:#555f6a; background:url("/xe/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/icon_allow_left.gif") no-repeat right center; }

/*4차 */
#sub_nav li.on ul li.on ul li.on ul li a { font-weight:normal !important; color:#555; background:none; }
#sub_nav li.on ul li.on ul li.on ul li.on a{ font-weight:bold !important; color:#555f6a; background:url("/xe/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/icon_allow_left.gif") no-repeat right center; }
.default_login { color:#797771;}
.openid_login { display:none; }

/* login form */
.default_login form { position:relative; }
.default_login .form_field { padding:5px 60px 5px 5px; white-space:nowrap; overflow:hidden; height:45px; }

.default_login .form_field .openIDTitle { width:99%; white-space:nowrap; overflow:hidden; background:url("/xe/widgets/login_info/skins/default_icon3/images/openid_login_bg.gif") no-repeat left top; padding:1px 0 0 18px; margin-bottom:8px; color:#888888; font-weight:bold; }
.default_login .form_field .openIDTitle input { margin:0; padding:0; height:14px; }
.default_login .form_field input.input { display:block; width:99%;  background-color: #ffffff;  border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;  padding:2px; height:14px; color:#666666;  margin:2px 0 2px 0;}

.default_login input.submit { width:45px; height:45px; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/login_btn_submit.gif") no-repeat; border:none; margin:0; cursor:pointer; position:absolute; right:5px; top:5px; }

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

.default_login p { padding:0; margin:0 0 0 5px; }

.default_login .checkbox  { width:15px; height:15px; margin:-1px 0px 0px -1px; margin-right:2px; }
.default_login .clear { clear:both; }

.default_login ul.extra_option { margin:5px 0 0 0; padding:0; clear:both; height:40px; }
.default_login ul.extra_option li { background:url("/xe/widgets/login_info/skins/default_icon3/images/default/bul_01.gif") no-repeat 7px 3px; padding-left:20px; margin-left:5px; margin-bottom:3px;}
.default_login ul.extra_option li a {text-decoration:none; color:#666666;}


.default_openid_login { display:none; clear:both; height:38px; border:3px solid #D5D8DB; background-color:#FFFFFF; margin:0 0 10px 0; }
.default_openid_login .openid_user_id { width:110px; _width:100px; background: url("/xe/widgets/login_info/skins/default_icon3/images/openid_login_bg.gif") left no-repeat; background-color: #ffffff; background-position: 0 50%; padding:3px 3px 3px 18px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:16px; line-height:1em; vertical-align:middle; margin-bottom:.5em; color:#666666;}

.default_openid_login .wButtonTypeA { display:block; cursor:pointer; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/buttonTypeACenter.gif") repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; white-space:nowrap;border:0px;}
.default_openid_login .wButtonTypeA:hover { text-decoration:none;}
.default_openid_login .wButtonTypeA img { vertical-align:middle;}
.default_openid_login .wButtonTypeA input { border:none; cursor:pointer; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/buttonTypeACenter.gif") repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; white-space:nowrap;border:0px;  vertical-align:middle; }
.default_openid_login .wButtonTypeA .leftCap { width:2px; height:24px; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/buttonTypeALeft.gif") no-repeat; margin:0 .3em 0 0;  position:relative; left:-1px;}
.default_openid_login .wButtonTypeA .rightCap { width:2px; height:24px; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/buttonTypeARight.gif") no-repeat; margin:0 -1px 0 .4em;}
.default_openid_login .wButtonTypeA .icon { margin:0 .2em;}
.default_openid_login .wButtonWrite ul { text-align:center; clear:both; display:block; margin:0; padding:0; }
.default_openid_login .wButtonWrite li { margin-top:.5em; float:left; margin-left:.3em; list-style:none;}


/* logged  info */
.default_login .loginUser { position:relative; padding:5px; }
.default_login .loginUser .userNickName { margin-right:50px; white-space:nowrap; overflow:hidden; }
.default_login .loginUser .logoutButton { position:absolute; right:5px; top:5px; }

.default_login .hr_dot_01 { background:url("/xe/widgets/login_info/skins/default_icon3/images/default/hr_dot_01.gif") repeat-x; height:2px; overflow:hidden; clear:both; margin:6px; }

.default_login .item { background:url("/xe/widgets/login_info/skins/default_icon3/images/default/bul_01.gif") no-repeat 5px 5px; height:16px; padding:3px 0px 0px 20px; margin-left:5px; margin-top:2px; }
.default_login .item a { color:#666666; text-decoration:none; }
.default_login .item { font-size:11px; letter-spacing:-1px; margin-right:10px; padding:3px 0px 0px 20px; white-space:nowrap; }
.default_login .profile { width:70px; float:left; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/icon_profile.gif") no-repeat left; }
.default_login .message { width:70px; float:left; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/icon_note.gif") no-repeat left; }
.default_login .friend { float:left; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/icon_friend.gif") no-repeat left; }
.default_login .administrative { float:left; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/icon_key.gif") no-repeat left; margin-right:0px; }
.default_login .administrative a { color:#D80D0F; }
.default_login .lastlogin { clear:both; padding:5px; white-space:wrap; font-size:8pt; }