@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* color scheme */
/* 36f */
/* bd7dff */
/* f8ecab */

/* 본문 공통 */
body	{
		font:0.8em/220% tahoma, "Malgun Gothic", gulim;
		background-color:#fff;
		color:#222;
		background:url(./images/border.gi) center repeat-y; 
}

a:link          { color:#222; text-decoration:none; }
a:visited       { color:#222; text-decoration:none; }
a:hover         { color:#222; text-decoration:none;	background-color:#eee; }
a:active        { color:#222; text-decoration:none; }

/* 페이징 - 현재 페이지 */
    .selected               { font-weight:bold;  color:#bd7dff; }

/* 카테고리 - 이미지 버튼 */
    .ib                     { }
/* 카테고리 - 트리 셀 */
    .branch3                { }
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { display:none; }

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { }
    .rp_secret              { color:#bd7dff;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { }
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { }


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#aaa; text-align:center; }
/* 그림 */
    .imageblock             { border:0px; }
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#fff; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          { background:url(images/iconMore.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/iconLess.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
/*-----------------------------------------------------------------------------------------------------------*/

/* general selectors */

* { margin:0; padding:0;}

h1 { font-weight:bold; font-size:150%; line-height:200%; }

h2 { font-weight:bold; font-size:120%; line-height:200%; }

blockquote { padding-left:10px; border-left:4px solid #ddd; background-color:#f9f9f9; }

pre { margin-left:10px; padding:5px 0 5px 10px; border-left:4px solid #000; font:90%/150% courier; }

ul, ol { list-style:none outside; }

fieldset { border:none; }
legend { color:#222; }

.cnt { color:#bd7dff; }

textarea, input { border:2px solid #eee; font:100%/100% tahoma, "Malgun Gothic", gulim; }
input { padding:3px 10px; }

abbr { border-bottom:1px dotted #ccc; }

em { font-style:italic; }

/* wrapper selectors */

#wrapper { width:600px; position:relative; left:50%; margin-left:-300px; }

/* blogTitle selectors */

#blogTitle { width:100%; margin-top:40px; text-align:center; }
#blogTitle a { padding:10px 60px; }

/* category selectors */

#category { width:100%; margin:20px 0; font-size:90%; text-align:center; }
#category p { font-weight:bold; }

#category span a { margin-left:20px; }

#category ul { display:inline; }
#category ul li { display:inline; }
#category ul li a { padding:5px; }
#category ul li ul li { margin-left:20px; }

#category ul .selected a { color:#bd7dff; }

/* searchList selectors */

.searchList { width:100%; margin-top:40px; }
.searchList ol { margin:5px 0; }
.searchList ol li a { padding:5px; }

/* tagCloud selectors */

#tagCloud { width:100%; margin-top:40px; }
#tagCloud ul { margin:5px 0; }
#tagCloud ul li { display:inline; white-space:nowrap; }
#tagCloud ul li a { padding:5px; }
#tagCloud ul li a.cloud1 { font-size:140%; color:#111; }
#tagCloud ul li a.cloud2 { font-size:130%; color:#333; }
#tagCloud ul li a.cloud3 { font-size:120%; color:#555; }
#tagCloud ul li a.cloud4 { font-size:110%; color:#777; }
#tagCloud ul li a.cloud5 { font-size:100%; color:#999; }

/* content selectors */

.content { width:100%; margin-top:40px; }

/* notice selectors */

.notice { width:100%; }

.notice .titleWrap { position:relative; left:25%; width:50%; padding-bottom:10px; }

.notice .titleWrap h2 { text-align:center; border-bottom:1px solid #bd7dff; padding-bottom:1px; }
.notice .titleWrap h2 a { padding:5px 10px; }

.notice .titleWrap .articleInfo { margin-top:7px; font-size:75%; line-height:100%; text-align:center; }
.notice .titleWrap .articleInfo a { padding:4px; }

.notice .desc { padding:20px 0; word-spacing:0.1em; }
.notice .desc a { text-decoration:underline; color:#bd7dff; }
.notice .desc a:hover { color:#222; background-color:#ffffff; }

.notice .desc ol { list-style:decimal inside; margin-left:10px; }
.notice .desc ul { list-style:disc inside; margin-left:10px; }

/* article selectors */

.article { width:100%; }

.article .titleWrap { position:relative; left:25%; width:50%; padding-bottom:10px; }

.article .titleWrap h2 { text-align:center; border-bottom:1px solid #bd7dff; padding-bottom:1px; }
.article .titleWrap h2 a { padding:5px 10px; }

.article .titleWrap .articleInfo { margin-top:7px; font-size:75%; line-height:100%; text-align:center; }
.article .titleWrap .articleInfo a { padding:4px; }

.article .desc { padding:20px 0; word-spacing:0.1em; }
.article .desc a { text-decoration:underline; color:#000000; }
.article .desc a:hover { color:#222; background-color:#ffffff; }

.article .desc ol { list-style:decimal inside; margin-left:10px; }
.article .desc ul { list-style:disc inside; margin-left:10px; }

.article img {    padding:0px;    background-color:#f7f7f7;    border:0px; solid #ffffff; } 



.article .tag { margin-top:20px; width:50%; border-top:1px dashed #ccc; font-size:95%; }

/* responseSwitch selectors */

.responseSwitch p { line-height:400%; text-align:right; }
.responseSwitch p a { width:100%; padding:10px; border-bottom:1px dashed #ccc; }

/* trackback selectors */

.trackback { font-size:95%; line-height:160%; width:100%; }

.trackback .url { font-weight:bold; }
.trackback .desc { color:#777; }

.trackback ol li { border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:5px 0; }
.trackback ol li a.tbTitle { text-decoration:underline; color:#bd7dff; }
.trackback ol li a.tbTitle:hover { color:#222; background-color:#ffffff; }

.trackback .modifier { position:absolute; }
.trackback .modifier a { color:#fff; padding:0 5px; }
.trackback .modifier a:hover { background-color:#ccc; }

/* comment selectors */

.comment { font-size:95%; line-height:160%; width:100%; }

.comment .desc a { text-decoration:underline; color:#bd7dff; }
.comment .desc a:hover { color:#222; background-color:#ffffff; }

.comment .nickname { position:absolute; display:inline-block; white-space:nowrap; margin-left:10px; color:#777; }
.comment .nickname a { color:#777; }

.comment .firstLevel { margin:30px 0 15px 0; }
.comment .firstLevel .nickname:first-letter { color:#36f; }
.comment .firstLevel .nickname a:first-letter { color:#36f; }

.comment .secondLevel { margin:15px 0; }
.comment .secondLevel .nickname:first-letter { color:#bd7dff; }
.comment .secondLevel .nickname a:first-letter { color:#bd7dff; }

.comment .modifier a { color:#fff; padding:0 5px; }
.comment .modifier a:hover { background-color:#ccc; }

.comment .write	{ position:relative; margin-top:20px; }
.comment .write div { margin: 3px 0; }

.comment .commenterInfo { margin-top:2px; }
.comment .commenterInfo div { clear:both; }
.comment .commenterInfo label { display:block; float:left; width:30%; padding:3px 0; }

.comment .commenterInfo .secretCheck { position:absolute; right:0; }
.comment .commenterInfo .secretCheck input { border:none; }
.comment .commenterInfo .secretCheck label { display:inline; float:none; color:#777; }

.comment .commenterInfo em { font-style:italic; font-size:85%; color:#bd7dff; }
.comment .commenterInfo .name { width:30%; }
.comment .commenterInfo .password { width:30%; }
.comment .commenterInfo .homepage { width:50%; }

.comment .write textarea { overflow:auto; width:100%; height:80px; }

.comment .submit { margin-top:10px; text-align:center; }
.comment .submit .submitButton { width:100%; background-color:#fff; }

/* guestbook selectors */

#guestbook { width:100%; margin-top:40px; }

#guestbook .write	{ margin-top:20px; }

#guestbook .commenterInfo { margin-top:2px; }
#guestbook .commenterInfo div { clear:both; }
#guestbook .commenterInfo label { display:block; float:left; width:30%; padding:3px 0; }
#guestbook .commenterInfo em { font-style:italic; font-size:85%; color:#bd7dff; }
#guestbook .commenterInfo .name { width:24%; margin-right:1%; }
#guestbook .commenterInfo .password { width:24%; margin-right:1%; }
#guestbook .commenterInfo .homepage { width:50%; }

#guestbook .write textarea { overflow:auto; width:100%; height:100px; }

#guestbook .submit { margin-top:10px; text-align:center; }
#guestbook .submit .submitButton { width:100%; background-color:#fff; }

#guestbook .date { margin-top:5px; font-size:75%; line-height:100%; border-bottom:1px dashed #ccc; }

#guestbook .desc a { text-decoration:underline; color:#bd7dff; }
#guestbook .desc a:hover { color:#222; background-color:#ffffff; }

#guestbook .nickname { position:absolute; display:inline-block; white-space:nowrap; margin-left:10px; color:#777; }
#guestbook .nickname a { color:#777; }

#guestbook .firstLevel { margin:50px 0 15px 0; }
#guestbook .firstLevel .nickname:first-letter { color:#36f; }
#guestbook .firstLevel .nickname a:first-letter { color:#36f; }

#guestbook .secondLevel { margin:15px 0; }
#guestbook .secondLevel .nickname:first-letter { color:#bd7dff; }
#guestbook .secondLevel .nickname a:first-letter { color:#bd7dff; }

#guestbook .modifier a { color:#fff; padding:0 5px; }
#guestbook .modifier a:hover { background-color:#ccc; }

/* paging selectors */

#paging { width:100%; margin:20px 0; clear:both; }
#paging p { line-height:400%; font-size:90%; text-align:center; padding-top:40px; }

#paging a { padding:10px 5px; }
#paging .prev { padding-left:50px; }
#paging .next { padding-right:50px; }

/* archive selectors */

#archive { float:left; width:47%; margin:20px 0; font-size:90%; text-align:center; }
#archive p { font-weight:bold; }

#archive ol li { display:inline; white-space:nowrap; }
#archive ol li a { padding:5px; }

/* recentArticle selectors */

#recentArticle { float:right; width:47%; margin:20px 0; font-size:90%; text-align:center; }
#recentArticle p { font-weight:bold; }

#recentArticle ol li { display:inline; white-space:nowrap; }
#recentArticle ol li a { padding:5px; }

#recentArticle .cnt { color:#36f; margin-right: 20px; }

/* recentComment selectors */

#recentComment { clear:both; float:left; width:50%; margin:20px 0; font-size:90%; text-align:center; }
#recentComment p { font-weight:bold; }

#recentComment ol li { display:inline; white-space:nowrap; }
#recentComment ol li a { padding:5px; }

#recentComment .recentCommenter { border-bottom:1px solid #bd7dff; }

/* recentTrackback selectors */

#recentTrackback { float:left; width:50%; margin:20px 0; font-size:90%; text-align:center; }
#recentTrackback p { font-weight:bold; }

#recentTrackback ol li { display:inline; white-space:nowrap; }
#recentTrackback ol li a { padding:5px; }

#recentTrackback .recentlyTrackbacked { border-bottom:1px solid #36f; }

/* clearDiv selectors */
#clearDiv { clear:both; margin:20px 0; }

/* footer selectors */

#footer { width:640px; position:relative; left:50%; margin-left:-320px; padding:20px 0; background-color:#ffffff; border-top:10px solid #ffffff; }

/* searchBox selectors */

#searchBox { width:100%; text-align:center; font-size:90%; margin-bottom:10px; }
#searchBox input { border:5px solid #d4d0c8; }
#searchBox input.submitButton { border:3px solid #ccc; background-color:#ddd; }

/* blogInfo selectors */

#blogInfo { width:100%; text-align:center; font-size:90%; }

#blogInfo a { text-decoration:underline; color:#222; padding:5px 0; }
#blogInfo a:hover { background-color:#ffffff;}

#blogInfo #counterTotal { color:#36f; }
#blogInfo #counterToday { color:#bd7dff; }