@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	font:0.9em Gulim, 굴림, verdana;
	color:#000;
	text-align:center;
	background-repeat:/*@background-image-repeat=*/no-repeat/*@*/;
	background-position:/*@background-image-position=*/left top/*@*/;
	background-color:/*@background-color=*/#FFF/*@*/;
}

a:link	{text-decoration:none; color:#333;}
a:visited	{text-decoration:none; color:#333;}
a:hover	{text-decoration:underline; color:#999;}
a:active	{text-decoration:underline; color:#FF0033;}

/*공통*/
h1, h2, h3, h4	{margin:0; padding:0;}
ul, ol	{margin:0; padding:0; list-style:none; }
img	{border:none;}
input, textarea{font:0.9em 굴림, verdana;}

/*레이아웃*/
#container{
	margin:0 auto;
	padding:0 10px;
	width:/*@post-width:280=*/1000px/*@*/;
	background-color:#FFF;
	text-align:left;
border: 10px solid #754943;
}
#header{
	padding:30px 0px 10px 0px;
	width:/*@post-width:280=*/1000px/*@*/;
	height:/*@title-height:-80=*/65px/*@*/;
	position:relative;
	text-align:left;
	border-bottom:0px solid #000;
	background-repeat:/*@title-background-image-repeat=*/no-repeat/*@*/;
	background-position:/*@title-background-image-position=*/center top/*@*/;
	background-color:/*@title-background-color=*/#3B1510/*@*/;
}
#content{
	padding-top:15px;
	width:/*@post-width:10=*/730px/*@*/;
	float:left;
}
#sidebar{
	padding:0px 0;
	width:250px;
	float:right;
}
#footer{
	width:/*@post-width:280=*/1000px/*@*/;
	clear:both;
background-color:#3B1510;
}

/*헤더header*/
#header h1 a{
	font:/*@title-font-size=*/1.2em/*@*/ /*@title-font-family=*/Gulim, 굴림/*@*/;
	color:/*@title-color=*/#fff/*@*/;
padding-left:3px;}

#underlinemenu{margin: 0; padding: 0;}
#underlinemenu ul{margin: 0; margin-bottom: 0em; padding-left: 0; float: left; font-weight: bold; width: 100%;
}
* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/ margin-bottom: 0; }
#underlinemenu ul li{display: inline; }
#underlinemenu ul li a{float: left; color: #fff; font-weight: bold; padding: 2px 6px 4px 6px; text-decoration: none;
background: #3B1510 top right repeat-y;}
#underlinemenu ul li a:hover{color: #000; background-color: #fff; border-bottom: 4px solid #843B24; padding-bottom: 0;
}

/*기타nonEntry*/

#searchList{font:0.85em verdana;}
#searchList ol, #searchRplist ol{
	margin:15px 0;
	padding:15px;
	border:1px dotted #DDD;
	list-style:decimal inside;
}
#searchList ol li, #searchRplist ol li{padding:6px 0;}
#searchList .cnt, #searchRplist .cnt{
	text-transform:uppercase;
	letter-spacing:normal;
	color:#FF6600;
}
#searchList .date, #searchRplist .date{

	text-transform:uppercase;
	letter-spacing:normal;
	color:#999;
}
#searchRplist .name{color:#999;}

#taglog{}
#taglog ul{
	margin:15px 0;
	padding:15px;
	border:1px solid #000;
	text-align:justify;
	line-height:150%;
}
#taglog li	{background:none;  display:inline;}
#taglog a	{padding:3px 5px; color:#333;}
#taglog a:visited	{color:#999;}
#taglog a:hover	{color:#333; text-decoration:underline;}
#taglog li a.cloud1	{font-weight:bold;  background-color:#83cb11; color:#FFF;}
#taglog li a.cloud2	{font-weight:bold;  background-color:#70c5d4; color:#FFF;}
#taglog li a.cloud3	{font-weight:bold;  background-color:#f7f7f7;}
#taglog li a.cloud4	{font-weight:bold; }
#taglog li a.cloud5	{}

#localog{overflow:hidden;}
#localog .localogBody{
	margin:15px 0;
	padding:15px;
	border:1px dotted #DDD;
}
#localog .spot{padding:5px 0 5px 7px;}
#localog .info{padding:5px 0;}
#localog .info a{color:#556eac;}
#localog .info a:hover{text-decoration:underline;}

#entryProtected{}

#entryProtected .input{
	width:150px;
	height:18px;
	border:1px solid #000;
}
#entryProtected .input_on{
	width:150px;
	height:18px;
	border:1px solid #FF6600;
}
#entryProtected .submit{
	padding-bottom:2px;
	border-bottom:1px dashed #DDD;
	cursor:pointer;
}


/*본문entry*/
#entry h2 a, #nonEntry h3, #nonEntry h3 a{
	font:/*@post-title-font-size=*/0.8em/*@*/ /*@post-title-font-family=*/Gulim, 굴림/*@*/;
	color:/*@post-title-color=*/#000/*@*/;
}

#entry h2 a{font-weight: bold;}

.titleWrap .info{
	font:0.9em verdana;
	text-transform:uppercase;
	letter-spacing:normal;
	color:#000;
}
.titleWrap a.category{	font:0.9em Gulim, 굴림, verdana;}
.titleWrap .admin{
	font:0.85em Gulim, 굴림, verdana;
	padding:5px;
	margin-top:5px;
	border:1px solid #000;
	background-color:#F7F7F7;
}

.article{
	margin:15px 0;
	font:/*@post-body-font-size=*/0.9em/*@*/ /*@post-body-font-family=*/Gulim, 굴림, verdana/*@*/;
	line-height:150%;
	color:/*@post-body-color=*/#000000/*@*/; 
}
.article img{padding:4px;}


.article a:link	{text-decoration:underline; color:#00368f;}
.article a:visited	{text-decoration:underline; color:#8ca8c5;}
.article a:hover	{color:#cc0000;}

.article h1	{margin:10px 0; font:0.9em Gulim, 굴림 Bold;}
.article h2	{margin:10px 0; padding:3px; border-bottom:1px solid #ddd; background-color:#f0f0f0; font-size:0.9em;}
.article h3	{margin:10px 0; font-size:0.9em; color:#cc0000;}
.article h4	{margin:10px 0; font-size:0.9em; border-bottom:2px solid #4f8cc3;}

.article ol, .article ul{margin:0px 0 10px 25px;}
.article ol li, .article ul li{
	margin:0;
	padding:0;
}

.article .box{
	padding:10px;
	margin:10px 0;
	border:1px solid #ddd;
	background-color:#f7f7f7;
}

.article pre{
	padding:10px;
	margin:10px 0;
	overflow-x:auto;
	overflow-y:hidden;
	border:1px solid #ddd;
	font:0.9em/180% verdana;
}

.article table.tb{
	width:100%;
	border-collapse:collapse;
	font:0.9em verdana;
}
.article table.tb th, .article table.tb td{
	padding:5px 7px;
	border:1px solid #c1c1c1;
	text-align:center;
}
.article table.tb th{background-color:#e9e9e9;}
.cap1{
	margin:5px 0;
	padding:0;
	color:#616161;
}
blockquote{
	margin:15px 0;
	padding:0 0 0 27px;
	font-style:italic;
}
.moreless_fold span{padding-left:5px; color:red;}
.moreless_top span{padding-left:5px;}
.moreless_bottom span{padding-right:5px;}
.moreless_fold{margin-top:5px;}
.moreless_top{margin-top:5px;}
.moreless_content{margin-top:30px; margin-bottom:35px; padding:0px 0;}
.moreless_bottom{text-align:right;}

.tagTrail{font:0.85em Gulim, verdana; margin-bottom:5px;}
.tagTrail .tagText{
	font:0.85em Gulim, verdana;
	text-transform:uppercase;
	letter-spacing:normal;
	padding:3px 5px;
	background-color:#333;
	color:#FFF;
}

.actionTrail{
	font:0.9em Verdana;
	padding-bottom:10px;
	width:/*@post-width:10=*/740px/*@*/;
	border-bottom:1px solid #000;
	text-align:right;
}
.actionTrail .cnt{
	font:0.9em Verdana;
	text-transform:uppercase;
	letter-spacing:normal;
	color:#FF6600;
}

.trackback{
	clear:left;
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #000;
}
.trackback h3{
	font:0.8em verdana;
	text-transform:uppercase;
	letter-spacing:normal;
	text-align:center;
	color:#000;
}
.trackback ol{
	margin-top:10px;
	border-top:1px dotted #ddd;
	list-style:decimal inside;
}
.trackback ol li{margin-top:10px;}
.trackback ol li a{color:#556eac;}
.trackback ol li a:hover{text-decoration:underline;}
.trackback ol li a:active{color:#FF0033;}
.trackback ol li .from{color:#999;}
.trackback ol li a.del{
	color:#999;
	font:0.85em Trebuchet MS;
	text-transform:uppercase;
	letter-spacing:normal;	
}
.trackback ol li a:hover.del{
	text-decoration:underline;
}

.comment{}
.commentList ol{margin-top:10px;}
.commentList ol li{
	margin-top:10px;
	border-bottom:1px dotted #BFBFBF;
}
.commentList ol li img{
	vertical-align:middle;
	padding:2px;
	width:16px;
	height:16px;
	border:1px solid #ddd;
	background-color:#FFF;
}
.commentList ol li .name{
	margin-bottom:5px;
	font:0.85em Gulim, 굴림;
	font-weight:bold;
}
.commentList ol li .replyFrom{
	font:0.85em verdana;
	text-transform:uppercase;
	letter-spacing:normal;	
	color:#000;
}
.commentList ol li .date{
	font:0.85em verdana;
	text-transform:uppercase;
	letter-spacing:normal;	
}
.commentList ol li .date a{color:#999;}
.commentList ol li .date a:hover{text-decoration:underline;}
.commentList ol li .reply{
	font:0.85em Gulim, 굴림, Verdana;
	margin:5px 0;
	line-height:160%;
}
.commentList ol li .reply img{
	padding:0;
	margin:0;
	width:auto;
	height:auto;
	border:none;
	background:none;
}
.commentList ol li ul{
	list-style:none outside;
	margin-left:50px;
	margin-bottom:0;
}
.commentList ol li ul li{
	padding:10px;
	margin:10px 0;
	background-color:#F7F7F7;
	border:1px solid #DDD;
}

.commentWrite{
	margin-top:10px;
	margin-bottom:20px;
	padding:15px;
	border:1px dotted #000;
	font:0.8em Gulim, 굴림;
	letter-spacing:normal;	
}
.commentWrite h3, #nonEntry .commentWrite h3{
	margin-bottom:10px;
	font:1.0em Gulim, 굴림;
color:#6E6E6E;
}
.commentWrite p{margin:0 0 10px 0;}
.commentWrite .point{color:#FF6600;}
.commentWrite .input{
	width:150px;
	height:18px;
	border:1px solid #ddd;
	font:1.0em Gulim, 굴림, Verdana;
}
.commentWrite .input_on{
	width:150px;
	height:18px;
	border:1px solid #FF6600;
	font:1.0em Gulim, 굴림, Verdana;
}
.commentWrite .textarea{
	width:99%;
	height:100px;
	border:1px solid #000;
	font:1.0em Gulim, 굴림, Verdana;
}
.commentWrite .textarea_on{
	width:99%;
	height:100px;
	border:1px solid #FF6600;
	font:1.0em Gulim, 굴림;
}
.commentWrite a.submit{
	display:block;
	padding-bottom:2px;
	border-bottom:1px dashed #DDD;
	cursor:pointer;
	float:right;
}
.commentWrite p.secretWrap{margin-bottom:0;}


/*페이징paging*/
#paging{text-align:center;
	margin:20px 0 20px 0;
	font:0.8em verdana;
	text-transform:uppercase;
	letter-spacing:normal;	
}
#paging .selected{color:#FF9900;}
#paging .numbox{}
#paging a.num{
	padding:2px 6px;
	border:1px solid #ddd;
}
#paging a:hover.num{}
#paging a.prev{padding:2px 6px; border:1px solid #ddd;}

/*사이드바sidebar*/

#sidebar .module{margin-bottom:15px; font-size:0.85em;}
#sidebar h3{
	padding:3px 5px;
	background:#fff;
	border-bottom:1px solid #000;
	font:1.0em verdana;
	text-transform:uppercase;
	letter-spacing:normal;
	color:#000;
}
#sidebar .cnt, .c_cnt{
	font:0.9em verdana;
	text-transform:uppercase;
	letter-spacing:normal;
}
#sidebar .name{color:#999;}
#sidebar .date{
	font:0.9em verdana;
	text-transform:uppercase;
	letter-spacing:normal;	
}
#sidebar ul li{padding:5px 0 0 7px;}

#blogImage{margin-bottom:15px;}
#blogImage img{width:250px;}
#blogImage .bloger{color:#999;}
#blogImage .blogerText{
	font:0.9em verdana;
	text-transform:uppercase;
	letter-spacing:normal;	
}

#notice .noticeText{
	font:0.9em verdana;
	text-transform:uppercase;
	letter-spacing:normal;	
	color:#FF6600;
}
#notice ul li{padding:5px 0 0; background:none;}

#category{}
#category .categoryBody{padding-top:5px;}
.ib	{cursor:pointer;}
.branch3	{cursor:pointer;}

#tagbox ul	{ text-align:justify; line-height:200%; margin-top:5px;}
#tagbox ul li{ display:inline; border:none; background:none; padding:0;}
#tagbox li a{padding:3px;}
#tagbox li a.cloud1	{font-weight:bold;  background-color:#83cb11; color:#FFF}
#tagbox li a.cloud2 	{font-weight:bold;  background-color:#70c5d4; color:#FFF}
#tagbox li a.cloud3	{font-weight:bold;  background-color:#f7f7f7;}
#tagbox li a.cloud4	{font-weight:bold; }
#tagbox li a.cloud5	{}

#counter{
	padding:5px;
	margin-bottom:15px;
	border:1px solid #DDD;
	background-color:#F7F7F7;
	font:0.9em verdana;
	text-transform:uppercase;
	letter-spacing:normal;	
}
#counter .total{}
#counter .counterNum{color:#999;}


/*푸터footer*/
#footer{font:0.85em Gulim, 굴림, Verdana; color:#fff; padding:5px 0 0px 0; text-align:center;}
#footer a{color:#fff;}
#footer a:hover{text-decoration:underline; color:#FF6600;}
#footer h3{text-align:center; border-bottom:1px dotted #333; color:#fff; padding:10px 0px 5px 0px; margin-bottom:3px;}

/* Float bug */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* */

/* 게임하기 서식 */
.gameplay{border-bottom: 4px solid #8C3226; width: 140px; color: #8C3226; font-weight: bold;}

.author{padding-top:10px; padding-bottom:10px; color:#663300; font:0.95em Gulim, 굴림; text-align:right; } 

.footnotes li{list-style-type: decimal; list-style-position: outside; margin-left: 25px; padding-left: 0; font-size:0.9em; color: #636363;}

.headerad {float:right; margin: -20px 105px 0 0; }
.googlead {text-align:center; margin:0px;}
.googlead2 {padding-left:30px;}
.googleadbottom {text-align:center; margin-top:30px;}
.googleadcategory {text-align:center; margin-bottom:-10px; border: 0px solid #A8A8A8;}
.googleadcategory2 {text-align:center;}

.vote a{font-size:1.0em; color:#3B1510; margin-top: -25px;}