@charset "utf-8";

@font-face {
  font-family: "Pretendard-Regular";
  src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard-Bold";
  src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff")
    format("woff");
  font-weight: bold;
  font-style: normal;
}

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

/* 본문 공통 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;outline:none}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
blockquote { position: relative; color:#555; margin: 0; padding: 10px 15px; border-left: 5px; solid #f1f1f1 }
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body{
		margin:0px;
		font:8px Pretendard-Regular;
		color:#262626;
}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.3;color:#262626}

img	{border:none;}

a:link          { color:#333;     text-decoration:none;}
a:visited       { color:#333;     text-decoration:none;}
a:hover         { color:#06B415 !important;  text-decoration:none;}
a:active        { color:#666;     text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

/* global */
#dkIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0} /* 스킵네비게이션 */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.show {display:block}
.hide {display:none}
.emph_t{color:#06B415}
.cont_skin{margin-top:80px}
.article_skin{width:820px;margin:0 auto}
.txt_bar{display:inline-block;width:1px;height:9px;margin:0 5px;background-color:#ebebeb}
.img_profile{float:left;margin-right:16px;border-radius:50px}
.ico_focused {outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px}

/* 페이징 - 현재 페이지 */
    .selected		{ font-weight:bold;  color:#06B415;}
    .no-more-prev,
	.no-more-next { color:#999;}


/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:9px Tahoma, Pretendard-Regular;  color:#ccc;}

/* 달력 월 표시 */
    .cal_month              { font:12px tahoma; font-weight:bold; text-align:center; letter-spacing:-1px; line-height:20px; background:url(./images/bg_ad.gif)}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:12px tahoma;  height:18px;  font-weight:normal; text-align:center;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:12px tahoma;  color:#056D0E;  text-align:center;}

/* 달력 Week(tr 영역)  */
    .cal_week               { background-color:#fff;}
    .cal_current_week       { background-color:#fff;}

/* 달력 Day(td 영역) */
    .cal_day                { font:9px tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#999;  text-align:center; height:20px; text-align:center; margin-left:8px;}
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         { color:#056D0E !important;}
    .cal_day_sunday a        { color:#056D0E !important;}

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#fff;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#fff;}
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#333;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#06B415;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#06B415;  font-weight:bold;}
    a.cal_click:visited     { color:#06B415;  font-weight:bold;}
    a.cal_click:hover       { color:#06B415;  font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { font: Pretendard-Regular; }
    .rp_admin               { color:#f00; }
    .rp_secret              { color:#f69; }
/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { font:28px Pretendard-Regular, Arial; letter-spacing:-3px;}
    .guest_admin            { font:28px Pretendard-Regular, Arial; letter-spacing:-3px; color:#f00;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment {	 font:28px Pretendard-Regular, Arial; letter-spacing:-3px; color:#aaa; }
/* 그림 */
    .imageblock             { }
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#fff; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          { background:url(./images/pic_more.gif) top left no-repeat;  padding-left:10px; padding-top:-5px; color:#000;}
    .moreless_top           { background:url(./images/pic_less.gif) top left no-repeat;  padding-left:10px; padding-top:-5px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(./images/pic_less.gif) top right no-repeat;  padding-right:10px; color:#999; text-align:right;}

/* 키워드 */ 
    .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }


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

/********************** ARIA 2.0 추가 스타일 **********************/

/* 전체스타일 */
#venezia {
		background-color:#fff;
		margin:auto;
		margin-top:0px;
		position:relative;
		}

/* 넓이 설정 */
#venezia		{ width:700px; }		
/* 롤오버 파트의 넓이 설정. 전체 넓이-20px 로 해주세요 */
#rvs_layer .rv	{ width:680px; }

/* 폰트 설정 */
.f9	{	font:9px tahoma !important;	}
.f11 {	font:11px Pretendard-Regular, Arial; text-decoration:none; letter-spacing:-1px;	}
.f12 {	font:12px Pretendard-Regular, Arial }
.f23 {	font:20px Pretendard-Regular, Arial; text-decoration:none;	letter-spacing:-3px; line-height:25px;}
.f26 {	font:28px Pretendard-Regular, Arial; text-decoration:none;	letter-spacing:-3px; line-height:25px;}
.f30 {	font:30px Pretendard-Regular, Arial; text-decoration:none;	letter-spacing:-4px; line-height:27px;}
.f32 {  font:32px Pretendard-Regular, Arial; text-decoration:none;	letter-spacing:-6px;}
.f35 {  font:35px Pretendard-Regular, Arial; text-decoration:none;	letter-spacing:-6px;}
.n	{	color:#F06; }

a.sublink:link { color:#aaa !important; }
a.sublink:visited { color:#aaa !important; }

.margin30 { height:30px; }
.margin45 { height:45px; }
.margin60 { height:60px; }
.margin70 { height:70px; }
.margin90 { height:90px; }

.line1	{ height:1px !important; background-color:#e1e1e1; width:100%;}
.line2	{ height:1px !important; background-color:#d9d9d9; width:100%;}

/* 헤더 */	
#header  {	background-color:#000;	padding:0px 10px 10px 10px;	height:202px; position:relative;	}

#login  { position:absolute; }
#header .background {
		background-image:url(./images/bg_blog_title.jpg);
		background-position:bottom;
		background-repeat:no-repeat;
		background-color:#151515;
		height:202px;
		position:relative;
		}
		
/* 블로그 제목 */		
#blog_title {
		color:#fff;
		padding:76px 0px 0px 0px;
    font-family:Pretendard-Regular;
		font-size:32px;
    font-weight: 300;
		text-align:center;
		letter-spacing:-3px;
		text-decoration:none;
		}
		
#blog_title a:link {color:#fff; font-family:Pretendard-Regular;}
#blog_title a:hover {color:#fff; font-family:Pretendard-Regular; text-decoration:none;}
#blog_title a:visited {color:#fff; font-family:Pretendard-Regular;}

/* 블로그 캐치카피 */
#blog_catchcopy {	color:#bbb;	text-align:center;	padding: 0px;	margin-top: 5px;}

/* 검색 */
#searcher {	position:absolute; top:182px; width:100%; z-index:3;}
#searcher .searcher {
		font:11px Pretendard-Regular, Arial;
		height:13px;
		width:120px;
		background-color:#8f9596;
		border:none;
		padding-left:10px;
		vertical-align:super;
		float:right;
		}
	
#searcher .submit { margin-right:5px; vertical-align:top; float:right;	}

/* 공지사항 */
#notice {	position:absolute;	top:182px;	padding-left:10px;	width:70%;		z-index:4;}		
#notice a:link { color:#D6FFD9;	}
#notice a:visited { color:#D6FFD9;	}

/* 서브체널 링크. 정렬 & 여백설정 */
#navi {	float:right; }
#navi .button {	padding:10px 10px 0px 0px;	}

/**** 롤오버 파트 *******/
#rvs {	background-color:#ededed;	padding:0px 10px 0px 10px;	}
#rvs .button {	padding:6px 20px 17px 0px;	}

/* 롤오버 div 스타일 */
#rvs_layer .rv {
		position:absolute;
		background-color:#ffffff;
		border:#ededed 10px solid;
		visibility:hidden;
		z-index:5;
		}

/* 롤오버 div, 서브타이틀 */
#rvs_layer .subject_tx {
		padding-top:10px;
		padding-left:10px;
		margin-bottom:10px;
		background-color:#f5f5f5;
		vertical-align:text-bottom;
		height:30px;
		/* background:url(./images/bg_ad.gif) */
		}

/* 태그, 카테고리등의 여백, 정렬 설정 */		
#rvs_layer .contentstable {	padding:0px 10px 10px 10px;	text-align:justify;	}

/* 최근글 리스트 여백, 정렬, 행간 설정 */
#rvs_layer .contents {
		padding:7px 10px 0px 10px;
		margin-top:-4px;
		text-align:justify;
		height:25px;
		background:url(./images/bg_recent.gif) repeat-x top;
		}

/* 각각의 파트 설정 */
#category .category { font: Pretendard-Regular; width:33%;	float:left;	height:100%;	padding-bottom:10px;	}
#category .tag { font: Pretendard-Regular;	width:67%;		float:left;	height:100%;	}

/* 롤오버 파트의 태그클라우드 */	
#category .cloud1, #tag .cloud1  {color:#06B415;}
#category .cloud2, #tag .cloud2  {color:#626262;}
#category .cloud3, #tag .cloud3  {color:#959595;}
#category .cloud4, #tag .cloud4  {color:#c2c2c2;}
#category .cloud5, #tag .cloud5  {color:#ddd;}

#recent .postrecent {	font: 13px Pretendard-Regular; width:44%;	float:left;	height:100%;	padding-bottom:10px;	}	
#recent .replies {	font: 13px Pretendard-Regular; width:54.5%;	float:left;	word-wrap:break-word;	height:100%;	padding-bottom:10px;		}		
.name	{	color:#999;	}/* name 클래스는 최근 리플 리스트에서만 쓰임 */
#recent .trackback { font: Pretendard-Regular; width:0%;	float:left;	height:100%;	}	

#link .link {	font: Pretendard-Regular; width:51%;	float:left;	height:100%;	padding-bottom:10px;	}
#link a.linkelement:link{ font: Pretendard-Regular; color:#333; line-height:20px;} /* 링크 리스트의 행간 설정 */
#link .calendar { width:30%;	float:left;	height:100%;	}		
#link .archive { font: Pretendard-Regular; width:19%;	float:left;	height:100%;	padding-bottom:10px;	}

/* s_list 부분. */
.listheader	{ text-align:center }
.listof		{ text-align:center; color:#333; }
.listofwhat	{ background-color:#333; color:#fff; padding-right:6px;}
.listresult	{ text-align:center; color:#333; margin-bottom:30px;}
.listdate	{ font:30px Arial; font-weight:bold; letter-spacing:-3px; line-height:20px; }
.listtitle	{ margin-top:3px; }

/* 지역 로그 */
#locallog {position:relative; margin:20px 0px 20px 0px;}
#locallog .spot			{margin-top:5px;}
#locallog .where		{}
#locallog .info			{}

#tag	{ text-align:justify; }
.tagfooter { width:100%; height:45px; background-color:#262626; }

/* 방명록 */
.guestinfo		{ float:left;	width:29%;}
.guestwrite 	{ height:45px;	background-color:#262626;	color:#999;	padding:17px 20px 0px 20px;}
#guestbook input	{color:#d4d4d4;	background:none;	border:none;	border-bottom:1px dotted #1c5057;	margin-top:3px;	width:100%;	cursor:text;}
.guestwritecomment	{font: 14px Pretendard-Regular; border:solid; border-width:0px;	width:100%;	height:160px;	}

/* 방명록 리스트 */
.guestsay	{ width:50%; text-align:right;}
.guestsaymargin { padding-right:10px;}
.guestreply	{ width:50%; text-align:left; }
.guestreplymargin { padding-left:10px;}
.breaker	{ word-break:break-all; word-wrap:break-word; padding-top:02px; font: 13px Pretendard-Regular; line-height:17px; }

/* 글쓰기 OK 버튼 */
.writesubmit	{background:url(./images/bg_writecomment.gif) bottom right no-repeat #262626;	height:73px;	text-align:right;}
.writesubmitbtn	{background-color:transparent;	width:100px !important;	height:15px;	margin:35px	10px 0px 0px !important;	cursor:pointer !important;}

/* 방명록과 리플 적용 스크롤바 스타일 */
.scrollbar {
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#888;
	}

/* 포스트 제목의 정렬/행간 설정 */	
.subject_post {
   text-align:center;
   line-height:24px;
   letter-spacing:-3px;
   }

/* 본문 */
.post	{	font-size:15px; font-family: 'Pretendard-Regular'; font-weight: 400, bold; line-height:24px; text-align:justify;}
.post blockquote { padding: 10px 20px; margin: 0 auto 28px; border-left:10px solid #eee; font-family: 'Pretendard-Regular'; }
.post blockquote,
.post blockquote p { font-size:13px; line-height:23px }
.post blockquote ol:last-child,
.post blockquote ul:last-child,
.post blockquote p:last-child { margin-bottom:0 }
.post .cap1 { font-size:10px; font-family: 'Pretendard-Regular'; color:#959595 ; text-align:center; }

/*이미지 설명*/
figure figcaption {
    font-size: 11px;  font-family:'Pretendard-Regular'; color:#898989; font-weight:bold;
    word-break: break-word;
    padding-top: 10px;
    min-height: 20px;
    caption-side: bottom;
    text-align: center;
}

/* 상단, 관리, 카테고리, 태그 */
.posttop	{ height:20px; padding:2px 0xp 2px 0px; }
.postadmin	{ padding:3px; margin-bottom:3px; float:right; border:1px dashed #ccc; background:url(./images/bg_ad.gif);}
.postcategory { padding:3px 0px 3px 0px; float:left;}
.posttag	{ padding:3px 0px 0px 0px;	vertical-align:top;  float:left; margin-left:8px;}

/* 본문 하단, 작성자 표시 */
.author		{ padding:15px 0px 0px 0px; height:15px; float:left;}

/* 본문 하단, 트랙백리플 갯수 */
.posttnr	{ padding:10px 0px 10px 10px;	text-align:right;}
.tnrcount	{ font:35px Arial, Helvetica, sans-serif;	color:#06B415; letter-spacing:-4px;	}
.tnrtext	{ font:18px Arial;	color:#333; letter-spacing:-1px;	}

/* 엮인글 */
.tbcontainer { display:table; margin:auto;}
.tbaddr		{ color:#b3b3b3;	height:45px;	background-color:#262626;	margin-bottom:1px; padding:17px 0px 0px 10px;}

/* 엮인글 블럭 */
.tbrep		{ float:left; width:330px; height:170px; padding:10px; background:#fff; position:relative;}
/* 엮인글 정보 */
.tbinfo		{ position:relative; z-index:3; text-align:center;}
/* 엮인글 본문 */
.tbtext		{ color:#ccc; word-wrap:break-all; position:absolute; z-index:3; text-align:center; margin-top:5px; width:100%; }


/* area_reply */
.area_reply {
  width: 100%;
  margin-top: 26px;
  overflow: hidden;
}

.area_reply .btn_replymore {
  display: block;
  width: 100%;
  height: 34px;
  margin-top: 7px;
  padding: 5px 0 0 20px;
  background: url(images/ico_plus.png) no-repeat center left;
  background-size: 10px 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
}

.area_reply .box_reply_info {
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}

.area_reply .box_reply_info:after {
  content: '';
  display: block;
  clear: both
}

.area_reply .box_reply_info .item_info {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
}

.area_reply .box_reply_info button {
  display: block;
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer
}

.area_reply .box_reply_info .btn_fold {
  display: none;
  background: url(images/arr_up.png) no-repeat center right;
}

.area_reply .box_reply_info .btn_spread {
  display: none;
  background: url(images/arr_down.png) no-repeat center right;
}

.area_reply .list_reply_comment li {
  margin-bottom: 0;
}

/* area_reply - list_reply */
.comment-list {
  font-size:10px;
	font: Dotum
	margin-bottom: 6px;
	overflow:hidden;
}
.comment-list ul li {
	padding: 30px 0 25px;
	border-top: 1px solid #e6e6e6;
	position: relative;
	min-height: 48px;
}
.comment-list ul li:first-child {
	border: none;
}
.comment-list ul li ul li {
	padding: 26px 0 0 60px;
	border-top: 0;
	border-bottom: 0;
}
.comment-list ul li .author-meta {
	position: absolute;
	overflow: hidden;
	top:30px; height:48px;
	left:0; right:0;
	padding: 4px 0 0 60px;
}
.comment-list ul li ul li .author-meta {
	top:26px;
	left:60px;
}
.comment-list ul li .author-meta .avatar {
	position: absolute;
	left:0; top:0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

.comment-list ul li .author-meta span {
	display:inline-block;
}

.comment-list ul li .author-meta a {
	text-decoration:none;
	color: #000;
}
.comment-list ul li .author-meta .nickname {
	float:left;
	font-size: 1em;
	font: Dotum
	line-height: 20px;
}

.comment-list ul li .author-meta .nickname img {
  display:inline-block;
}

.comment-list ul li .author-meta .nickname .tistoryProfileLayerTrigger {
	margin-bottom: 5px;
	margin-right: 0;
	vertical-align: bottom;
}

.comment-list ul li .author-meta .date {
	float:left;
	margin-left: 10px;
	font-size: 1em;
	font: Dotum
	color: #999;
	line-height:20px;
}
.comment-list ul li .author-meta .date:before,
.comment-list ul li .author-meta .date a:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 9px;
	margin-right: 10px;
	background-color: #b2b2b2;
}
.comment-list ul li .author-meta .date a {
	margin-left: 10px;
}
.comment-list ul li .control {
	position: absolute;
	top: 33px;
	right:0;
}
.comment-list ul li ul li .control {
  top: 29px;
}
.comment-list ul li .control a {
	margin:0 2px;
	text-decoration: none;
	font-size: 12px;
	color: #999;
}
.comment-list ul li p {
	position:relative;
	margin: 29px 0 0 60px;
	font-size: 0.75em;
	font: Dotum
	line-height: 1.5714;
	color: #666;
}



/* area_reply - reply_write */
.reply_write {
  margin-top: 10px;
}

.reply_write:after {
  content: '';
  display: block;
  clear: both
}

.reply_write .form_content {
  padding-bottom: 10px;
}

.reply_write .form_content textarea {
  width: 100%;
  height: 102px;
  padding: 9px 10px;
  font-size: 9px;
	font: Dotum
  box-sizing: border-box;
  vertical-align: top
}

.reply_write .form_guest {
  margin: 0 -4px
}

.reply_write .form_guest:after {
  content: '';
  display: block;
  clear: both
}

.reply_write .box_inp {
  float: left;
  width: 100%;
  margin-bottom: 8px
}

.reply_write .box_inp:nth-child(-n+2) {
  width: 50%
}

.reply_write .box_inp .inner_inp {
  margin: 0 4px;
  padding: 9px 10px;
  border: 1px solid #ddd;
  box-sizing: border-box
}

.reply_write .box_inp .inner_inp .inp_comment {
  width: 100%;
}

.reply_write .form_reg label {
  display: inline-block;
  padding-top: 7px;
}

.reply_write .form_reg label input {
  vertical-align: -2px;
}

.reply_write .btn_register {
  float: right;
  width: 105px;
  height: 36px;
  color: #fff;
  cursor: pointer;
  outline: none;
}

.reply_write .btn_register:hover {
  background: #777;
}

/* // area_reply */


/* * */
.star1	{ color:#056D0E }
.star2  { font:9px tahoma bold; color:#06B415; }

/* 페이징 */
.pagingbox	{ text-align:center;	font:9px tahoma;	color:#767676; position:relative;}
.paging	{ width:80%;	height:15px;	background-color:#ededed;	padding:13px 10px 10px 10px; margin:auto;}
.prevnext	{ float:left; }
.pages	{ float:right	}

/* 푸터 */
#footer	{ text-align:center; margin:40px 0px 0px 40px; }

/* 유튜브 모든 디바이스 적용 */
.youtubeWrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.youtubeWrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

[data-tistory-react-app="Namecard"] {
display: none;
}