@charset "utf-8";


/* CSS Document */

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

body			{width:100%;font:11px/150% tahoma,'gulim';background:#FFF;background-image: url('https://tistory1.daumcdn.net/tistory/7341501/skin/images/mmcpic3.png');}

a						{font-weight:normal;color:rgb(181, 152, 174);}
li						{list-style:none;display:inline;}
hr						{display:none;}
h3						{font:20px/150% tahoma,'gulim';font-weight:bolder;color:#708090;padding:0 0 10px 0;}
.clear				{clear:both;}
label					{display:none;}
[data-tistory-react-app="Namecard"] {
display: none;
}




/* 달력 월 표시 */
	.cal_month, .cal_month  a		 {color:#708090; 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:#FFDE00; }
/* 달력 일요일 표시(th 영역) */
	.cal_week2							{font:0.9em Tahoma, Dotum, Arial, sans-serif;  color:#FFF200; }

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

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

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


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


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

/* 본문 - more / less */
	.moreless_fold			{ background:url('images/iconMore.gif') top left no-repeat;  padding-left:20px; color:#00CED1;}
	.moreless_top				{ background:url('images/iconLess.gif') top left no-repeat;  padding-left:20px; color:#00CED1;}
	.moreless_body			{ }
	.moreless_bottom		{ background:url('images/iconLess.gif') top right no-repeat;  padding-right:20px; color:#00CED1; text-align:right;}



/* 레이아웃 */
#container {width:900px; margin:0 auto;padding:0;}

/* 헤더 */
#header						{padding:40px 0 80px 0;}
#header .menu			{}
#header .menu .welcome					{height:40px;font:11px/110% 'gulim'; color:#999;letter-spacing:-1px;}
#header .menu .welcome li				{margin-right:5px;}
#header .menu .welcome li a			{font:10px/150% tahoma,'gulim';letter-spacing:0;font-weight:bold;color:#708090;}
#header .menu .welcome li a:hover	{color:rgb(181, 152, 174);}
#header .menu .welcome li.notice a	{font:11px/150% 'gulim';color:#00CED1;font-weight:normal;}


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

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

/* 공지글 */
.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:#708090;}
.taglog li  .cloud4       {color:#708090;}
.taglog li  .cloud5       {color:#DDD;}


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


/* 포스트-내용 */
.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; 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;border:1px solid #DDD;background:#EEE;}
.entryProtected .date,
.entry .titleWrap .date					{float:left;width:100px;font-family:tahoma,'gulim';color:#708090;}
.entry .titleWrap .tagTrail				{float:right;width:350px;letter-spacing:-1px;text-align:right;color:#EEE;}
.entry .titleWrap .tagTrail a			{color:#FFF;background:#DDD;padding:0 2px;}
.entry .titleWrap .tagTrail a:hover	{color:#708090;}
.entry .titleWrap .admin					{font:10px/110% 'gulim'; color:#00CED1;}
.entry .titleWrap .admin a				{}

/* 댓글 */
.comment						{float:left;width:380px !important;}
.commentList .name			{font-weight:bold; color:#708090;}
.commentList .name a		{color:#708090;}
.commentList .date			{font-size:10px;color:#EEE;}
.commentList .control		{font-weight:bold; color:#E3EAE6;}
.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 #DDD;background:#EEE;}
.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/inputSecret.gif') 15px 5px no-repeat;}
.commentWrite .checkbox				{width:12px;height:12px;}

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



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

/* 페이징 */
.paging										{text-align:center;}
.paging a									{color:#708090;}
.paging .numbox span					{background:#EEE;font-weight:bold;padding:0 2px;}
.paging .numbox span.selected	{color:#DDD;}
.paging .numbox span.interword	{color:#EEE;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					{}
#sidebar .search input				{font: 11px/100% 'gulim';color:#708090;border:1px solid #DDD;background:#EEE;}
#sidebar .search .submit			{font: 10px/100% tahoma;padding:2px 10px;border:1px solid #DDD;background:#EEE;}

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


/* 푸터 */
#footer          {clear:both;font:10px/100%;text-align:center;margin-bottom:60px;}
#footer a        {color:#708090;}

/* - - - BGM 플레이어 관련 - - - */
.mm-bgm{
  position: fixed;
  bottom: 15px; /* 우측상단 원하면 bottom을 top 으로 변경 */
  right: 15px;
  z-index: 9999; /* 맨위로 */
  border: none;
}
/* - - - BGM 플레이어 끝 - - -*/