@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');

/* 반응형 레이아웃 */
@media screen and (max-width:960px){
#container{width:100%; padding-top:0;}
#header h1{margin:20px 0;}
#sidebar{position:initial;float:none;width:auto;margin:0;}
	#sidebar #menu{padding:0;text-align:center;}
	#sidebar #menu li{display:inline;padding:2px 0;}
	#sidebar #menu li a span{padding-left:1px;padding-right:3px;}
#content{float:none;width:auto;margin:20px 0;}
#tistorytoolbarid{display:none;}
#search input[type="text"]{width:88%;float:left;}
#search .submit{float:right;}
#categoryWrap{border-top:1px solid #B69983;}
#categoryHead{margin:0;padding:0;padding-top:10px;border:0;}
#category{width:100%;left:-11px;margin:0;padding:10px;padding-top:10px;display:none;}
#linkHead{margin:0;padding:0;padding-top:10px;border:0;}
#link{width:100%;left:-11px;margin:0;padding:10px;padding-top:10px;display:none;}
.paging{text-align:center;}
}

/* 공통 요소 */
body{background-color:#E4CBA4;font-family:'Nanum Barun Gothic', 'NanumSquare';font-size:11pt;color:#4E3512;}
a, a:link, a:visited, a:active, a:hover{text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
a, a:link, a:visited{color:#4E3512;}
a:active, a:hover{color:#9B7540;}
.imageblock, img, embed, video, iframe {max-width:100%;height:auto;}
input{font-family:'Nanum Barun Gothic', 'NanumSquare', sans-serif;font-size:10pt;outline:none;}
.fixed{position:fixed;top:20px;}
li{list-style:none;}
blockquote:before{position:absolute;left:10px;top:10px;content:'\f10d';font:normal normal normal 10pt/1 FontAwesome;}
blockquote{position:relative;margin:10px 20px; padding:20px;border:1px solid #B69983; color:#704E3B;}
blockquote p{margin:10px;}
blockquote p:last-child{margin-bottom:0;}

/* 더보기 열렸을 때 버튼 앞 표시 */ 
div[data-ke-type='moreLess'].open .btn-toggle-moreless:before, #tt-body-page div[data-ke-type='moreLess'].open .btn-toggle-moreless:before {
	content: '▲'; /* 표기할 내용 */
	margin-right: 3px; /* 여백 */ } 

/* 더보기 닫혔을 때 버튼 앞 표시 */
div[data-ke-type='moreLess']:not(.open) .btn-toggle-moreless:before, #tt-body-page div[data-ke-type='moreLess']:not(.open) .btn-toggle-moreless:before {
	content: '▼'; /* 표기할 내용 */
	margin-right: 3px; /* 여백 */ }

/* 더보기 버튼 */
div[data-ke-type='moreLess'] .btn-toggle-moreless, #tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless {
	position: relative;
  display: inline-block;
  padding: 3px 15px 3px 10px; /*버튼 안쪽 패딩*/
	margin: 10px;
	background-color: #B69983;
	border:1px solid #704E3B;
	font-family: 'NanumSquare', sans-serif;
	font-weight: 600;
	font-size: 12pt;
	color: #EFE6D8; /* 폰트 색 */
}

.moreless-content{padding:15px;border:1px dotted #9E7752; background-color:#EFE6D8; font-family:'NanumSquare','Pacifico'; font-size: 11pt; color:#704E3B;}
.moreless-content p:first-child{margin-top:20px;}
.moreless-content p:only-child{margin:0;}
.moreless-content p:last-child{margin-bottom:10px;}
.moreless-bottom{display:none;}

/* 레이아웃 */
#container{margin:0 auto;padding-top:20px;width:960px;}
#miniMenu{text-align:right;}
	/* 미니메뉴 */
	#miniMenu a{margin-left:10px;}
	#miniMenu a, #miniMenu a:link, #miniMenu a:visited{color:#A57A4F; font-size:9pt;}
#header{text-align:center;padding:50px;}
	#header h1{margin:30px 0;line-height:1;font-family:'Pacifico','NanumSquare', sans-serif;font-size:36pt;font-weight:100;}
#sidebar{width:140px;float:left;margin-right:20px;padding:15px 10px;background:#EDE1CF;border:1px solid #B69983;text-align:center;}
	/* 사이드바 - 메뉴 */
	#sidebar #menu{margin:0;padding:0 5px;text-align:left;}
	#sidebar #menu li{display:block;list-style:none;padding:8px 0;font-size:9pt;}
	#sidebar #menu li a span{display:inline;padding-left:5px;}
	/* 사이드바 - 메뉴 끝 */
#content{width:760px;float:right;}
#footer{clear:both;padding:60px 20px;text-align:center;line-height:1.5;}
	#footer .copyright{margin:30px 0;color:#A57A4F;font-size:10pt;}
	#footer .copyright a, #footer .copyright a:link, #footer .copyright a:visited{color:#A57A4F;}

/* 카테고리 */
#categoryWrap{position:relative;clear:both;}
#categoryHead{margin-top:10px;padding:5px;border:1px solid #A57A4F;text-align:right;}
#category{width:92%;position:absolute;left:-20px;margin:0 20px;padding:5px;display:none;background:#fff;border:1px solid #A57A4F;border-top:none;text-align:left;z-index:999;}
.categoryTitle{float:left;}
#category ul{margin:0;padding:0;line-height:20px;}
#category li{list-style:none;}
#category ul li ul li>ul{padding-left:10px;}
#category ul li ul li>ul li>a:before{content:' - ';}
#category a{display:block;}
#category a:active, #category a:hover{background:#aaa;color:#fff;}

/* 링크 */
#linkWrap{position:relative;clear:both;}
#linkHead{margin-top:10px;padding:5px;border:1px solid #A57A4F;text-align:right;}
#link{width:92%;position:absolute;left:-20px;margin:0 20px;padding:5px;display:none;background:#fff;border:1px solid #A57A4F;border-top:none;text-align:left;z-index:999;}
.linkTitle{float:left;}
#link ul{margin:0;padding:0;line-height:20px;}
#link li{list-style:none;}
#link a{display:block;}
#link a:active, #link a:hover{background:#aaa;color:#fff;}

/* 검색 폼 */
#search{margin-top:10px;margin-bottom:-5px;}
#search input{border:0;background:transparent;}
#search input[type="text"]{width:75%;padding:5px 0;font-family:'NanumSquare', sans-serif;font-size:11pt;}
#search .submit{font:normal normal normal 10pt/2 FontAwesome;}
#search input::-webkit-input-placeholder{color:#453D32;}
#search input:-moz-placeholder{color:#453D32;}
#search input::-moz-placeholder{color:#453D32;}
#search input:-ms-input-placeholder{color:#453D32;}

/* 메인 요소 공통 */
.mainElement{margin-bottom:20px;padding:40px;background:#EDE1CF;border:1px solid #B69983;}
.mainElement h3{margin:0;font-size:14pt;font-weight:bold; font-family:'NanumSquare', sans-serif;}

/* 검색 결과 리스트 */
.searchList h3 span{margin-left:5px;}
.searchList ul{margin:0;margin-top:10px;padding:0;}
.searchList ul li{line-height:40px;border-bottom:1px solid #eee;}
.searchList ul li:last-child{margin-bottom:-10px;border:0;}
.searchList .cnt{margin-left:3px;font-size:10px;letter-spacing:-1px;}
.searchList .date{float:right;font-size:10px;letter-spacing:0.5px;}

/* 태그로그 */
.taglog ul{margin:0;margin-top:20px;padding:0;}
.taglog ul li{display:inline;}
.taglog ul li a{margin-right:7px;}
.taglog ul li a:before{content:'#';}
.taglog .cloud1{font-size:14pt;font-weight:bold;}
.taglog .cloud2{font-size:13pt;font-weight:bold;}
.taglog .cloud3{font-size:12pt;}
.taglog .cloud4{font-size:11pt;}
.taglog .cloud5{font-size:10pt;}
.taglog .cloud4:link, .taglog .cloud4:visited{color:#703910;}
.taglog .cloud5:link, .taglog .cloud5:visited{color:#CA814B;}

/* 방명록 */
.guestWrite input[type="text"], .guestWrite input[type="password"]{padding:5px;border:0;border:1px solid #B69983;background-color:#EFE6D8;color:#9F9284;}
.guestWrite .name{margin-right:15px;}
.guestWrite textarea{width:99%;height:100px;border:1px solid #B69983;background-color:#EFE6D8;}
.guestWrite  input[type="submit"]{float:right;border:0;background:transparent;color:#704E3B;font-family:'Teko';font-weight:300;font-size:18pt;margin-top:-10px;}
.guestWrite .guestSecret{margin:0;}
.guestList{padding:0;}
.guestList ul{margin:0;padding:0;}
.guestList .guestA{padding-bottom:20px;border-bottom:1px solid #eee;}
.guestList .guestA:last-child{margin-bottom:0;border-bottom:0;}
.guestList .guestB{padding:0 20px;}
.guestList .meta{padding:20px;padding-bottom:0;}
.guestList .guestB .meta{margin-top:20px;padding:0;}
.guestList .guest1 .guestContent{padding-bottom:0;}
.guestList .guestB .guestContent{padding:10px 0;}
.guestList .guestContent{margin:0;padding:10px 20px;line-height:1.8em;}
.guestList .guest2 .guestContent{padding-bottom:0;}
.guestList .guest2{padding-left:10px;border-left:2px solid #ccc;}
.guestList .meta .name{margin-right:5px;}
.guestList .meta i{margin-right:3px;}
.guestList .meta .date{letter-spacing:0.5px;font-size:14pt;font-family:'Teko', sans-serif;font-weight:300;}
.guestList .meta .control{float:right;font-size:14pt;font-family:'Teko', 'Nanum Barun Gothic', 'NanumSquare', sans-serif;font-weight:400;}
.guestList .meta .control a{margin-left:5px;}

/* 글 공통 */
.titleWrap h2{margin:0;margin-bottom:10px;font-size:14pt;font-family:'NanumSquare', 'Teko', sans-serif; font-weight:800;}
.titleWrap .date{letter-spacing:0.5px;}

/* 공지글 */
.entryNotice p:first-child{margin-top:0;}
.entryNotice p:last-child{margin-bottom:0;}
.entryNotice .article{padding-top:10px;line-height:1.5;}

/* 보호글 */
.entryProtected p{margin:10px 0;text-align:center;}
.entryProtected input{background:transparent;border:0;}
.entryProtected input[type="password"]{width:120px;padding:5px 0;border-bottom:1px solid #eee;}
.entryProtected .passwordForm{margin-bottom:0;}
.entryProtected input[type="password"]::-webkit-input-placeholder{color:#000;}
.entryProtected input[type="password"]:-moz-placeholder{color:#000;}
.entryProtected input[type="password"]::-moz-placeholder{color:#000;}
.entryProtected input[type="password"]:-ms-input-placeholder{color:#000;}


/* 일반 글 */
.entry .titleWrap .meta{margin-right:-5px; font-family:'Teko';font-weight:300; font-size:18pt;}
.entry .titleWrap .meta .date{margin:8px 5px 0 0;float:right;padding-bottom:font-family:'Teko', sans-serif; font-weight:300; font-size:13pt;}
.entry .titleWrap .admin{border:1px dashed #7E664E;padding:10px;text-align:center;font-size:9pt;margin:30px 0;}
.entry .article{padding:40px 0;line-height:1.8; border-top: 1px dashed; color:#703910;} 
.entry .article .another_category{border:0;opacity:100%;}
.entry .tagTrail{padding:10px 0;}
.entry .tagTrail a:before{content:'#';}

/* 댓글 */
.comment{margin-top:15px;'Nanum Barun Gothic', 'NanumSquare'; font-weight:300; font-size:10pt;}
.comment ul{margin:10px 0;padding:0;}
.comment .meta .name{margin-right:5px;}
.comment .meta .date{letter-spacing:0.5px;font-size:12pt;font-family:'Teko', 'Nanum Barun Gothic', 'NanumSquare', sans-serif;font-weight:300;}
.comment .meta .control{float:right;font-size:14pt;font-family:'Teko', 'Nanum Barun Gothic', 'NanumSquare', sans-serif;text-transform : capitalize;}
.comment .meta .control a{margin-left:5px;}
.commentList .commentB{margin-left:5px;padding-left:10px;border-left:2px solid #ccc;}
.commentList .commentContent{margin:7px 0 10px 0;line-height:1.8em;}
.commentWrite input[type="text"], .commentWrite input[type="password"]{padding:5px;border:1px solid #B69983;background-color:#EFE6D8;color:#9F9284;}
.commentWrite .name{margin-right:15px;}
.commentWrite textarea{width:99%;height:100px;border:1px solid #B69983;background-color:#EFE6D8;font-family:'NanumSquare', sans-serif; font-size:11pt;}
.commentWrite input[type="submit"]{border:0;background:transparent;color:#704E3B;font-family:'Teko';font-weight:500;font-size:18pt;margin-top:-10px;text-transform : uppercase;}
iframe[src="/api/dummy/comment.php"]{display:none;}


/* 페이징 */
.paging{font-size:10pt;}
.paging .num{padding:0 3px;}
.paging .selected{font-weight:bold;}
.paging .no-more-prev, .paging .no-more-next{display:none;}
blockquote

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