@charset "utf-8";

/* CSS Document */

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

body			{width:100%;font:11px/150% tahoma,'Nanum Gothic';background:#FFF;overflow:auto;color:#523f3f}

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





/* 스크롤바 */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #FFF8F4;
    background-color: var(--bg);
}

::-webkit-scrollbar-thumb {
    background-color: #ffb88d;
    background-color: var(--scroll);
    border-radius: 10px;
}

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

/* 달력 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:#523f3f;  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:#523f3f;background: #DCD2C8;}
/* 달력 글쓴 날 링크 스타일 */
	a.cal_click				{color:#523f3f;}


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


/* 이미지 아래 캡션 스타일 */
	.cap1                   { color:#000;  text-align:center;}
/* 그림 */
	.imageblock          { border:0;padding:0;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 */
.btn_more,
.btn_less,
.moreless_fold,
.moreless_top,
.moreless_bottom {
    color: #523f3f;
    position: relative;
    display: inline-block;
    padding: 5px 0 !important;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.btn_less {
    color: inherit;
}

.btn_more:hover,
.moreless_fold:hover,
.moreless_top:hover,
.moreless_bottom:hover {
    color: #444;
}

.btn_more:after,
.moreless_fold:after,
.tags a:after {
    position: absolute;
    z-index: -1;
    content: "";
    width: 0;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #CCB2BF;
    display: inline-block;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.btn_less:focus:after,
.btn_less:hover:after,
.moreless_fold:focus:after,
.moreless_fold:hover:after,
.tags a:focus:after,
.tags a:hover:after {
    width: 100%;
}

.btn_more:before,
.btn_less span:before,
.moreless_fold:before,
.moreless_top:before,
.moreless_bottom:before {
    content: "\f107";
    font-family: 'fontAwesome';
    margin-right: 5px;
}

.btn_less:last-child span:before,
.moreless_bottom:before {
    content: "\f106 ";
}
.btn_less:first-child {
	margin-bottom: 10px;
}

.btn_less:last-child {
	margin-top: 10px;
}

.btn_more {
    display: block;
}

.moreless_content {
    position: relative;
    height: auto;
    background: rgba( 255, 255, 255, 0 );
    padding: 7px;
}

.moreless_content a {
    transition-property: color;
    transition-duration: .5s;
    color: inherit;
}

.btn_less:hover, 
.moreless_content a:hover {
    color: #fff;
}


/* 레이아웃 */
#container {max-width: 850px; margin:0 auto;}

/* 헤더 */
#header						{padding:40px 0 40px 0;}
#header .menu			{}
#header .menu .welcome					{height:40px;font:11px/110% 'gulim'; color:#523f3f;letter-spacing:-1px;display:none}
#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:#523f3f;}
#header .menu .welcome li.notice a	{font:11px/150% 'gulim';color:#523f3f;font-weight:normal;}

/*헤더 메뉴 영역*/
#header .menu .top_area ul{
	display:block;
	max-width: 850px;
		text-align:center;
}
#header .menu .top_area ul li{
	font-size:1.0em;

}
/*!!!!!!!!!!!!!!!!!!!!!!여기가 헤더 메뉴 색 바꾸는 곳임!!!!!!!!!!!!!!!!!!!!!!!!*/
#header .menu .top_area ul li i{
	color:#f5f5f5
}
/*!!!!!!!!!!!!!!!!!!!!!!여기가 헤더 메뉴 색 바꾸는 곳임!!!!!!!!!!!!!!!!!!!!!!!!*/
#header .menu .top_area ul li:nth-child(1){
	margin-right:10px
}
#header .menu .top_area ul li:nth-child(2){
	margin-right:10px
}

/* 포스트 전체영역 */
#content   {max-width: 850px; position: relative;
	  left: 50%;
	  transform: translate(-50%, 0);
    margin-bottom: 30px;
    display: inline-flex;
    flex-direction: column;
    align-items: left;
    margin-right: auto;
    z-index: 999;}

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

/* 공지글 */
.entryNotice {}

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


/* 보호글 */
.entryProtected				{margin:0 0 60px 0;max-width: 850px;padding:3px 10px;border:0px solid #fff; background:rgba( 255, 255, 255, 0.6 ); border-radius:10px; margin-top:20px; margin-bottom:20px;}
.entryProtected a.title		{font:11px 'gulim';color:#523f3f;letter-spacing:-1px;font-weight:normal;}
.entryProtected p				{}
.entryProtected input		{font:10px/100% tahoma,'gulim';width:200px;background:#F7F7F7;}
.entryProtected .submit	{width:50px;height:15px;color:#523f3f;background:rgba( 255, 255, 255, 0 );}


/* 포스트-내용 *//*여기만지다말았음...*/
.entry								{max-width: 850px;margin:0 0 60px 0; overflow:hidden; border:0px solid #fff; border-radius:10px; background-color: rgba( 255, 255, 255, 0.6 )}
.entry .post						{text-align: center; max-width: 850px !important;}

.entry .post	 .article			{text-align: center; max-width: 850px;padding-bottom:2px;margin-left:5%; margin-right:5%; margin-top:5%; margin-bottom:1%;}
.entry .article a				{}
.entry .article a:hover		{color:#523f3f;}
.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-right:5px; margin:10px 20px;}

.entry .article h1	{font-size:1.6em !important; font-weight:bold;  color:#523f3f; 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:#523f3f; padding:5px 0;}
.entry .article h4 {font-size:1em !important; font-weight:bold;  color:#523f3f; padding:5px 0;}
.entry .article h5 {font-size:1em !important; font-weight:bold;  color:#523f3f; padding:5px 0;}
.entry .article h6 {font-size:1em !important; font-weight:bold;  color:#523f3f; 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;background:rgba( 255, 255, 255, 0 ); max-width: 100% ;padding-left:5%;
padding-bottom:20px}
.entryProtected .date,
.entry .titleWrap .date					{float:left;width:100px;font-family:tahoma,'gulim';color:#523f3f;}
.entry .titleWrap .tagTrail				{float:right;width:10%;letter-spacing:-1px;text-align:right;color:#EEE;}
.entry .titleWrap .tagTrail a			{color:#523f3f;background:none;padding:0 10%;}
.entry .titleWrap .tagTrail a:hover	{color:#523f3f;}
/*!!!!!!!!!!!!!!!!!!admin 글씨 색 바꾸는 곳*!!!!!!!!!!!!!!!!!!!!!!*/
.entry .titleWrap .admin					{font:10px/110% 'gulim'; color:#523f3f;}
.entry .titleWrap .admin a				{color:#523f3f}
/*!!!!!!!!!!!!!!!!!!admin 글씨 색 바꾸는 곳*!!!!!!!!!!!!!!!!!!!!!!color만 건드리시면됩니다*/

/* 댓글 */
.comment						{float:left;width: 89% !important;
margin-left:5%; margin-right:5%; margin-bottom:3%}
.commentList .name			{font-weight:bold; color:#523f3f;}
.commentList .name a		{font-weight:bold; color:#523f3f;}
.commentList .date			{font-size:10px;color:#523f3f;}
.commentList .control		{font-weight:bold; color:#523f3f;}
.commentList p				{margin-bottom:20px;}
.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('https://i.imgur.com/loJKuyv.png') no-repeat 2px center;  padding-left:1%; text-decoration:none;}
.commentList .control a.modify span   { display:none;}
.commentList .control a.write         { background:url('https://i.imgur.com/XtBcCRJ.png') no-repeat 2px center;  padding-left:1%;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 #fff;background:#fff;width: 100%;
}
.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:5%;}
.guestWrite .secretWrap,
.commentWrite .secretWrap			{float:left;padding:0;width:60px;background:url('https://i.imgur.com/4LTZfQg.png') 15px 5px no-repeat;}
.commentWrite .checkbox				{width:12px;height:12px;}

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


/* 검색 리스트  */
.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:#523f3f;  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:0 0px}
.searchList a {color:#523f3f; text-decoration:none;}
.searchList a:visited {color:#523f3f;}
.searchList a:hover {color:#000; text-decoration:none;}
.searchRplist a {color:#523f3f; text-decoration:none;}
.searchRplist a:visited {color:#523f3f;}
.searchRplist a:hover {color:#000; text-decoration:none;}

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

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


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

.container_postbtn {display: none;}