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

/* html시작 */


/* html끝 */


/*커버*/

#cover_bg {
	background:url(images/cover_bg.gif) no-repeat 50% 0; width:625px;
	padding-top:40px;
	height:200px;
	}

#cover_c {float:left; margin-right:15px; width:295px;}

.cover_img {float:left; margin-right:5px; margin-bottom:5px;}
.cover_img a img {border:solid #CCCCCC 2px;}
.cover_img a:hover img {border:solid #b8a37e 2px;}

.cover_title {font-weight:bold; display:block;}

.banner {padding-top:25px;}




div,p,span,table,tr,td {margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {font-size:100%; display:block;}

div a,
p a {color:#333333; text-decoration:none;}

div a:hover,
p a:hover {color:#999999; text-decoration:underline;}

.clear {clear:both;}

body {
	font-family:"나눔 고딕","nanum gothic","맑은 고딕","malgun gothic","돋움","dotum","dotumche","굴림","gulim";
	font-size:13px;
	line-height:150%;
	}

#container {
	width:900px;
	margin:0 auto;
	}
		
#contents {}

#sub {
	margin-left:3px;
	float:left;
	width:170px;
	}

#sub ul {
	margin:0;
	padding:0;
	}

#sub ul li {
	list-style:none;
	}

#sub ul li a {
	padding:5px 0 5px 3px;
	list-style:none;
	border-bottom:#CCCCCC solid 1px;
	display:block;
	}
	
#sub ul li a:hover {
	background-color:#d5c09b;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	}
	
#main {
	float:right;
	width:700px;
	}
	
#blogmain {
	float:right;
	width:630px;
	}
	
#siteinfo {
	height:60px;
	background:url(images/siteinfo.gif) no-repeat 50% 50%;
	text-indent:-9999px;
	margin-top:100px;
	}

#sideb {
	margin-left:3px;
	float:left;
	width:230px;
	}

#sideb ul {
	margin:0;
	padding:0;
	}

#sideb ul li {
	list-style:none;
	}

#sideb ul li a {
	padding:5px 0 5px 3px;
	list-style:none;
	border-bottom:#CCCCCC solid 1px;
	display:block;
	}
#sideb ul li a:hover {
	background-color:#d5c09b;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	}	
/*페이지*/

.center_img {text-align:center;}
.port_img {float:right;}
.separate {clear:both; display:block; width:670px; height:50px; background:url(images/sep.gif) 0 50% no-repeat; margin-bottom:10px;}
.link_url a {font-size:150%; font-weight:bold; color:#999999; margin-bottom:15px; display:block;}
.port_title {font-size:120%; font-weight:bold; margin-bottom:15px; margin-top:13px; color:#666666;}


#sideb .recent ul li {list-style:none;}
#sideb .recent ul li a {display:blockl; height:20px; border-bottom:#CCCCCC 1px solid;  background:url(images/bul_3.gif) no-repeat 7px 50%; padding-left:17px;}
#sideb .recent ul li a:hover {background-color:#d5c09b; padding-left:17px;}


#main p strong {
float:left;
display:block;
width:120px;
color:#666666;
border-bottom:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
font-weight:bold;
margin-right:5px;}

#main .coll {float:right; width:580px;}
#main .about_sub {float:left;
display:block;
width:260px;
color:#666666;
border-bottom:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
margin-top:15px;
font-weight:bold;}
/*타이틀*/

.blog_title {text-indent:-9999px;  height:40px; background:url(images/s_title.gif) 0 -40px no-repeat; }
.news_title {width:170px; text-indent:-9999px;  height:40px; background:url(images/s_title.gif) 0 -120px no-repeat; }


.s_title {width:170px; text-indent:-9999px;  height:40px;}
.title {width:100%; text-indent:-9999px;  height:40px;}

body #container #about01 .s_title {background:url(images/s_title.gif) 0 0 no-repeat; }
body #container #about02 .s_title {background:url(images/s_title.gif) 0 0 no-repeat; }
body #container #about03 .s_title {background:url(images/s_title.gif) 0 0 no-repeat; }
body #container #about04 .s_title {background:url(images/s_title.gif) 0 0 no-repeat; }


body #container #via01 .s_title {background:url(images/s_title.gif) 0 -80px no-repeat; }
body #container #via02 .s_title {background:url(images/s_title.gif) 0 -80px no-repeat; }
body #container #via03 .s_title {background:url(images/s_title.gif) 0 -80px no-repeat; }


body #container #about01 .title {background:url(images/title.gif) 400px 0 no-repeat; }
body #container #about02 .title {background:url(images/title.gif) 400px -40px no-repeat; }
body #container #about03 .title {background:url(images/title.gif) 400px -80px no-repeat; }
body #container #about04 .title {background:url(images/title.gif) 400px -120px no-repeat; }

body #container #via01 .title {background:url(images/title2.gif) 400px 0 no-repeat; }
body #container #via02 .title {background:url(images/title2.gif) 400px -40px no-repeat; }
body #container #via03 .title {background:url(images/title2.gif) 400px -80px no-repeat; }


/*블로그*/

.subject {
	padding-top:10px;
	text-align:right;
	}	

.subject h1 {
	font-size:14px;
	font-weight:bold;
	background:url(images/article_bg.gif) no-repeat right 0;
	height:35px;
	text-align:right;
	padding-top:10px;
	padding-right:10px;
	}
	
.subject h1 a {
	color:#333333;
	text-decoration:none;
	}

.subject h1 a:hover {
	color:#999999;
	text-decoration:underline;
	}
	
.post_date, .post_category {
	text-align:right;
	background:url(images/bul_1.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
	}
	
.post_author {
	color:#6600cc;
	background:url(images/bul_2.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
	}

.post_tag {
	color:#0f75bc;
	background:url(images/bul_3.gif) no-repeat 0 50%;
	padding:0 0 0 35px;
	}

.comment_trackback {
	background:url(images/bul_1.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
	}
	
.postinfo {
	padding:0;
	margin:0;
	}

.postinfo li {
	list-style:none;
	margin:3px 0 3px 0;
	}

.paging {
	text-align:center;
	}

.paging a {
	color:#333333;
	text-decoration:none;
	}
	
.paging a:hover {
	color:#0066CC;
	text-decoration:underline;
	}

.searchList {
	padding-top:0px;
	}
 
.searchList ol li,	
.taglog ul li {
	list-style:none;
	background:url(images/bul_side.gif) no-repeat 0 50%;
	padding:2px 0 2px 13px;
	}
	
.searchList ol li a,	
.taglog ul li a {
	color:#333333;
	}

.searchList ol li a:hover,	
.taglog ul li a:hover {
	color:#0066CC;
	}

.entry {
	overflow:hidden;
	width:625px;
	margin:0 0 50px 0;
    line-height:1.7em;
	}
	
.article {
	overflow:hidden;
	padding:10px 0 0 10px;
	}

.article blockquote {
	margin:10px;
	padding:10px 10px 20px 10px;
	background:#e3e3e3 url(images/blockquote.gif) no-repeat right bottom;
	}

.article ul li {
	list-style:none;
	background:url(images/bul_reply.gif) no-repeat 0 6px;
	padding-left:15px;
	}

.article ul {
	margin-left:20px;
	}

.article ol {
	margin-left:35px;
	}

.article a {
	color:#0066CC;
	}
.article a:hover {
	color:#333333;
	}

.article img {
	border:none;
	}		

	
/*코멘트*/

.guestList,
.commentList,
.commentWrite
 {
	padding:0;
	margin:10px 0 10px 0;
	background-color:#dcd8d1;
	}

.commentWrite .commentWrite0 {
	width:95%;
	}

.guestList .odd,
.commentList .odd {
	width:90%;
	padding:7px 0 10px 15px;
	margin:0 0 10px 40px;
	background-color:#dcd8d1;
	}
	
.guestList .odd p,
.commentList .odd p {
	margin:0;
	padding:5px 0 5px 0;
	}

.trackback {
	padding:10px;
	margin:10px 0 10px 0;
	background-color:#dcd8d1;
	}

.trackbackUrl {
	margin:0;
	padding:0 0 5px 0;
	}

.trackbackUrl .url span {
	color:#CC3300;
	}

.trackback li {
	margin:0;
	padding:0;
	list-style:none;
	}

.trackback ol {
	padding:3px 5px 3px 5px;
	margin:0;}

.trackbackUrl {
	text-align:center;
	}

.guestList ol,
.commentList ol {
	padding:5px 0 5px 15px;
	margin:0;}

.guestList li,
.commentList li {
	margin:0;
	padding:0;
	list-style:none;
	}

.guestList li p,
.commentList li p {
line-height:160%;
padding-right:10px;
}


.rep_name {
	color:#484848;
	font-weight:bold;
	background:url(images/bul_1.gif) no-repeat 0 50%;
	padding-left:14px;	
	}
.rep_name a {
	color:#484848;
	font-weight:bold;
	}	

.rep_name_re {
	color:#484848;
	font-weight:bold;
	background:url(images/bul_1.gif) no-repeat 0 50%;
	padding-left:14px;	
	}	

.rep_name_re a {
	color:#484848;
	font-weight:bold;
	}

.trb_name {
	color:#484848;
	font-weight:bold;
	}

.trb_name a {
	color:#484848;
	font-weight:bold;
	}

.trb_icon {
	background:url(images/bul_1.gif) no-repeat 0 50%;
	padding-left:14px;	
	}	
	
.writer {
	padding:1px;
	margin:3px 0 3px 0;
	}	

#guestWrite {margin-top:190px;}


#guestWrite p,
.commentWrite p {
	margin:3px 0 3px 0;
	padding:2px;
	}

.secretWrap input {
	border:none;
	background:none;
	}

.com_input {
	padding:3px;
	width:33%;
	border:none;
	background:#e5e5e5;
}

#guestWrite textarea,
.commentWrite textarea {
	width:100%;
	border-top:none;
	border-right:none;
	border-left:none;
	background:#e5e5e5;
	}

.submit_clear {
	width:25%;
	border-top:none;
	border-right:none;
	border-left:none;
	background:#e5e5e5;
	}


#siteinfo .info a {
	color:#333333;
	text-decoration:none;
	}

#siteinfo .info a:hover {
	color:#0066CC;
	text-decoration:underline;
	}


/*사이드바 모양*/

div#sidebar span img {
	padding-top:20px;
	padding-bottom:1px;
	}

div#sidebar .sInput {
	width:85%;
	border-top:none;
	border-right:none;
	border-left:none;
	background:#eee6cf;
	}

div#sidebar .searchSubmit {
	width:20px;
	border:none;
	background:url(images/search_icon.gif) no-repeat 50% 50%;
	}


div#sidebar .recent ul li a,
div#sidebar .notice_list li a {
	color:#333333;
	text-decoration:none;
	}
	
div#sidebar .recent ul li a:hover,
div#sidebar .notice_list li a:hover {
	color:#999999;
	text-decoration:underline;
	}

div#sidebar ul {
	padding:0;
	margin:0;
	}

div#sidebar .recent ul li,
div#sidebar .notice_list li {
	letter-spacing:-1px;
	list-style:none;
	padding:2px 0 2px 10px;
	}

div#sidebar h3 {
	display:none;
	color:#135071;
	font-weight:bold;
	margin:0;
	padding:15px 0 5px 0;
	}	
	
div#sidebar span img {

	}

div#sidebar .notice_list {
	margin:10px 0 0 0;
	}

div#sidebar .notice_list li {
	margin:3px 0 3px 0;
	background:url(images/bul_notice.gif) no-repeat 0 0;
	}

div#sidebar .recent li {
	background:url(images/bul_side.gif) no-repeat 0 10px;
	}
	
div#sidebar .tagbox ul li {
	padding:2px;
	margin:4px;
	display:inline;
	}

.cloud5 {text-decoration:none; color:#333333; font-weight:normal; background:#FFFFFF;}
.cloud4 {text-decoration:none; color:#FFFFFF; font-weight:normal; background:#f8cb75;}
.cloud3 {text-decoration:none; color:#fe4111; font-weight:bold; background:#FFFFFF;}
.cloud2 {text-decoration:none; color:#684f40; font-weight:normal; background:#FFFFFF; font-size:1.25em;}
.cloud1 {text-decoration:none; color:#FFFFFF; font-weight:normal; background:#ca2d92; font-size:1.25em;}

div#sidebar .tagbox ul li a:hover {text-decoration:underline; background:#CCCCCC;}


div#sidebar .rss {
	text-align:center;
	padding:20px 0 0 0;
	}	
	

#sidebar .counter              { font:0.75em ;  padding:5px 0;  margin:30px 0 10px 0;  text-align:center;  letter-spacing:0;}
#sidebar .counter li           { background:none;  display:inline;  padding:0 5px; list-style:none;}
#sidebar .counter li.total     { display:block;  color:#000;}