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

/* 본문 공통 */
body	{
		font:0.8em/220% "NanumGothic", 'Malgun Gothic', 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;}

#blogMenu {   padding-bottom: 5px; margin-bottom: 20px; text-align: center; border-bottom:1px dotted #ddd; }

/* ======================================
	Sidebar - from Tistory Gallery skin
=========================================*/

#sidebar_close {display:none;}

#sidebar { 
	
	line-height: 170%;
	}

.open_close	{
	font: bold 1.0em ; 
	text-align:center;
            	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	padding: 4px;
	margin-bottom: 10px ;
	}
	
.open_close a	{ }
.open_close img	{margin:0 0 0 2px;}

.sidebox, .sidebox2 {
	text-align:justify;
	margin: 15px 0;
	}

.sidetitle {
	color: #000; 
	font:bold 12px ; 
	}
	
/* sidebox ul, li style */
.sidebox ul, .sidebox2 ul {
	margin:0; 
	padding:0;
	display:inline;
	}

.sidebox li {
	background:url(images/icon_sidebar.gif) 0 50% no-repeat;
	padding-left: 5px;
	margin-right: 7px;
	display:inline;
	font-size: 0.98em;
	}
	
.sidebox li a {}
.sidebox ul li ul { padding:0 0 0 5px; margin:0; }
.sidebox ul li ul li { font-weight: bold; } /* 덜 세세한 카테고리 -.-; */
.sidebox ul li ul li ul { padding:0 0 0 5px; margin:0; } 
.sidebox ul li ul li ul li {font-weight: normal; } /* 가장 세세한 카테고리 */

.c_cnt { font:0.75em ;  color:#999;}

/* sidebox tag cloud */
.sidebox2 ul.tagcloud li	{
	list-style:none;
	display:inline; 
	background:none; 
	}

.sidebox2 ul.tagcloud li .cloud1 {
	font: bold 1.0em ;
	color: #FF3399
	}
	
.sidebox2 ul.tagcloud li .cloud2 {
	font: bold 1.0em ;
	color: #0099CC;
	}

.sidebox2 ul.tagcloud li .cloud3 {
	font: bold 0.9em ;
	color:#693;
	}

.sidebox2 ul.tagcloud li .cloud4 {
	font: normal 0.9em ;
	color:#333;
	}

.sidebox2 ul.tagcloud li .cloud5 {
	font: normal 0.9em ;
	color:#666;
	}

.clear {clear: both; }





/* 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:90%;}
.article .article-meta {font-size:90%;text-align:right;padding-top:10px; line-height: 180%; }
.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; font-size:130%;}
.comment .modifier a {font-size:70%; color:#777;text-decoration:none;}
.comment .modifier a:hover {color:#222;}
.comment .comment-date {text-align:right; 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;}


input.text {height:13px; padding-top:2px; padding-left:5px; border:1px solid #D6D6D6; color:#979796; font:11px/11px ; } 
/* 방명록 댓글 기준 */
textarea {width:/*@post-width:-12=*/ 888px /*@*/; height:80px; padding:5px; border:1px solid #D6D6D6; color:#A4A4A4; font:12px/15px ; }
.submit { overflow:hidden; cursor:pointer; }

/* 방명록 댓글 */

/* 쓰기 */
#guestWrite, .commentWrite {width:/*@post-width=*/ 900px /*@*/; }
#guestWrite {margin-top:5px; }

.head label {display:block; margin-bottom:3px; color:#a3a3a3; font:11px ; text-transform:lowercase; }
.head {float:left; }
.name, .password {width:133px; }
.name input.text, .password input.text {width:122px; }
.homepage input.text {width:/*@post-width:-273=*/ 427px /*@*/; }
.secretWrap {clear:both; padding:2px 0; text-align:right; }
.secretWrap label {color:#979796; font:11px/11px ; }
.secretWrap label, .secretWrap input {vertical-align:middle; }
.btn-write {width:/*@post-width=*/ 900px /*@*/; height:17px; margin-top:5px; text-align:right; }
.btn-write input.submit {width:100%;background:url(images/grey.gif) repeat scroll left top; }
/* 읽기 */
#guestList {margin-top:20px; }
#guestList li, .commentList li {width:/*@post-width=*/ 900px /*@*/; word-break:break-all; word-wrap:break-word; overflow:hidden; }
#guestList .name, #guestList .name a, .commentList .name, .commentList .name a { font:11px/20px ; }
#guestList .date, .commentList .date {color:#b0b0b0; font:9px/20px; }
#guestList p, .commentList p {padding:5px 0 11px 0;  font:12px/15px ; }
.control {float:right;  font:8px/20px ; }
.control a {font:9px/20px ; letter-spacing:1px; }
#guestList ul li, .commentList ul li {
	width:/*@post-width:-13=*/ 880px /*@*/; 
	padding:0 0 0 20px;
	background:url(images/iconIndentArrow_re.gif) no-repeat 0px 3px;
}


/* 지역로그 */
#localog, #localog a {  }
#localog .spot {padding-left:14px; background:url(images/iconIndentArrow_local.gif) no-repeat 0px 8px; }
#localog .info {padding-left:9px; background:url(images/iconIndentArrow_localinfo.gif) no-repeat 0px 11px; }

/* footer */

#footer {padding-bottom:20px; }
#footMenu { margin:0 0 0 0;  text-align: center;  }


/* 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;line-height: 140%; }