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

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

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


#newdomain {
    position: fixed;
    display: block;
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 30px; 
    padding: 15px 0 0;
    background: url(./images/bgWarn.png);
    z-index: 99999;
    cursor: pointer;
    color: #fff;
}
#newdomain span { color: #f18989; }


/* 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{
	position: relative;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}
	.book{
		position: absolute;
		left: 0;
		top: 0;
		width: 347px;
		height: 303px;
		background: url(./images/book.png) no-repeat;
	}
#header{
	text-align: center;
	padding-top: 60px;
	height: 150px;
}
#wrapper{
	border: 1px solid #757575;
	background: #f4f3f1 url(./images/bgWrapper.png) repeat-y;
}
	#menuWrap{
		border-bottom: 1px solid #757575;
		background-color: #99adc5;
	}
	#sidebar{
		float: left;
		padding-top: 60px;
		width: 289px;
		font-size: 12px;
	}
	#content{
		float: right;
		padding-top: 37px;
		width: 699px;
	}
#copyrightWrap{
	padding: 15px 0;
	background-color: #656567;
}
	#copyright{
		margin: 0 auto;
		width: 1000px;
		text-align: left;
	}

/* menu */
#menu{
	float: right;
}
#social{
	float: left;
	padding-top: 7px;
	padding-right: 5px;
}
#social li{
	float: left;
	padding-left:3px;
}
#social li a{
	display: block;
	width: 28px;
	height: 28px;
	background: url(./images/bgSocial.png) no-repeat;
}
#social li a.mRss{
}
#social li a.mRss:hover{
	background-position: 0 -28px;
}
#social li a.mTwitter{
	background-position: -28px 0;
}
#social li a.mTwitter:hover{
	background-position: -28px -28px;
}
#social li a.mFacebook{
	background-position: -56px 0;
}
#social li a.mFacebook:hover{
	background-position: -56px -28px;
}
#social li a span{
	display: none;
}
#menu .search{
	float: left;
	margin-top: 7px;
	width: 159px;
	height: 28px;
	background: url(./images/bgSocial.png) no-repeat -82px 0;
}
#menu .searchOn{
	width: 159px;
	height: 28px;
	background: url(./images/bgSocial.png) no-repeat -82px -28px;
}
#menu .searchinput{
	padding: 3px 15px 0 15px;
	width: 129px;
	height: 25px;
	border: none;
	background: none;
	line-height: 100%;
	font-size: 11px;
	letter-spacing: 0.1em;
	color: #657282;
}
#bMenu{
	float: right;
	padding-left: 10px;
	width: 265px;
}
#bMenu li{
	float: left;
	padding: 13px 8px 11px;
	border-left: 1px solid #899bb1;
}
#bMenu li a{
	height: 20px;
	display: block;
}
#bMenu li a.mBlog{
	width: 42px;
	background: url(./images/mBlog.png) no-repeat;
}
#bMenu li a.mAbout{
	width: 53px;
	background: url(./images/mAbout.png) no-repeat;
}
#bMenu li a.mHistory{
	width: 63px;
	background: url(./images/mHistory.png) no-repeat;
}
#bMenu li a.mQnA{
	width: 37px;
	background: url(./images/mQnA.png) no-repeat;
}
#bMenu li a.mBlog:hover, #bMenu li a.mAbout:hover, #bMenu li a.mHistory:hover, #bMenu li a.mQnA:hover{
	background-position: 0 -20px;
}
#bMenu li a span{
	display: none;
}

/* nonEntry */
#searchList{
	padding: 0 50px;
	border-bottom: 1px solid #c8cace;
}
.listText{
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #517090;
}
.searchTitle{
	padding: 20px 20px 20px 115px;
	background: #FFF url(./images/bgSearchTitle.png) no-repeat 15px 15px;
	border: 1px solid #c8cace;
}
.guestTitle{
	padding: 20px 20px 20px 110px;
	background: #FFF url(./images/bgGuestTitle.png) no-repeat 20px 15px;
	border: 1px solid #c8cace;
}
.guestTitle p{
	margin: 10px 0 0;
	padding: 0;
	line-height: 180%;
}
#searchList h3, #guestbook h3{
	font-size: 22px;
	line-height: 140%;
}
#searchList h3 .cnt{
	color: #d25353;
}
#searchList ol{
	margin: 25px 0;
	list-style: inside decimal;
}
#searchList li{
	padding: 7px 0;
}
#searchList li a{
	color: #517090;
}
#searchList li a:hover{
	color: #33465a;
}
#searchList li a .date{
	font: 10px Verdana;
	color: #999;
}
#searchList li a .cnt{
	font: 10px Verdana;
	color: #d45555;
}

#guestbook{
	padding: 0 50px 25px;
	font-size: 12px;
	border-bottom: 1px solid #c8cace;
}
#guestbook .commentWrite{
	padding-bottom: 0;
}
#guestbook p a{
	color: #515790;
}
#guestbook p a:hover{
	color: #33465a;
}

#entryNotice .article{
	margin: 0;
	padding: 25px 49px 25px 50px;
	border-bottom: 1px solid #c8cace;
}


/* entry */
.titleWrap{
	padding: 0 50px 15px;
	border-bottom: 1px solid #c8cace;
}
.titleWrap h2{
	font-size: 22px;
	line-height: 140%;
}
.titleWrap h2 a{
	color: #535250;
}
.titleWrap .category{
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #517090;
}
.titleWrap .category a{
	color: #517090;
}
.titleWrap .category a:hover{
	color: #33465a;
}
.articleDate{
	margin: 10px 50px 0;
	text-align: right;
	font: 11px "Trebuchet MS";
	color: #999;
}

.admin{
	margin: 10px 50px 0;
	padding: 5px;
	border: 1px dotted #c9cace;
	font-size: 12px;
}
.article{
	margin: 25px 0 40px;
	padding: 0 49px 0 50px;
	line-height: 180%;
	color: #333;
}

.article h1	{margin:15px 0; font:24px "NanumGothic Bold", "나눔고딕 Bold";}
.article h2	{margin:25px -49px 25px -50px; padding:10px 49px 10px 50px; border-bottom:1px solid #c8cace; border-top:1px solid #c8cace; background:#d0d7df url(./images/bgArticleH2.png) no-repeat 5px 5px; font-size: 18px;}
.article h3	{margin:15px 0; font-size:16px; color:#cc0000;}
.article h4	{margin:15px 0; padding-bottom: 5px; font-size:16px; border-bottom:2px solid #99adc5;}
.article h5	{font-size: 16px; padding:10px; background-color:#f1f3fc; border-bottom:1px solid #bbc6f0;}


.article a:link	{color:#517090;}
.article a:hover	{color: #33465a;}
.article a:active	{color:#ff0190;}
.article a:visited	{color:#c700c9;}

@import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light);
.article .googleText{
	font:30px "Josefin Sans Std Light";
}

.article img{
	border: 1px solid #c8cace;
}
.article .imageblock{
}
.article .cap1{
	margin:5px 0;
	padding:0;
	color:#888;
	text-align: center;
}

.article table.bTable{
	border-collapse:collapse;
	width:600px;
}
.article table.bTable th, .article table.bTable td{
	border:1px solid #c1c1c1;
	padding:5px 3px;
	font-size:11px;
}
.article table.bTable th{
	background-color:#f0f0f0;
}
.article table.bTable td.point{
	background-color:#ff0190;
	color:#FFF;
}

.article ol{
	margin:10px 0 10px 25px;
	list-style:decimal;
}
.article ol li{
	margin:0;
	padding:0;
	list-style:decimal;
}
.article ul.list{
	margin-left:25px;
	margin-bottom:20px;
}
.article ul.list li{
	margin:0;
	padding-left:15px;
	background:url(./images/blList.png) no-repeat 5px 8px;
}
.article .box{
	padding:10px;
	margin:10px 0;
	border:1px solid #c8cace;
	background-color:#f7f7f7;
}
.article .box2{
	padding:10px;
	margin:10px 0;
	border:1px solid #c8cace;
}
.article pre{
	padding:10px;
	margin:10px 0;
	width:578px;
	overflow-x:auto;
	overflow-y:hidden;
	border:1px solid #c8cace;
	background:url(./images/bg_pre.gif);
	font:12px/180% "Lucida Console";
}

.article table.tb{
	width:598px;
	border-collapse:collapse;
	font:11px 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;
}
.article blockquote{
	margin:15px 0;
	padding:10px 0 10px 35px;
	background: #FFF url(./images/bgBlock.png) no-repeat 5px 10px;
	border-top: 1px dashed #c8cace;
	border-bottom: 1px dashed #c8cace;
	font-style:italic;
}
.moreless_fold span{
	padding-left:17px;
	background:url(./images/icon_more.gif) no-repeat 0 2px;
}
.moreless_top span{
	padding-left:17px;
	background:url(./images/icon_less.gif) no-repeat 0 2px;
}
.moreless_bottom span{
	padding-right:17px;
	background:url(./images/icon_less.gif) no-repeat right 2px;
}
.moreless_fold{
}
.moreless_top{
}
.moreless_content{
	padding:15px 0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
}
.moreless_bottom{
	text-align:right;
}

.vote{
	clear: both;
	margin: 25px 50px;
}
.vote p{
	margin: 0;
	padding-bottom: 15px;
}

.tagTrail{
	margin: 25px 50px;
	color: #f4f3f1;
	font-size: 0px;
}
.tagTrail p{
	margin: 0;
	padding-bottom: 15px;
	color: #404040;
	font-size: 13px;
}
.tagTrail a{
	display: block;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 6px 8px 0 25px;
	height: 22px;
	background: #99adc5 url(./images/bgBtTag.png) no-repeat;
	color: #FFF;
	font-size: 13px;
}
.tagTrail a:hover{
	background: #d25353 url(./images/bgBtTag.png) no-repeat 0 -28px;
}

.actionTrail{
	padding: 10px 50px;
	background-color: #FFF;
	border-top: 1px solid #c8cace;
	border-bottom: 1px solid #c8cace;
	font-size: 12px;
	font-weight: bold;
	color: #999;
}
.actionTrail .cnt{
	color: #d25353;
}

/* trackback */
.trackback{
	padding: 0 50px;
	border-bottom: 1px solid #c9cace;
	font-size: 12px;
}
.trackback h3{
	padding: 10px 0;
	font: normal 10px Verdana;
}
.trackback ol{
	border-top: 1px dashed #c8cace;
	list-style: inside decimal;
}
.trackback li{
	padding: 8px 0;
}
.trackback li h5{
	display: inline;
	font-weight: normal;
	font-size: 12px;
}
.trackback a{
	color: #517090;
}
.trackback a.del{
	color: #cc0000;
}
.trackback .name{
	color: #999;
}
.trackback .date{
	font: 10px Verdana;
}

/* comment */
#comment{
	padding: 0 50px 20px;
	font-size: 12px;
	border-bottom: 1px solid #c8cace;
}
#comment p a{
	color: #515790;
}
#comment p a:hover{
	color: #33465a;
}

.commentList li{
	margin-top: 20px;
}
.commentList li ul li{
	margin-left: 78px;
}
.commentList li .clM{
	background: url(./images/bgCommentListM.png) repeat-y;
}
.commentList li .clT{
	background: url(./images/bgCommentListT.png) no-repeat;
}
.commentList li .clB{
	padding: 17px 22px 22px 17px;
	background: url(./images/bgCommentListB.png) no-repeat left bottom;
}

.commentList li .clR{
	padding: 16px 16px 16px 36px;
	background: #e0dfde url(./images/bgCommentReply.png) no-repeat left top;
}

.commentList li .cList{
	position: relative;
	background: url(./images/blogIcon.png) no-repeat;
}
.commentList li.rp_admin .cList, .commentList li.guest_admin .cList{
	background: url(./images/blogIconAdmin.png) no-repeat;
}
.commentList li ul li.rp_general .cList, .commentList li ul li.guest_general .cList{
	background: url(./images/blogIcon.png) no-repeat;
}
.commentList li.rp_secret .cList, .commentList li.guest_secret .cList{
	background: url(./images/blogIconSecret.png) no-repeat;
}
.commentList li ul li.rp_admin .clR, .commentList li ul li.guest_admin .clR{
	background: #d0d7df url(./images/bgCommentReplyAdmin.png) no-repeat left top;
}
.commentList li ul li.rp_admin .cList, .commentList li ul li.guest_admin .cList{
	background: url(./images/blogIconAdmin.png) no-repeat;
}

.commentList li .name{
	padding-left: 58px;
	font-size: 14px;
	font-weight: bold;
	line-height: 180%;
	color: #517090;
}
.commentList li .name a{
	color: #517090;
}
.commentList li .date{
	padding-left: 58px;
	font: 10px Verdana;
	color: #999;
}
.commentList li .date a{
	color: #999;
}

.commentList p{
	margin: 0 0 0 58px;
	padding: 15px 0 0;
	line-height: 160%;
}

.commentList li a.btReply{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding-left: 16px;
	height: 13px;
	background: url(./images/bgBtReply.png) no-repeat 0 2px;
	font: 11px Verdana;
	color: #a8b7c7;
}
.commentList li a.btReply:hover{
	background-position: 0 -12px;
	color: #517090;
}

.commentList li img{
	position: absolute;
	left: 0;
	top: 0;
	padding: 3px;
	width: 36px;
	height: 36px;
	border: 1px solid #CCC;
	background-color: #FFF;
}
.commentList li p img{
	position: static;
	padding: 0;
	width: auto;
	height: auto;
	border: none;
}

.commentWrite{
	margin-top: 20px;
}
.commentWrite p{
	margin: 0;
	padding: 0 0 15px;
}
.commentWrite .cInput{
	padding: 7px;
	margin-right: 10px;
	height: 12px;
	width: 150px;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 2px #ddd;
}
.commentWrite .cInputOn{
	padding: 7px;
	margin-right: 10px;
	height: 12px;
	width: 150px;
	border: 1px solid #99adc5;
}
.commentWrite .cTextarea{
	padding: 10px;
	width: 580px;
	height: 100px;
	overflow: auto;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 2px #ddd;
	resize: vertical;
}
.commentWrite .cTextareaOn{
	padding: 10px;
	width: 580px;
	height: 100px;
	overflow: auto;
	border: 1px solid #99adc5;
	resize: vertical;
}
.secretWrap{
	float: left;
}
.commentWrite a.btComment{
	display: block;
	float: right;
	width: 83px;
	height: 34px;
	background: url(./images/bgBtComment.png) no-repeat;
}
.commentWrite a.btComment:hover{
	background-position: 0 -34px;
}
.commentWrite a.btComment span{
	display: none;
}

/* paging */
#paging{
	width:600px;
	margin: 0 50px;
	padding: 30px 0;
	text-align:center;
}
#paging a.btPage{
	display: block;
	padding-left: 14px;
	background: url(./images/bgBtPage.png) no-repeat;
	color: #FFF;
}
#paging a.btPage span.on{
	display: block;
	padding-right: 14px;
	padding-top: 8px;
	height: 21px;
	background: url(./images/bgBtPage.png) no-repeat right top;
	font: 12px "Trebuchet MS";
	letter-spacing: 0.1em;
}
#paging a.btPage .arrow{
	font-size: 10px;
}
#paging a.btPage:hover{
	background: url(./images/bgBtPage.png) no-repeat 0 -29px;
}
#paging a.btPage:hover span.on{
	background: url(./images/bgBtPage.png) no-repeat right -29px;
}
#paging a.prev{
	float:left;
}
#paging a.next{
	float:right;
}
#paging p{
	margin:0;
	padding:7px 0 0;
}
#paging a.num span.selected{
	color: #404040;
}
#paging .numbox{
}
#paging a.num span{
	padding:5px 5px;
	color: #999;
	font: 11px Verdana;
}


/* sidebar */
#sidebar a{
	color: #466483;
}
#sidebar a:hover{
	color: #33465a;
}
#sidebar .module{
	margin-bottom: 50px;
}
#sidebar h3{
	padding: 10px 15px;
	border-top: 1px solid #c8cace;
	border-bottom: 1px solid #c8cace;
	background-color: #f0f1f4;
}
#sidebar li{
	padding: 8px 15px;
	border-bottom: 1px solid #c8cace;
}
#sidebar #category{
	border-bottom: 1px solid #c8cace;
}
#sidebar #category li{
	padding: 0;
	border: none;
}
#sidebar #category li ul li{
	border-top: 1px solid #c8cace;
}
#category li a{
	display: block;
	padding: 8px 15px 8px 35px;
	background: url(./images/blFolder.png) no-repeat 15px 9px;
}
#category li ul li ul li a{
	background: none;
}

#sidebar .cnt, .c_cnt{
	font: 10px Verdana;
	color: #d45555;
}

a.btCnt{
	display: block;
	float: right;
}
.cntL{
	display: block;
	margin-top: -2px;
	padding-left: 9px;
	background: url(./images/bgCnt.png) no-repeat;
}
a.btCnt:hover .cntL{
	background-position: 0 -19px;
}
.cntR{
	display: block;
	padding-top: 3px;
	padding-right: 9px;
	height: 16px;
	background: url(./images/bgCnt.png) no-repeat right top;
	font: bold 10px Verdana;
	color: #FFF;
}
a.btCnt:hover .cntR{
	background-position: right -19px;
}

/* latest Comment */
#latestComment{
	padding: 25px 0 40px;
	margin-right: -35px;
	width: 1035px;
}
#latestComment h3{}
#latestComment li{
	float: left;
	padding-top: 25px;
	padding-right: 32px;
}
#latestComment li a{
	display: block;
	padding: 20px;
	width: 186px;
	height: 70px;
	background: url(./images/bgLatestComment.png) no-repeat;
	overflow: hidden;
}
#latestComment li a:hover{
	background-position: 0 -110px;
}
#latestComment .name{
	color: #517090;
	font-weight: bold;
}
#latestComment .date{
	font: 10px Verdana;
	color: #999;
}
#latestComment .text{
	display: block;
	margin-top: 10px;
	font-size: 12px;
	line-height: 160%;
}

/* copyright */
#copyright li{
	float: left;
	border-left: 1px solid #707071;
}
#copyright li.top{
	float: right;
	border: none;
}
#copyright li.first{
	border: none;
}
#copyright li a{
	display: block;
	height: 60px;
	background: url(./images/bgBtCopyright.png) no-repeat;
}
#copyright li a.mDaum{
	width: 100px;
}
#copyright li a.mDaum:hover{
	background-position: 0 -70px;
}
#copyright li a.mTistory{
	width: 80px;
	background-position: -100px 0;
}
#copyright li a.mTistory:hover{
	background-position: -100px -70px;
}
#copyright li a.mDesignersnote{
	width: 110px;
	background-position: -180px 0;
}
#copyright li a.mDesignersnote:hover{
	background-position: -180px -70px;
}
#copyright li a.mTop{
	width: 95px;
	background-position: -290px 0;
}
#copyright li a.mTop:hover{
	background-position: -290px -70px;
}

#copyright li 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;
	    }