@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
	html{margin:0 ;padding:0;}
	body {
	   font-family: 돋움,Dotum,AppleGothic,sans-serif;
	   font-size:12px;
	   line-height: 1.5;

	   /*@background-image=background-image:*/ background-image: none /*@*/;
	   /*@background-image-position=background-position:*/ background-position: left top /*@*/;
	   /*@background-image-repeat=background-repeat:*/ background-repeat: repeat-x /*@*/;
	   /*@background-color=background-color:*/ background-color: #FFFFFF /*@*/;
	   padding:0; margin:0;
	}
	a:link { color:#666; text-decoration:none;}
	a:visited { color:#666; text-decoration:none;}
	a:hover { color:#666; text-decoration:underline;}
	a:active { color:#666; text-decoration:none;}
	img { border: 0; }
/* 페이징 - 현재 페이지 */
	.selected               { font-weight:bold; color:#333; }
	.no-more-prev { background:url(./images/icon_left_page.gif) left 1px no-repeat !important; padding-left:6px; color:#999;}
	.no-more-next { background:url(./images/icon_right_page.gif) right 1px no-repeat !important; padding-right:6px; color:#999;}
/* 카테고리 - 이미지 버튼 */
	.ib { 	cursor: pointer; }
/* 5. 입력 텍스트 */
	.text { border:1px solid #999; }
/* 6. 트리 테이블 */
	.branch2 { }
/* 7. 트리 셀 */
	.branch3 { cursor: pointer; height: 10px; }
/* 8. 달력 월 표시 */
	.cal_month { font-family: verdana, san-serif; font-size: 10px; color: #ff000a; width: 170px; padding:0 0 10px 0; margin: 0 5px 5px 5px auto; font-weight: bold;}
	.cal_month a:link, .cal_month a:visited, .cal_month a:hover { color: #ff000a; font-weight: bold;}
/* 9. 달력 요일 표시 */
	.cal_week1 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #666; font-weight: normal; }
/* 10. 달력 일요일 표시 */
	.cal_week2 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #ff000a; font-weight: normal; }
	.cal_day { font-family: verdana,san-serif; font-size:10px; color: #999; text-align:center; height:18px; }
/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 {   }
/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 { 	}
/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 { }
/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 { background-color: #e5e5e5; }
/* 15. 달력 글쓴 날 링크 스타일 */
	.cal_click a:link, .cal_click a:visited, .cal_click a:hover { color: #999; text-decoration: none; }
/* 16. 이미지 아래 캡션 스타일 */
	.cap1 { color: #876; text-align: center; }
/* 16. 키워드 스타일 */
	.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
/* 16. 카테고리 옆 개수 스타일 */
	.c_cnt { font-size: 11px; color : #999; }
/* 17. 최신글 옆 개수 스타일 */
	.ps_cnt { font-size: 11px; color : #999; }

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

	#container { /*@post-width:295=width:;*/ width: 100%; /*@*/ margin: 0 auto; }
	.centerWrap{width:1203px;margin:0 auto;position: relative}
	.headerWrap {background:url(./images/img_campskin_bg.png) repeat-x;}
	#header {
.overflow:hidden;
width: 100%;
height: 303px;
margin-bottom: 50px;
background:url(./images/img_campskin_top.png) center top no-repeat;
}
#header h1{
margin:0;
overflow:hidden;
/*@title-font-size=font-size:*/ font-size: 16px /*@*/;
/*@title-font-family=font-family:*/ font-family: dotum /*@*/;
/*@title-color=color:*/ color: #333 /*@*/;
font-weight:bold;
}
#header h1 a {
width:100%;
height:268px;
text-indent:-9999px;

overflow:hidden;
text-align:center;
display:block;
margin:0 auto;
/*@title-font-size=font-size:*/ font-size: 16px /*@*/;
/*@title-font-family=font-family:*/ font-family: dotum /*@*/;
/*@title-color=color:*/ color: red /*@*/;
}
#blogMenu {height:35px;}
.noticeText{margin: 0 auto; padding: 0;display:block;width:658px;height:35px;line-height:35px;position:absolute;top:0px;left:88px;color:#fff;}
.noticeText a{color:#fff;line-height:35px;}
/*
#blogMenu {clear:both; border-bottom:1px solid #e8e8e8; padding: 0;width:100% ;height:34px;line-height:36px;position:relative;top:0; background-color:#f6f7f8;}
#blogMenu ul { list-style:none; margin: 0 auto; padding: 0;display:block;width:658px;height:100%;position:absolute;top:0px;left:92px;}
#blogMenu li {float:left;overflow:hidden;padding-right:12px;margin:0 0 0 12px;background: url(./images/ln_mbbg.gif) right center no-repeat;letter-spacing: -1px}
#blogMenu li a { width:100%;overflow:hidden;text-decoration: none; display:block; font:bold 11px/40px "dotum","돋움"; color:#b0b2b7}
#blogMenu li.tab_home{width:34px}
#blogMenu li.tab_taglog{width:26px}
#blogMenu li.tab_media{width:39px}
#blogMenu li.tab_localog{width:64px}
#blogMenu li.tab_guestbook{width:77px}
#blogMenu li.tab_admin{background:none;width:41px}
*/
/* 검색 */
/*
#searchBox { margin-right: 15px; display: inline;position:absolute;top:-4px;right:75px;width:207px;height:44px;}
#searchBox input.search_keyword {background: url(./images/bg_mbbg_searchbar.gif) left center no-repeat;width:169px;height:25px; background-color: #f3f3f3;position:absolute;left:0;top:8px;padding:0 5px}
#searchBox input.button {background: url(./images/bg_mbbg_searchbar.gif) right center no-repeat;width:28px;height:25px;text-indent: -1000em; cursor:pointer;position:absolute;right:0;top:8px;}
*/
#searchBox { margin-right: 15px; position:relative;width:207px;height:44px;}
#searchBox input{border:0 none;}
#searchBox input.search_keyword {background: url(./images/bg_mbbg_searchbar.gif) left center no-repeat;width:169px;height:25px; background-color: #f3f3f3;position:absolute;left:0;top:0;padding:0 5px}
#searchBox input.search_keyword {height:20px;padding-top:5px}
#searchBox input.button {background: url(./images/bg_mbbg_searchbar.gif) right center no-repeat;width:28px;height:25px;text-indent: -1000em; cursor:pointer;position:absolute;right:0;top:0;}
	
	/* sidebar */
	#sidebar {float: left; width: 207px; padding-left:40px; padding-bottom: 30px;background: url(./images/bg_div.gif) 0 0 no-repeat }

	#blogImage {margin-bottom: 5px; }
	#blogImage img { width: 190px; }
	#blogDesc { font-size: 12px; color: #999; padding: 5px 0 10px 0; border-bottom: 1px solid #ececec;}
	
	/* category */
	#category { margin-top: 20px;}
    #treeComponent #cafegoryWrapTd { padding: 10px; }
	#category h3 { height:23px;width: 207px; padding: 10px 0 0 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666;  background: url(./images/tit_mbbg_red.gif) 0 5px no-repeat;text-indent: -1000in}
    #category .wrapAbContent { padding: 0 10px 10px 10px; }

	/* tag cloud */
	#tagbox {  margin-top: 20px; }
	#tagbox ul {text-align: justify; margin: 10px;}
	#tagbox li { display: inline; line-height: 1.8; margin-right: 3px; }
	#tagbox li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
	#tagbox li .cloud2 { font-size : 12px; color : #000; }
	#tagbox li .cloud3 { font-size : 12px; color : #ddd; }
	#tagbox li .cloud4 { font-size : 12px; color : #999; }
	#tagbox li .cloud5 { font-size : 12px; color : #999; }
	#tagbox h3 {  height:22px; width: 207px; padding: 10px 0 0 0;  margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; background: url(./images/tit_mbbg_red.gif) 0 -145px no-repeat;text-indent: -1000in}

    /* notice */
	#notice { margin-top: 20px; }
	#notice ul { padding: 0; list-style: none; margin: 10px;}
	#notice li { list-style: none; line-height: 1.4; }
	#notice h3 { height:20px; width: 207px; padding: 10px 0 0 0;  margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; }

	/* recentPost */
	#recentPost { margin-top: 20px; }
	#recentPost ul { list-style: none; margin: 10px;}
	#recentPost li { list-style: none; line-height: 1.4; }
	#recentPost li .cnt { font-family: verdana; font-size: 11px; color: #999; }
	#recentPost h3 {  height:20px; width: 207px; padding: 10px 0 0 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666;  background: url(./images/tit_mbbg_red.gif) 0 -200px no-repeat;text-indent: -1000in}

	/* recentComment */
	#recentComment { margin-top: 20px; }
	#sidebar ul { padding: 0; list-style: none; margin: 10px;}
	#recentComment li { list-style: none; line-height: 1.4; }
	#recentComment li.cnt { font-family: verdana; font-size: 10px; color: #999; }
	#recentComment h3 {  height:20px; width: 207px; padding: 10px 0 0 0;  margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; background: url(./images/tit_mbbg_red.gif) 0 -251px no-repeat;text-indent: -1000in}
	#recentComment li .info { color: #999; }

	/* recentTrackback */
	#recentTrackback { margin-top: 20px; }
	#recentTrackback ul { padding: 0; list-style: none; margin: 10px;}
	#recentTrackback li { list-style: none; line-height: 1.4; }
	#recentTrackback h3 { height:20px; width: 207px; padding: 10px 0 0 0;  margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666;}
	#recentTrackback li .info { color: #999; }

	/* archive */
	#archive { margin-top: 20px; }
	#archive ul { padding: 0; list-style: none; margin: 10px;}
	#archive li { list-style: none; line-height: 1.4; }
	#archive li .cnt { font-family: verdana; font-size: 10px; color: #999; }
	#archive h3 {  height:20px; width: 207px;padding: 10px 0 0 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; }

	/* calendar */
	#calendar {  margin-top: 10px; }
    #calendar .tt-calendar { width: 170px; }
    #calendar .wrapAbContent { padding: 0 10px 10px 10px; }
	#calendar h3 { height:20px; width: 207px; padding: 10px 0 0 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; background: url(./images/tit_mbbg_red.gif) 0 -97px no-repeat;text-indent: -1000in}
	
	/* Links */
	#link {  margin-top: 20px; }
	#link ul { padding: 0; list-style: none; margin: 10px;}
	#link li { list-style: none; line-height: 1.4; }
	#link h3 {  height:20px; width: 207px;padding: 10px 0 0 0;  margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; background: url(./images/tit_mbbg_red.gif) 0 -300px no-repeat;text-indent: -1000in}


	/* Counter */
	#counter { width: 207px;margin-top:20px;  font-family: verdana,san-serif; font-size:10px; color: #999;}
	#counter .cnt_total{margin-left:10px;font:bold 14px dotum;color: #e6301a;letter-spacing: -1px}
	#counter h3 {  height:20px; width: 207px; padding: 10px 0 0 0;  margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; background: url(./images/tit_mbbg_red.gif) 0 -48px no-repeat;text-indent: -1000in}
    #counter li {  margin-right: 7px; font: 12px dotum;color:#858585;margin-top:5px;}
    #counter li em{font-style:normal;color:#e6301a}
    #counter li span{font-size: 9px;}

    /* RSS */
    #btnRSS { width: 190px; border-bottom: 1px solid #ececec; }
    #btnRSS img {margin-left: 6px;}

    /* content */
	#content{ float:left;margin:0 36px 0 90px; width:/*@post-width=*/ 750px /*@*/; padding-bottom: 56px; display: inline; }

	/* ***** content ***** */
	#content .nonEntry {  }
    #content .nonEntry h3 {
          /*@post-title-font-size=font-size:*/ font-size: 14px /*@*/;
          /*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
          /*@post-title-color=color:*/ color: #333333 /*@*/;
          margin: 0; padding: 10px 0;
          font-weight: bold;
          border-bottom: 1px solid #f6f6f6;
          margin-bottom: 14px;
        }
	#content .entry          { width:/*@post-width=*/ 100% /*@*/; margin: 0; padding:0 0 70px 0; overflow:hidden; }

	#searchList ol,
	#searchRplist ol            { list-style:none;  padding:5px 0 30px 0;  margin:0;}
	#searchList li,
	#searchRplist li            { border-bottom:1px solid #f6f6f6;  padding: 6px 0;}
	#searchList .date,
	#searchRplist .date         { color: #999; margin-right:10px; }
	#searchList .cnt            { color: #999; }
	#searchRplist .name         { color:#999;  padding-left:8px;}

	#localog .spot              { background:url(./images/iconIndentArrow_local.gif) 5px 0 no-repeat;  padding-left:20px;  margin-top:5px;}
	#localog .info              { background:url(./images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat;  padding-left:15px;  margin-top:2px;}
    #localog                    { color: #666;}
	#localog a:link             { color: #999;}
	#localog a:visited          { color: #999;}
	#localog a:hover            { color: #999;  text-decoration: none;}

	#taglog ul                  { padding:5px; margin:0; text-align:justify;}
	#taglog li                  { display:inline;}
	#taglog a:hover             { background-color:#eee;  color:#000;}
	#taglog li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
	#taglog li .cloud2 { font-size : 12px; color : #000; }
	#taglog li .cloud3 { font-size : 12px; color : #ddd; }
	#taglog li .cloud4 { font-size : 12px; color : #999; }
	#taglog li .cloud5 { font-size : 12px; color : #999; }

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

	#guestWrite                 { padding:10px;  background-color:#f8f8f8; border:1px solid #f5f5f5; color: #666;}
	#guestWrite input           { width:150px; border:1px solid #f5f5f5; color: #666; }
	#guestWrite textarea        { width:/*@post-width:-38=*/ 712px /*@*/; overflow: hidden;  padding:5px; border:1px solid #f5f5f5;}
	#guestWrite .homepage       { width:300px;}
	#guestWrite .submit         { background:url(./images/btn_comment.gif) no-repeat; width:150px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:0 auto; margin-top: 10px;}

	#guestList                  { padding:10px 0 0 0; color: #666; }
	#guestList ol,
	#guestList ul               { margin:0; padding:0;  list-style:none;}
	#guestList li p             { border-top:1px solid #ededed; margin-top:5px; padding-top:5px;}
	#guestList ol li            { border:5px solid #f5f5f5;  padding:10px;  margin-bottom:10px;  overflow:hidden;}
	#guestList li ul li         { margin-left:20px;  background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px;  background-color:#f5f5f5;  padding-left:25px;  border:none;  width:/*@post-width:-102=*/ 648px /*@*/; overflow:hidden;}
	#guestList li .name         { color:#666; }
	#guestList li .date         { font-family: verdana; font-size: 11px; color: #999; }
    #guestList .control a span { font-size: 11px; color: #999; }


       /* entry */
	.entryNotice h2,
	.entryProtected h2,
	.entry h2                {
		/*@post-title-font-size=font-size:*/ font-size: 14px /*@*/;
		/*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
		/*@post-title-color=color:*/ color: #333333 /*@*/;
		border-bottom: 1px solid #f6f6f6;
	}
    .entryNotice h2 a,
	.entryProtected h2 a,
	.entry h2 a	{
		/*@post-title-font-size=font-size:*/ font-size: 17px /*@*/;
		/*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
		/*@post-title-color=color:*/ color: #333333 /*@*/;
	}
	.titleWrap { width:/*@post-width=*/ 100% /*@*/; overflow: hidden; color: #999;}
	.titleWrap span.title_date{float:right;font:normal 12px "dotum";color: #bfbfbf;padding-top:5px;}


	.titleWrap h2 { margin: 0; padding: 8px 0; /*@post-title-color=color:*/ color: #333333 /*@*/; margin-bottom: 14px; }
	.titleWrap h2 a:link { /*@post-title-color=color:*/ color: #333333 /*@*/; text-decoration:none; }
	.titleWrap h2 a:visited { /*@post-title-color=color:*/ color: #333333 /*@*/; text-decoration:none; }
	.titleWrap h2 a:hover { /*@post-title-color=color:*/ color: #333333 /*@*/; text-decoration:none; }
	.titleWrap h2 a:active { /*@post-title-color=color:*/ color: #333333 /*@*/; text-decoration:none; }

	.entryProtected { color: #666; }
	.entryProtected p.text   { padding:15px; border: 1px solid #f8f8f8; background-color: #f5f5f5; }
	.entryProtected input    { width:200px; border: 1px solid #e1e1e1; background-color: #f3f3f3;}
	.entryProtected .submit { background:url(./images/btn_ok.gif) 0 50% no-repeat; width:50px; height:23px; overflow:hidden; display:inline; text-indent:-1000em; border:0; cursor:pointer; margin-top: 13px;}

	.article{  width:/*@post-width:-68=*/ 750px /*@*/; font-size:/*@post-body-font-size=*/ 12px /*@*/; font-family: /*@post-body-font-family=*/ dotum /*@*/; color:/*@post-body-color=*/ #666666 /*@*/; overflow:hidden; padding: 40px 0; }

	.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;}

	.author                  { clear:both;font-family:Tahoma,gulim,gulim;font-size:10px;padding:20px 0;text-align:right;}


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

	#articleBtmWrap { width:/*@post-width:-68=*/ 682px /*@*/; background: #f8f8f8; border: 1px solid #f5f5f5; padding: 7px 0 5px 0; font-family: verdana; font-size: 11px; color: #999; margin: 0 auto; }

	.actionTrail             { width:/*@post-width:-98=*/ 625px /*@*/; overflow: hidden; border-bottom: 1px solid #fff; margin: 0 15px; padding-bottom: 5px; }
	.actionTrail .cnt        { color:#ff000a; font-weight: bold; }
	.actionTrail a:hover { text-decoration: none; }

	.trackback               { width:/*@post-width:-98=*/ 625px /*@*/; overflow:hidden;  margin: 0 15px;}
	.trackback a             { color:#666; text-decoration: none;}
	.trackback h3          { font-size: 11px; margin: 0; padding: 8px 0; font-weight: normal; border-bottom:1px solid #fff;}
	.trackback h4            { font-family: dotum; font-size: 11px; font-weight:normal;  margin:0; }
	.trackback ol            { margin:0;  padding:0; }
	.trackback li, .trackback .name, .trackback p { font-family: dotum; font-size: 11px; }
	.trackback li            { border-bottom:1px solid #fff;  padding:5px 0;}
	.trackback .date         { font:10px Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;}
	.trackback p             { margin:2px 0 0 0; padding:0;}

	.comment                          { width:/*@post-width:-98=*/ 625px /*@*/; overflow:hidden;  margin-left: 15px; }
	.comment p                        { margin:3px 0 0 0; padding:0;}
	.comment h3                       { display:none; }
	.comment ol,
	.comment ul                       { padding: 0; margin: 0; }
	.comment ol li                    { padding: 3px 0; border-bottom:1px solid #fff; }
	.comment li ul li                 { padding:5px 10px 5px 35px;  background:url("images/iconReComment.gif") no-repeat 12px 6px; border:none;}
	.commentWrite                     { overflow: hidden; color:#666; }
	.commentWrite input               { width:150px; color:#666; border: 1px solid #f5f5f5; }
	.commentWrite textarea            {  width:/*@post-width:-98=*/ 625px /*@*/; overflow: hidden;  padding: 5px; margin: 5px 0 0 0; color: #666; border: 1px solid #f5f5f5;}
	.commentWrite .homepage           { width:300px;}
	.commentWrite .submit             { background:url(./images/btn_comment.gif) no-repeat; width:150px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:10px auto; }
	.commentWrite .secretWrap         { clear:both; float:right; position:relative; top:0px; left:-10px; margin-bottom: 5px;}
	.commentWrite .checkbox           {	border:none; padding:0; margin:0; width:25px;}

	#paging            { padding-top:10px;  text-align:center;  font-size:0.95em;}
	#paging .numbox    { border-left:1px solid #ddd; padding-left:6px; margin-left:6px;  font:0.95em verdana;}
	#paging .num       { border-right:1px solid #ddd; padding-right:8px; margin-right:5px;}
	#paging #prevPage { background:url(./images/icon_left_page.gif) left 1px no-repeat; padding-left:12px;}
	#paging #nextPage { background:url(./images/icon_right_page.gif) right 1px no-repeat; padding-right:12px;}
    #paging span .selected { color: #ff000a; }

	/* footer */
	#footer { clear:both; width: 1203px;padding-top: 8px; border-top: 1px solid #989898; }
	#footer .adTistory { float:left; }
	#footer .copyright {float: right; font-family: Vadana, san-serif; font-size: 11px; text-align: right; padding: 0; margin: 0; }
	#footer .copyright p, #footer .copyright p a { color: #999; }
	#footer .copyright .tistory, #footer .copyright .tistory a { color: #666; }

    #blogMenu ul {margin: 0; padding: 0;}

	#footer .adTistory .logoTistory {
		background: url(./images/logo2.png) no-repeat; width: 105px; height: 34px; text-indent: -100em; display: block; overflow: hidden;
	}
	* html #footer .adTistory .logoTistory {
		background-image:none;
		cursor: pointer;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tisStudioWhite/images/logo2.png', sizingMethod='crop');
	}