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

/* 본문 공통 */
body {
		font:0.9em/1.5 Dotum, Arial, AppleGothic, Sans-serif;
		background-color:#FFF;
		margin:0px; padding:0px;
		text-align:center;
}

a:link		{color: #2157A0; text-decoration:none; }
a:visited	{color: #2157A0; text-decoration:none; }
a:hover		{color: #2157A0; text-decoration:underline; }
a:active	{color: #2157A0; text-decoration:none; }


/* 페이징 - 현재 페이지 */
    .selected     {font-weight:bold; color:#f30;}
    .no-more-prev,
	.no-more-next {color:#ccc;}


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

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

/*@ 달력 Week(tr 영역)  */
    .cal_week               {background-color:#505050; height:25px;}
    .cal_current_week       {background-color:#404040;}

/*@ 달력 Day(td 영역) */
    .cal_day                {font:0.8em 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:#666;}
/*@ 달력 오늘 날짜 표시(td) */
    .cal_day4               {color:#999; background-color:#101010;}
/* 달력 글쓴 날 링크 스타일 */
	a.cal_click:link		{font-size:0.9em; font-weight:bold; color:#202020;}
	a.cal_click:visited		{font-size:0.9em; font-weight:bold; color:#202020;}
	a.cal_click:hover		{font-size:0.9em; font-weight:bold; color:#202020;}

/*@ 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             {}
    .rp_admin               {background:url("./images/icon-admin.gif") 5px 2px no-repeat; padding-left:22px; color:#000; background-color:#eef5ff;}
    .rp_secret              {color:#f30; font-weight:bold;}
/*@ 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          {}
    .guest_admin            {background:url("./images/icon-admin.gif") 5px 2px no-repeat; padding-left:22px; color:#000;}
/*@ 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment {background:url("./images/icon-secret.gif") no-repeat; padding-left:20px; font-weight:normal;}


/*@ 이미지 아래 캡션 스타일 */
    .cap1                   {color:#999; text-align:center; margin-top:0;margin-bottom:-10px;}
/*@ 그림 */
    .imageblock             {}
/*@ 왼쪽 */
    .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/icon-more.gif") top left no-repeat; padding-left:20px; color:#000;}
    .moreless_top           {background:url("./images/icon-less.gif") top left no-repeat; padding-left:20px; color:#000;}
    .moreless_body          {}
    .moreless_bottom        {background:url("./images/icon-less.gif") top right no-repeat; padding-right:20px; color:#999; text-align:right;}

/* 키워드 */ 
    .key1 {background-color:#f4e9ff; border: 1px solid #ccccff; color:#6600ff; cursor: pointer; cursor:hand; padding:2px;}


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

hr              {display:none;}
img             {border:0;}
h1, h2, h3, h4  {margin:0; padding:0;}
h1              {font-size:1.8em;}
h2              {font-size:1.4em;}
h3              {font-size:1.2em;}
h4              {font-size:1em;}
input           {border:1px solid #aaa;}
textarea        {border:1px solid #aaa;}

/* 블로그 레이아웃 */
#container {
		width:810px;
		border:0px solid #bbb;
		margin:0px auto; 
		padding:0px;
		background-color:#fff;
}
#header {
		float:right;
		width:680px;
		padding:30px 0 1.0em 0;
		margin-bottom:8px;
		min-height:90px;
		text-align:left;
		border:0px solid #000;
}
#content {
		float:right;
		width:680px;
		overflow:hidden;
		text-align:left;

}
#sidebar {
		float:left;
		width:122px;
		height:760px;
}


#footer {
		width:100%;
		margin:0px auto; 
		border:0px solid #666;
		clear:both;
		padding:20px 0 0 0;
}

/* ***** Header ***** */
#header h1				{padding: 0 0 0.2em 0; font:2.0em Dotum, Arial, AppleGothic;}

#header h1 a			{font-weight:bold;}
#header h1 a:hover		{color:#ff0066; text-decoration:none;}

#header .blog-desc		{color:#888; font-size:0.9em; line-height:1.2em; letter-spacing:-1px; margin-bottom:1.0em;}
#header .user-id		{color:#888; letter-spacing:-1px;}

#header .search input	{width:130px; height:16px; font-size:1.0em;}
#header .search .submit	{width:50px; height:33px; border:0;}


/* ***** content ***** */
#content .localog, 
#content .taglog, 
#content .entry-notice, 
#content .entry             {border:0px solid #eee; padding:10px; margin-bottom:10px; background:url("./images/content-article-bg.gif") no-repeat; min-height:150px;}
#content .entry-protected    {border:0px solid #eee; padding:10px; margin-bottom:10px; background:url("./images/img-protected.gif") 15px 15px no-repeat; min-height:220px;}

#content .guestbook, 
#content .search-list, 
#content .search-rplist      {padding:10px;}

#content .localog h3, 
#content .taglog h3, 
#content .guestbook h3, 
#content .search-list h3, 
#content .search-rplist h3   {border-bottom:1px solid #ccc; margin-bottom:10px; color:#222;}

.search-list ol, 
.search-rplist ol            {list-style:none; padding:5px; margin:0;}
.search-list li, 
.search-rplist li            {border-bottom:1px solid #eee; padding-bottom:2px; margin-bottom:4px;}
.search-list .date, 
.search-rplist .date         {font:0.7em Tahoma, Arial, Verdana, Helvetica, Gulim, sans-serif; margin-right:10px; }
.search-list .cnt            {font:0.7em Tahoma, Arial, Verdana, Helvetica, Gulim, sans-serif; color:#f60;} 
.search-rplist .name         {font:0.95em Dotum, Arial, sans-serif;  color:#999; padding-left:8px;}

.localog .spot              {background:url("./images/icon-indentArrow_local.gif") 5px 0 no-repeat; padding-left:20px; margin-top:5px;}
.localog .info              {background:url("./images/icon-indentArrow_localinfo.gif") 5px 3px no-repeat; padding-left:15px; margin-top:2px;}
.localog a:link             {color:#2157A0;}
.localog a:visited          {color:#2157A0;}
.localog a:hover            {color:#ff204f; 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:#666;   font-size:13px;}
.taglog li .cloud5          {font-size:12px; color:#999; }

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

.guest-write                 {padding:10px; border:0px solid #ddd;}
.guest-write input           {width:150px;}
.guest-write textarea        {width:610px; padding:5px;}
.guest-write .homepage       {width:300px;}
.guest-write .submit         {width:477px; height:22px; background-color:#ccc; font:1.1em Dotum, Arial, sans-serif; padding-top:3px;}
.guest-write .write-btn		{width:93px; height:33px; border:0;}

.guest-list                  {padding:10px 0 0 0;}
.guest-list ol,
.guest-list ul               {margin:0; padding:0; list-style:none; color:#666;}
.guest-list li               {background:url("./images/guestbook-bg.gif") no-repeat; min-height:150px;}
.guest-list li p             {border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;}
.guest-list ol li            {padding:10px; margin-bottom:10px; width:650px; overflow:hidden;}
.guest-list li ul li         {margin-left:20px; background:url("images/icon-indentArrow_local.gif") no-repeat 10px 10px; background-color:#f0f0f0; padding-left:25px; border:none; width:560px; overflow:hidden;}
.guest-list li .name         {color:#666; font-weight:bold;}
.guest-list li .date         {font:0.7em Tahoma, Arial, Helvetica, Gulim, sans-serif;}

.guest-list .control a.modify       {background:url("./images/icon-comm-mod.gif") no-repeat; padding:0 0 2px 60px; text-decoration:none;}
.guest-list .control a.modify span  {display:none;}
.guest-list .control a.write        {background:url("./images/icon-comm-write.gif") no-repeat; padding:0 5px 2px 60px; text-decoration:none;}
.guest-list .control a.write span   {display:none;}


/* entry */
.entry-notice h2, 
.entry-protected h2, 
.entry h2                {font-size:1.2em; line-height:1.2em;}
.titleWrap               {border-bottom:1px dashed #ccc; padding-bottom:5px; margin-bottom:10px;}
.titleWrap .category a   {font:0.8em Dotum, Tahoma, Arial, sans-serif; color:#666; margin-right:6px;}
.titleWrap .date         {font:0.7em Tahoma, Arial, Verdana, Helvetica, Gulim, sans-serif; color:#666;}

.entry-protected p.text   {padding-left:200px;}
.entry-protected input    {width:200px;}
.entry-protected .submit  {width:50px; padding-top:2px; height:20px; background-color:#ccc;}

.article                 {width:650px; margin:5px 15px 30px 15px; overflow:hidden;}
.article a:link          {color:#0033cc; text-decoration:none;}
.article a:visited       {color:#0033cc; text-decoration:none;}
.article a:hover         {color:#ff204f; text-decoration:underline;}
.article a:active        {color:#0033cc; text-decoration:none;}
.article dt              {text-decoration:underline;}
.article dd              {margin-left:20px; padding-bottom:10px;}
.article blockquote      {background:url("./images/icon-blockquote.gif") top left no-repeat; padding-left:25px; margin:10px 20px;}

.tagTrail                {padding:5px 5px 5px 20px; background:url("./images/entry-tag.gif") center left no-repeat; clear:both; font:0.75em Dotum, Arial, Verdana, Helvetica, Gulim;}
.tagText                 {display:none;}

.actionTrail             {border-top:1px dotted #ccc; padding:7px 5px; font:11px verdana; clear:both;}
.actionTrail .cnt        {color:#f60;}

.trackback               {border-top:1px solid #ddd; background-color:#FFF; padding:15px; margin-bottom:4px; width:630px; overflow:hidden;}
.trackback a             {color:#000;}
.trackback h3            {font:0.75em Verdana; color:#333; border:1px solid #AAA; background-color:#f0f0f0; margin:0 5px 15px 5px; font-weight:bold; padding:10px;}
.trackback h4            {font:0.9em Verdana; font-weight:normal; margin-top:15px;}
.trackback .from          {font:0.7em; color:#999; }
.trackback .name          {color:#666; }
.trackback ol            {margin:0; padding:0; list-style:none;}
.trackback li            {border-top:1px dotted #ccc; padding:5px;}
.trackback .date         {font:0.7em Tahoma, Arial, Verdana, Helvetica, Gulim, sans-serif; color:#777;}
.trackback p             {font:0.95em Dotum, Arial, sans-serif; color:#999; margin:3px 0 0 0; padding:0; letter-spacing:-1px}

.trackback a.delete      {background:url("./images/icon-delete.gif") left top no-repeat; padding-left:8px; text-decoration:none;}
.trackback a.delete span {display:none;}


.comment                          {border-top:1px solid #ddd; background-color:#FFF; padding:10px; margin-bottom:4px; width:640px; overflow:hidden;} 
.comment p                        {margin:3px 0 0 0; padding:0;}

.comment h3                       {display:none;}
.comment ol,
.comment ul                       {margin:0; padding:0; list-style:none; color:#666;}
.comment .date                    {font:0.7em Tahoma, Arial, Verdana, Helvetica, Gulim, sans-serif; color:#777;}
.comment .name                    {font-weight:bold;}
.comment ol li                    {padding:10px 5px;}
.comment li ul li                 {padding:5px 10px 5px 25px; background:url("images/icon-indentArrow_local.gif") no-repeat 12px 6px;}
.commentList ul						{background-color:#f0f0f0; margin-left:45px;}
.comment .control a.address       {background:url("./images/icon-comm-addr.gif") no-repeat; padding-left:60px; padding-bottom:2px; text-decoration:none;}
.comment .control a.address span  {display:none;}
.comment .control a.modify        {background:url("./images/icon-comm-mod.gif") no-repeat; padding-left:68px; padding-bottom:2px; text-decoration:none;}
.comment .control a.modify span   {display:none;}
.comment .control a.write         {background:url("./images/icon-comm-write.gif") no-repeat; padding-left:60px; padding-bottom:2px; text-decoration:none;}
.comment .control a.write span    {display:none;}

.commentWrite						{padding:5px; background:#FFF;}
.commentWrite input					{width:150px;}
.commentWrite textarea				{width:610px; padding:5px; position:relative; top:-16px;}
.commentWrite .homepage				{width:300px;}
.commentWrite .secretWrap			{float:right; position:relative; top:-23px; left:-10px;}
.commentWrite .checkbox				{border:none; padding:0;	margin:0; width:25px;}
.commentWrite .reply-btn			{width:93px; height:33px; border:0;}
.commentWrite .member				{margin-top:10px;}

.divider {background:url("./images/divider.gif") no-repeat; width:640px; height:70px; background-position:center; margin:10px 0 25px 0;}

/*
.paging           {border:1px solid #000; padding-top:10px; text-align:center; font-size:0.95em; text-align:center;}
.paging .numbox   {border-left:1px solid #ccc; padding-left:6px; margin-left:6px; font:0.95em verdana;}
*/

.paging				{border:0px solid #000; text-align:center; width:640px; height:160px; background:url("./images/paging-bg.gif") center center no-repeat; margin-bottom:8px;}
.paging .next-prev	{padding-top:70px;}


/* ***** sidebar ***** */
#sidebar                       {background:url("images/sidebar-bg.gif") no-repeat; width:122px; text-align:left;}
#sidebar ul                    {padding:0; margin:0; list-style:none;}

#nav							{margin-top:150px;}
#nav ul							{padding: 0px; margin: 0px; list-style: none;}
	.nav-local a				{display:block;width:74px;height:106px;background: url("images/sidebar-menu-01-off.gif") no-repeat 0 0; cursor:pointer;text-indent: -999em;}
	.nav-local a:hover			{display:block;width:74px;height:106px;background: url("images/sidebar-menu-01-on.gif")  no-repeat 0 0; cursor:pointer;text-indent: -999em;}
	.nav-tag a					{display:block;width:74px;height:106px;background: url("images/sidebar-menu-02-off.gif") no-repeat 0 0; cursor:pointer;text-indent: -999em;}
	.nav-tag a:hover			{display:block;width:74px;height:106px;background: url("images/sidebar-menu-02-on.gif")  no-repeat 0 0; cursor:pointer;text-indent: -999em;}
	.nav-guest a				{display:block;width:74px;height:106px;background: url("images/sidebar-menu-03-off.gif") no-repeat 0 0; cursor:pointer;text-indent: -999em;}
	.nav-guest a:hover			{display:block;width:74px;height:106px;background: url("images/sidebar-menu-03-on.gif")  no-repeat 0 0; cursor:pointer;text-indent: -999em;}

#sidebar .counter				{width:70px; color:#909090; font:0.70em Verdana, Helvetica, Arial, Gulim, sans-serif; padding:5px 0; margin:10px 0; text-align:center;}
#sidebar .counter li			{background:none; display:inline; padding:0;}
#sidebar .counter li.total		{display:block; color:#292F65; font-weight:bold;}
#sidebar .counter li.today		{display:block; color:#3F4CB8; font-weight:bold;}
#sidebar .counter li.yesterday	{display:block; color:#777A8F; font-weight:bold;}

#sidebar .nav-admin				{width:16px; padding:0; margin:25px 0 0 25px; text-align:left;}
#sidebar .nav-admin li			{background:none; margin:0; padding:1px;}
	.nav-admin a				{display:block;width:16px;height:16px;background: url("images/btn-admin.gif") no-repeat 0 0;      cursor:pointer;text-indent: -999em;}
	.nav-write a				{display:block;width:16px;height:16px;background: url("images/btn-admin-write.gif") no-repeat 0 0; cursor:pointer;text-indent: -999em;}

/* ***** footer ***** */
#footer			{text-align:center; background:#3a3a3a url("./images/bottom-bg.gif") repeat-x top; padding:0; font:0.9em Dotum, Verdana; color:#666;}
#footer-top		{width:100%; height:96px; background:url("./images/bottom-top.gif") repeat-x;}

#footer #info	    {width:760px; margin:0px auto; text-align:left;}
#footer #info-left  {float:left; width:360px; overflow:hidden; border:0px solid #eee;}
#footer #info-right {float:right; width:380px; overflow:hidden; text-align:left; border:0px solid #eee;}
#footer .copyright  {clear:both;width:100%; height:180px; background:url("./images/bottom-bottom-bg.gif") no-repeat center bottom; margin-top:-20px;}

#footer #info #info-left a:link		{color:#fcf6b5;}
#footer #info #info-left a:visited	{color:#fcf6b5;}
#footer #info #info-left a:active	{color:#fcf6b5;}
#footer #info #info-left a:hover	{color:#fff36f;}

#footer #info #info-right a:link	{color:#fcf6b5;}
#footer #info #info-right a:visited	{color:#fcf6b5;}
#footer #info #info-right a:active	{color:#fcf6b5;}
#footer #info #info-right a:hover	{color:#fff36f;}

#footer #info #info-left .notice             {margin:0 0 30px 0; padding:0;}
#footer #info #info-left .category           {margin:0 0 30px 0; padding:0;}
#footer #info #info-left .tagbox             {margin:0 0 30px 0; padding:0;}
#footer #info #info-left .recent-article     {margin:0 0 30px 0; padding:0;}
#footer #info #info-left .archive            {margin:0 0 30px 0; padding:0;}

#footer #info #info-right .recent-comment     {margin:0 0 30px 0; padding:0;}
#footer #info #info-right .recent-trackback   {margin:0 0 30px 0; padding:0;}
#footer #info #info-right .link              {margin:0 0 30px 0; padding:0;}

#footer #info ul	{margin-top:0;padding-top:0;}



#footer .cnt                   {font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#f60;}
#footer .date                  {font:0.7em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#888;}
#footer .name                  {font:0.9em Dotum, Arial, sans-serif; color:#888;}


#footer #info #info-left .notice h3             {background: url("images/bottom-notice.gif") no-repeat 0 0; width:160px; height:30px; text-indent: -999em;}
#footer #info #info-left .notice ul             {list-style: none;}
#footer #info #info-left .notice li             {margin:0 0 2px 0; padding:0 0 1px 0; background:none;}
#footer #info #info-left .notice a:link,
#footer #info #info-left .notice a:visited      {background:url("./images/icon-notice.gif") 0 2px no-repeat; padding:1px 0 5px 27px; color:#fcf6b5;}
#footer #info #info-left .notice a:hover        {background:url("./images/icon-notice-on.gif") 0 2px no-repeat; padding:0 0 5px 27px; color:#fff36f;}

#footer #info #info-left .recent-article h3     {background: url("images/bottom-article.gif") no-repeat 0 0;width:160px; height:30px; text-indent: -999em;}
#footer #info #info-left .recent-article ul     {list-style: none;}



#footer #info #info-left .category h3               {background: url("images/bottom-category.gif") no-repeat 0 0; width:160px; height:30px; text-indent: -999em;}
#footer #info #info-left .category li               {background:none; list-style:none;}
#footer #info #info-left .category li ul li         {background:url("./images/icon-bullet.gif") 0 4px no-repeat; padding-left:10px;}
#footer #info #info-left .category li ul li ul li   {background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px;}
#footer #info #info-left .category li ul li ul li a {color:#999;}


#footer #info #info-left .tagbox h3             {background: url("images/bottom-taglist.gif") no-repeat 0 0; width:160px; height:30px; text-indent: -999em;}
#footer #info #info-left .tagbox				{width:300px; }
#footer #info #info-left .tagbox ul				{list-style: none; text-align:justify;}
#footer #info #info-left .tagbox ul li			{display:inline;}
#footer #info #info-left .tagbox li .cloud1		{background-color:#444; font-weight:bold; font-size:16px; color:#a2348f;}
#footer #info #info-left .tagbox li .cloud2		{background-color:#444; font-weight:bold; font-size:15px; color:#5a5194;}
#footer #info #info-left .tagbox li .cloud3		{background-color:#444; font-weight:bold; font-size:14px; color:#7870ab;}
#footer #info #info-left .tagbox li .cloud4		{background-color:#444; font-size:1.1em; color:#ccc;}
#footer #info #info-left .tagbox li .cloud5		{font-size:1.0em; color:#fff;}	
#footer #info #info-left .tagbox a:hover		{background-color:#444; text-decoration:none; color:#000;}

#footer #info #info-left .archive h3            {background: url("images/bottom-archive.gif") no-repeat 0 0; width:160px; height:30px; text-indent: -999em;}

#footer #info #info-left .calendar h3           {background: url("images/bottom-calendar.gif") no-repeat 0 0; width:160px; height:30px; text-indent: -999em;}
#footer #info #info-left .calendar .ccontent	{width:240px; padding-left:40px;}

#footer #info #info-right .recent-comment		{width:370px; overflow:hidden;}
#footer #info #info-right .recent-comment h3     {background: url("images/bottom-reply.gif") no-repeat 0 0; width:160px; height:30px; text-indent: -999em;}
#footer #info #info-right .recent-comment ul		{list-style: none;}

#footer #info #info-right .recent-trackback		{width:370px; overflow:hidden;}
#footer #info #info-right .recent-trackback h3   {background: url("images/bottom-trackback.gif") no-repeat 0 0; width:160px; height:30px; text-indent: -999em;}
#footer #info #info-right .recent-trackback ul	{list-style: none;}

#footer #info #info-right .link h3              {background: url("images/bottom-link.gif") no-repeat 0 0; width:160px; height:30px; text-indent: -999em;}
#footer #info #info-right .link ul				{list-style: none;}
#footer #info #info-right .link a				{background:url("./images/icon-indentArrow_localinfo.gif") 5px 3px no-repeat; padding-left:15px;}

#footer #info #info-right .misc h3              {background: url("images/bottom-misc.gif") no-repeat 0 0; width:160px; height:30px; text-indent: -999em;}
#footer #info #info-right .misc ul				{list-style: none;}
#footer #info #info-right .misc ul li .image	{margin:5px 0 5px 0;}