@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&display=swap');@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');
* {
	cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto !important;
	padding: 0;
	margin: 0;
	font-size: 11px;
	letter-spacing: -0.5px;
	font-family: 'Arial', Verdana, Geneva, sans-serif;
	word-break:break-all;
}

::placeholder {
	color:#999;
}

iframe, img {
	width:100%;
	display:block;
}

a,
a:link,
a:visited {
	color: #000;
	text-decoration: none;
}

a,
a:visited,
a:link,
iframe,
img,
i,
input,
label,
.hover {
	cursor: url('./images/pointer.PNG'), auto !important;
}

.entryNotice .tit_wr {
	display:none;
}
.entryNotice .title a{
	transition:500ms ease;
	font-size:3em;
	font-weight:bold;
	box-shadow:inset 0 -5px 0 0 #eee;
}
.entryNotice .title a:hover{
	box-shadow:inset 0 -5px 0 0 #E7FBBE;
}

/*이미지 병렬*/

hr[data-ke-style],
#tt-body-page hr[data-ke-style] {
	margin-bottom: 7px !important;
}

figure.imagegridblock {
	margin:0 !important;
	margin-bottom:0 !important;
}
figure.imagegridblock:last-child{
	margin:0;
}

figure.imagegridblock .image-container {
	justify-content: space-between !important;
	align-items: stretch !important;
}

figure.imagegridblock .image-container:last-child {
	margin-bottom:0 !important;
}

figure.imagegridblock .image-container span {
	align-items: flex-end !important;
	flex-grow: 1 !important;
	margin:0 !important;
	margin-bottom:0 !important;
	margin-top:0 !important;
}

figure.imagegridblock .image-container span:first-child{
	margin-left:0 !important;
}

figure.imagegridblock .image-container span:last-child{
	margin-right:0 !important;
}

.image-container span img {
	height: 100% !important;
}

/*갤러리형*/
.gallery .sum, 
.gallery .li_tit_wr,
.gallery .sumimg{
	display:none;
}

.gallery {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.gallery li {
	flex:0 3 33.3%;
	position:relative;
	box-sizing:border-box;
	padding:0.5px;
	overflow:hidden;
	display:block;
}
.gallery li img {
	width:100%;
	display:block;
}

.gallery li a {
	overflow:hidden;
}

.gallery .thumb {
	position:relative;
}

.gallery .thumb img {
	
	position:absolute;
}

.gallery .hover {
	transition:1s ease;
	opacity:0;
	background:rgba(255,255,255,0.5);
	background-size:cover;
	z-index:999;
	position:absolute;
	width:100%;
	height:100%;
}

.gallery li:hover .hover {
	opacity:1;
}

 #quotebox {
	padding:20px !important;
}

/*lightEX delete*/
.lb-outerContainer{
	display:none !important;
}
#lightbox{
	display:none !important;
}
.lightboxOverlay{
	display:none !important;
}
input,
textarea,
button {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	outline: none;
	resize: none;
}

li,
ul,
ol,
dl {
	padding: 0;
	margin: 0;
	list-style: none;
}

body {
	color: #000;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}


/*img, iframe*/

figure {
	display: block;
	padding: 0 !important;
	margin: 0 !important;
}

.article iframe,
.article img {
	width: 100%;
	cursor: url('./images/pointer.PNG'), auto !important;
	display: inline-block;
	vertical-align: bottom;
	padding: 0 !important;
	margin: 0 !important;
}

figure iframe {
	height: 250px;
	display: inline-block;
	vertical-align: bottom;
}

figcaption {
	display: none;
}


/*protected*/

.enterpw {
	display: inline-block;
	width: 100px;
}

.enterpw input {
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	border: 0;
	width: 100%;
	background:0;
}

.enterpw input:first-child {
	border-bottom:1px solid #ddd;
}



.entryProtected {
	text-align: center;
}


/*notice*/

.entryNotice {
	overflow: hidden;
	display: block;
	box-sizing: border-box;
}

.entryNotice .article {
	margin: 0 !important;
}


/*taglog*/

.taglog {
	overflow: hidden;
	box-sizing: border-box;
	background: #FFF;
}

.taglog a {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	color: #4157e8;
	display: block;
}

.taglog a:before {
	content: "#"
}


/*guestbook*/

.guestmember {
	overflow: hidden;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
	margin-bottom: 20px;
}

.guestmember input {
	color:#999;
}
.guestmember input:focus {
	background:#fcfcfc;
}

.guestm {
	width: 33.3%;
	display: block;
	float: left;
	border: 1px solid #ddd;
	border-right: 0;
	outline: none;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}

input[type="checkbox"] {
	display: none;
}
input[type="checkbox"]+label {
	font-weight:bold;
	margin-right:15px;
}
input[type="checkbox"]+label:after {
  content: "public";
	color:#aaa;
}

input[type="checkbox"]:checked+label:after {
  content: "secret!";
	color:#ffb546;
}

textarea {
	line-height:2;
	text-align:left;
	height: 120px;
	width: 100%;
	background: 0;
	border: 0;
	box-sizing: border-box;
}

.textarea {
	text-align:right;
	overflow: hidden;
	display: block;
	outline: none;
	resize: none;
	padding: 20px;
	width: 100%;
	border: 0px;
	box-sizing: border-box;
	margin-bottom: 40px;
	transition: 200ms ease;
	border: 1px solid #ddd;
}

input[type="submit"] {
	font-size: 11px;
	border: 0;
	background: 0;
	font-weight: bold;
	padding-right:1px;
}

.comment {
	margin-top: 50px;
}

.commentList {}

.commentList .date {
	font-size: 10px;
	color: #777;
}

.commentList p {
	margin: 10px 0;
}

.commentList li #first,
.commentList ul li {
	margin: 20px 0;
	box-sizing: border-box;
	;
}

.name {
	font-weight: bold;
	padding-right: 10px;
}

.control a {
	color: #777;
}

.commentList li {}

.commentList ul li {
	border-top: 1px dashed #eee;
	padding-top: 20px;
	position: relative;
	padding-left: 30px;
}

.commentList ul li:before {
	content: "└";
	position: absolute;
	margin-left: -20px;
	font-family: '돋움';
	color: #aaa;
}


/*container*/

#container {
	overflow: hidden;
	margin: 90px auto;
	margin-bottom: 50px;
	width: 400px;
}


/*side*/

#side {
	width:90px;
	margin-bottom:60px;
	box-sizing: border-box;
}

#side .prf img {
	box-sizing:border-box;
}

.mur {
	border:1px solid #ddd;
	border-radius:5px;
	margin:15px 0;
}

.click {
	padding:5px 8px;
}

.click img {
	width:auto;
	float:right;
	margin-right:-3px;
}

.lists {
	display:none;
	border-top:1px solid #eee;
	overflow: hidden;
	text-align: left;
}

.lists li a {
	letter-spacing: -0.1px;
	display: block;
	padding:5px 8px;
}

.lists .sub_list {
	display: none;
	padding-left:7px;
	box-sizing:border-box;
}
.lists .sub_list a {
	float:left;
	padding:5px 1px;
}

.admin{
	border-top: 1px dashed #ddd;
	padding-top:15px;
	text-align:left;
	overflow:hidden;
}

.admin a{
	color:#aaa;
	float:left;
	margin-right:8px;
}

.admin a:last-child{
	float:right;
	margin:0;
}

#side a:hover {
	text-decoration:underline;
}

/*content*/

#article {
	font-family: Verdana, Geneva, sans-serif;
	width: 100%;
	background: #fff;
	font-family: ''
}

#updown {
	overflow: hidden;
}

#side #updown li {
	padding-left: 10%;
	display: none;
}

#side #updown li a:before {
	content: '-';
}

#content {
	font-family: 'PT Sans', '돋움';
	width: 100%;
	overflow:hidden;
	display:block;
	position:relative;
}

.title {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

.tit_wr .date {
	color:#999;
	font-family: 'PT Sans';
}

.tit_wr {
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
	margin-bottom: 20px;
}

.article {
	line-height: 2;
	letter-spacing:1px;
}


/*report button delete*/

.container_postbtn {
	display: none;
}


/*list type*/

.textli li {
	display:block;
	overflow: hidden;
	line-height:1;
	padding:1px 0;
	margin-bottom:40px;
}

.textli img,
.textli .sum {
	display:none;
}

.textli li:last-of-type {
	margin:0;
}

.textli li a {
	transition:500ms ease;
	float: left;
}
.textli .li_tit {
	float:left;
	font-weight:bold;
}
.textli .caret {
	float:left;
	display:none;
	height:11px;
	position:relative;
	top:-2px;
	margin-right:5px;
	transform:rotate(90deg);
}
.textli li:hover .caret {
	display:block;
}
.textli li:hover .li_tit {
	text-decoration:line-through;
}

.listdate {
	margin-left: 15px;
	float: left;
	color: #777;
}

.sumli .li_tit_wr, 
.sumli .galimg, 
.sumli .noimg {
	display:none;
}

.sumli .thumb {
	margin:0;
}

.sumli li {
	cursor: url('./images/pointer.PNG'), auto !important;
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
	line-height:2;
}

.sumli li .sum {
	margin:20px 0;
	display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
	cursor: url('./images/pointer.PNG'), auto !important;
	overflow:hidden;
	text-overflow:ellipsis;
  word-wrap: break-word;
	padding:0 5px;
}
.sumli li:last-of-type {
	margin:0;
	border:0;
}
.sumli img {
	width:100%;
	display:block;
}
.sumli img+div {
	display:none !important;
	margin:0;
}
.sumli li .sumimg {
	margin:25px 0;
}
.sumli li:first-of-type .sumimg {
	margin-top:0;
}
.sumli li:last-of-type .sumimg {
	margin-bottom:0;
}
.sumli li:first-of-type .sum{
	margin-top:0;
}
.sumli li:last-of-type .sum{
	margin-bottom:0;
}


/*drag*/

::selection {
	background: #ffb546;
}


/*paging*/

.paging {
	width: 100%;
	display: block;
	overflow: hidden;
	margin-top: 60px;
	text-align: left;
}

.paging i {
	color: #000;
	font-weight: bold;
	font-style:normal;
}

.paging a:hover {}

.paging .selected {
	color: #000;
	font-weight: bold;
}

.numbox {
	margin: 0 15px;
}

.paging .numbox a {
	color: #777;
	padding-right: 5px;
}

.paging .numbox a:last-child {
	padding: 0;
}

.paging .numbox a:before {
	content: "";
	border-left: 1px solid #ddd;
	margin-right: 5px;
}

.paging .numbox a:last-child:after {
	content: "";
	border-right: 1px solid #ddd;
	margin: 0;
	margin-left: 5px;
}

.paging .no-more-prev i,
.paging .no-more-next i {
	color: #ddd;
}


/*tagtrail*/

.tagTrail {
	width: 80%;
	float: left;
}

.tagTrail a,
.tagTrail {
	color: #999;
}

.tagTrail a:before {
	content: "#";
}


/* 더보기 */

.btn_less::before {
	display: none;
}

.btn_more::before {
	padding: 0;
	font-size: inherit;
	line-height: inherit;
	vertical-align: inherit;
}

.btn_more,
.btn_less,
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless {
	color: #000;
	font-weight: bold;
	margin-top:10px !important;
	font-family: 'PT Sans', Verdana, Geneva, sans-serif;
	display: block;
	font-size: inherit;
	height: auto;
}

a.btn-toggle-moreless:before {
	content: "\e93f";
	font-family: 'xeicon';
	margin-right: 5px;
}

.moreless_content,
.moreless-content {
	border: 1px solid #ddd;
	padding: 15px;
	margin: 10px 0;
}

.article a:link {
	transition: 500ms ease;
	text-decoration:underline;
}

.article a:link:hover {
	background: #eee;
}

/*scroll*/

::-webkit-scrollbar {
	width: 0px;
}

::-webkit-scrollbar-thumb {
	background: #ddd;
}

.article {
}
.tagTrail {
	width:95%;
	float:left;
	margin-top:20px;
	overflow:hidden;
}


.copyright {
	position:absolute;
	left:0;
	bottom:0;
	padding:15px;
}