@charset "utf-8";

#bottom_right{float:left; width:597px; margin-top:15px;}


#snap_area{width:730px; overflow:hidden; float:left; border:0px solid red;}
#snap_area #left { float:left; width:480px; display:inline; overflow:hidden}
.comment_area {background:url(../images/white/comment_top.jpg) no-repeat top left; width:99%; margin-top:20px; margin-bottom:20px; padding-top:20px; overflow:hidden; }


#snap_area #right{  float:right; width:230px; display:inline;}
#snap_area .info .right_code{
	width:20px;
	margin-top:0px;
	height:24px;
	visibility:hidden;
	line-height:24px;
	margin-left:0px;
}
#snap_area .info .right{
	float:left;
	width:100%;
	margin-top:19px;
	height:100px;
	overflow:hidden;
	line-height:48px;
}

#snap_area .info .right_info{
	float:left;
	width:100%;
	padding-top:52px;
	height:362px;
	overflow:hidden;
}

#snap_area .info .right_01{
	float:left;
	width:100%;
	margin-top:52px;
	height:16px;
	overflow-y:auto;
	overflow-x:hidden;
}
#snap_area .info .right_02{
	float:left;
	width:100%;
	margin-top:26px;
	height:16px;
	overflow-y:auto;
	overflow-x:hidden;
}
#snap_area .info .right_03{
	float:left;
	width:100%;
	margin-top:29px;
	height:16px;
	overflow-y:auto;
	overflow-x:hidden;
}
#snap_area .info .right_04{
	float:left;
	width:100%;
	margin-top:29px;
	height:16px;
	overflow-y:auto;
	overflow-x:hidden;}
#snap_area .info .right_05{
	float:left;
	width:100%;
	margin-top:29px;
	overflow-y:auto;
	overflow-x:hidden;
}

#snap_area .info .right_bottom{
	float:left;
	width:100%;
	height:226px;
	margin-top:3px;
}

#snap_area .info .right_bottom .right_06{
	float:left;
	width:100%;
	margin-top:24px;
	height:16px;
	overflow-y:auto;
	overflow-x:hidden;
}

#snap_area .info .right_bottom .right_07{
	float:left;
	width:100%;
	margin-top:32px;
	height:16px;
	overflow-y:auto;
	overflow-x:hidden;
}

#snap_area .info .right_bottom .right_08{ 
	display:none;
}

#snap_area .info .right_bottom .right_etc{
	float:left;
	width:100%;
	margin-top:25px;
	height:65px;
	overflow-y:auto;
	overflow-x:hidden;
	line-height:16px;
}

#snap_area .info .right_comment{
	float:left;
	background:url(../images/white/bg_01_comment.jpg) no-repeat top left;
	width:210px;
	height:126px;
	padding:42px 8px 8px 8px;
	line-height:16px;
	overflow-y:auto;
	overflow-x:hidden;
}


/* board Title */
.boardHeader h1,
.boardHeader h2,
.boardHeader h3,
.boardHeader h4,
.boardHeader h5,
.boardHeader h6
{background:#ffffff url(../images/white/top.jpg) no-repeat; height:70px; width:230px; font-size:0px;}

/* board Information */
.articleNum { float:left; background:url(../images/white/iconArticle.gif) no-repeat left top; }
.articleNum strong { font:bold 11px Tahoma; color:#ff6600;}

/* account Navigation */
.accountNavigation li.join a { background:url(../images/white/iconMyInfo.gif) no-repeat left top; padding-left:14px; }
.accountNavigation li.myInfo a { background:url(../images/white/iconMyInfo.gif) no-repeat left top; padding-left:14px; }

/* boardRead */
.boardRead .fileAttached li { background:url(../images/white/iconFile.gif) no-repeat left top;}

/* style.list */
.boardList th { background:#ffffff url(../images/white/lineBoardListTh.gif) no-repeat left bottom; }
.boardList td.recommend { color:#ff6600; }
.boardList td .replyAndTrackback { color:#ff6600; }
.buttonTypeGo { background:url(../images/white/buttonTypeInput24.gif) no-repeat; }

/* pagination */
.pagenation strong { color:#ff6600; }

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

.replyBox .fileAttached li { background:url(../images/white/iconFile.gif) no-repeat left top;}


/* 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:#434343;}
.board .inputText,
.board textarea,
.board select{ background:#fff; color:#333;}
.board a{color:#000;}

/* Board Header */
.boardHeader .boardTitle{ border-color:#ddd; background-image:url(../images/common/iconBoardHeading.gif);}
.boardHeader .boardTitleText{ border-color:#666; background-image:url(../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(../images/white/lineVr11.gif);}
.boardInformation em,
.boardInformation strong{ color:#ff6600;}
.boardInformation .infoLeft{ background-image:url(../images/common/iconArticle.gif);}
.boardInformation .infoRight li.icon{ background:none;}
.boardInformation .infoRight li.icon a{ background-image:url(../images/common/icons.gif);}

/* Board List Form */
.boardListForm{}
.boardListForm em,
.boardListForm strong{color:#434343;}
/* List Comment */
#comment_list{border:1px #d9d9d9 solid; width:866px; height:22px; float:left; padding:8px 0 0 10px;}
.boardListForm .comment_count{color:#ff0000;}
.boardListForm #add_comment{float:right; width:76px;}

/* Board List */
.boardList{ border-color:#ddd;}
.boardList .jumpTo button{ background-color:transparent; background-image:url(../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(../images/white/bgThDefault.gif);}
.boardList th a{ color:#1978AD;}
.boardList td{ border-color:#eee; color:#666;}
.boardList td .category{ color:#000; background-image:url(../images/white/lineVr11.gif);}
.boardList td.title .replyNum{ color:#434343; font-size:12px;}
.boardList td.title .replyNum sup{ color:#999;}
.boardList td.title a.forum:link,
.boardList td a.replyAnchor:link{ color:#06C;}
.boardList td .by{ color:#434343;}

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

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

.thumbList{ border-color:#ddd;}
.thumbList li .thumb{ background:#fff; border-color:#ddd;}
.thumbList li .thumb a .text{ color:#434343;}
.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 */
#cmd_box { float:left; width:99%;  padding-right:10px;}
#cmd_box .editor {width:100%; border:0px solid red;}

.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:#434343;}

/* Tag Cloud */
.tagCloud{ border-color:#ddd;}
.tagCloud .tagHeader{border-color:#ddd; color:#333; background-color:#fff; background-image:url(../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;}

#listreply_form{padding-left:5px; width:953px;}

#listreply_contents {padding:10px 0 10px 0; width:100%;}
#listreply_contents .contents{font-size:12px; text-align:left; font-family:"돋움"}
#listreply_contents .contents a {color:#434343; text-decoration:none;}
#listreply_contents .contents a:hover {color:#434343; text-decoration:underline;}

#listreply {padding:10px 0 10px 0; width:100%;}
#listreply .author { float:left; font-size:12px; font-weight:bold; color:#000; }
#listreply .author a {float:left;  font-size:12px; font-weight:bold; color:#000;}
#listreply .date { float:right; color:#000;}


