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

/* 본문 공통 */
body	{
		font:0.8em/220% "NanumGothic", georgia, gulim;
		background-color:white;
		color:#222;
}

a:link          {color:#005398;text-decoration:none;}
a:visited       {color:#005398;text-decoration:none;}
a:hover         {color:#005398;text-decoration:none;border-bottom:1px dotted;}
a:active        {color:#005398;text-decoration:none;}

#shortNotice {width:100%;text-align:center;padding:5px 0 5px 0;}

/* 카테고리 - 이미지 버튼 */
    .ib                     {}
/* 카테고리 - 트리 셀 */
    .branch3                {}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  {color:#555;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;margin:10px 0;}

/* 본문 - 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%;}
h3 {font-weight:bold;font-size:120%;line-height:200%;}
ul, ol {list-style:none outside;}
fieldset {border:none;}
legend {color:#555;}
textarea, input {border:1px solid #aaa;font:100%/100% "NanumGothic", georgia, gulim;background-color:white;color:#222;}
textarea:focus,
input:focus {border-color:#005398;} /* 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;}
img {border:none;}

/* wrapper selectors */
#wrapper {width:900px;margin:auto;}

/* logo selectors */
#logo {width:100%;text-align:center;padding:50px 0 30px 0;}
#logo a:hover {border:none;}

/* searchList selectors */

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

/* article selectors */
.article {width:100%;padding-bottom:20px;}
.article .article-title {text-align:center;}
.article .article-title h2 {background:url(images/grey.gif) repeat scroll left top;line-height:250%;}
.article .article-date {font-size:85%;}
.article .article-meta {font-size:85%;text-align:right;padding-top:10px;}
.article .desc {padding-top:20px;background-color:white;}
.article .desc p {margin-bottom:15px;}
.article .desc ol {list-style:decimal inside;margin-left:5px;margin-bottom:5px;}
.article .desc ul {list-style:disc inside;margin-left:5px;margin-bottom:5px;}
.article .desc ol li,
.article .desc ul li {margin-bottom:10px;}
.article .desc blockquote {padding-left:10px;border-left:4px solid #eee;background-color:#f9f9f9;}
.article .desc code, pre {font: 90%/160% "Courier New";color:#eee;background-color:#333;padding:2px;}
.article .desc em {font-weight:bold;}
.article .responseSwitch {display:none;}

/* trackback selectors */
.trackback {padding:10px 5px;background:url(images/grey.gif) repeat scroll left top;}
.trackback li {border-top:10px solid white;}
.trackback .desc {font-size:90%;line-height:140%;}
.trackback .modifier a {font-size:70%;color:#777;text-decoration:none;}
.trackback .modifier a:hover {color:#222;}

/* comment selectors */
.comment {font-size:95%;line-height:160%;width:100%;margin-top:10px;}
.comment .desc a {text-decoration:underline;color:#555;}
.comment .desc a:hover {color:#222;}
.comment .firstLevel,
.comment .secondLevel {padding:10px 5px;border-top:1px dotted #aaa;}
.comment .secondLevel {background:url(images/grey.gif) repeat scroll left top;}
.comment .nickname {color:#555;}
.comment .modifier a {font-size:70%;color:#777;text-decoration:none;}
.comment .modifier a:hover {color:#222;}
.comment .comment-date {text-align:right;font-size:80%;line-height:120%;}
.comment .write	{position:relative;margin-top:20px;}
.comment .write div {margin: 3px 0;}
.comment .write div a:hover {color:#222;background-color:#eee;}
.comment .commenterInfo {margin-top:2px;}
.comment .commenterInfo .commenter-label {clear:both;}
.comment .commenterInfo label {display:block;float:left;width:20%;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:#555;}
.comment .commenterInfo .name {width:30%;}
.comment .commenterInfo .password {width:30%;}
.comment .commenterInfo .homepage {width:30%;}
.comment .write textarea {overflow:auto;width:100%;height:80px;}
.comment .submit {margin-top:10px;text-align:center;color:#222;}
.comment .submit .submitButton {width:100%;background:url(images/grey.gif) repeat scroll left top;}

/* paging selectors */
#paging {width:100%;margin:40px 0;clear:both;color:#222;font-size:95%;background:url(images/grey.gif) repeat scroll left top;text-align:center;}
#paging a {text-decoration:none;}
#paging a span {padding:10px 20px;color:#222;}
#paging a span.selected {font-weight:bold;background-color:white;color:#222;}
#paging a span:hover {background-color:white;color:#222;}

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