@charset "utf-8";
html { overflow-y:scroll;}

/* 반드시 들어가야 하는 스타일 시작 */

/*1. 레이아웃 */

@media screen and (max-width: 767px) {
	#tistorytoolbarid { display:none; }
	
	#main_header { display:none; }
	
	#content { width: 100%; overflow:hidden; }
	#content > #toggle > label { display:block; text-align:left; position: fixed; top:10px; left:5px; overflow:auto; }
	#sidebar { display:none; float:left; width: 200px; background:#fff; }
	#main_content { float:right; width: 100%; }
	
	#toggle > input[type=checkbox]:checked ~ #sidebar { display:block; position: fixed; top:60px; left:5px; }
	#toggle > input[type=checkbox]:checked ~ #main_content { margin-right:-260px; }
	#toggle > input[type=checkbox]:checked ~ #sidebar > div.blogImage { display:none; }
	
	#main_footer { width:100%; height:50px; margin-top:150px; text-align:center; }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
	#main_header { width:100%; height:50px; }
	
	#content { width: 100%; text-align:left; overflow:hidden; }
	#content > #toggle > input, #content > #toggle > label { display:none; }
	#sidebar { float:left; width: 200px; margin-top:50px; }
	#main_content { float:right; width: 100%; padding: 0 25px; margin-right:-260px; }
	#contents_inside { padding-right:260px; }
	
	#main_footer { width:100%; height:50px; margin-top:25px; text-align:center; }
}

@media screen and (min-width: 960px ) {
	#main_header { width:100%; height:100px; }
	
	#content { width: 960px; margin: 0 auto; text-align:left; overflow:hidden; }
	#content > #toggle > input, #content > #toggle > label { display:none; }
	#sidebar { float:left; width: 200px; margin-top:50px; }
	#main_content { float:right; width: 700px; padding: 0 25px; }
	
	#main_footer { width:100%; height:50px; margin-top:25px; text-align:center; }
}



/*2. 공통 스타일*/
body { font-family: 'thejung140', sans-serif; color: #454545; }

h1, h2, h3, h4, h5  {  margin:0; padding:0; }

a:not(.name) { color: #454545; text-decoration: none;	}
a:hover { color: #e79c9c }

img { border:0; }

ol, ul, li { padding:0; list-style:none; color:#454545; }

#main_content { font-size:13px; line-height:1.8em; letter-spacing:-0.5px; }

#sidebar { font-size:12px; color:#454545; line-height:1.6em; }
#sidebar h5 { text-align:center; color:#666; padding-top:10px; }

#main_footer { font-size:9px; color:#ccc; } 
#main_footer a { font-size:9px; color:#ccc; } 
#main_footer a:hover { color: #e79c9c } 

/*중복 사용 요소*/
/*작성자 1)방명록, 2)코멘트, 3)트랙백, 4) 검색결과, 5)최근 코멘트, 6)최근 트랙백*/
.name { font-weight:bold; color:#e79c9c; }
.name a { color:#e79c9c; }

/*글수정삭제 1)방명록, 2)코멘트*/
.control { font-size:10px; float:right;}

/*등록일시 1) 방명록, 2)코멘트 3)트랙백, 4)검색결과, 5)최근 코멘트, 6)최근 트랙백, 7)본문제목*/
.date { font-size:10px; padding: 0 5px; letter-spacing:1px; }


/*3. 사이드바*/
/*3-1. 사이드바 공통*/

/*탭구성 1*/
section.tabtab > input:nth-of-type(1) { display:none; }
section.tabtab > input:nth-of-type(1) ~ section:nth-of-type(2) { display:none; }
section.tabtab > input:nth-of-type(1):checked ~ section:nth-of-type(2) { display:block; }

/*탭구성 2*/
section.tabtab > input:nth-of-type(2) { display:none; }
section.tabtab > input:nth-of-type(2) ~ section:nth-of-type(3) { display:none; }
section.tabtab > input:nth-of-type(2):checked ~ section:nth-of-type(3) { display:block; }

/*탭 모양*/
section.buttons { overflow:hidden; }
section.buttons > label:first-of-type { display:block; float:left; width:100px; padding-right:2px; height:100%; line-height: 20px; text-align:right; box-sizing:border-box; background:#fff; color:#666; font-size:12px; font-weight:bold; }
section.buttons > label:last-of-type { display:block; float:left; width:100px; padding-left:2px; height:100%; line-height: 20px; text-align:left; box-sizing:border-box; background:#fff; color:#666; font-size:12px; font-weight:bold; }

section.tabtab input:nth-of-type(1):checked ~ section.buttons > label:nth-of-type(1) {
	background:#fff; color:#e79c9c;
}
section.tabtab input:nth-of-type(2):checked ~ section.buttons > label:nth-of-type(2) {
	background:#fff; color:#e79c9c;
}

section.tab_item { padding-bottom: 10px; }

/*3-2. 사이드바 개별*/
/*3-2-01. 블로그 이미지*/
.blogImage { width: 150px; height:150px; margin: 0 auto; margin-bottom:20px; border-radius:150px; overflow:hidden}

/*3-2-02. 블로그 제목*/
#blogTitle { text-align:center; }

/*3-2-03. 블로그 유저*/
.userID { text-align:center; padding-top:5px; font-size:11px; }

/*3-2-04. 블로그 설명*/
.blogDesc { display:block; font-size:10px; line-height:130%; text-align:center; padding: 10px 0;}

/*3-2-05. 공지사항 리스트*/
.notice { text-align:center; }
.notice ul { margin: 5px 0; }
.notice ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 200px;}

/*3-2-06. 관리자 메뉴*/
.adminMenu ul { list-style:none; text-align:center; padding: 0; }
.adminMenu ul li { display:inline; }

/*3-2-07. 카테고리*/
.category {  width: 150px; margin: 0 auto; font-size:13px; color:#333; }
.category ul { list-style:none; text-align:center; padding: 0; border-top: 1px solid #ddd; }
.category ul li { margin:10px 0; padding:5px 0;}
.category ul ul { border:none; }
.category a:hover { color:#333; letter-spacing:1px; }
/*관리자 화면 카테고리 설정에서 display 선택 가능*/
.c_cnt { font-size:9px; color:#e79c9c; }

/*3-2-08. 태그 클라우드*/
.tagbox { width: 150px; margin: 0 auto; border-top: 1px solid #ddd; text-align:center;padding-bottom:20px;}
.tagbox ul { list-style:none; padding: 0; }
.tagbox ul li { display: inline-block; color:#454545; font-size:11px; line-height:1.2em;}

/*3-2-09. 최근 게시글*/
.recentPost { width: 150px; margin:0 auto; border-top: 1px solid #ddd; padding-bottom:20px;}
.recentPost ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 150px;}

/*3-2-10. 최근 코멘트*/
.recentComment { width: 150px; margin:0 auto; border-top: 1px solid #ddd; padding-bottom:20px;}
.recentComment ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 150px;}
.recentComment .name { font-size:0.85em; font-weight:lighter; }
.recentComment .date { font-size:0.85em; }
	
/*3-2-11. 최근 트랙백*/
.recentTrackback { width: 150px; margin:0 auto; border-top: 1px solid #ddd; padding-bottom:20px;}
.recentTrackback ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 150px;}

/*3-2-12. 글 보관함*/
.archive { width: 150px; margin:0 auto; border-top: 1px solid #ddd; padding-bottom:20px; }
.archive ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 150px;}
.cnt { font-size:9px; color:#e79c9c; }

/*3-2-13. 달력*/
.calender { width: 150px; margin:0 auto; padding:20px 0; border-top: 1px solid #ddd; padding-bottom:20px;}
/*달력의 년월일, 이전달, 다음달*/
.cal_month { font-size:12px; height:18px; font-weight:bold; margin-bottom:5px;}
/*요일명 표시*/
.cal_week1 { display:none; height:18px; font-weight:normal; }
/*일요일*/
.cal_week2 { display:none; color:#de545a; font-weight:normal; }
/*달력의 주(Week) 단위를 표시*/
a.cal_week { }
/*달력의 현재 주(Current Week)를 표시*/
.cal_current_week { }
/*현재 달을 포함하는 전체 날짜(Day)의 스타일 전체*/
.cal_day { font-size:0.9em; color:#454545; text-align:center; }
/*현재 달을 포함하는 전체 날짜의 일요일 스타일*/
.cal_day_sunday { color:#de545a !important; }
.cal_day_sunday a { color:#de545a !important; }
/*이전달 잔여일: 기본적으로 출력안됨*/
.cal_day1 {  }
/*현재달 잔여공간: 기본적으로 출력안됨*/
.cal_day2 {  }
/*현재 달력의 이번달 날짜를 표시하는 스타일 */
.cal_day3 {  }
/*오늘 날짜를 표시하는 스타일*/
.cal_day4 { color:#333; font-weight:bold;  }
/*글 작성날 링크*/
a.cal_click:link { color:#454545; font-weight:bold;}
a.cal_click:visited { color:#454545;}
a.cal_click:hover { color:#e79c9c;  font-weight:bold; }

/*3-2-14. 링크*/
.link { width: 150px; margin:0 auto; border-top: 1px solid #ddd; padding-bottom:20px; }
.link ul li {  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 150px;}

/*3-2-15. 검색*/
.search { width:150px; padding: 10px 0; margin:0 auto; }
.search > input[type=text] { width: 80px; border: none; border-bottom:1px solid #ccc; padding-right:5px; }
.search > input[type=button] { width: 45px; height:18px; border:none;  background:#fff;}
.search > input[value=search] { font-family: 'thejung140', sans-serif; text-align:center; font-size:11px; color:#454545; }


/*3-2-16. 블로그 메뉴*/
.blogMenu {  font-size:10px; text-align:center;}
.blogMenu ul { list-style:none; padding: 0; }
.blogMenu ul li { display:inline; }

/*3-2-17. 방문자수*/
.counter { text-align:center; color:#888; padding-bottom:20px;}
.yesterday { display:none; }

/*3-2-18. 배너*/
.button { text-align:center;}
.button a { font-size:10px; color:#ddd; text-align:center; font-weight:bold; letter-spacing:2px; padding:5px 0; }

/*3-2-19. 카피라이트*/
.copyright { padding: 30px 0; font-size:8px; text-align:center; }

/*3-2-20. 여백*/
.blank { margin:20px 0; }

/*4. 메인*/
/*4-1. 게시글*/
.entry { margin:50px 0; }

/*4-1-1. 제목 영역*/
.titleWrap { margin:10px 0; }
/*4-1-1-1. 제목*/
.titleWrap h3 a { color: #e79c9c; }
.titleWrap a:hover { color:#333; }
/*4-1-1-2. 카테고리 표시*/
/*4-1-1-3. 등록일시 표시*/
.titleinfoWrap { padding-bottom:5px; border-bottom:1px solid #ddd; }
.titleinfoWrap > .category { font-weight:normal; font-size:10px; letter-spacing:1px; }
.titleinfoWrap > .date { font-size:9px; letter-spacing:1px; }
/*4-1-1-4. 게시글 수정 메뉴*/
.admin { font-size:0.75em; padding:10px 0; color:#ddd; }
.admin a:hover { color:#e79c9c; }

/*4-1-2. 본문*/
.article { padding:15px 0;}
.tt_article_useless_p_margin p { font-family: 'thejung140', sans-serif !important; font-size:13px !important; }
.tt_article_useless_p_margin p span { font-family: 'thejung140', sans-serif !important; font-size:13px !important; }

/* 이미지 출력 */
.imageblock { width:100% !important;}
.imageblock img { max-width:100% !important; height:auto; }


/*4-1-2-1. 더보기/접기*/
.moreless_fold { padding: 5px 0; color:#454545; }
.moreless_fold:hover { color:#e79c9c; }
.moreless_top { padding: 5px 0; color:#e79c9c;}
.moreless_content { padding: 5px 0; } 
.moreless_bottom { padding: 5px 0; color:#e79c9c; }

/*4-1-3. 태그*/
.tagTrail { margin-top:20px; padding: 5px 0; font-size:11px; }

/*4-1-4. 코멘트, 트랙백 카운터*/
.actionTrail { margin-bottom:10px; padding: 5px 0; font-size:10px; }

/*4-2. 트랙백*/
/*4-2-1. 트랙백 복사*/
/*4-2-2. 트랙백 리스트*/
.trackback { padding: 5px 25px; border-top:1px solid #ddd; }
.trackback p { margin: 10px 0; }
.trackback li p { margin:0; font-size:10px; }

/*4-3. 코멘트*/
.comment {  margin: 10px 0; overflow:hidden; }
/*4-3-1. 코멘트 입력폼*/
.commentWrite { padding: 0 25px; }
.commentWrite p label { color:#888; }
.commentWrite p label:nth-of-type(1) { font-size:11px; }
.commentWrite p label:nth-of-type(2) { font-size:11px; }
.commentWrite p label:nth-of-type(3) { font-size:11px; }
.commentWrite input[type=text]:first-of-type { width:155px; margin-right:10px; border:none; border-bottom:1px solid #ccc; }
.commentWrite input[type=text]:last-of-type { width:160px; border:none; border-bottom:1px solid #ccc; }
.commentWrite input[type=password] { width:155px; margin-right:10px; border:none; border-bottom:1px solid #ccc; }
.commentWrite input[type=submit] { float:right; width:170px; height:25px; border:none; background:#e79c9c; }
.commentWrite input[value=WRITE] { font-family: 'thejung140', serif; font-size:11px; letter-spacing:1px; text-align:center; color:#fff; }

/*비밀상태 체크*/
.commentWrite input[id=secret] + label {  display: inline-block; width: 12px; height: 12px; background-color: #ccc; border-radius: 6px; cursor: pointer; }
.commentWrite input[id=secret]:checked + label { background-color: #e79c9c; }
.commentWrite input[id=secret] { display: none; }

/*코멘트 입력 영역*/
.commentWrite textarea { padding:0; resize:none; border:1px solid #ccc;}
.cols_textarea { width:100%; height:80px; }

/*4-3-2. 코멘트 리스트*/
.commentList { padding-bottom: 10px; }
.commentList ol { list-style:none; margin:0; }
.commentList ol li { padding:20px 0; border-top: 1px solid #ddd; }
.commentList ol li ul li { margin:10px 0 10px 100px; border-top: 1px solid #ddd; }

/*4-4. 페이징*/
.paging { font-size:12px; text-align:center; padding:50px 0;  }
.paging a { padding: 0 3px; }
.selected { color: #e79c9c; /*font-weight:bold;*/ text-align:center;}
.no-more-prev, .no-more-next { color:#333; }

/*4-5. 보호글*/
.entryProtected { margin: 50px 0;}
.entryProtected p { }
.entryProtected label { }
.entryProtected input[type=password] { width:100px; border:none; border-bottom:1px solid #ccc; }
.entryProtected input[type=button] { width: 50px; height:25px; border:none;  background:#fff; }
.entryProtected input[value=Okay] { font-family: 'thejung140', sans-serif; font-size:12px; color:#454545; }

/*4-6. 공지글*/
.entryNotice { margin-top:50px; }

/*4-7. 검색결과*/
.searchList { margin-top:50px; padding-bottom: 20px; }
.searchRplist { margin-top:50px; padding-bottom: 20px; }

/*5. 태그로그*/
.taglog { margin-top:50px; }
.taglog ul { list-style:none; padding: 20px 0; }
.taglog ul li { display:inline; }

/*6. 위치로그*/
.localog { margin-top:50px; }
.spotwrap { margin: 20px 0; }

/*7. 미디어*/
#mediaLogNest { margin-top:50px; }

/*8. 방명록*/
.guestbook { margin-top:50px; }
/*8-1. 방명록 입력폼*/
.guestWrite { padding: 20px 25px; }
.guestWrite p label { color:#888; }
.guestWrite p label:nth-of-type(1) { font-size:11px; }
.guestWrite p label:nth-of-type(2) { font-size:11px; }
.guestWrite p label:nth-of-type(3) { font-size:11px; }
.guestWrite input[type=text]:first-of-type { width:155px; margin-right:10px; border:none; border-bottom:1px solid #ccc; }
.guestWrite input[type=text]:last-of-type { width:160px; border:none; border-bottom:1px solid #ccc; }
.guestWrite input[type=password] { width:155px; margin-right:10px; border:none; border-bottom:1px solid #ccc; }
.guestWrite input[type=submit] { float:right; width:170px; height:25px; border:none; background:#e79c9c; }
.guestWrite input[value=WRITE] { font-family: 'thejung140', serif; font-size:11px; letter-spacing:1px; text-align:center; color:#fff; }

/*비밀상태 체크박스*/
.guestWrite input[id=secret] + label {  display: inline-block; width: 12px; height: 12px; background-color: #ccc; border-radius: 6px; cursor: pointer; }
.guestWrite input[id=secret]:checked + label { background-color: #e79c9c; }
.guestWrite input[id=secret] { display: none; }

/*텍스트 입력 영역*/
.guestWrite textarea { padding:0; resize:none; border:1px solid #ccc;}
.cols_textarea { width:100%; height:80px; }

/*8-2. 방명록 리스트*/
.guestList { padding: 10px 0;  }
.guestList ol { list-style:none; }
.guestList ol li { padding:20px 0; border-top: 1px solid #ddd; }
.guestList ol li ul li { margin:10px 0 10px 100px; border-top: 1px solid #ddd; }


/*toggle*/
#toggle input[id=toggle_top] + label { display: inline-block; width: 30px; height: 30px; background-color: #ccc; border-radius: 15px; cursor: pointer; }
#toggle input[id=toggle_top]:checked + label { background-color: #e79c9c; }
#toggle input[id=toggle_top] { display: none; }