@charset "utf-8";

/* Bubble */
.board .bubble{position:relative}
.board .bubble .wrp{display:none;position:absolute;right:100%;bottom:0%;z-index:100;padding:3px;margin:-8px 10px;background:#FFF;border:1px solid #999;border-radius:5px;white-space:nowrap;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);box-shadow:1px 1px 3px rgba(0,0,0,.2);}
.board .bubble .speech{display:inline-block;padding:3px 6px;font-weight:normal;line-height:1.5em;text-decoration:none}
.board .bubble .edge{display:inline-block;position:absolute;right:-6px;bottom:18px;left:auto;width:6px;height:9px;margin-top:-5px; background:url(../img/edge.png) no-repeat 0 -96px}
.board .bubble:hover .wrp,.bubble:focus .wrp{display:block}
.board .bubble .wrp:hover ,.bubble .wrp:focus{display:none}

/* Board Reset */
.board{padding:10px 0 25px 0;color:#333;}
.board .inputText,
.board textarea,
.board select{ border:1px solid;}
.board label{ cursor:pointer;}
.board img{ border:0;}
.board .document_popup_menu,
.board .comment_popup_menu{ text-align:right; font-size:11px;}
.board .document_popup_menu{ margin:1em 0;}
.board .comment_popup_menu{ margin:1em 0;}
.board .document_popup_menu a,
.board .comment_popup_menu a{ text-decoration:underline;}
.board .hr{ display:none;}

/* Board Header */
.boardHeader *{ margin:0 0 20px 0; padding:0;}
.boardHeader a{ text-decoration:none; color:#4d4d4d;}
.boardHeader a:hover,
.boardHeader a:active,
.boardHeader a:focus{ text-decoration:underline;} 
.boardHeader .boardTitle{ letter-spacing:-.1em; margin-bottom:10px; border-bottom:3px solid #ddd; *zoom:1; background-repeat:no-repeat; background-position:left 8px;}
.boardHeader .boardTitle:after{ content:""; display:block; clear:both;}
.boardHeader .boardTitleText{ font-size:18px; float:left; clear:both; margin-bottom:-3px; padding:5px 15px 5px 5px; border-bottom:3px solid; border-color:#666; background-image:url(../img/lineVr11.gif); background-repeat:no-repeat; background-position:right bottom;}
.boardHeader .boardTitleText a{ text-decoration:none; color:#000;}
.boardHeader .boardTitleText em{ font-style:normal; font-weight:normal; color:#666;}
.boardHeader .boardDescription{ padding:7px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; background:#f8f8f8;}

/* Board Information */
.boardInformation{width:100%; padding:15px 0; font-size:1em; line-height:normal; *zoom:1;}
.boardInformation *{ margin:0; padding:0;}
.boardInformation a{ text-decoration:none;}
.boardInformation a:hover,
.boardInformation a:active,
.boardInformation a:focus{ text-decoration:underline;} 
.boardInformation:after{ content:""; display:block; float:none; clear:both;}
.boardInformation ul{ overflow:hidden;}
.boardInformation .infoSum{ float:left; font-size:16px; font-weight:bold; margin-right:20px;}
.boardInformation .infoView{ float:right;}
.boardInformation .infoView li{ position:relative; float:left; margin-left:3px; display:inline;}
.boardInformation .infoView li.setup{ margin:0 7px;}
.boardInformation .infoView li.setup a{ display:block; float:left; width:43px; height:23px; background-repeat:no-repeat;}
.boardInformation .infoView li.setup a span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height: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;}

/* Board List */
.boardList{ border:0; border-top:1px solid #bababa; width:100%;}
.boardList a{ text-decoration:none; color:#4d4d4d;}
.boardList a:hover,
.boardList a:active,
.boardList a:focus{ text-decoration:underline;} 
.boardList th{ border:0; border-bottom:1px solid #dcdcdc; padding:8px 6px 7px 6px; white-space:nowrap; text-align:center; line-height:normal; font-weight:normal; color:#4d4d4d;}
.boardList th.title{ width:100%;}
.boardList td{ border:0; border-bottom:1px solid #e6e6e6; padding:8px 6px 7px 6px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:top; color:#4d4d4d;}
.boardList td.category{ font:11px dotum; color:#588f95;}
.boardList tr.notice{background-color:#f8f8f8;}
.boardList tr.notice a:hover { text-decoration:none;} 
.boardList td.notice{ font-size:11px; font-weight:bold;}
.boardList td.num{ font:9px Tahoma;}
.boardList td.num b{ font:11px dotum; color:#e97d81;}
.boardList td.title { width:100%; white-space:normal; text-align:left;}
.boardList td.title img{ vertical-align:middle; margin:0 1px;}
.boardList td.title .author{ font-size:11px;}
.boardList td.author{ font-size:11px; text-align:left;}
.boardList td.reading{ font:9px Tahoma;}
.boardList td.date{ font:9px Tahoma;}
.boardList .replyNum{ font:9px Verdana;}
.boardList .notice td.category{background:url(../img/icon_notice.gif) no-repeat center; padding:0 20px;}

.boardList .meta{ position:relative; overflow:hidden; margin:0 0 10px 0; padding:0; list-style:none; white-space:nowrap;}
.boardList .meta li{ position:relative; left:-10px; display:inline; padding:0 5px 0 10px; background-repeat:no-repeat; background-position:left center; font-size:11px;}
.boardList .meta li.category{ font:11px dotum; color:#588f95;}
.boardList .meta li.author{ font-size:11px;}
.boardList .meta li.date{ font:9px Tahoma;}
.boardList .meta li em{ font-size:9px;}
.boardList .meta li b{ font:11px dotum; color:#e97d81;}

.boardList.webZine tr.bg1 td,
.boardList.webZine tr.bg2 td{padding:22px 6px 22px 6px; *padding:22px 6px 21px 6px;}
.boardList.webZine td.title p.title{ margin-bottom:9px;}
.boardList.webZine td.title p.title .category{ font-size:12px;}
.boardList.webZine td.title p.title  a.title{ font-size:15px; font-weight:bold;}
.boardList.webZine .copyright{ color:#c2c2c2; text-decoration:none; font-size:15px; font-weight:bold;}
.boardList.webZine td.title p.summary{ line-height:18px; margin-bottom:8px;}
.boardList.webZine td.title p.summary a{ text-decoration:none;}
.boardList.webZine td.title .thumb{ float:right; clear:right; border:1px solid; padding:8px; margin-left:50px;}
.boardList.webZine td.title .by{ font:9px Tahoma;}

.thumbList{ border-bottom:1px solid; border-top:0; *zoom:1; margin-right:-30px; padding:5px 0;}
.thumbList:after{ content:""; display:block; clear:both;}
.thumbList li{ position:relative; margin:14px; padding:0; list-style:none; overflow:hidden; float:left;}
.thumbList li .num{ color:#888; font-size:9px; margin-bottom:6px;}
.thumbList li .thumb{ position:relative; float:left; clear:both; overflow:hidden; padding:8px; margin-bottom:14px; border:1px solid;}
.thumbList li .thumb a{ display:block; position:relative; *zoom:1; text-decoration:none !important;}
.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 .noPhoto{ display:inline-block; font-size:11px; text-align:center;}
.thumbList li .title{ font-weight:bold; clear:both; white-space:nowrap; margin-bottom:3px;}
.thumbList li .title .copyright a{ color:#c2c2c2; text-decoration:none;} 
.thumbList li .title input{ width:13px; height:13px; vertical-align:middle; white-space:nowrap;}
.thumbList li .meta{ margin-top:5px; margin:10px 0; line-height:16px;position:relative; white-space:normal; *zoom:1; text-align:left; overflow:visible;}
.thumbList li .meta li{ float:none; margin:0; white-space:nowrap; *zoom:1;}
.thumbList li .meta .category{ line-height:16px;}
.thumbList .lastReply { text-align:left; font-size:11px;}
.thumbList .lastReply a { display:block; }
.thumbList .by{ font:9px Tahoma;}

/* Board Navigation */
.board .boardNavigation{ padding:30px 0; margin:-1px 0 0 0; text-align:center; border-top:1px solid; *zoom:1; _zoom:0;}
.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{ position:relative; margin:0; padding:1px 0; line-height:normal;}
.boardSearchForm *{ margin:0; padding:0;}
.boardSearchForm fieldset{ border:0; clear:both; text-align:center; position:relative;}
.boardSearchForm fieldset:after{ content:""; display:block; float:none; clear:both;}
.boardSearchForm fieldset *{ vertical-align:top;}
.boardSearchForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardSearchForm select{ font-size:12px; height:23px; border:1px solid;}
.boardSearchForm .inputText{ width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;}

.boardSearchForm .infoEtc{ position:absolute; top:7px; right:0;}
.boardSearchForm .infoEtc li{ display:inline;}
.boardSearchForm .infoEtc li a{ display:inline-block; height:11px; background-repeat:no-repeat; overflow:hidden;}
.boardSearchForm .infoEtc li a span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.boardSearchForm .infoEtc li.contributors a{ width:12px; background-position:0 0;}
.boardSearchForm .infoEtc li.tag a{ width:42px; background-position:-11px 0;}

.boardReadHeader a{ text-decoration:none;}
.boardReadHeader a:hover,
.boardReadHeader a:active,
.boardReadHeader a:focus{ text-decoration:underline;}
.boardReadHeader a{ color:#262626;}

.boardReadBody{overflow:hidden; padding:30px 0; *zoom:1;}

.boardReadFooter .memberSignature { border:1px solid; padding:10px; margin:1em 0; overflow:hidden; *zoom:1; clear:both; -moz-border-radius:5px; -webkit-border-radius:5px;}
.boardReadFooter .memberSignature img.profile { margin:0 1em 0 0; border:1px solid;}
.boardRead .boardNavigation{ border-top:1px solid;}

/* Feedback List */
.feedbackList{ overflow:hidden; padding-top:15px; margin-bottom:10px; border-top:1px solid;}
.feedbackList .feedbackHeader{ float:left; font-weight:bold; margin:1em 1em .5em 0; font-size:16px;}
.feedbackList .feedbackHeader em{ font-style:normal;}
.feedbackList .trackbackList,
.feedbackList .replyList{ clear:both;}

.feedbackList .item{ position:relative; border-top:1px dashed; *zoom:1;}
.feedbackList .item .indent{ position:relative; *zoom:1;}
.feedbackList .item .indent:after{ content:""; display:block; clear:both;}
.feedbackList .item.itemReply .indent{ padding-left:15px; background-repeat:no-repeat; background-position:0 1.2em;}

.feedbackList .item .author{ margin:0 5px 0 0;}
.feedbackList .item .author a{ font-size:12px; text-decoration:none; font-weight:bold;}
.feedbackList .item .author a:hover,
.feedbackList .item .author a:active,
.feedbackList .item .author a:focus{ text-decoration:underline;}
.feedbackList .item  .date{padding:0 5px;font-size:11px;color:#888}

.feedbackList .item .itemContent { position:relative; padding:1em 0 1em 75px; *zoom:1; z-index:1;}
.feedbackList .item .itemContent:after{ content:""; display:block; clear:both;}
.feedbackList .item .itemContent .xe_content{margin-top:10px; width:auto !important;}
.feedbackList .item .itemContent .xe_content a { text-decoration:underline; }
.feedbackList .item .itemContent .option{ position:relative; margin:1em 0; padding:0; list-style:none; white-space:nowrap; overflow:hidden; *zoom:1; float:right;}
.feedbackList .item .itemContent .option li{ position:relative; left:-1px; display:inline; padding:0 0 0 5px; background-repeat:no-repeat; background-position:left center; font-size:11px;}
.feedbackList .item .itemContent .option li.wouldYou{ background:none;}
.feedbackList .item .itemContent .option li a{ text-decoration:none;}
.feedbackList .item .itemContent .option li a:hover,
.feedbackList .item .itemContent .option li a:active,
.feedbackList .item .itemContent .option li a:focus{ text-decoration:underline;} 
.feedbackList .item .itemContent .delete{ position:relative; display:inline-block; width:13px; height:13px; background-repeat:no-repeat; background-position:center center; vertical-align:middle;}
.feedbackList .item .itemContent .delete span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.feedbackList .item.itemOnly{ border-top:0;}

.feedbackList .item .itemAside{ position:relative; float:left; width:100px; margin-right:-100px; padding:1em 0 0 0; *zoom:1; text-align:left; z-index:2;}
.feedbackList .item .itemAside img.profile{ display:block; border:1px solid #e6e6e6; margin-bottom:5px; width:53px; height:53px; padding:3px;}

/* Attached File */
.attachedFile { position:relative; float:left; width:100%;}
.attachedFile *{ margin:0; padding:0; font-size:11px; vertical-align:middle;}
.attachedFile dt img{ margin-right:10px;}
.attachedFile dt .fileToggle{ border:0; padding:0; overflow:visible; cursor:pointer; font-size:11px; background:none; vertical-align:middle;}
.attachedFile dd{ position:relative; margin-right:5px; display:none; margin-top:5px; padding-left:40px;}
.attachedFile.open dd{ display:block;}
.attachedFile ul.files { position:relative; margin:0 0 1em 0; padding:0; clear:both; list-style:none; text-align:left;}
.attachedFile ul.files *{ display:inline-block; *display:inline; padding:0; margin:0; font-size:11px;}
.attachedFile ul.files li{ position:relative; margin:0 10px 0 0;}
.attachedFile ul.files a{ position:relative; background-repeat:no-repeat; background-position:left center; *zoom:1; text-decoration:none !important;}
.attachedFile ul.files a .bubble{ display:none; position:absolute; top:-20px; left:0; padding:2px 5px; z-index:100; white-space:nowrap;}
.attachedFile ul.files a:hover .bubble,
.attachedFile ul.files a:active .bubble,
.attachedFile ul.files a:focus .bubble{ display:block;}

/* Editor */
.board .boardEditor{ border:1px solid; margin-bottom:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.board .boardEditor .commentEditor{ margin:15px; *zoom:1; position:relative;}

/* Editor Option */
.board .editorOption{ margin:1em 0; text-align:left;}
.board .editorOption *{ vertical-align:middle;}
.board .editorOption select{ margin-right:10px; font-size:12px;}
.board .editorOption label{ margin-right:10px;}
.board .editorOption .inputText{ padding:3px 4px; height:15px; margin:0 10px 5px 0; font-size:12px; vertical-align:middle;}

/* Button */
.buttonOfficial,
.buttonOfficial span,
.buttonOfficial input,
.buttonOfficial button{ position:relative; vertical-align:middle; display:inline-block; height:25px; font-size:12px; line-height:25px; color:#4d4d4d; cursor:pointer; background-image:url(../img/buttonOfficial.gif); background-repeat:no-repeat; text-decoration:none !important; overflow:visible; border:0; padding:0; background-color:transparent;}

.buttonOfficial .report{background:url(../../../img/ico_report.gif) no-repeat 0 25%; padding-left:14px;}

.buttonOfficial{ background-position:left top; margin-right:4px;}
.buttonOfficial span,
.buttonOfficial input,
.buttonOfficial button{ left:4px; background-position:right top; padding:0 8px 0 4px;}

a.buttonOfficial{ _margin-top:-1px;}
a.buttonOfficial span{ _vertical-align:top;}

/* Pagination */
.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:#4d4d4d; font-family:Tahoma, Sans-serif; margin:0; padding:2px 6px; font-size:11px; vertical-align:middle;}
.pagination strong{ color:#ff3636 !important; border:1px solid #e7e7e7;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{ font-weight:normal !important; margin:0 !important; white-space:nowrap; text-decoration:none !important; border:1px solid #e7e7e7; background-image:url(../img/arrowPagination.gif); background-repeat:no-repeat;}
.pagination a.prevEnd{ padding-left:14px; background-position:left center; }
.pagination a.nextEnd{ padding-right:14px; background-position:right center; }


.board .inputText,
.board textarea,
.board select{ background:#fff; color:#333; border-top-color:#a6a6a6; border-left-color:#a6a6a6; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8;}
.board .document_popup_menu a,
.board .comment_popup_menu a{ color:#8b8b8b;}
.board .boardNavigation{ border-color:#bababa;}

/* Board Information */
.boardInformation em,
.boardInformation strong{ color:#ff6600;}
.boardInformation .infoView li.setup a{ background-image:url(../img/buttonSetup.gif);}

.boardList.webZine td.title p.summary a{ color:#888;}
.boardList.webZine td.title .thumb{ border-color:#e0e0e0;}

.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;}
.thumbList li .thumb a .noPhoto{ background:#eee;}
.thumbList li .title a{ color:#262626;}
.thumbList li .summary a{ color:#888;}

/* Board Read */
.boardReadFooter .memberSignature{ border-color:#f0f0f0; background-color:#fdfdfd;}
.boardReadFooter .memberSignature img.profile { border-color:#eee;} 

.feedbackList{ border-color:#f0f0f0;}
.feedbackList .feedbackHeader a{ color:#000;}
.feedbackList .feedbackHeader em{ color:#ff6600;}
.feedbackList .item{ border-color:#f0f0f0;}
.feedbackList .item.itemReply .indent{ background-image:url(../img/iconReply.gif);}
.feedbackList .item .author{ color:#8b8b8b;}
.feedbackList .item .author a{ color:#262626;}
.feedbackList .item .itemContent .option li{ background-image:url(../img/lineVr9.gif);}
.feedbackList .item .itemContent .option li a{ color:#666;}
.feedbackList .item .itemContent .delete{ background-image:url(../img/buttonDelete.gif);}
.feedbackList .item .itemAside .meta{ color:#adadad;}

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

/* Attached File */
.attachedFile ul.files a{ padding-left:15px; background-image:url(../img/iconFile.gif); color:#4d4d4d;}
.attachedFile dt a { color:#4d4d4d;}
.attachedFile ul.files a .bubble{ border:1px solid #ddd; background-color:#fff; color:#4d4d4d;}

/* Editor */
.board .boardEditor{ border-color:#ddd; background:#f8f8f8;}

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

.purchaseMessage { text-align:center; color:#ff0000; font-weight:bold; padding-top:30px; }
.BEdeclare { text-align:center; font-weight:bold; padding-bottom:10px; }
.BEdeclare a{ text-decoration:none; color:#333;}
.BEdeclare u{ color:#ff0000;}

.starPoint { margin:0 0 10px 0; padding:0; list-style:none; overflow:hidden; *zoom:1; }
.starPoint li { float:left; margin-right:3px; }
.starPoint li a { text-decoration:none; width:11px; height:11px; background:url(../../../img/starOff.gif) no-repeat left top; color:#fff; font-size:1px; line-height:0; display:block; }
.starPoint li a.on { background-image:url(../../../img/starOn.gif); }

.commentArea { width:98%; border:1px solid #ddd; height:60px; padding:5px; font-size:12px; }

.ContentsForm{ width:100%; border:0; border-bottom:1px solid; border-color:#ddd;}
.ContentsForm em{ font-style:normal; font-weight:normal;}
.ContentsForm th,
.ContentsForm td{ border:0; padding:7px 10px; text-align:left; border-top:1px solid; border-color:#ddd;}
.ContentsForm th{ white-space:nowrap;}
.ContentsForm .inputText{ padding:3px 4px; margin-right:10px; font-size:12px; width:69%; border:1px solid #ccc;}
.ContentsForm .inputUrl{ padding:3px 4px; margin-right:10px; font-size:12px; width:90%; border:1px solid #ccc;}
.ContentsForm .inputName{ padding:3px 4px; margin-right:10px; font-size:12px; width:150px; border:1px solid #ccc;}
.ContentsForm  label{ margin-right:10px;}
.ContentsForm td{ width:100%;}
.ContentsForm td *{ vertical-align:middle;}

.ContentsFormX{ width:100%; border:0; border-bottom:1px solid; border-color:#ddd;}
.ContentsFormX em{ font-style:normal; font-weight:normal;}
.ContentsFormX th,
.ContentsFormX td{ border:0; padding:7px 10px; text-align:left;}
.ContentsFormX .inputNum{ padding:3px 4px; font-size:12px; width:50px; border:1px solid; float:left; border-color:#ccc;}
.ContentsFormX .inputDate{ padding:3px 4px; font-size:12px; width:70px; border:1px solid; border-color:#ccc;}
.ContentsFormX .auto_fix{ padding:3px 4px; font-size:12px; width:100px; border:1px solid; float:left; border-color:#ccc; text-align:center; color:#00b0a2; font-weight:bold; white-space:nowrap;}
.ContentsFormX th{ white-space:nowrap; width:1%;}
.ContentsFormX td{ width:20%;}
.ContentsFormX td *{ vertical-align:middle;}

.extraVarsList{ width:100%; border:0; border-bottom:1px solid; margin:15px 0; border-color:#ddd;}
.extraVarsList caption{ text-align:right; color:#999;}
.extraVarsList em{ font-style:normal; font-weight:normal; color:#ff6600;}
.extraVarsList th,
.extraVarsList td{ border:0; padding:5px 10px; text-align:left; border-top:1px solid; vertical-align:top; border-color:#ddd;}
.extraVarsList th{ white-space:nowrap; background:#f4f4f4;}
.extraVarsList td{ width:100%; background:#fff;}
.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; border-color:#ccc;}
.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;}
.extraVarsList tr td input,
.extraVarsList tr td textarea{ font-size:12px;}
.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; }

 /* 파일 콘텐츠 형태 */

 .contentsList {width:100%; border-collapse:collapse; border-top:1px solid #7a7a7a;}
 .contentsList th,
 .contentsList td {font-family:dotum; color:#999; white-space:nowrap;}
 .contentsList th {height:32px; font-weight:bold; color:#555; padding:0 8px; border-bottom:1px solid white; background:url(../img/mnShare_bbslist_thline.gif) left bottom repeat-x; vertical-align:middle;}
 .contentsList td {padding:7px 8px 3px 8px; text-align:center;font-size:12px; line-height:20px; border-bottom:1px solid #e6e6e6;}
 .contentsList td img {vertical-align:middle;max-width:none;}
 .contentsList th.title{ width:100%;}
 .contentsList td.num {font-size:9px; font-family:Verdana, dotum; color:#999; letter-spacing:-1px; padding: 0 15px;}
 .contentsList td.num b{ font:11px dotum; color:#e97d81;}
 .contentsList td.category {font-size:11px; font-family:dotum; color:#588f95; letter-spacing:-1px;}
 .contentsList td.subject {padding-top:0; padding-left:15px; padding-bottom:0; text-align:left;}
 .contentsList td.subject a {position:relative; display:block; height:30px; text-decoration:none;overflow:hidden;vertical-align:middle; color:#333; zoom:1; z-index:2;}
 .contentsList td.subject a:hover,
 .contentsList td.subject a:active,
 .contentsList td.subject a:focus{color:#0075c8;} 
 .contentsList td.subject a img {margin-top:-1px; _margin-top:-2px;}
 .contentsList td.subject a .textOverflow {padding:7px 0 2px; line-height:30px; overflow:hidden;vertical-align:middle; white-space:normal;}
 .contentsList td.subject a .textOverflowT {display:block; padding:7px 0 2px; line-height:20px; overflow:hidden; background:white; zoom:1;}
 .contentsList td.subject a .textOverflowT .txt {display:inline-block; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
 .contentsList td.subject a .textOverflowT .txt-over {display:none; position:absolute;}
 .contentsList .contentsLT td.subject a:hover .textOverflowT {position:absolute; top:0; left:0; padding-right:10px; font-weight:bold; cursor:pointer; z-index:2; color:#000000;}
 .contentsList td.subject a:hover .textOverflowT .txt {position:absolute; display:none;}
 .contentsList td.subject a:hover .textOverflowT .txt-over {display:inline-block; position:static;}
 .contentsList td.copyright {padding-top:0; padding-left:15px; padding-bottom:0; width:100%; white-space:normal; text-align:left;}
 .contentsList td.copyright a { color:#c2c2c2; text-decoration:none; overflow:hidden;}
 .contentsList td.capacity {font-size:9px; font-family:Verdana, dotum; color:#999;}
 .contentsList td.point {font-size:9px; font-family:Verdana, dotum; color:#999;}
 .contentsList td.point strong{font-size:11px;}
 .contentsList td.nickname {font-size:11px; font-family:dotum; color:#999; text-decoration:none;}
 .contentsList td.nickname a {font-size:11px; font-family:dotum; color:#999; text-decoration:none;}
 .contentsList .notice {background:#f8f8f8;}
 .contentsList .notice td.subject a {color:#666 !important; text-decoration:none;}
 .contentsList .notice td.subject a .textOverflow {overflow:hidden; width:100%; text-overflow:ellipsis; background:#f8f8f8; white-space:normal; }
 .contentsList .notice td.category{background:url(../img/icon_notice.gif) no-repeat center; padding:0 20px;}
 .contentsList .notice td.nickname {font-weight:bold; color:#767676;}
 .contentsList .notice td img {position:relative; top:-1px; z-index:0;}
 .contentsList .replyNum{ font:9px Verdana;}

 /* file List */
.fileList{ border:0; border-top:1px solid; width:100%;}
.fileList a{ text-decoration:none;}
.fileList a:hover,
.fileList a:active,
.fileList a:focus{ text-decoration:underline;} 
.fileList th{ border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; white-space:nowrap; text-align:center; line-height:normal; font-weight:normal;}
.fileList th.file{ width:100%;}

.fileList th a .sort{ vertical-align:middle; margin:0 5px;}
.fileList td{ border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; white-space:nowrap; text-align:center; line-height:normal;   vertical-align:middle;}
.fileList .fileName{text-align:left; white-space:normal;}
.fileList{ border-color:#bababa;}
.fileList a{ color:#4d4d4d;}
.fileList th{ border-color:#dcdcdc; color:#4d4d4d;}
.fileList th a{ color:#66c;}
.fileList td{ border-color:#eee; color:#4d4d4d;} 

.Filepurchase {display:block; padding:30px 0 0 0; text-align:center;}

.filelnfo{ width:100%; border:0; border-bottom:1px solid; border-color:#ddd;}
.filelnfo em{ font-style:normal; font-weight:normal;}
.filelnfo th,
.filelnfo td{ border:0; padding:7px 10px; text-align:left; border-top:1px solid; border-color:#ddd;}
.filelnfo th{ white-space:nowrap;}
.filelnfo td{ width:100%;}
.filelnfo td p{ white-space:nowrap;}
.filelnfo td *{ vertical-align:middle;}

.filelnfoX{ width:100%; border:0; margin-bottom:20px;}
.filelnfoX em{ font-style:normal; font-weight:normal;}
.filelnfoX a:hover,
.filelnfoX a:active,
.filelnfoX a:focus{ text-decoration:none;} 
.filelnfoX th,
.filelnfoX td{ border:0; padding:7px 10px; text-align:left; border-bottom:1px solid #ddd;}
.filelnfoX th{ white-space:nowrap; width:1%;}
.filelnfoX td{ width:20%;}
.filelnfoX td *{ vertical-align:middle;}

.myList{background:url(../img/bgHeader.gif) no-repeat 0 -100px}
.myList table{border:0;border-bottom:1px solid #cdcdcd;color:#4a4a4a;background:url(../img/bgHeader.gif) no-repeat right -100px}
.myList a{text-decoration:none;color:#4a4a4a}
.myList a:hover,
.myList a:active,
.myList a:focus{text-decoration:underline}
.myList th{border:0;padding:8px 0 9px 0;height:14px;white-space:nowrap}
.myList th:first-child span{border:0}
.myList th span{display:block;border-left:1px solid #c7c7c7;padding:0 15px;height:14px}
.myList td{border:0; text-align:center; border-bottom:1px solid #e6e6e6;padding:8px 5px;white-space:nowrap;vertical-align:top}
.myList tr:last-child td{border:0}
.myList td.contentName {text-align:left; white-space:normal}
.myList td.no{text-align:center;font:9px Tahoma, Geneva, sans-serif}
.myList td.no b{font:11px dotum; color:#e97d81;}
.copyright a{color:#c2c2c2; text-decoration:none;}

.contentError td {background-color:#FFDDDD;}

/* Category Tab */
.cTab{position:relative;padding:0;list-style:none;zoom:1;}
.cTab:after{content:"";display:block;clear:both}
.cTab li{float:left;margin:0 2px 0 0;border:1px solid #e0e0e0;border-top:0;border-bottom:0}
.cTab li.on{border:1px solid #999;border-top:0;margin-bottom:-1px}
.cTab li a{position:relative;top:-1px;border-top:1px solid #e0e0e0;float:left;height:25px;line-height:25px;padding:0 20px;font-size:12px;font-family:나눔고딕, NanumGothic, "맑은 고딕", "MalgunGhotic";text-decoration:none;color:#666;font-weight:bold}
.cTab li em{font:11px Tahoma, Geneva, sans-serif;color:#767676;padding:0 0 0 2px}
.cTab li.on a{color:#000;top:-1px;border-top:1px solid #999}

.buttontext input{ position:relative; vertical-align:middle; display:inline-block; font-size:12px; color:#0075c8; font-weight:bold; cursor:pointer; background-repeat:no-repeat; text-decoration:none !important; overflow:visible; border:0; padding:0; background-color:transparent;}
.buttontext.purchaseDecide input{color:#FF5900;}

.fileTorrentList{ display:none; position:absolute; z-index:99; margin:60px 0 0 30px; padding:10px; width:320px; height:230px; background:#fff; border:1px solid #acb8d7; text-align:left; font-size:8pt;}
.fileTorrentList.active{ display:block;}
.TorrentInfo{ line-height:18px;}
.fileTorrentList .list{ margin-top:5px; width:319px; height:185px; border:1px solid #cdcdcd; overflow:auto;}
.fileTorrentList table {border-collapse:collapse;}
.fileTorrentList td {padding:4px 0; width:100%; border-bottom:1px solid #cdcdcd;}
.folder_icon{padding-left:13px; background:url(../img/folder_icon.gif) no-repeat;}
.file_icon{padding-left:13px; background:url(../img/icon_disk.gif) no-repeat;}
.fileTorrentList td.int{font-family:굴림;font-size:8pt; text-align:right; padding-left:5px; padding-right:5px; white-space:nowrap;}
.fileTorrentList .close{ position:absolute; cursor:pointer; border:0; padding:0; top:8px; right:5px; width:10px; height:10px; background:transparent url(../img/buttonCloseX.gif) no-repeat center center;}
.fileTorrentList .close span{ position:absolute; font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}

.pointInfo li{ position:relative; float:left; margin-left:10px; display:inline;}
.pointInfo li span{ color:#ef007c;}

.certifyAdult .aboutAertify{text-align:center;}
.certifyAdult .aboutAertify p{padding:10px; font:12px dotum; color:#ff0000; line-height:20px;}
.certifyAdult .message{text-align:center; padding:10px; margin:10px; background-color:#FFDDDD; border:1px solid #e97d81;}
.certifyAdult .message p{color:#3a32c3;}
.certifyAdult .AertifyForm{ width:100%; border:0; border-bottom:1px solid; border-color:#ddd;}
.certifyAdult .AertifyForm th,
.certifyAdult .AertifyForm td{ border:0; padding:7px 10px; text-align:left; border-top:1px solid; border-color:#ddd;}
.certifyAdult .AertifyForm th{ white-space:nowrap;}
.certifyAdult .AertifyForm .textName{ padding:3px 4px; margin-right:10px; font-size:12px; width:191px; border:1px solid #ccc;}
.adultOption {float:right; padding-bottom:8px;}

.listOrder {float:right; padding: 0 0 8px 8px;}
.board .ContentSearch{margin: 10px 0;padding: 10px;border: 1px solid #9B9EA3;background: #F4F4F4;text-align: center;}
.board .ContentSearch .searchOption{margin-bottom:5px}
.board .ContentSearch .searchOption .oDetail{display:inline-block;padding:10px}
.board .ContentSearch .searchOption .oDetail ul{margin:5px 0;padding:10px;list-style:none;overflow-y: scroll;background:#fff;border: 1px solid #9B9EA3;text-align:left; width:160px;height:80px;}
.board .ContentSearch .searchOption .oDetail ul li{margin:0;padding:0;display:inline;}
.board .ContentSearch .searchOption .oDetail h2{margin:0;padding:0;font-size:13px;text-align:left}
.board .ContentSearch .searchOption .oDetail label{display: block;white-space:nowrap;margin:0 5px;}
.board .ContentSearch .searchOption .oDetail h3{margin:5px 0;padding:3px 7px; background: #F4F4F4;font-size:12px;text-align:left}