@charset "utf-8";

/* CSS Document */

* { margin:0;padding:0;border:0;text-decoration:none;}

body			{width:100%;font:11px/150% tahoma,'gulim';background:#fff;overflow:auto;color:#000;}

a						{font-weight:normal;color:#000;}
li						{list-style:none;display:inline;}
hr						{display:none;}
h3						{font:20px/150% tahoma,'gulim';font-weight:bolder;color:#000;padding:0 0 10px 0;}
.clear				{clear:both;}
label					{display:none;}


/* 공감버튼 수정 */
.container_postbtn{
	display: none !important;
	justify-content:center;
	align-items:center;
	transform:scale(1);
}
.wrap_btn{
	transform:scale(1);
}


/* 네임카드 수정 */
.tt_box_namecard{
	display: none !important;
	justify-content:center;
	align-items:center;
	transform:scale(1);
}

/* 달력 월 표시 */
	.cal_month, .cal_month  a		 {color:#000; font:10px/110% tahoma,'gulim';font-weight:bold;}
/* 달력 요일 표시(th 영역) */
	.cal_week1							{font:0.9em Tahoma, Dotum, Arial, sans-serif;  height:18px;  font-weight:normal; color:#000; }
/* 달력 일요일 표시(th 영역) */
	.cal_week2							{font:0.9em Tahoma, Dotum, Arial, sans-serif;  color:#000; }

/* 달력 Week(tr 영역)  */
	.cal_week					{background:none;}
	.cal_current_week		{background-color:#000; padding: 3px 0 5px 0;}

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

/* 달력 지난 달 날짜 표시(td)   */
	.cal_day1               {color:#000;}
/* 달력 다음 달 날짜 표시(td)   */
	.cal_day2               {color:#000;}
/* 달력 이번 달 날짜 표시(td) */
	.cal_day3               {color:#000;}
/* 달력 오늘 날짜 표시(td) */
	.cal_day4               {}
	.cal_day4 a			{color:#fff;background: #000;}
/* 달력 글쓴 날 링크 스타일 */
	a.cal_click				{color:#000;}


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


/* 이미지 아래 캡션 스타일 */
	.cap1                   { color:#000;  text-align:center;}
/* 그림 */
	.imageblock          { border:0;padding:0;margin:0; }
/* 왼쪽 */
	.left						{ border:0 10px 0 0;}
/* 가운데 */
	.center                 { border:0;}
/* 오른쪽 */
	.right                  { border:0 0 0 10px;}
/* 그림 2개 배치 */
	.dual                   { margin-bottom:0;}
/* 그림 3개 배치 */
	.triple                 { margin-bottom:0;}

/* 본문 - 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:#000; text-align:right;}



/* 레이아웃 */
#container {width:900px; margin:0 auto;padding:0;position:relative;min-height:100vh;}

/* 헤더 */
#header						{padding:40px 0 80px 0;}
#header .menu			{}
#header .menu .welcome					{height:40px;font:11px/110% 'gulim'; color:#000;letter-spacing:-1px;}
#header .menu .welcome li				{margin-right:12px;}
#header .menu .welcome li a			{font:11px/150% tahoma,'gulim';letter-spacing:0;color:#000;}
#header .menu .welcome li a:hover	{color:#000;}
#header .menu .welcome li.notice a	{font:11px/150% 'gulim';color:#000;font-weight:normal;}


/* 포스트 전체영역 */
#content   {width:900px; margin:0; padding:0;}

.entryNotice,
.taglog,
.searchList {padding:20px;margin:0 0 60px 0;border:1px solid #000;background:#fff;}

/* 공지글 */
.entryNotice {}

/* 태그로그 */
.taglog ul                  {text-align:justify;}
.taglog a                   {font:12px/150% 'gulim';letter-spacing:-1px;}
.taglog li  .cloud1       {font-weight:bolder;}
.taglog li  .cloud2       {font-weight:bold;}
.taglog li  .cloud3       {font-weight:bold;color:#000;}
.taglog li  .cloud4       {color:#000;}
.taglog li  .cloud5       {color:#fff;}


/* 보호글 */
.entryProtected				{margin:0 0 60px 0;width:478px;padding:3px 10px;border:1px solid #000;background:#fff;}
.entryProtected a.title		{font:11px 'gulim';color:#000;letter-spacing:-1px;font-weight:bold;}
.entryProtected p				{}
.entryProtected input		{font:10px/100% tahoma,'gulim';width:200px;border:1px solid #000;background:#fff;}
.entryProtected .submit	{width:50px;height:15px;color:#000;border:1px solid #000;background:#fff;}


/* 포스트-내용 */
.entry								{width:900px;margin:0 0 60px 0; overflow:hidden;}
.entry .post						{float:left;width:500px !important;margin:0 20px 0 0;}

.entry .post	 .article			{width:500px;padding-bottom:2px;}
.entry .article a				{}
.entry .article a:hover		{}
.entry .article dt				{text-decoration:underline;}
.entry .article dd              {margin-left:20px;  padding-bottom:10px;}
.entry .article blockquote	{background:url(images/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}

.entry .article h1	{font-size:1.6em !important; font-weight:bold;  color:#000; padding:5px 0;}
.entry .article h2 {font-size:1.4em !important; border:none; margin:0;color:#000; padding:5px 0; background:none;}
.entry .article h3 {font-size:1.2em !important; font-weight:bold;  color:#000; padding:5px 0;}
.entry .article h4 {font-size:1em !important; font-weight:bold;  color:#000; padding:5px 0;}
.entry .article h5 {font-size:1em !important; font-weight:bold;  color:#000; padding:5px 0;}
.entry .article h6 {font-size:1em !important; font-weight:bold;  color:#000; padding:5px 0;}

.entry .article ol  {margin:15px 0 !important;}
.entry .article ul  {margin:15px 0 !important;}
.entry .article ol li {list-style:decimal; margin-left:30px;}
.entry .article ul li {list-style:disc; margin-left:30px;}


.entry .titleWrap							{font:11px/130% 'gulim';padding:3px 10px;color:#000;}
.entryProtected .date,
.entry .titleWrap .date					{float:left;width:100px;font-family:tahoma,'gulim';color:#000;}
.entry .titleWrap .tagTrail				{float:right;width:350px;letter-spacing:-1px;text-align:right;color:#000;}
.entry .titleWrap .tagTrail a			{color:#fff;background:#000;padding:0 2px;}
.entry .titleWrap .tagTrail a:hover	{color:#000;}
.entry .titleWrap .admin					{font:10px/110% 'gulim'; color:#000;}
.entry .titleWrap .admin a				{}

/* 댓글 */
.comment						{float:left;width:380px !important;}
.commentList .name			{font-weight:bold; color:#000;}
.commentList .name a		{color:#000;}
.commentList .date			{font-size:10px;color:#000;}
.commentList .control		{font-weight:bold; color:#000;}
.commentList p				{margin-bottom:10px;}
.commentList ul.rp2			{background:url('images/iconReres.gif') no-repeat 2px 3px;  margin:-10px 0 10px 0;padding:0 0 0 20px;}
.commentList ul.rp2 name	 {}

.commentList .control a.modify        { background:url('images/iconModify.gif') no-repeat 2px center;  padding-left:34px; text-decoration:none;}
.commentList .control a.modify span   { display:none;}
.commentList .control a.write         { background:url('images/iconWrite.gif') no-repeat 2px center;  padding-left:34px;text-decoration:none;}
.commentList .control a.write span    { display:none;}

/* 댓글쓰기 */
.commentWrite input						{font:11px/100% 'gulim';padding:1px 4px;margin-bottom:2px;border:1px solid #000;background:#fff;}
.commentWrite input.inputname		{float:left;width:80px;background:url('images/inputName.gif') 2px 3px no-repeat;}
.commentWrite input.inputpass		{float:left;width:60px;background:url('images/inputPassword.gif') 2px 3px no-repeat;}
.commentWrite input.inputhome		{float:left;width:120px;background:url('images/inputHomepage.gif') 2px 3px no-repeat;margin-right:10px;}
.guestWrite .secretWrap,
.commentWrite .secretWrap			{float:left;padding:0;width:60px;background:url('images/inputSecret2.gif') 15px 5px no-repeat;}
.commentWrite .checkbox				{width:12px;height:12px;}

.commentWrite textarea				{background:url('images/inputComment.gif') 2px 2px no-repeat #fff;width:370px;height:30px;padding:4px;font:11px/130% 'gulim';border:1px solid #000;}
.commentWrite .submit					{padding:3px 10px;font:10px/100% Trebuchet MS,tahoma;color:#000;border:1px solid #000;background:#fff;}

/* 방명록 */
.guestbook {padding:20px;margin:0 auto 60px;max-width:700px;border:none;background:#fff;}
.guestWrite {margin-bottom:40px;}
.guestList {margin-top:70px;}
.guestList ol {list-style:none;padding:0;}
.guestList li {margin-bottom:15px;border-bottom:1px solid #fff;padding-bottom:10px;display:block !important;}
.guestList .name			{font-weight:bold; color:#000;}
.guestList .name a		{color:#000;}
.guestList .date			{font-size:10px;color:#000;}
.guestList .control		{font-weight:bold; color:#000;}
.guestList p				{margin-bottom:10px;margin-left:0 !important;padding-left:0 !important;}
.guestList ul.rp2			{background:url('images/iconReres.gif') no-repeat 2px 3px;margin:10px 0 10px 30px !important;padding:0 0 0 20px !important;list-style:none;}
.guestList ul.rp2 li {margin-left:0 !important;padding-left:0 !important;border-bottom:none;}

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

.guestWrite input						{font:11px/100% 'gulim';padding:1px 4px;margin-bottom:2px;border:1px solid #000;background:#fff;}
.guestWrite input.inputname		{float:left;width:80px;background:url('images/inputName.gif') 2px 3px no-repeat;}
.guestWrite input.inputpass		{float:left;width:60px;background:url('images/inputPassword.gif') 2px 3px no-repeat;}
.guestWrite input.inputhome		{float:left;width:120px;background:url('images/inputHomepage.gif') 2px 3px no-repeat;margin-right:10px;}
.guestWrite textarea				{background:url('images/inputComment.gif') 2px 2px no-repeat #fff;width:100%;max-width:660px;height:30px;padding:4px;font:11px/130% 'gulim';border:1px solid #000;box-sizing:border-box;}
.guestWrite .submit					{padding:3px 10px;font:10px/100% Trebuchet MS,tahoma;color:#000;border:1px solid #000;background:#fff;}


/* 검색 리스트  */
.searchList ol,
.searchRplist ol            { list-style:none;  padding:0 0 5px 0;  margin:0; }
.searchList li,
.searchRplist li            { border-bottom:1px solid #000; padding-top:5px; padding-bottom:3px;  margin-bottom:0;}
.searchList .date,
.searchRplist .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;   color:#000;  margin:0 10px 0 13px; }
.searchList .cnt,
.searchRplist .cnt { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#000; }
.searchRplist .name         { font:0.95em Dotum, Arial, sans-serif; color:#000;  padding-left:8px;}
.searchList a {color:#000; text-decoration:none;}
.searchList a:visited {color:#000;}
.searchList a:hover {color:#000; text-decoration:none;}
.searchRplist a {color:#000; text-decoration:none;}
.searchRplist a:visited {color:#000;}
.searchRplist a:hover {color:#000; text-decoration:none;}

/* 페이징 */
.paging										{text-align:center;}
.paging a									{color:#000;}
.paging .numbox span					{background:#fff;font-weight:bold;padding:0 2px;}
.paging .numbox span.selected	{color:#000;}
.paging .numbox span.interword	{color:#fff;background:none;font-weight:normal;}
.paging .no-more-prev,
.paging .no-more-next					{color:#fff;}


/* 사이드바 */
#sidebar div							{text-align:center;margin:5px auto;}
#sidebar .search					{display:none;}
#sidebar .search input				{font: 11px/100% 'gulim';color:#000;border:1px solid #000;background:#fff;}
#sidebar .search .submit			{font: 10px/100% tahoma;padding:2px 10px;border:1px solid #000;background:#fff;}

#sidebar .counter					{font:10px/100% Trebuchet MS;color:#000;display:none;}


/* 푸터 */
#footer          {clear:both;font:10px/100%;text-align:center;margin-bottom:60px;}
#footer a        {color:#000;}
#footer .copyright {position:fixed;bottom:5px;right:5px;font-size:9px;color:#000;background:#fff;padding:2px 5px;}


/* 모바일 및 태블릿 반응형 (768px 이하) */
@media screen and (max-width: 768px) {
	* {-webkit-text-size-adjust: none;}
	
	body {width:100% !important;overflow-x:hidden !important;min-width:0 !important;}
	
	#container {width:100% !important;max-width:100% !important;padding:0 15px !important;box-sizing:border-box !important;}
	
	#header {padding:20px 0 40px 0 !important;}
	
	#content {width:100% !important;max-width:100% !important;}
	
	/* 포스트 영역 */
	.entry {width:100% !important;margin:0 0 30px 0 !important;}
	.entry .post {float:none !important;width:100% !important;margin:0 !important;}
	.entry .post .article {width:100% !important;}
	
	/* 댓글 영역 - 포스트 하단으로 이동 */
	.comment {float:none !important;width:100% !important;margin-top:20px !important;}
	.commentWrite {width:100% !important;box-sizing:border-box !important;}
	.commentWrite textarea {width:calc(100% - 30px) !important;max-width:calc(100% - 30px) !important;box-sizing:border-box !important;}
	
	/* 방명록 */
	.guestbook {width:100% !important;max-width:100% !important;box-sizing:border-box !important;padding:15px !important;}
	.guestWrite {width:100% !important;box-sizing:border-box !important;}
	.guestWrite textarea {width:calc(100% - 30px) !important;max-width:calc(100% - 30px) !important;box-sizing:border-box !important;}
	
	/* 보호글 */
	.entryProtected {width:auto !important;max-width:100% !important;}
	
	/* 타이틀 영역 */
	.entry .titleWrap .tagTrail {float:none !important;width:100% !important;text-align:left !important;margin-top:5px !important;}
	
	/* 입력 필드 */
	.commentWrite input.inputname,
	.commentWrite input.inputpass,
	.commentWrite input.inputhome,
	.guestWrite input.inputname,
	.guestWrite input.inputpass,
	.guestWrite input.inputhome {
		float:none !important;
		width:calc(100% - 30px) !important;
		max-width:calc(100% - 30px) !important;
		margin:2px 0 !important;
		box-sizing:border-box !important;
	}
	
	/* 사이드바 */
	#sidebar {width:100% !important;margin-top:20px !important;}
	#sidebar .search input {width:60% !important;max-width:200px !important;}
	
	/* 푸터 */
	#footer {margin-bottom:30px !important;}
	#footer .copyright {position:static !important;text-align:center !important;margin-top:20px !important;}
	
	/* 태그로그 */
	.taglog {padding:15px !important;}
	
	/* 공지글 */
	.entryNotice {padding:15px !important;}
}

/* 모바일 세로 모드 (480px 이하) */
@media screen and (max-width: 480px) {
	h3 {font-size:16px !important;}
	
	.commentWrite input,
	.guestWrite input {font-size:12px !important;}
	
	.commentWrite textarea,
	.guestWrite textarea {font-size:12px !important;min-height:60px !important;}
	
	#footer .copyright {position:static !important;text-align:center !important;}
	
	#container {padding:0 10px !important;}
	
	.commentWrite textarea {width:calc(100% - 20px) !important;max-width:calc(100% - 20px) !important;}
	.guestWrite textarea {width:calc(100% - 20px) !important;max-width:calc(100% - 20px) !important;}
}