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

/* 본문 공통 */
body{
	font-size: 11px;
	color: #333;
	background-image: url(images/006.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	font-family: Calibri, "돋움";
	background-attachment: fixed;
}
::-webkit-scrollbar { width: 5px; } 
::-webkit-scrollbar-track-piece { background-color:transparent;}
::-webkit-scrollbar-thumb:vertical { 
    width: 10px; 
    border-radius: 100px; 
    -moz-border-radius: 100px; 
    -webkit-border-radius: 100px; 
    -o-border-radius: 100px; 
    background-color: #8DC6D7; 
}
::selection{ 
background:#29DEB1; 
} 
::-moz-selection{ 
background:#29DEB1; 
}

a:link          {
	color: #333;
	text-decoration: none;
	transition:linear 0.3s; -moz-transition:linear 0.3s; -webkit-transition:linear 0.3s; -o-transition:linear 0.3s; -ms-transition:linear 0.3s;
}
a:visited       {
	color: #333;
	text-decoration: none;
}
a:hover         {
	color: #FFf;
	text-decoration: none;
}
a:active        {
	color: #333;
	text-decoration: none;
}

/* 페이징 - 현재 페이지 */
	.selected               { }
	.no-more-prev,
	.no-more-next { }

/* 카테고리 - 이미지 버튼 */
	.ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
	.branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
	.c_cnt                  { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#666;}

/* 달력 월 표시 */
	.cal_month              { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
	.cal_week1              { font:0.95em Dotum, Arial, sans-serif;  height:18px;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
	.cal_week2              { font:0.95em Dotum, Arial, sans-serif;  color:#f30; }

/* 달력 Week(tr 영역)  */
	.cal_week               { background-color:#fff;}
	.cal_current_week       { background-color:#eee;}

/* 달력 Day(td 영역) */
	.cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#666;  text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
	.cal_day_sunday         { color:#f30 !important;}
	.cal_day_sunday a        { color:#f30 !important;}

/* 달력 지난 달 날짜 표시(td)   */
	.cal_day1               { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
	.cal_day2               { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
	.cal_day3               { color:#333;}
/* 달력 오늘 날짜 표시(td) */
	.cal_day4               { color:#000;  text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
	a.cal_click:link        { color:#333;  font-weight:bold;}
	a.cal_click:visited     { color:#333;  font-weight:bold;}
	a.cal_click:hover       { color:#000;  font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
	.rp_general             { }
	.rp_admin               { }
	.rp_secret              { color:#f30;   font-weight:bold;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
	.guest_general          { }
	.guest_admin            { padding-left:20px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
	.hiddenComment {  padding-left:20px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
	.cap1                   { color:#666;  text-align:center;}
/* 그림 */
	.imageblock             { border:0px solid #ddd;  padding:5px;  margin:5px 0;}
/* 왼쪽 */
	.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:#666; text-align:right;}

/* 키워드 */
	.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }


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

hr              { display:none;}
img             {
	border: 0;
}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.8em;}
h2              {
	font-size: 1.4em;
}
h2 a:link          {
	color: #333;
	text-decoration: none;
	transition:linear 0.3s; -moz-transition:linear 0.3s; -webkit-transition:linear 0.3s; -o-transition:linear 0.3s; -ms-transition:linear 0.3s;
}
h2 a:visited       {
	color: #333;
	text-decoration: none;
}
h2 a:hover         {
	color: #8DC6D7;
	background-color:#e3e3e3;
}
h2 a:active        {
	color: #333;
	text-decoration: none;
}


h3              {
	font-size: 11px;
}
h4              { font-size:1em;}
input           { border:1px solid #aaa;}
textarea        { border:1px solid #aaa;}

/* 블로그 레이아웃 */
#container {
	width:/*@post-width:340=*/610px/*@*/;
	padding : 0;
	position: relative;
	margin-left: -345px;
	left: 50%;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 30px;
}

#header {
		padding: /*@title-height:-82=padding-top:*/-32px/*@*/ 10px 0 0px;
		margin-bottom:8px;
		border-bottom: solid 1px #666;
		/*@title-background-image=background-image:;*/background-image: none;/*@*/
		/*@title-background-image-position=background-position:;*/background-position: ;/*@*/
		/*@title-background-image-repeat=background-repeat:;*/background-repeat: no-repeat;/*@*/
		/*@title-background-color=background-color:;*/background-color: transparent;/*@*/
}
#content {
	float: right;
	width:/*@post-width=30*/500px/*@*/;
	overflow: hidden;
	margin : 0;
	padding-bottom: 30px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	z-index: 2;
}

#sidebar {
	float: left;
	position: fixed;
	width: 80px;
	line-height: 150%;
	font-family: Tahoma;
	font-size: 11px;
	text-align: left;
	margin-top: 110px;

}
#sidebar a:link          {
	color: rgb(255, 135, 36);
	text-decoration: none;
	background-color:transparent;
	transition:linear 0.3s; -moz-transition:linear 0.3s; -webkit-transition:linear 0.3s; -o-transition:linear 0.3s; -ms-transition:linear 0.3s;
}
#sidebar a:visited       {
	color: rgb(255, 135, 36);
	text-decoration: none;
	background-color:transparent;}
#sidebar a:hover         {
	color: #8DC6D7;
	background-color:#fff;
}
#sidebar a:active        {
	color: #fff;
	text-decoration: none;
	background-color:transparent;}






#footer {
		clear : both;
		height:20px;
		float:right;
		padding : 20px 0 0 0;
}

/* ***** Header ***** */

#header a
{
	padding:0 3px;
}

#header h1 a
{
	font-size:/*@title-font-size=15pt*/16px/*@*/;
	color: /*@title-color=*/#000/*@*/;

}
#header div.blogdesc
{
	height: 20px;
	font-size:9pt;
	color: #333;
}

#header .blogMenu      { right:10px;  text-align:right;}
#header .blogMenu ul   { margin:0;  padding:0;  list-style:none;}
#header .blogMenu li   { display:inline;  margin-left:3px;  padding-left:7px;}

#header .blogMenu a,
#header .blogMenu a:active,
#header .blogMenu a:hover,
#header .blogMenu a:visited,
#header .blogMenu a:link
{
	color:#333;
}

#header li.tab_localog { background:none;}


/* ***** content ***** */
#content .localog,
#content .taglog {
	padding: 0;
	margin-bottom: 10px;
}
#content .entryNotice,
#content .entryProtected,
#content .entry,
#content .guestbook,
#content .searchList,
#content .searchRplist,
#content s_keyword .searchRList             {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	margin-top: 20px;
	background-image: url(images/bg.png);
	background-repeat: repeat;
}

#content .localog h3,
#content .taglog h3,
#content .guestbook h3,
#content .searchList h3,
#content .searchRplist h3   {
	margin-bottom: 4px;
	font-size: 11px;
}

.searchList ol,
.searchRplist ol            { list-style:none;  padding:5px;  margin:0;}
.searchList li,
.searchRplist li            {
	padding-bottom: 2px;
	margin-bottom: 4px;
}
.searchList .date,
.searchRplist .date         { margin-right:10px; }
.searchList .cnt            {
	color: #666;
}
.searchRplist .name         { color:#666;  padding-left:8px;}

.localog .spot              { padding-left:20px;  margin-top:5px;}
.localog .info              { padding-left:15px;  margin-top:2px;}
.localog a:link             { color:#5a5194;}
.localog a:visited          { color:#5a5194;}
.localog a:hover            { color:#7870ab;  text-decoration:underline;}

.taglog ul                  { padding:5px; margin:0; text-align:justify;}
.taglog li                  { display:inline;}
.taglog a:hover             { background-color:#eee;  color:#000;}
.taglog li .cloud1          { background-color:#eee;  color:#a2348f;  font-weight:bold;  font-size:16px;}
.taglog li .cloud2          { background-color:#eee;  color:#5a5194;  font-weight:bold;  font-size:15px;}
.taglog li .cloud3          { background-color:#eee;  color:#7870ab;  font-weight:bold;  font-size:14px;}
.taglog li .cloud4          { background-color:#eee;  color:#333;     font-size:13px;}
.taglog li .cloud5          { font-size:12px;  color:#666; }

.guestbook p                { padding:2px 0; margin:0;}

.guestWrite                 {

}
.guestWrite input           { width:100px;}
.guestWrite textarea        {
	width: 480px;
	padding: 5px 0 5px 0;
}
.guestWrite .homepage       { width:300px;}
.guestWrite .submit         {
	width: 60px;
	height: 22px;
	padding-top: 3px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	background-color: #FFFFFF;
	font-size: 11px;
}

.guestList                  {
	padding: 10px 0 0 0;
	line-height: 160%;
}
.guestList ol,
.guestList ul               { margin:0; padding:0;  list-style:none;}
.guestList li p             { margin-top:5px; padding-top:5px;}
.guestList ol li            {
	margin-bottom: 10px;
	width: 470px;
	overflow: hidden;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
}
.guestList li ul li         {
	margin-left: 20px;
	padding-left: 0px;
	border: none;
	width: 450px;
	overflow: hidden;
}
.guestList li .name         { color:#333;  font-weight:bold;}
.guestList li .date         { }

.guestList .control a.modify       { }
.guestList .control a.write        { }


/* entry */
.entryNotice h2,
.entryProtected h2,
.entry h2                {
	font-size: 1.2em;
	line-height: 120%;
}

.titleWrap               {
	padding-bottom: 5px;
	margin-bottom: 12px;
}


.titleWrap .category a   { }
.titleWrap .date         {
	color: #888;
}

.entryProtected p.text   {
}
.entryProtected input    { width:100px;}
.entryProtected .submit  {
	width: 50px;
	padding-top: 2px;
	height: 20px;
	background-color: #FFF;
	font-size: 11px;
}

.article                 {
	margin: 0px 0px 30px 0px;
	overflow: hidden;
	color:/*@post-body-color=#333*/#333/*@*/;
	line-height: 160%;
}
.article a:link          { color:#5a5194;  text-decoration:none;}
.article a:visited       { color:#5a5194;  text-decoration:none;}
.article a:hover         { color:transparent; text-decoration:underline;}
.article a:active        { color:#5a5194;  text-decoration:none;}
.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}
.article blockquote      { padding-left:25px;  margin:10px 20px;}

.tagTrail                { padding:5px 5px 5px 40px;  background:url(/images/entryTag.gif) center left no-repeat; clear:both;}
.tagText                 { display:none;}

.actionTrail             {
	padding: 7px 5px;
	clear: both;
	color: #666;
}
.actionTrail a           { color: #666; }
.actionTrail a:link      { color: #666; }
.actionTrail a:visited   { color: #666; }
.actionTrail a:hover     { color: #666; }
.actionTrail a:active    { color: #666; }
.actionTrail .cnt        { color:#666;}

.trackback               { border-top:1px solid #ddd; padding:10px; margin-bottom:4px;  width:/*@post-width=*/490px/*@*/;  overflow:hidden;}
.trackback a             { color:#666;}
.trackback h3            { color:#666;  border-bottom:1px solid #f5f5f5;  margin:5px 5px 10px 5px;}
.trackback h4            {  font-weight:normal;  margin:0;}
.trackback ol            { margin:0;  padding:0;  list-style:none;}
.trackback li            { border-top:1px dotted #ccc;  padding:5px;}
.trackback .date         {}
.trackback p             {   color:#666;  margin:3px 0 0 0; padding:0;  letter-spacing:-1px}

.trackback a.delete      {  padding-left:8px;  text-decoration:none;}
.trackback a.delete span { display:none;}


.comment                          {
	padding: 0px;
	margin-bottom: 4px;
	overflow: hidden;
	z-index: 2;
	line-height: 160%;
}
.comment p                        { margin:3px 0 0 0; padding:0;}

.comment h3                       { display:none;}
.comment ol,
.comment ul                       {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 2;
}
.comment .date                    { font-size:7px color:#777;}
.comment .name                    { font-weight:bold;}
.comment ol li                    {
	padding: 10px 5px;
	z-index: 2;
}
.comment li ul li                 {
	padding-bottom: 5px;
	padding-left: 25px;
	padding-right: 5px;
	padding-top: 5px;
	z-index: 2;
}
.comment .control a.address       { padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.address span  { display:none;}
.comment .control a.modify        { }
.comment .control a.modify span   { display:none;}
.comment .control a.write         { }
.comment .control a.write span    { display:none;}

.commentWrite                     {
	margin-top: 20px;
}
.commentWrite input               { width:100px;}
.commentWrite textarea            {
	padding: 5px 0 5px 0;
	width: 480px;
}
.commentWrite .homepage           { width:300px;}
.commentWrite .submit             {
	width:/*@post-width:-30=*/60px/*@*/;
	height: 22px;
	background-color: #fff;
	padding-top: 3px;
	font-size: 11px;
}
.commentWrite .secretWrap         { }
.commentWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px;}

.paging           {
	padding-top: 10px;
	text-align: left;
	color: #FFFFFF;
	padding-left: 10px;
}
.paging a:link {
	color: #333;
	text-decoration: none;
	transition:linear 0.3s; -moz-transition:linear 0.3s; -webkit-transition:linear 0.3s; -o-transition:linear 0.3s; -ms-transition:linear 0.3s;
}
.paging a:hover   { color:#fff; background-color:#8DC6D7; }
.paging a:visited { color:#333; text-decoration: none;}
.paging a:active  { color:#333; text-decoration: none;}
.paging .numbox   { border-left:1px solid #ccc; padding-left:6px; margin-left:6px;}
.paging .num      { border-right:1px solid #ccc; padding-right:6px; margin-right:6px;}
.paging .prev,
.paging .next     { }


/* ***** sidebar ***** */
#sidebar ul                    { padding:0;  margin:0;  list-style:none;}
#sidebar li                    { padding:0 0 0 10px;}
#sidebar h3
{
	line-height:17px;
	font-size:8pt;
	font-weight:bold;
	background-color: #F7F7F7;
	color:#333;
	border:1px solid #ddd;
	margin-top:15px;
	margin-bottom:3px;
	padding-top:0px;
	padding-left:10px;
}

#sidebar .cnt                  { }
#sidebar .date                 { }
#sidebar .name                 { }


#sidebar .search input         { width:60px;  height:16px; margin-left:5px;}
#sidebar .search .submit
{
	color:#666666;
	background-color:#F7F7F7;
	border:1px #CCCCCC solid;
	width:20px;
	height:18px;
	font-size:8pt;
}

#sidebar .category li          { background:none;}
#sidebar .category li ul li    { padding-left:10px;}
#sidebar .category li ul li ul li { background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px;}
#sidebar .category li ul li ul li a{ color:#666;}

#sidebar .tagbox ul            { padding:5px 2px;	text-align:justify; padding : 0 10px 0 10px;}
#sidebar .tagbox li            { background:none;  padding : 0; display:inline;}
#sidebar .tagbox a             { letter-spacing:-1px;}
#sidebar .tagbox li .cloud1    { background-color:#eee;  font-weight:bold;  font-size:16px;  color:#a2348f;}
#sidebar .tagbox li .cloud2    { background-color:#eee;  font-weight:bold;  font-size:15px;  color:#5a5194;}
#sidebar .tagbox li .cloud3    { background-color:#eee;  font-weight:bold;  font-size:14px;  color:#7870ab;}
#sidebar .tagbox li .cloud4    { background-color:#eee;  font-size:13px;  color:#333;}
#sidebar .tagbox li .cloud5    { font-size:12px;  color:#888;}
#sidebar .tagbox a:hover       { background-color:#eee;  text-decoration:none;  color:#000;}

#sidebar .recentComment        {width:190px; overflow:hidden;}
#sidebar .recentTrackback      {width:190px; overflow:hidden;}

#sidebar .archive              { font-family:verdana;}
#sidebar .calendar             { font-family:verdana;}
#sidebar .calendar table       { padding-left:5px; padding-right:5px; }
#sidebar .calendar table th    { border: solid 1px #eee; }
#sidebar .calendar table td    { border: solid 1px #f8f8f8; }

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

#sidebar .botton          { text-align:center;  padding:5px;}
#sidebar .botton img      { padding:5px;}

/* ***** footer ***** */
#footer          { width:535px; text-align:center; color:#333;}
#footer a        { color:#333;}
#footer a:hover  { color:#333;}

/* color deco */
.gray8 {
	color:#666666;
}
.gray8 a,
.gray8 a:link,
.gray8 a:active,
.gray8 a:visited,
.gray8 a:hover
{
	color:#666666;
}

.adminlink
{
	text-align: right;
}
#container #content s_article_rep .entry .titleWrap s_ad_div .admin {
	z-index: 2;


}

#container #content .mainpage {
	background-color: #FFFFFF;
	width: 480px;
	height: 500px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-top: 5px solid #8DC6D7;
}
#container #content .mainpage2 {
	background-color: #FFFFFF;
	width: 480px;
	height: 150px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-top: -5px;
	border-top: 5px solid #8DC6D7;
}
#container #sidebar s_sidebar s_sidebar_element table tr .bmnu {
	width: 80px;
	margin-bottom: 5px;
}
#container .blogImage {
	width: 80px;
	height: 80px;
	position: fixed;
	margin-top: 25px;
	float: left;
}