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

/* 본문 공통 */
body{
	background:url(images/background.png) top left repeat-x;
	background-color:#949292;
	font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
}

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

/* 페이징 - 현재 페이지 */
.selected               { font-weight:bold;  color:#f30;}  
/* .no-more-prev { background:url(images/ico_prev_no.gif) left 1px no-repeat !important; padding-left:6px; color:#999;} */
/* .no-more-next { background:url(images/ico_next_no.gif) right 1px no-repeat !important; padding-right:6px; color:#999;} */


.no-more-prev { padding-left:6px; color:#999;} 
.no-more-next { padding-right:6px; color:#999;} 


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

/* 달력 월 표시 */
    .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:#fff;}

/* 달력 Day(td 영역) */
    .cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;  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:#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:#f30;  font-weight:bold;}

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


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center;}
/* 그림 */
    .imageblock             { 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:#999; 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: 28px;}
h2              { font-size:1.4em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}
input           { border:1px solid #aaa;}  
.clear          { clear:both;}

/* 블로그 레이아웃 */

#container {
            background:url(images/wrapper-background1.jpg) top center no-repeat;
}

.header  {
         margin: 20px 0 0px 0;
         padding-top: 5px;
         height: 100px;
         text-align:center;
}

.menu {
         height:40px;
         background:url(images/awrapper-background.jpg) top center no-repeat;
}

.menu a {
	font-size:20px;
        font-weight: bold;
	color:#eee;
}


#wrap {
        background-color:#fff; 
	width:1040px;
        margin:0px auto;   
	position:relative;
        border: 5px solid #fff;
}

#content {
	background:url(images/contentwrap-background.png) top left repeat-x;
	padding: 15px;
        margin-right: 5px;
	width:645px;
	float:left;
}

#sidebar {
        background:url(images/stripe.png) top left repeat;
        background-color:#fff;
	width:360px;
	float:right;
}

.sidebar-wrap {
        background-color:#fff;
        margin: 10px;
        padding: 10px 0 10px 0;
}

#sidebar #sideWrap	{
        background-color:#fff;
        padding: 5px
}
#sidebar #side01{
        background-color:#fff;
	width:150px;
	float:left; 
        margin-left:10px;
        overflow:hidden;
}
#sidebar #side02 {
        background-color:#fff;
        width:160px;
	margin-left:170px; 
        overflow:hidden;
}


.categories {
	background:url(images/sprite.png) no-repeat;
	background-position: 0px -860px;
	width:110px;
	height:40px;
	position:relative;
	top:0px;  
	left:5px; 
	margin:0 0 40px 0;
}

.recentPost a {
	background:url(images/sprite.png) no-repeat;
        background-position: -433px -570px;
	display:block;
	text-align:left;
	text-decoration:none;
	color:#3398d4;
	padding:2px 0 0px 25px;
	margin:4px 0 0px 20px;	
	font-size:13px; font-weight:bold;
	height:17px;
	width:260px;
	overflow:hidden;
}

.recentPost a:hover {
	text-decoration:underline;
	background:url(images/sprite.png) no-repeat;
	background-position: -433px -720px;
}


.recentComments a {
	background:url(images/sprite.png) no-repeat;
        background-position: -433px -570px;
	display:block;
	text-align:left;
	text-decoration:none;
	color:#3398d4;
	padding:2px 0 0px 25px;
	margin:4px 0 0px 20px;	
	font-size:13px; font-weight:bold;
	height:17px;
	width:260px;
	overflow:hidden;
}

.recentComments a:hover {
	text-decoration:underline;
	background:url(images/sprite.png) no-repeat;
	background-position: -433px -720px;
}

.recenttrackback a {
	background:url(images/sprite.png) no-repeat;
        background-position: -433px -570px;
	display:block;
	text-align:left;
	text-decoration:none;
	color:#3398d4;
	padding:2px 0 0px 25px;
	margin:4px 0 0px 20px;	
	font-size:13px; font-weight:bold;
	height:17px;
	width:260px;
	overflow:hidden;
}

.recenttrackback a:hover {
	text-decoration:underline;
	background:url(images/sprite.png) no-repeat;
	background-position: -433px -720px;
}

/* ***** content ***** */

#content .guestbook h3     { font:2.0em Verdana, Helvetica, Arial, Gulim, sans-serif; font-weight:bold; margin:0 0 20px 10px; } 
#content .searchList h3      { font:1.8em Verdana, Helvetica, Arial, Gulim, sans-serif; font-weight:bold; margin:0 0 20px 0px; } 
#content .searchRplist h3   { font:2.0em Verdana, Helvetica, Arial, Gulim, sans-serif; font-weight:bold; margin:0 0 20px 0px; }

#content .entryNotice h3   { font:2.0em Verdana, Helvetica, Arial, Gulim, sans-serif; font-weight:bold; margin:20px 0 25px 15px; }
  
#content .entryNotice       {margin:0; padding:0 10px 0 0px}
#content .entryProtected,
#content .entry              { margin:10px;}

#content .searchList { 
                   margin:20px; 
                   padding:10px; 
                   font-size:13px;
}

#content .searchRplist,
#content .guestbook         {margin:20px 20px 40px 20px; padding:0 10px 0 10px;}


.searchList ol,              
.searchRplist ol            { list-style:none;  padding:5px;  margin:0;}
.searchList li,               
.searchRplist li            { padding-bottom:2px;  margin-bottom:10px;}
.searchList .date          { font:11px;  color:#333333;} 
.searchRplist .date         { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  margin-right:10px; }
.searchList .cnt            { font:11px; color:#2d9ab5;} 
.searchRplist .name         { font:0.95em Dotum, Arial, sans-serif;    color:#999;  padding-left:8px;}


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

.guestWrite                 { padding:10px 5px 10px 5px;}
.guestWrite input           { width:150px;}
.guestWrite textarea        { width:580px;  padding:5px; }
.guestWrite .homepage       { width:300px;}
.guestWrite .submit         { width:592px;  height:22px;  background-color:#ccc;  font:1.1em Dotum, Arial, sans-serif; padding-top:3px;}

.guestList                  { padding:10px 0 0 0; margin-bottom: 20px;}
.guestList ol,
.guestList ul               { padding:0;  list-style:none;}
.guestList li p             { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;}
.guestList ol li            { padding:10px;  margin-bottom:10px;  width:570px; overflow:hidden;}
.guestList li ul li         { background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px; padding-left:10px;  border:none;  width:530px; overflow:hidden;}
.guestList li .name         { color:#666;  font-weight:bold;}
.guestList li .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;}

.guestList .control a.modify       { background:url(images/iconModify.gif) no-repeat;  padding:0 0 2px 53px;  text-decoration:none;}
.guestList .control a.modify span  { display:none;}
.guestList .control a.write        { background:url(images/iconWrite.gif) no-repeat;  padding:0 5px 2px 53px;  text-decoration:none;}
.guestList .control a.write span   { display:none;}


/* entry */
.entryNotice h2, 
.entryProtected h2, 
.entry h2 a		 { font-size:1.2m; font-family: Verdana; color: #333; line-height:1.2em; padding:5px 0 5px 0px;}


.titleWrap          {
         margin-left:10px; 
         height: 50px;
} 

.titleWrap .title a {
	color:#333;
	font-size:24px; 
        font-weight:bold;
	text-decoration:none;
}

.titleWrap .date  { font:0.9em Georgia, Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#555;}
.titleInfo { text-align:center; font:1em Georgia, Verdana, Helvetica, Arial, Gulim, sans-serif; color:#555;}


.entryProtected p.text   { background:url(images/imgProtected.gif) no-repeat ; padding-left:50px;}
.entryProtected input    { width:200px;}
.entryProtected .submit  { width:50px; padding-top:2px; height:20px; background-color:#ccc;}



.article     { 
                    width:610px; 
                    margin:5px 10px 0px 10px; 
                    overflow:hidden; 
                    font-size: inherit; font-family: Verdana; color:#333;
}

.article .category a   { 
                  font:1.1em Georgia, Verdana, Helvetica, Arial, Gulim, sans-serif;  
                  padding-bottom: 5px;  
}

.article a:link          { color:#666;  text-decoration:none;}
.article a:visited       { color:#666;  text-decoration:none;}
.article a:hover         { color:#666;  text-decoration:underline;}  
.article a:active        { color:#666;  text-decoration:none;}
.article dt              { text-decoration:underline;}  
.article dd              { margin-left:20px;  padding-bottom:10px;}
.article blockquote      { background:url(images/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}   

.article .author                  { color:#333; background:url(images/img_postedby.gif) no-repeat; padding:7px 0 0 0; height:31px;}
.author .text            { display:none;}

.article h2    {
              font:15px Verdana; color:#666;
              font-weight:bold;
              border:1px solid #999;
              padding: 7px 0 7px 0;
              margin: 0 5px 0 5px;
}


.tagTrail                { text-align:left; padding:0;}
.tagText                 { display:none;}

.actionTrail             { padding: 10px; font:14px Verdana; clear:both;}
.actionTrail .cnt        { color:#2d9ab5;}

.trackback               { float:left; padding:0px 0px 5px 10px; margin-bottom:10px;  width:590px;  overflow:hidden; background-color:#eee;}
.trackback a             { color:#666666;}
.trackback h3            { font:12px Verdana; color:#333333; border-bottom:1px solid #f5f5f5; margin:5px 5px 10px 5px;}
.trackback h4            { font:12px Verdana; font-weight:normal;  margin:0;}
.trackback ol            { margin:0;  padding:0;  list-style:none;}
.trackback li            { border-top:1px dotted #bbb;  padding:5px;}
.trackback .date         { font:0.9em Verdana, Helvetica, Arial, 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/iconDelete.gif) left top no-repeat;  padding-left:8px;  text-decoration:none;}
.trackback a.delete span { display:none;}


#commentbox{
	 width:605px;
         padding: 10px 0px 20px 0px;
         margin-left:10px;
}


.comment        { padding:0px 0px 0px 10px; margin:0 5px 4px 7px;  width: 582px; 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;}
.comment .date               { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#777;}
.comment .name             { font-weight:bold;}
.comment ol li                 { padding:10px 5px;}
.comment li ul li              {padding:5px 10px 5px 10px; background:url("images/iconIndentArrow_local.gif") no-repeat 12px 6px;}
.comment .control a.address       { background:url(images/iconAddress.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.address span  { display:none;}
.comment .control a.modify        { background:url(images/iconModify.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.modify span   { display:none;}
.comment .control a.write         { background:url(images/iconWrite.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.write span    { display:none;}

.commentWrite                     { padding:10px; margin-top:50px;}
.commentWrite .secretWrap         { float:left; position:relative; left:510px;}
.commentWrite .checkbox           {border:none; padding:0;margin:0; width:25px;}

.commentWrite input               { 
	border:0px none;
	background-color:#F8DE89;
	width:275px;
	height:22px;
        margin: 0 10px 0 0;
	padding:4px 0 0 5px;
}
.commentWrite textarea            {
        width:580px;  
        float:center; 
	background-color:#F8DE89;
	padding:4px 0 0 5px;
}
.commentWrite .submit             { 
	background-color:#67A7CB;
	float:right;
	width:160px;
	height:32px;
	padding:0px;
	font-size:15px;
	font-weight:bold;
	margin:0px;
}
.commentWrite label{
                font-weight:bold;
}

.cmmt_text1 {
                width:530px;
	background-color:#D9E8BF;
	padding:16px;
	margin:10px 0 10px 0;
}
.cmmt_text2 {
        width:530px;
	background-color:#f9f5d0;
	padding:16px;
	margin:5px 0 0 0;
}

.pyct {
	background:url(images/sprite.png) no-repeat;
	background-position: -146px -697px;
	width:234px;
	height:41px;
}


#paging           { margin:10px; text-align:center; font-size:13px; font-weight: bold; height:30px; width:630px; padding-top: 10px; background-color: #f0f0f0;}
#paging .numbox   { padding:0 5px 0 5px; margin:0 5px 0 5px; font:13px verdana;}
#paging .num      { border:1px solid #ccc; padding:3px; margin-right:3px;}
#paging #prev_page { padding-left:5px;}
#paging #next_page { padding-right:5px;}


/* ***** sidebar ***** */
#sidebar ul                    { padding:0;  margin:0;  list-style:none;}
#sidebar li                    { margin:0 0px 5px 0;}
#sidebar h3                    { height:20px; position:relative; font:14px arial; font-weight:bold; border-bottom:1px solid #dddddd; color:#555555; margin-bottom:10px;}


#sidebar .archive a     { /* background:url(images/acap.bmp) */ /* (images/bul.gif)  0 -1px no-repeat; padding-left:17px; */ }
#sidebar .archive .archive1      { border-top:1px solid #ddd; padding:6px 5px 5px 5px; font:11px Verdana; color:#ccc;}

#sidebar h4                    { height:20px; /* background:url(images/ccc.jpg) 0 0px repeat; */ /* background-color:#313131; */ padding:5px 0px 4px 8px; font:16px arial; font-weight:bold; color:#009900;}


#sidebar .cnt                  { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#2d9ab5;}
#sidebar .date                 { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#888;}
#sidebar .name                 { font:0.9em Dotum, Arial, sans-serif;  color:#888;}
#sidebar .author               { color:#2d9ab5; /* #f36d21; */}
#sidebar .author .stext        { color:#2d9ab5; /* #999; */}

#sidebar .adminMenu            { padding:5px 0 0 0px;  background-color:#eee; margin:5px 0 5px 0; text-align:center;}

#sidebar #sidePost h3          { padding-top:0; color:#2d9ab5;}


#sidebar .recentTrackback      {width:165px; overflow:hidden;} 
#sidebar .recentTrackback .info_wrap  {  margin-bottom:3px; color:#999; display:block;}

#sidebar .archive li           { font-family:verdana;}
#sidebar .calendar             { padding-top:10px;}
#sidebar .calendar td          { font-family:verdana;}

#sidebar .counter              { background:url(images/bg_counter.gif) no-repeat; text-align:right;  padding:0; margin:0; font:1em Georgia;}
#sidebar .counter dl           { padding:7px; margin:0;}
#sidebar .counter dt           { display:none;}
#sidebar .counter dd           { height:22px;font-weight:bold;}
#sidebar .counter dd.today     { color:#2d9ab5;}


#sidebar .search               { text-align:center; padding:10px 0 10px 0; background-color:#333;}
#sidebar .search input         { width:220px; height:17px; background-color:#eee; border:2px solid #dddddd;}  
#sidebar .search .submit       { width:40px; height:20px;  background:url(images/btn_search.gif) no-repeat;  text-indent:-5000px; border:0;} 


#sidebar .botton          { text-align:center;  padding:10px; background-color:#eee;}
#sidebar .botton img      { vertical-align:middle;}
#sidebar .adTistory       { text-align:center;}


/* ***** footer ***** */


#footer  {
	background-color: #fff;
	width:1050px;
	height:230px;
	position:relative;
	margin:0px auto;
}
#lfoo {
	width:478px;
	height:150px;
	float:left;
	position:relative;
	top:50px;
	left:50px;
}
#rfoo {
	width:260px;
	height:150px;
	float:left;
	padding:60px 0 0 240px;
}
.bar2 {
	background:url(images/sprite.png) no-repeat;
	background-position:-400px 0;
	width:43px;
	height:140px;
	float:left;
	z-index:10;
	position:relative;
	left:29px;
}
.photo {
	background:url(images/profile1.JPG) no-repeat;
        width:120px; height:120px;
	float:left;
	margin:20px 0 0 20px;

}
#lfoo img {
	float:left;
	margin:0 10px 0 0;
}
.fatit {
	background:url(images/sprite.png) no-repeat;
	background-position: 0px -1111px;
	width:256px;
	height:35px;
	padding:0 0 0 20px;
	float:left;
	margin:-27px 0 0 -20px;
}
.abt {
	background:url(images/sprite.png) no-repeat;
	background-position: -154px -779px;
	width:200px;
	height:40px;
}
.atxt {
	margin:21px 0 0 0;
	line-height:15px;
}
.twtit {
	background:url(images/sprite.png) no-repeat;
	background-position: 0px -1111px;
	width:256px;
	height:35px;
	padding:0px;
	float:left;
	margin:0px;
}
.twitter {
	background:url(images/sprite.png) no-repeat;
	background-position: -153px -832px;
	width:274px;
	height:64px;
	position:relative;
	top:-28px;
	left: -23px;
}
.twitter a {
	display:block;
	width:100%;
	height:100%;
}
.twtxt {
	width:220px;
	float:left;
	margin:25px 0 0 35px;
}
.twtxt span {
	color:#6E3313;
	display:block;
}
.twtxt a {
	color:#195D9C;
	text-decoration:none;
}
.twtxt a:hover {
	text-decoration:underline;;
}



#article_ad    {  font:11px Verdana; color:#555; padding:7px 5px 3px 10px; border:1px solid #ccc; }

.ad250_outter { margin: 20px 30px 15px 10px !important; float:left !important;}