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

/* color scheme */
/* #499bb6 */
/* #2a285a */
/* #dcaa57 */

/* 본문 공통 */
body	{
		font:0.8em/220% tahoma, gulim;
		background-color:#fff;
		color:black;
		background:url(./images/border-top.gif) top repeat-x;
}

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

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

/* 카테고리 - 이미지 버튼 */
    .ib                     { }
/* 카테고리 - 트리 셀 */
    .branch3                { }
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { color:#499bb6; padding-left:5px; }

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


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#aaa; text-align:center; }
/* 그림 */
    .imageblock             { border:none; }
/* 왼쪽 */
    .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:130%; line-height:200%; background-color:#2a285a; color:white; padding-left:5px; }
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:#555; }
.cnt { color:#499bb6; }
textarea, input { border:2px solid #eee; font:100%/100% tahoma, gulim; }
*:first-child+html textarea { padding-top:3px; } /* IE 7 hack */
* html textarea { padding-top:3px; } /* IE 6 hack */
textarea:focus, input:focus { border-color:#2a285a; } /* foolish IE won't understand this */
input { padding:3px 10px; }
abbr[title] { border-bottom:1px dotted #aaa; cursor:help; }
em { font-style:italic; }
del { text-decoration:line-through; color:#777}
ins { text-decoration:underline; }
a.extensionIcon img { border:none; }
a { padding:5px; }

/* wrapper selectors */
#wrapper { width:900px; position:relative; left:50%; margin-left:-450px; }

/* blogTitle selectors */
#blogTitle { width:100%; padding-top:40px; }
#blogTitle a { text-decoration:none; color:black; padding-right:250px;}

/* wrapperBody selectors */
#wrapperBody { width:600px; float:left; }

/* searchList selectors */
.searchList { width:100%; margin-top:40px; }
.searchList ol { margin:5px 0; }
.searchList a { text-decoration:none; }
.searchList .listDate { color:#aaa; font-size:80%; }

/* 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 { text-decoration:none; }

/* content selectors */
.content { width:600px; margin-top:40px; }

/* notice selectors */
.notice { width:100%; }
.notice .titleWrap { padding-bottom:10px; }
.notice .titleWrap h2 { background-color:white; padding-left:0px; }
.notice .titleWrap a { color:black; text-decoration:none; display:block; line-height:150%; }
.notice .titleWrap .articleInfo { font-size:80%; background-color:#2a285a; color:white; padding-left:5px; }
.notice .titleWrap .articleInfo a { color:white; display:inline; }
.notice .titleWrap .articleInfo a:hover { color:black; }
.notice .desc { padding:20px 0; }
.notice .desc a { text-decoration:underline; padding-left:0; padding-right:0; }
.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 { padding-bottom:10px; }
.article .titleWrap h2 { background-color:white; padding-left:0px; }
.article .titleWrap a { color:black; text-decoration:none; display:block; line-height:150%; }
.article .titleWrap .articleInfo { font-size:80%; background-color:#2a285a; color:white; padding-left:5px; }
.article .titleWrap .articleInfo a { color:white; display:inline; }
.article .titleWrap .articleInfo a:hover { color:black; }
.article .desc { padding:20px 0; }
.article .desc a { text-decoration:underline; padding-left:0; padding-right:0; }
.article .desc ol { list-style:decimal inside; margin-left:10px; }
.article .desc ul { list-style:disc inside; margin-left:10px; }
.article .tag { margin-top:20px; width:50%; border-top:1px dashed #aaa; font-size:95%; color:#555; }

/* responseSwitch selectors */
.responseSwitch { line-height:400%; text-align:right; }
.responseSwitch a { width:100%; padding:10px; border-bottom:1px dashed #aaa; text-decoration:none; }

/* trackback selectors */

.trackback { font-size:95%; line-height:160%; width:100%; }
.trackback .url { font-weight:bold; color:#555; padding-bottom:5px; }
.trackback .desc { color:#555; }
.trackback ol li { padding-bottom:15px; border-top:5px solid #eee; padding-top:5px; }
.trackback ol li:hover { background-color:#eee; }
.trackback ol li a { padding-left:0; padding-right:0; }
.trackback ol li a:hover { background-color:white; }
.trackback ol li a.tbTitle { text-decoration:underline; color:#499bb6; padding-left:0; padding-right:0; }
.trackback .trackbacker { text-align:right; }
.trackback .modifier a { color:#aaa; text-decoration:none; font-size:80%; }

/* comment selectors */
.comment { font-size:95%; color:#555; line-height:160%; width:100%; }
.comment .desc a { text-decoration:underline; color:#499bb6; }
.comment div.firstLevel:hover { background-color:#eee; }
.comment div.secondLevel:hover { background-color:#eee; }
.comment div a { padding-left:0; padding-right:0; }
.comment div a:hover { background-color:white; }
.comment .firstLevel { padding-bottom:15px; border-top:5px solid #eee; padding-top:5px; }
.comment .secondLevel { padding-bottom:15px; }
.comment .nickname { color:#dcaa57; text-align:right; font-size:80%; }
.comment .nickname a { color:#dcaa57; }
.comment .modifier a { color:#aaa; text-decoration:none; }
.comment .write	{ position:relative; margin-top:20px; }
.comment .write div { margin: 3px 0; }
.comment .write div a:hover { background-color:#eee; }
.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:#499bb6; }
.comment .commenterInfo .name { width:30%; }
.comment .commenterInfo .password { width:30%; }
.comment .commenterInfo .homepage { width:30%; }
.comment .write textarea { overflow:auto; width:596px; height:80px; }
.comment .submit { margin-top:10px; text-align:center; }
.comment .submit .submitButton { width:100%; background-color:#fff; }
.commentBottom { background:url(./images/border-top.gif) bottom repeat-x; height:15px; }

/* guestbook selectors */
#guestbook { width:100%; margin-top:40px; }
#guestbook .write	{ margin-top:20px; }
#guestbook .write div { margin: 3px 0; }
#guestbook .write div a:hover { background-color:#eee; }
#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:#2a285a; }
#guestbook .commenterInfo .name { width:30%; }
#guestbook .commenterInfo .password { width:30%; }
#guestbook .commenterInfo .homepage { width:30%; }
#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 .desc a { text-decoration:underline; color:#499bb6; }
#guestbook ul { margin-top:40px; }
#guestbook div.firstLevel:hover { background-color:#eee; }
#guestbook div.secondLevel:hover { background-color:#eee; }
#guestbook div a { padding-left:0; padding-right:0; }
#guestbook div a:hover { background-color:white; }
#guestbook .firstLevel { padding-bottom:15px; border-top:5px solid #eee; padding-top:5px; }
#guestbook .secondLevel { padding-bottom:15px; }
#guestbook .date { color: #499bb6; }
#guestbook .nickname { color:#dcaa57; text-align:right; font-size:80%; }
#guestbook .nickname a { color:#dcaa57; }
#guestbook .modifier a { color:#aaa; text-decoration:none; }

/* paging selectors */
#paging { width:100%; margin:20px 0; clear:both; }
#paging p { line-height:400%; font-size:95%; text-align:center; padding-top:40px; }
#paging a { padding:10px 5px; }
#paging .prev { padding-left:50px; }
#paging .prev:before { content:"\00ab  "; } /* foolish IE won't understand this */
#paging .next { padding-right:50px; }
#paging .next:after { content:" \00bb"; } /* foolish IE won't understand this */

/* wrapperSide selectors */
#wrapperSide { margin-top:20px; width:250px; padding-left:10px; float:right; border-left:1px dashed #aaa; font-size:95%; }
#wrapperSide p { font-weight:bold; background-color:#2a285a; color:white; padding-left:5px; line-height:200%; }
#wrapperSide a { text-decoration:none; display:block; line-height:150%; }
*:first-child+html #wrapperSide li { line-height:100%; } /* IE 7 hack */
* html #wrapperSide li { line-height:100%; } /* IE 6 hack */
#wrapperSide .cnt { padding-left:5px; }

/* blogMenu selectors */
#blogMenu { margin:20px 0;}
#blogMenu a { text-decoration:underline; display:inline; }

/* tagbox selectors */
#tagbox a { display:inline; }
#tagbox ul li { display:inline; white-space:nowrap; }
#tagbox li .cloud1 { font-weight:bold; text-decoration:underline; color:#499bb6; }
#tagbox li .cloud2 { font-weight:bold; color:#2a285a; }
#tagbox li .cloud3 { font-weight:bold; color:#dcaa57; }
#tagbox li .cloud4 { color:#aaa; }
#tagbox li .cloud5 { color:#aaa; }

/* category selectors */
#category { width:100%; margin:20px 0; font-size:90%; }
#category ul .selected a { color:#2a285a; }

/* archive selectors */
#archive { width:100%; margin:20px 0; font-size:90%; }

/* linkSites selectors */
#archive { width:100%; margin:20px 0; font-size:90%; }

/* recentArticle selectors */
#recentArticle { width:100%; margin:20px 0; font-size:90%; }
#recentArticle a { line-height:200%; }

/* recentComment selectors */
#recentComment { width:100%; margin:20px 0; font-size:90%; }
#recentComment .recentCommenter { color:#499bb6; font-style:italic; text-decoration:underline; }
#recentComment .recentCommentTime { color:#499bb6; font-style:italic; }
#recentComment .recentCommentTime:before { content:" , "; } /* foolish IE won't understand this */

/* recentTrackback selectors */
#recentTrackback { width:100%; margin:20px 0; font-size:90%; }
#recentTrackback .recentlyTrackbacked { color:#499bb6; font-style:italic; text-decoration:underline; }
#recentTrackback .recentTrackbackTime { color:#499bb6; font-style:italic; }
#recentTrackback .recentTrackbackTime:before { content:" : "; } /* foolish IE won't understand this */

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

/* footer selectors */
#footer { clear:both; width:100%; padding:40px 0 20px 0; background:url(./images/border-bottom.gif) bottom repeat-x; }

/* searchBox selectors */
#searchBox { width:100%; text-align:center; font-size:90%; margin-bottom:10px; }
#searchBox input { border:5px solid #eee; }
#searchBox input:focus { border:5px solid #2a285a; }
#searchBox input.submitButton { border:3px solid #eee; background-color:#eee; }

/* blogInfo selectors */
#blogInfo { width:100%; text-align:center; font-size:90%; color:#aaa; }
#blogInfo a { padding-left:0; padding-right:0; }