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

body{
	margin:0;
	background-color: #424242;
	font:13px NanumGothic, "나눔고딕", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";
	text-align:center;
	color:#CECECE;
}

a:link	{text-decoration:none; color:#CECECE;}
a:hover	{text-decoration:none; color:#CECECE;}
a:visited	{text-decoration:none; color:#CECECE;}
a:active	{text-decoration:none; color:#CECECE;}


/* basic */
ul, ol	{margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5	{margin:0; padding:0;}
img	{border:none;}
input, textarea	{font:12px NanumGothic, "나눔고딕", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; outline: none;}


/* layout */
#container{
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}
#header{
	height: 120px;
}
#menu{
	clear: both;
	margin-bottom: 20px;
	height: 50px;
	background: url(./images/bgMenu.gif) no-repeat;
}
#content{
	clear: both;
}
#bottombarWrap{
	margin-bottom: 25px;
	background-color: #2b2b2b;
}
#copyright{
	padding-bottom: 30px;	
}

/* header */
#header h1{
	float: left;
}
#header .search{
	float: right;
	margin-top: 48px;
	height: 31px;
	width: 300px;
	background: url(./images/bgSearchInput.gif) no-repeat;
}
.searchinput{
	float: left;
	padding: 5px 10px;
	width: 195px;
	height: 20px;
	border: none;
	background: none;
	color: #444;
	font-size: 11px;
}
a.btSearch{
	display: block;
	float: right;
	width: 79px;
	height: 31px;
	background: url(./images/bgSearchButton.gif) no-repeat;
}
a:active.btSearch{
	background-position: 0 -31px;
}
a.btSearch span{
	display: none;
}


/* menu */
#menu ul{
	float: left;
	padding: 18px 0 0 0;
	width: 850px;
	font-size: 12px;
}
#menu ul li{
	float: left;
	padding: 0 15px;
	background: url(./images/bgMenuLine.gif) no-repeat right center;
}
#menu ul li.last{
	background: none;
}
#menu a{
	color: #BBB;
}
#menu a:hover{
	color: #EEE;
}
#menu #social{
	padding: 14px 14px 0 0;
	float: right;
}

/* nonEntry */
#searchList .searchText, #searchList .cnt{
	color: #FFF;
}
#searchList ol{
	margin-top: 30px;
	border-top: 1px solid #555;
}
#searchList ol .date{
	float: right;
	font: 10px Verdana;
}
#searchList ol .cnt{
	font: 10px Verdana;
	color: #75983c;
}
#searchList ol li{
	border-bottom: 1px solid #555;
}
#searchList ol li a{
	display: block;
	padding: 10px;
}
#searchList ol li a:hover{
	background-color: #474747;
}

#taglog ul{
	margin-top: 30px;
	padding-bottom: 30px;
}
#taglog li	{background:none;  display:inline; line-height: 180%;}
#taglog a	{padding:3px 5px; }
#taglog a:hover	{text-decoration:underline;}
#taglog a:visited	{color:#919191;}	
#taglog li a.cloud1	{font-weight:bold;  background-color:#83cb11; color:#333;}
#taglog li a.cloud2	{font-weight:bold;  background-color:#70c5d4; color:#333;}
#taglog li a.cloud3	{font-weight:bold;  background-color:#f7f7f7; color: #333;}
#taglog li a.cloud4	{font-weight:bold;}
#taglog li a.cloud5	{color: #919191;}

#entryNotice .article{
	border-bottom: 1px solid #595959;
}
#entryProtected .protectedBody{
	padding: 100px 0;
	text-align: center;
	border-bottom: 1px solid #595959;
}
#entryProtected .protectedContent{
	margin: 0 auto;
	padding: 30px 30px 30px 140px;
	width: 230px;
	text-align: left;
	background: #333 url(./images/bgProtectedContent.gif) no-repeat 15px 15px;
}
#entryProtected .protectedContent p{
	margin: 0;
	padding-bottom: 15px;
	line-height: 180%;
}
#entryProtected .protectedInput{
	padding: 5px;
	height: 12px;
	background-color: #424242;
	border: none;
	color: #FFF;
}
#entryProtected .protectedBody .submit{
	height: 22px;
	background-color: #2b2b2b;
	border: none;
	font-size: 11px;
	color: #FFF;
	cursor: pointer;
}
#localog .spot, #localog .info{
	padding: 10px;
	border-top: 1px solid #595959;
}
.localogBody{
	margin-top: 30px;
}

#guestbook{
	border-bottom: 1px solid #595959;
}
#guestbook .commentWrite{
	padding-top: 30px;
	border-bottom: none;
}
#guestbook .commentList{
}



/* entry */
.titleWrap{
	background: #2b2b2b url(./images/bgTitleWrap.gif) repeat-y;
}
.titleWrap .date{
	float: left;
	padding: 15px;
	width: 90px;
	font: bold 13px Verdana;
	color: #797979;
}
.titleWrap h2, .titleWrap h3{
	float: left;
	padding: 14px 15px;
	font-size: 15px;
	color: #c0c0c0;
}
.titleWrap h2 a{
	color: #c0c0c0;
}
.admin{
	padding: 10px;
	background-color: #333;
	font-size: 12px;
}
.admin a{
}

.article{
	padding: 25px 0;
	line-height: 180%;
	overflow: hidden;
}
.article a{
	color: #75983c;
}
.article a:hover{
	text-decoration: underline;
}
.article ul{	
	list-style: square;
	margin-left: 25px;
}
.article ol{
	list-style: decimal;
	margin-left: 25px;
}

.article .imageblock{
	margin-bottom: 20px;
	background-color: #333;
}
.cap1{
	margin: 0;
	padding: 10px;
	width: auto !important;
	background-color: #2b2b2b;
	text-align: center;
}
.article blockquote{
	padding-left: 40px;
	background: url(./images/bgBlock.gif) no-repeat;
}

div.another_category{
	clear: both;
	margin-top: 25px;
	padding: 8px 0 0;
	border-top: 3px solid #5c6a46 !important;
	border-right: none;
	border-left: none;
	border-bottom: none;
}
div.another_category h4{
	padding-bottom:8px !important;
	border-bottom: 1px solid #595959 !important;
	font-size: 12px !important;
	color: #c7c7c7 !important;
}
div.another_category h4 a{
	color: #c7c7c7 !important;
}
div.another_category table{
	background: url(./images/bgArticleCategory.gif) right bottom no-repeat;
}
div.another_category table th a{
	padding-left:12px;
	background:url(./images/blArrowGreenAlpha.gif) no-repeat 0 2px;
	color: #a0a0a0 !important;
}
div.another_category table th a.current{
	border-bottom:none !important;
	font-weight:normal !important;
	background:url(./images/blArrowGreen.gif) no-repeat 0 2px;
}

div.another_category table td{
	display: none;
}


.entry .info{
	clear: both;
	padding: 20px 20px 5px 70px;
	margin-bottom: 20px;
	background: #2b2b2b url(./images/bgArticleInfo.gif) no-repeat 25px 0;
}
.tagTrail{
	padding-bottom: 15px;
	line-height: 160%;
}
.infoEl{
	padding-bottom: 15px;
	font: 10px Verdana;
	text-transform: uppercase;
	color: #919191;
}
.info .date{
	padding-left: 15px;
	color: #c0c0c0;
}
.info .category{
	padding-left: 15px;
	text-transform: none;
}
.info .category a{
	font: 12px "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕";
	color: #c0c0c0;
}

.arrowOff{
	background: url(./images/bgActionArrow.png) no-repeat 970px -18px;
}
.arrowOn{
	background: url(./images/bgActionArrow.png) no-repeat 970px 12px;
}

a.trackbackTitle{
	display: block;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #2b2b2b;
	color: #919191;
}
a.trackbackTitle:hover{
	color: #FFF;
}
.trackbackTitleText{
	display: block;
	padding-left: 30px;
	background: url(./images/bgActionTrackback.gif) no-repeat;
}
a.trackbackTitle:hover .trackbackTitleText{
	background-position: 0 -20px;
}
a.trackbackTitle .cnt{
	color: #dea26e;
}

.trackback{
	margin-bottom: 20px;
	font-size: 12px;
}
.trackback h3{
	padding: 10px;
	background: url(./images/bgCommentList.gif) repeat-y;
	font: 12px Verdana;
	color: #919191;
}
.trackback ol{
	list-style: inside decimal;
}
.trackback ol li{
	margin-top: 10px;
}
.trackback .name{
	color: #919191;
}
.trackback .date{
	font: 10px Verdana;
	color: #919191;
}
.trackback h5{
	display: inline;
	font-weight: normal;
	font-size: 13px;
}



a.commentTitle{
	margin-bottom: 20px;
	display: block;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #566045;
	color: #d4d6d1;
}
a.commentTitle:hover{
	color: #FFF;
}
.commentTitleText{
	display: block;
	padding-left: 30px;
	background: url(./images/bgActionComment.gif) no-repeat 3px 0;
}
a.commentTitle:hover .commentTitleText{
	background-position: 3px -20px;
}
a.commentTitle .cnt{
	color: #dea26e;
}

.commentList{
}
.commentList li{
	position: relative;
	clear: both;
	padding-bottom: 20px;
}
.commentList li.rp_secret .cLeft, .commentList li.guest_secret .cLeft{
	background: url(./images/blogIconSecret.gif) no-repeat 15px 15px;
}
.commentList li ul li{
	padding: 20px 0 0 28px;
	margin-left: 237px;
	background: url(./images/bgCommentReply.gif) no-repeat 0 20px;
}
.commentList li ul li.rp_secret .cLeft, .commentList li ul li.guest_secret .cLeft{
	background: url(./images/blogIconSecret.gif) no-repeat 15px 15px;
}
.commentList li .cList{
	border: 1px solid #363636;
	background:#3c3c3c url(./images/bgCommentListLine.png) repeat-y 265px 0;
}
.commentList li ul li .cList{
	border: 1px solid #363636;
	background-image: none;
	background-color: #484848;
}
.commentList .name{
	margin: 0 0 7px;
	height: 15px;
	font-size: 15px;
	font-weight: bold;
}
.commentList .date{
	padding-right: 5px;
	font: 10px Verdana;
	color: #777;
}
.commentList .date a{
	color: #777;
}
.commentList .clLeft{
	float: left;
	padding: 15px 15px 15px 67px;
	width: 195px;
	background: url(./images/blogIcon.gif) no-repeat 15px 15px;
}
.commentList li ul li .clLeft{
	float: none;
	padding: 15px 15px 15px 67px;
	width: auto;
	background: url(./images/blogIcon.gif) no-repeat 15px 15px;
}
.commentList li .clRight{
	float: right;
	padding: 15px 15px 15px 0;
	width: 693px;
}
.commentList li p{
	padding: 0 0 10px;
	margin: 0;
	line-height: 160%;
}
.commentList li ul li p{
	float: none;
	padding:0 0 15px;
	margin-left: 67px;
	width: auto;
}
.commentList .control{
	position: absolute;
	right:0;
	top: 0;
}
.commentList li ul li .control{
	top: 20px;
}
.commentList .control a{
	display: block;
	float: left;
	padding: 5px 7px;
	border-bottom: 1px solid #363636;
	border-left: 1px solid #363636;
	font: 10px Verdana;
	color: #777;
}
.commentList .control a:hover{
	background-color: #363636;
}
.commentList li img{
	position: absolute;
	top: 16px;
	left: 16px;
	width: 37px;
	height: 37px;
}
.commentList li ul li img{
	position: absolute;
	top: 36px;
	left: 44px;
	width: 37px;
	height: 37px;
}
.commentList li p img{
	position: static;
	width: auto;
	height: auto;
}

.commentWrite{
	padding-bottom: 25px;
	border-bottom: 1px solid #555;
}
.commentWrite .cwLeft{
	float: left;
	padding-right: 18px;
	width: 270px;
}
.commentWrite p{
	padding: 0;
	margin: 0 0 10px;
	background: url(./images/bgCommentInput.gif) no-repeat;
}
.commentWrite label{
	display: block;
	float: left;
	padding-top: 8px;
	width: 56px;
	height: 20px;
	font: 10px Verdana;
	text-transform: uppercase;
	text-align: center;
}
.commentWrite p .insert{
	float: left;
	padding: 5px;
	width: 200px;
	height: 18px;
	border: none;
	font-size: 11px;
	color: #cecece;
	background-color: #747474;
}
.commentWrite p .insertOn{
	float: left;
	padding: 5px;
	width: 200px;
	height: 18px;
	border: none;
	font-size: 11px;
	color: #cecece;
	background-color: #343434;
}
.commentWrite .cwRight{
	float: left;
	width: 680px;
	margin-bottom: 10px;
	padding-left: 30px;
	background: url(./images/bgCommentTextarea.gif) no-repeat;
}
.commentWrite .textarea{
	margin: 0;
	width: 100%;
	height: 100px;
	border: none;
	overflow: auto;
	resize: vertical;
	font-size: 12px;
	line-height: 160%;
	color: #cecece;
	background-color: #747474;
}
.commentWrite .textareaOn{
	margin: 0;
	width: 100%;
	height: 100px;
	border: none;
	overflow: auto;
	resize: vertical;
	font-size: 12px;
	line-height: 160%;
	color: #cecece;
	background-color: #343434;
}
.submitWrap{
	clear: both;
}
.secretWrap{
	float: left;
}
.secretWrap .secret{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 104px;
	height: 26px;
	background: url(./images/bgCommentSecretButton.gif) no-repeat;
}
.secretWrap .secretOn{
	display: block;
	width: 104px;
	height: 26px;
	background: url(./images/bgCommentSecretButton.gif) no-repeat 0 -26px;
}
.secretWrap .secretCheck{
	display: block;
	float: left;
	padding: 5px 0 0 5px;
}
.submitWrap a.btComment{
	display: block;
	float: right;
	padding: 7px 7px 7px 27px;
	background: #343434 url(./images/bgCommentButton.png) no-repeat 7px 9px;
	font-size: 12px;
}
.submitWrap a.btComment:hover{
	background-color: #292929;
}


/*paging*/
#paging{
	width:1000px;
	padding:20px 0 30px;
	text-align:center;
}
#paging a.prev{
	display:block;
	float:left;
	font-size: 20px;
	font-weight: bold;
	color: #7b7b7b;
}
#paging a.next{
	display:block;
	float:right;
	font-size: 20px;
	font-weight: bold;
	color: #7b7b7b;
}
#paging a.prev:hover, #paging a.next:hover{
	color: #9b9b9b;
}
#paging p{
	margin:0;
	padding:5px 0 0;
}
#paging a.num span.selected{
	background-color: #2b2b2b;
}
#paging .numbox{
}
#paging a.num span{
	padding:5px 8px;
	background-color: #343434;
	font: 11px Verdana;
	color: #9a9a9a;
}



/* bottombar */
#bottombarWrap{
	background-color: #2b2b2b;
}
.bottombarT{
	padding-top: 11px;
	background: url(./images/bgBottomBarT.gif) no-repeat;
}
.bottombarB{
	padding-bottom: 11px;
	background: url(./images/bgBottomBarB.gif) no-repeat left bottom;
}
.bottombarTitle{
	padding: 5px 10px 10px;
	background-color: #202020;
	font: bold 12px Verdana;
}

.bottombarTitle a{
	font: 12px "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕";
}
.counter{
	float: right;
	font: normal 10px Verdana;
	color: #a6a6a6;
}
.counter .cnt{
	color: #787878;
}

.bottomBar{
	margin: 20px 0;
	background: url(./images/bgBottombar.gif) repeat-y;
	font-size: 12px;
	color: #ababab;
}
.bottomBar a{
	color: #ababab;
}
.bottombar1, .bottombar2, .bottombar3{
	float: left;
	padding: 0 25px;
	width: 283px;
}
.bottomBar .module{
	clear: both;
	padding-left: 5px;
	margin-bottom: 20px;
}
.bottomBar h3{
	margin-bottom: 15px;
	margin-left: -5px;
}
.bottomBar .cnt, .c_cnt{
	font: 10px Verdana;
	color: #75983c;
}
.bottomBar .name{
	padding-top: 3px;
	color: #717171;
}
.bottomBar .date{
	font: 10px Verdana;
}
.bottomBar ul li{
	padding: 0 0 7px 15px;
	background: url(./images/blSquare.gif) no-repeat 0 6px;
}

#about{
	line-height: 160%;
}
#about img.blogImage{
	float: left;
	width: 100px;
	border: 5px solid #202020;
	height: auto;
	margin: 0 15px 10px 0;
}
#about .blogger{
	color: #787878;
}

#category ul li{
	padding: 0;
	background: none;
}
#category ul li a{
	display: block;
	padding: 0 0 7px 15px;
	background: url(./images/blArrowGreen2.gif) no-repeat 0 1px;
}
#category ul li ul li ul{
	margin-left: 15px;
}
#category ul li ul li ul li a{
	background: none;
}

#tagbox li{
	padding: 0 5px 7px 10px;
	width: 120px;
	float: left;
}


/* copyright */
#copyright li{
	float: left;
	padding: 0 8px;
	border-right: 1px solid #4f4f4f;
}
#copyright li.last{
	border-right: none;
}
#copyright li.right{
	float: right;
	border-right: none;
}
#copyright a{
	display: block;
	height: 50px;
	background: url(./images/bgCopyright.gif) no-repeat;
}
#copyright a.btDaum{
	width: 80px;
	background-position: 0 0;
}
#copyright a.btDaum:hover{
	background-position: 0 -50px;
}
#copyright a.btTistory{
	width: 50px;
	background-position: -80px 0;
}
#copyright a.btTistory:hover{
	background-position: -80px -50px;
}
#copyright a.btPhotoblogger{
	width: 60px;
	background-position: -130px 0;
}
#copyright a.btPhotoblogger:hover{
	background-position: -130px -50px;
}
#copyright a.btTop{
	width: 40px;
	background-position: -190px 0;
}
#copyright a.btTop:hover{
	background-position: -190px -50px;
}
#copyright a span{
	display: none;
}


    /* full clearfix */
    /* add to floating elements which shall clear floating after themselves */ 
	* html .clearfix {
	    height: 1%; /* IE5-6 */
	    }
	*+html .clearfix {
		display: inline-block; /* IE7not8 */
		}
	.clearfix:after { /* FF, IE8, O, S, etc. */
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	    }