@charset "utf-8"; 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

.displayNone{ display:none;}

.boardInformation{ position:relative; padding:10px 0; font-size:.75em; font-family:Sans-serif; line-height:normal; *zoom:1;}
.boardInformation *{ margin:0; padding:0;}
.boardInformation:after{ content:""; display:block; float:none; clear:both;}
.boardInformation ul{ position:relative; overflow:hidden;}
.boardInformation li{ list-style:none; position:relative; left:-1px; display:inline; padding-left:5px; background:url(/open_content/reference/board/img/lineVr11.gif) no-repeat left center;}
.boardInformation em,
.boardInformation strong{ color:#ff6600;}
.boardInformation strong{ font:bold 11px Tahoma;}
.boardInformation a{ text-decoration:none; color:#000;} 
.boardInformation a:hover,
.boardInformation a:active,
.boardInformation a:focus{ text-decoration:underline;}
.boardInformation .infoLeft{ float:left;}
.boardInformation .infoRight{ float:right;}

.boardListForm{ margin:0; font-size:.75em; font-family:Sans-serif; line-height:normal;}
.boardListForm *{ margin:0; padding:0;}
.boardListForm fieldset{ border:0; position:relative; 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; color:#ff6600;}
.boardListForm a{ text-decoration:none; color:#000;} 
.boardListForm a:hover,
.boardListForm a:active,
.boardListForm a:focus{ text-decoration:underline;}

.boardList{ border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:100%; font-family:Sans-serif;}
.boardList .inputCheck{ width:13px; height:13px;}
.boardList .jumpTo{ margin:-3px 0;}
.boardList .jumpTo *{ vertical-align:middle; *vertical-align:top;}
.boardList .jumpTo select{ font-size:1em; *margin-right:5px;}
.boardList .jumpTo button{ border:0; padding:0; margin:0; width:22px; height:20px; text-align:center; background:url(/open_content/reference/board/img/buttonBg2byte.gif) no-repeat; font-size:11px; letter-spacing:-1px; cursor:pointer; line-height:20px;}
.boardList tr.notice{ background:#f8f8f8;}
.boardList tr.bg1{ background:#fff;}
.boardList tr.bg2{ background:#fbfbfb;}
.boardList th{ border:0; border-bottom:1px solid #fff; padding:7px; white-space:nowrap; text-align:center; color:#333; background:#fff url(/open_content/reference/board/img/bgThDefault.gif) repeat-x left bottom; line-height:normal;}
.boardList td{ border:0; border-top:1px solid #eee; padding:6px; white-space:nowrap; text-align:center; color:#666; line-height:normal;}
.boardList td.num{ font:11px Tahoma;}
.boardList td.check{ font:11px Tahoma;}
.boardList td.category{}
.boardList td.title{ width:100%; white-space:normal; text-align:left;}
.boardList td.title .replyNum{ font:11px Tahoma; color:#ccc;}
.boardList td.author{}
.boardList td.vCount{ text-align:right; font:11px Tahoma;}
.boardList td.rCount{ text-align:right; font:11px Tahoma;}
.boardList td.date{ font:11px Tahoma;}

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

.boardSearchForm{ margin:0; font-size:.75em; font-family:Sans-serif; line-height:normal;}
.boardSearchForm *{ margin:0; padding:0;}
.boardSearchForm fieldset{ border:0; position:relative; 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{ border:1px solid #ccc; width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;}

.boardRead{ font-family:Sans-serif;}

.boardReadHeader{ margin-bottom:5px; *zoom:1; font-family:Sans-serif;}
.boardReadHeader:after{ content:""; display:block; float:none; clear:both;}
.boardReadHeader *{ margin:0; padding:0;}
.boardReadHeader .title{ float:left;}
.boardReadHeader em{ float:right; font:normal bold 1em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif;}
.boardReadHeader a{ text-decoration:none; color:#000; font:bold 1em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif;}
.boardReadHeader a:hover,
.boardReadHeader a:active,
.boardReadHeader a:focus{ text-decoration:underline;}

.boardReadBody{ padding:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:.75em; font-family:Sans-serif; line-height:1.5em;}

.boardReadFooter{ padding:10px 0; *zoom:1; color:#666; line-height:1em; font:11px Tahoma;}
.boardReadFooter:after{ content:""; display:block; float:none; clear:both;}
.boardReadFooter *{ margin:0; padding:0;}
.boardReadFooter a{ color:#666;}
.boardReadFooter .footerLeft{ float:left;}
.boardReadFooter .footerRight{ float:right;}
.boardReadFooter dl{ clear:both; white-space:nowrap;}
.boardReadFooter dt{ display:inline; font-weight:bold;}
.boardReadFooter dd{ display:inline;}
.boardReadFooter .footerRight dl{ float:right;}
.boardReadFooter .footerRight dl.noBr{ position:relative; left:5px; float:right; clear:both; overflow:hidden; white-space:nowrap;}
.boardReadFooter .footerRight dl.noBr dt{ position:relative; left:-1px; padding-left:10px; background:url(/open_content/reference/board/img/lineVr11.gif) no-repeat left center;}
.boardReadFooter .footerRight dl.noBr dd{ margin-right:5px;}

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

.feedbackList{ position:relative; overflow:hidden; font-size:.75em; font-family:Sans-serif; padding-top:15px; margin-bottom:10px; color:#666;}
.feedbackList *{ margin:0; padding:0;}
.feedbackList .title{ position:relative; font:bold 1.5em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; color:#000; margin-bottom:10px;}
.feedbackList .title strong{ color:#ff6600;}
.feedbackList dl{ position:relative; padding-top:10px; margin-bottom:10px; border-top:1px dashed #ddd;}
.feedbackList dt{ font:bold 1.25em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; margin-bottom:5px; color:#333;}
.feedbackList dd{ line-height:1.5em;}
.feedbackList dd.trackbackTitle{ font-weight:bold;}
.feedbackList dd.text{}
.feedbackList dd.time{ position:absolute; top:15px; right:0; font:11px Tahoma;}
.feedbackList dd a.delete{ font-weight:bold; color:#ff6600;}
.feedbackList a{ text-decoration:none;} 
.feedbackList a:hover,
.feedbackList a:active,
.feedbackList a:focus{ text-decoration:underline;}

.replyForm{ padding:10px 20px 15px 20px; font-size:.75em; font-family:Sans-serif; color:#666; margin-bottom:20px; background:#f4f4f4; -moz-border-radius:10px; -webkit-border-radius:10px;}
.replyForm *{ margin:0; padding:0;}
.replyForm fieldset{ border:0; position:relative;}
.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:bold 1.5em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; color:#000; margin-bottom:10px;}
.replyForm textarea{ position:relative; width:95%; height:150px; border:1px solid #ccc; font-size:1em; overflow:auto; padding:10px; margin-bottom:10px;}
.replyForm .inputText{ border:1px solid #ccc; 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;}

.boardWrite{ font-size:.75em; font-family:Sans-serif;}
.boardWrite *{ margin:0; padding:0;}
.boardWrite li{ list-style:none;}
.boardWrite fieldset{ border:0; position:relative;}
.boardWrite legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardWrite dl:after{ content:""; display:block; float:none; clear:both;}
.boardWrite dt{ float:left; width:50px; margin-right:-50px; font-weight:bold; clear:left; padding-top:6px;}
.boardWrite dd{ margin-left:50px; clear:right;}
.boardWrite .boardWriteHeader .inputText{ width:96%; border:1px solid #ccc; padding:2px 4px 4px 4px; height:15px; *margin:-1px 0;}
.boardWrite .boardWriteHeader{ margin-bottom:10px;}
.boardWrite .boardWriteBody{ margin-bottom:10px;}
.boardWrite .boardWriteBody dt{ padding-top:30px;}
.boardWrite .boardWriteBody dd{ _zoom:1;}
.boardWrite .boardWriteBody .styleText,
.boardWrite .boardWriteBody .plainText,
.boardWrite .boardWriteBody .htmlText{ display:none;}
.boardWrite .boardWriteBody iframe,
.boardWrite .boardWriteBody textarea{ width:95%; height:300px; border:1px solid #ccc; padding:10px; overflow:auto; font-size:1em; margin-bottom:10px;}
.boardWrite .boardWriteBody .plainText textarea{ *margin:-1px 0;}
.boardWrite .boardWriteBody .active{ display:block;}
.boardWrite .boardWriteBody ul{ float:right; position:relative; right:4%;}
.boardWrite .boardWriteBody li{ float:left; background:#eee; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-radius-topleft:5px; -webkit-border-radius-topright:5px; margin-left:5px;}
.boardWrite .boardWriteBody li a{ display:block; float:left; text-decoration:none; color:#000; height:20px; padding:7px 15px 0 15px; letter-spacing:-1px;}
.boardWrite .boardWriteBody li.active a{ font-weight:bold;}
.boardWrite .boardWriteFooter .inputFile{ width:97%; border:1px solid #ccc; padding:2px 4px 4px 4px; height:23px;}
.boardWrite .boardNavigation{ padding:10px 0; clear:both;}