@charset "utf-8";

/* CSS Document */
/* comp inner content */
#cmtContent{
	margin:0;	padding:0px 0px 0px 13px;
	width:640px;
	text-align:left;	color:#333333;
}
#cmtInfo{
	display:block;
	width:300px;
	margin:0;
	margin-left:12px;
	padding:0;
	float:left;
}
#cmtContent a{
	text-decoration:none;
}
#cmtContent a:hover{
	text-decoration:underline;
}

#cmtInfo a{
	color:#0059FF;
	text-decoration:none;
}
#cmtInfo a:hover{
	text-decoration:underline;
}

#cmtContent h2{
	margin:0 auto;
	margin-bottom:3px;
	padding:6px 10px;
	position:relative;
	color:980a0d;
	background-color:#F4F4F4;
	font-size:1.2em;
	font-weight:normal;
	letter-spacing:0.1em;
	text-align:left;
}
#cmtContent p{
	font-size:1.0em;
	padding:0;
	margin:0px 0px 12px 0px;
}

#cmtContent div.detail{
	margin:0 auto;
	margin-bottom:18px;
	padding:0;
	position:relative;
	letter-spacing:0.1em;
}

/* Frame 00 */
div.cm01_t{
	display:block;
	background:url("../img/p/cmt/cm01_t.gif") repeat-x top;
	padding:0;
	margin:0;
}
div.cm01_tl{
	display:block;
	background:url("../img/p/cmt/cm01_tl.gif") no-repeat top left;
	padding:0;
	margin:0;
}
div.cm01_tr{
	display:block;
	background:url("../img/p/cmt/cm01_tr.gif") no-repeat top right;
	padding:0;
	margin:0;
}
div.cm01_r{
	display:block;
	background:url("../img/p/cmt/cm01_r.gif") repeat-y right;
	margin:0px;
	padding:0px;
}
div.cm01_l{
	display:block;
	background:url("../img/p/cmt/cm01_l.gif") repeat-y left;
	margin:0px;
	padding:0px;
}
div.cm01_b{
	display:block;
	background:url("../img/p/cmt/cm01_b.gif") repeat-x bottom;
	margin:0px;
	padding:0px;
}
div.cm01_bl{
	display:block;
	background:url("../img/p/cmt/cm01_bl.gif") no-repeat bottom left;
	margin:0px;
	padding:0px;
}
div.cm01_br{
	display:block;
	background:url("../img/p/cmt/cm01_br.gif") no-repeat bottom right;
	margin:0px;
	padding:0px;
}

div.cmtForm{
	padding:0;
	margin:0 auto;
}
div.cmtForm input,
div.cmtForm textarea{
	font-family:verdana, sө, Arial, Helvetica, sans-serif;
}
div.cmRow, div.cmRow2, div.cmRowNoBorder{
	display:block;
	padding:4px 10px 4px 10px;
	margin:0 0 4px 0;
	border-bottom:1px dashed #F4F4F4;
	text-align:left;
	height:20px;
}
div.cmRowNoBorder{
	font-size:0.9em;
	border-bottom:none;
}
div.cmRow2{
	height:auto;
}
span.cmlabel{
	display:inline;
	font-size:0.85em;
	letter-spacing:0.1em;
	text-align:left;
	line-height:20px;
	color:#111111;
	width:140px;
	padding:0;
	margin:0;
	float:left;
}
span.cmlabeltip{
	font-size:0.85em;
	letter-spacing:0.0em;
	color:#666666;
}
span.cmip{
	display:inline;
	font-size:0.9em;
  text-align:left;
	padding:0;
	margin:0;
}
span.cmError{
	display:inline;
	font-size:0.9em;
	color:#D40000;
  text-align:left;
	padding:0;
	margin:0;
}
span.cmtip, span.cmObjName{
	display:inline;
	font-size:0.75em;
	letter-spacing:0.0em;
	text-align:left;
	line-height:20px;
	color:#666666;
	width:100px;
	padding:0;
	margin:0px 0px 0px 4px;
}
span.cmObjName{
	color:#3429FF;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0.05em;
	text-align:left;
	display:block;
	width:480px;
	float:right;
	line-height:1.5em;
	margin:0px 0px 18px 0px;
}
.cmText{
	width:360px;
	padding:2px;
}
div.cmtContent{
	display:block;
	width:480px;
	float:right;
	line-height:1.5em;
	margin:0px 0px 18px 0px;
}
div.cmtContent br{
	clear:none;
}
input.cmButton{
	color:#000000;
	text-align:center;
	width:60px;
	height:22px;
	background-color:#FFE5CF;
}
input.cmCancelBtn{
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#333333;
	text-align:center;
	height:28px;
	margin:0;
	padding:3px 6px 3px 6px;
	background-color:#E6E6E6;
	border-top:1px solid #F3F3F3;
	border-left:1px solid #F3F3F3;
	border-bottom:1px solid #CDCDCD;
	border-right:1px solid #CDCDCD;
}
input.cmSubmitBtn{
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	letter-spacing:0.2em;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	height:28px;
	margin:0;
	padding:3px 6px 3px 6px;
	background-color:#EA1700;
	border-top:1px solid #FF6251;
	border-left:1px solid #FF6251;
	border-bottom:1px solid #9E0F00;
	border-right:1px solid #9E0F00;
}
div.rankStar{
	display:inline;
	float:left;
	padding:0;
	margin:0;
}
div.rankStar img{
	vertical-align:middle;
	padding:0;
	margin:0px 1px 0px 0px;
}
#starDesr, #titleCount, #msgCount{
	margin:0px 1px 0px 1px;
}
#starDesr{
	display:inline;
	width:100px;
	font-family:verdana, sө, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	line-height:20px;
	letter-spacing:0.1em;
	color:#EA1700;
	margin:0px 20px 0px 0px;
	padding:0;
	text-align:left;
}

div.aboutCmt{
	font-family:verdana, sө, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:justify;
	letter-spacing:0em;
	line-height:24px;
	background-color:#F4F4F4;
	border-top:1px solid #E8E8E8;
	border-bottom:1px solid #E8E8E8;
	padding:12px 12px;
	margin:12px 0px 0px 0px;
}
div.aboutCmt span.title{
	font-size:1.0em;
	font-weight:bold;
	color:#333333;
	letter-spacing:0.1em;
	margin:0px 8px 0px 0px;
	padding:0;
}

/* cmtDialog */
div.cmtDialogContainer{
	display:block;
	margin:0;
	padding:0;
	border:1px solid #9ED8EC;
}
div.cmtDialog{
	display:inline;
	float:left;
	width:290px;
	text-align:left;
	margin:6px 2px;
	padding:0px 4px;
}
span.cmtTitle, span.cmtMem, span.cmtRank, span.cmtDescr{
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	display:block;
}
span.cmtTitle{
	font-weight:bold;
}

/* cmtTable */
table.cmtTable{
	margin:0;
	padding:0;
}
table.cmtTable br{
	clear:none;
}
table.cmtTable th{
	color:#999999;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	font-weight:normal;
	letter-spacing:0.1em;
	padding:3px 6px 2px 6px;
	border-bottom:1px solid #F1F1F1;
	background-color:#F6F6F6;
}
table.cmtTable th a:hover{
	color:#FF6000;
	text-decoration:none;
}
table.cmtTable td{
	color:#333333;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	letter-spacing:0.15em;
	padding:2px 4px;
}
table.cmtTable td.cmtNum{
	color:#999999;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.66em;
	font-weight:normal;
	letter-spacing:0em;
	vertical-align:top;
	text-align:right;
	padding:14px 4px 12px 0px;
	border-bottom:1px solid #ECECEC;
}
table.cmtTable td.cmtTitle{
	font-size:0.9em;
	padding:18px 4px 2px 4px;
	font-weight:bold;
}
table.cmtTable td.cmtFunc{
	padding:18px 4px 12px 4px;
	float:right;
	text-align:right;
}
table.cmtTable td.cmtFunc img{
	text-align:right;
	margin:0px 0px 2px 2px;
	padding:0;
}
table.cmtTable td.memData{
	vertical-align:top;
	border-bottom:1px solid #ECECEC;
	letter-spacing:0.0em;
}
table.cmtTable td.cmtMain{
	text-align:left;
	line-height:1.6em;
	padding:2px 4px 18px 4px;
	border-bottom:1px solid #ECECEC;
}
table.cmtTable td.cmtMain p{
	padding:0;
	margin:0px 0px 12px 0px;
}

table.cmtTable td.cmtData{
	color:#666666;
	font-size:0.75em;
	padding:2px 4px 2px 4px;
}
table.cmtTable td.cmtRank{
	vertical-align:top;
}
table.cmtTable td.cmtRank span.cmtRankNo{
	display:block;
	color:#FF8B00;
	font-size:0.8em;
	letter-spacing:0.1em;
	padding:0;
	margin:4px 0px 0px 0px;
}

div.cmtMsgTmc{
	color:#000000;
	text-align:center;
	padding:20px;
	margin-bottom:8px;
	background-color:#FFE6C2;
	border:1px solid #FFD18F;
}
div.cmtMsgAdmod{
	text-align:center;
	color:#000000;
	font-size:0.8em;
	line-height:0.8em;
	padding:10px 6px 6px 6px;
	margin-bottom:8px;
	background-color:#FFFEC2;
	border:1px solid #FFFD8F;
}
div.cmtMsgAddel{
	color:#000000;
	text-align:center;
	padding:20px;
	margin-bottom:8px;
	background-color:#FFC2C6;
	border:1px solid #FD868F;
}
table.cmtTable td span.cmtName,
table.cmtTable td span.cmtNameSponsor,
table.cmtTable td span.cmtInfo,
table.cmtTable td span.catList{
	text-align:left;
	display:block;
	margin-bottom:2px;
}
span.cmtName a{
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:1.15em;
	letter-spacing:0.1em;
	text-decoration:none;
}
span.cmtName a:hover{
	color:#FF0069;
	text-decoration:underline;
}
div.cmtLink{
	color:#666666;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	letter-spacing:0.1em;
}
input.cmtUrlContainer{
	color:#666666;
	font-size:0.9em;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	letter-spacing:0.0em;
	padding:1px;
	border:1px dashed #e1e1e1;
	width:360px;
}

/* cmtBar */
div.cmtBar{
	display:inline;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	letter-spacing:0em;
	height:18px;
	width:120px;
	border:1px solid #e1e1e1;
	padding:0;
	margin:0;
}
div.cmtBarNum, div.cmtBarNil{
	position:absolute;
	color:#ff0f83;
	font-weight:bold;
	text-align:center;
	height:18px;
	width:120px;
	padding:0;
	margin:0;
	margin-left:12px;
}
div.cmtBarNil{
	color:#999999;
	font-weight:normal;
}
div.cmtBarNum img{
	padding:0;
	margin:0;
}

/* cmtListTable */
table.cmtListTable th{
	color:#666666;
	font-family:Arial, verdana, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:normal;
	letter-spacing:0.1em;
	text-align:left;
	padding:4px;
	background-color:#ECECEC;
}
table.cmtListTable td{
	color:#666666;
	font-family:Arial, verdana, Helvetica, sans-serif;
	font-size:0.9em;
	letter-spacing:0.05em;
	text-align:left;
	padding:6px 4px;
	border-bottom:1px dashed #ECECEC;
}
table.cmtListTable td a{
	text-decoration:none;
}
table.cmtListTable td a:hover{
	text-decoration:underline;
}

/* cmtMemTable */
table.cmtMemTable th{
	color:#666666;
	font-family:Arial, verdana, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:normal;
	letter-spacing:0.1em;
	text-align:left;
	padding:4px;
	background-color:#ECECEC;
}
table.cmtMemTable td{
	color:#666666;
	font-family:Arial, verdana, Helvetica, sans-serif;
	font-size:0.9em;
	letter-spacing:0em;
	text-align:left;
	padding:8px 4px;
	border-bottom:1px dashed #ECECEC;
}
table.cmtMemTable tr.com{
	background-color:#FFFEE0;
}
table.cmtMemTable td a{
	text-decoration:none;
}
table.cmtMemTable td a:hover{
	text-decoration:underline;
}

/* page List Styles */
#cmtPageList{
	display:block;
	color:#333333;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	padding:2px 3px 2px 3px;
	margin:12px 0px 12px 0px;
	height:18px;
	text-align:center;
	background-color:#F6F6F6;
}
#cmtPageList span.currentPage{
	font-weight:bold;
	color:#ff0f83;
	padding:1px 5px 0px 5px;
	margin:0;
}
#cmtPageList a{
	color:#0054FF;
	margin:0;
	padding:1px 5px 0px 5px;
	text-decoration:none;
}
#cmtPageList a:hover{
	color:#0563FF;
	text-decoration:underline;
}

#cmtPageList div.total{
	display:inline;
	width:80px;
	padding:0;
	margin:0;
	float:left;
	color:#333333;
	font-size:1em;
	letter-spacing:0.1em;
	text-align:left;
}
#cmtPageList div.cbx{
	display:inline;
	width:80px;
	padding:0;
	margin:0;
	float:right;
	font-size:1em;
	letter-spacing:0.1em;
	text-align:right;
}
#cmtPageList div.cbx select{
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

#pageRight{
	display:inline;	float:right;
	width:300px;
	}