@charset "utf-8";
* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat983.cur), auto !important;}

body{
	background:var(--point2); color:var(--text);
}
a{
	text-decoration:none; color:var(--text); margin:1px;
	transition:all .3s ease-in-out;
	display:block; box-sizing:border-box;
}
a:hover{color:var(--point);}

h1, h2, h3, h4, h5, h6,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
	font-family:'Cafe24SurroundAir' !important;
	line-height:2em; letter-spacing:.15em;
}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b,
h1 b span, h2 b span, h3 b span, h4 b span, h5 b span, h6 b span{
	font-family:'Cafe24Surround' !important;
	line-height:2em; letter-spacing:.15em;
}

/*스크롤*/
.scroll{overflow-y:auto; height:300px;}
::-webkit-scrollbar{
	width:5px;
	height:5px;
	background:transparent;
}
::-webkit-scrollbar-thumb{
	width:5px;
	border-radius:5px;
	background-color:var(--point);
}
/*드래그*/
::selection{color:var(--point2); background-color:var(--point);}

/*전체*/
#wrap{
	overflow-y:auto; height:100%; box-sizing:border-box;
}
#wrap::before{
	content:''; display:block; width:100%; height:100%;
	position:fixed; top:0; left:0; z-index:-999;
	background:no-repeat center center; background-size:cover;
	filter:blur(5px); opacity:.5;
}
.container{
	width:90%; margin:20px auto; position:relative;
	padding:0; box-sizing:border-box;
}

/*헤더&푸터*/
#header, #footer{text-align:center; clear:both; position:relative;}
#tt-body-tag #header{display:none;}
#header .stc{
	position:absolute; bottom:30px; right:0; z-index:100;
	width:45%;
}
#header .prohd{
	background:center center no-repeat; background-size:cover;
	display:block; position:relative; margin-bottom:30px;
}
#header .prohd img{width:100%;}
#header .prohd .protxt{
	font-size:.8em; opacity:.5;
	position:absolute; bottom:0; right:20px;
}
#header .text{
	backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px);
	color:var(--point2); border-radius:50px; overflow:hidden;
	display:block; position:relative; height:35px;
	margin-bottom:30px;
}
#header .text::before{
	content:''; display:block; position:absolute; top:0; left:0;
	width:100%; height:100%; background:var(--point); opacity:.5;
}
#header .text marquee{
	position:absolute; top:50%; left:50%;
	transform:translate(-50%, -50%); width:95%;
}
#tt-body-tag #footer{display:none;}
/*메인*/
.main{
	text-align:left; position:relative;
}
.main span{display:block;}
.main .proimg{
	width:58px; border-radius:50%; overflow:hidden; float:left;
	border:3px solid var(--point); box-sizing:border-box;
	margin-left:10px; margin-top:10px;
}
.main .pro{float:left; padding:10px 20px 0; box-sizing:border-box;}
.main .pro .pronick{font-weight:bold;}
.main .pro .proid{font-size:.9em; opacity:.5;}
.main .pro .protext{}
.main .pro .protxt{opacity:.5; font-size:.8em;}
.main .pro .desc{display:none;}
.main .pro .icon{
	font-size:0; position:absolute; top:5px; right:5px;
}
.main .pro .icon li{display:inline-block;}
.main .pro .icon li a{
	background:var(--point); color:var(--point2); padding:5px 7px;
	border-radius:10px; font-size:12pt; margin:5px;
}
.main .pro .icon li a:hover{
	background:var(--point2); color:var(--point);
}
.main .pro .icon li .material-icons{
	font-size:.8em !important; line-height:1.2em;
}
#gnb .menu{
	font-size:0; font-family:'Cafe24SurroundAir';
	padding:10px; text-align:left; clear:both;
}
#gnb .menu li{display:inline-block;}
#gnb .menu li a{
	font-size:12pt; line-height:1.2em; padding:0 5px;
}
#gnb .menu li a::after{
	content:'✸'; display:inline-block; margin-left:10px;
	color:var(--text);
}
#gnb .menu li:last-child a::after{display:none;}
#footer a{
	display:inline-block; color:var(--point);
	font-size:9pt; opacity:.3; margin:5px;
}
#cover, #content{box-sizing:border-box;}
#cover::after, #content::after{
	content:''; display:block; clear:both;
}
.stc{position:absolute; bottom:0; left:0; width:30%; z-index:100;}
#content{
	box-sizing:border-box; overflow:hidden; background:var(--bg);
}

/*커버*/
#cover{font-family:'Cafe24SurroundAir';}
#cover .title{
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	font-family:'Cafe24Surround';
}
#cover span{display:block; overflow:hidden;}
#cover .thum img{width:100%;}
#cover h2{
	font-family:'Cafe24Surround' !important;
	font-size:14pt; line-height:2em; font-weight:normal;
	text-align:center; color:var(--point); padding:25px;
}

/*사이드*/
#aside{display:none;}
#aside div{padding:20px 30px; box-sizing:border-box;}
#aside a{position:relative; font-weight:bold;}
#aside a:hover{background:var(--point2); letter-spacing:0.1em;}
#aside div, .timeline{
	margin-bottom:20px; position:relative;
}
#aside div::before{
	content:''; display:block; position:absolute; top:0; left:0;
	width:100%; height:100%; background:var(--point); z-index:-5;
}
#aside div::after{
	content:''; display:block; position:absolute; top:0; left:0;
	width:100%; height:100%; background:var(--bg); z-index:-2;
	border-radius:20px; border:5px double var(--point);
	box-sizing:border-box;
}

/*커버메인*/
.timeline{transition:all .3s ease-in-out;}
.timeline li{
	position:relative; padding:25px; box-sizing:border-box;
	background:var(--bg); border-radius:20px; margin-bottom:20px;
	border:2px outset var(--point);
}
.timeline li:last-child{margin:0;}
.timeline li .proimg{
	width:45px; border-radius:50%; overflow:hidden;
	position:absolute; top:25px; left:25px;
}
.timeline li .pro{
	padding-left:60px; box-sizing:border-box;
}
.timeline li .pro .pronick{
	font-weight:bold; float:left;
}
.timeline li .pro .proid{
	opacity:.5; font-size:.9em; line-height:1.2em; clear:both;
}
.timeline li .pro .protext{
	float:left;
}
.timeline li a{color:var(--text);}
.timeline li a:hover{filter:grayscale(100%); opacity:.8;}
.timeline li .postext{
	clear:both; margin-top:15px; 
}
.timeline li .postext .title{}
.timeline li .postext .summary{}
.timeline li .postext .thum{
	border-radius:10px; border:1px solid rgba(0,0,0,.2);
	margin-top:20px;
}

/*커버-갤러리A*/
.c-list{}
.c-list li{width:25%; float:left;}
.c-list li a{
	position:relative; margin:10px; color:var(--point);
}
.c-list li a .thum{
	position:relative; box-shadow:0 0 2px var(--point);
	border-radius:10px; overflow:hidden; margin-top:-5px;
	border:1px solid rgba(0,0,0,.1); box-sizing:border-box;
}
.c-list li a .thum::after{
	content:''; display:block; position:absolute; top:0; left:0;
	width:100%; height:100%; opacity:.3;
	background:linear-gradient(to top, var(--point2) 0%, transparent 100%);
}
.c-list li a .thum img{transition:all .3s ease-in-out;}
.c-list li a:hover .thum img{}
.c-list li a .box{text-align:center;}
.c-list li a .category{
	position:absolute; top:5px; left:5px;
	background:var(--bg); border:2px solid var(--point);
	padding:0 10px; box-sizing:border-box; border-radius:20px;
	font-size:10pt; line-height:2em;
}
.c-list li a .title{
	font-family:'Cafe24SurroundAir' !important;
	font-size:12pt; line-height:2em; font-weight:bold;
	padding:5px 5%; box-sizing:border-box;
	position:absolute; bottom:0; left:0; width:100%;
}

/*커버-갤러리B*/
.c-gal{}
.c-gal li{
	width:33.333%; float:left; text-align:center;
	transition:all .5s ease-in-out;
}
.c-gal li a{
	position:relative; margin:5px;
	border-radius:10px; overflow:hidden;
}
.c-gal li a .thum{}
.c-gal li a .thum img{transition:all .3s ease-in-out;}
.c-gal li a:hover .thum img{
	transform:scale(1.1,1.1); filter:blur(1px) grayscale(100%);
}
.c-gal li a .box{z-index:10;
	position:absolute; bottom:0; left:0; width:100%;
	color:#fff; padding:15px 5% 30px; box-sizing: border-box;
}
.c-gal li a .box .title{
	font-size:14pt; line-height:2em;
}
.c-gal li a .box .day{
	font-size:.8em; opacity:.5; margin:-5px 0 10px;
}
.c-gal li a .box .dday{
	font-weight:bold; letter-spacing:.2em; color:var(--point2);
}
.c-gal li a .thum::before{
	content:''; display:block; position:absolute; top:0; left:0;
	width:100%; height:100%; z-index:9;
	background:linear-gradient(to top, rgba(0,0,0,1) 0%, transparent 100%);
}

/*장르*/
.genre{background:var(--bg); padding:0 5%;}
.genre li{}
.genre li span{}
.genre li a{}
.genre li a .thum{width:100px;}
.genre li a .linkid{}
.genre li a .title{}
.genre li a .summary{
	font-size:.8em; opacity:.5;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/*글목록-공통*/
.slist{font-family:'Cafe24SurroundAir';}
.slist .sinfo{position:relative;}
.slist .scimg{
	display:block; position:relative;
	background:center center no-repeat; background-size:cover;
}
.slist .scimg::after{
	content:''; display:block; width:100%; height:100%;
	position:absolute; bottom:-1px; left:0;
	background:linear-gradient(to top, var(--bg) 0%, transparent 100%);
}
.slist .scimg img{width:100%;}
.slist h4{
	font-family:'Cafe24Surround'; line-height:2em; padding:15px 0;
}
.slist .desc{
	padding:0 5%; box-sizing:border-box;
	position:absolute; bottom:0; left:0; width:100%;
	font-family:'Cafe24SurroundAir';
}
.slist ul{padding:5%;}
.slist span{
	display:block;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.slist li a .thum{
	background:center center no-repeat; background-size:cover;
}
.slist li a .text .day{font-size:.7em; opacity:.7;}
.slist li a .thum, .slist li a .text .cate,
.slist li a .text .day{display:none;}
.slist .non{
	opacity:.8; padding:0 5% 50px; box-sizing:border-box;
}

/*갤러리A*/
.gal{}
.gal li{width:25%; float:left;}
.gal li a{
	margin:10px; position:relative; overflow:hidden;
	border:1px solid rgba(0,0,0,.1); border-radius:10px;
	background:rgba(0,0,0,.02);
}
.gal li a .thum1{
	display:block; transition:all .3s ease-in-out;
	filter:contrast(100%) blur(0);
}
.gal li a:hover .thum1{filter:contrast(50%) blur(1px);}
.gal li a .text{
	position:absolute; top:0; left:0; width:100%; height:100%;
	background:rgba(0,0,0,.5); text-align:center;
	opacity:.0; transition:all .3s ease-in-out;
}
.gal li a:hover .text{opacity:1;}
.gal li a .text .title{
	position:absolute; top:50%; left:50%; width:100%;
	transform:translate(-50%, -50%); color:#fff;
	padding:0 10%; box-sizing:border-box; font-size:.9em;
}

/*갤러리B*/
.gal2{}
.gal2 li{width:50%; float:left;}
.gal2 li a{
	position:relative; margin:10px; color:var(--text);
	background:rgba(0,0,0,.02);
	border-radius:10px; overflow:hidden;
}
.gal2 li a .thum2{
	border-radius:10px; overflow:hidden; display:block;
	filter:contrast(100%) blur(0px);
	transition:all .3s ease-in-out;
}
.gal2 li a:hover .thum2{filter:contrast(90%) blur(1px);}
.gal2 li a .text{
	position:absolute; bottom:-100%; left:0; opacity:0;
	width:100%; padding:45px 5% 5px; box-sizing:border-box;
	background:linear-gradient(to top, var(--bg) 0%, transparent 100%);
	transition:all .3s ease-in-out;
}
.gal2 li a:hover .text{bottom:-1px; opacity:1;}
.gal2 li a .text .title{font-weight:bold;}

/*목록A*/
.list li{border-bottom:1px dashed var(--point2);}
.list li:first-child{border-top:1px dashed var(--point2);}
.list li a .thum{display:none;}
.list li a .text{position:relative;}
.list li a .text::after{content:''; display:block; clear:both;}
.list li a .text .cate{
	display:block; float:left; width:20%; opacity:.7;
}
.list li a .text .title{
	float:left; width:66%; font-weight:bold;
	padding:0 10px; box-sizing:border-box;
}
.list li a .text .day{
	display:block; position:absolute; top:50%; right:0;
	transform:translateY(-50%);
}

/*목록B*/
.list2 li{}
.list2 li a{}
.list2 li a::after{content:''; display:block; clear:both;}
.list2 li a .thum2{
	display:block; width:200px; float:left; margin-right:20px;
	border:1px solid rgba(0,0,0,.1); box-sizing:border-box;
	border-radius:10px;
}
.list2 li a .text{padding:10px; box-sizing:border-box;}
.list2 li a .text .cate{
	display:inline-block; background:var(--text); color:var(--bg);
	font-size:10pt; line-height:1.2em;
	transition:all .3s ease-in-out;
}
.list2 li a:hover .text .cate{
	background:var(--point); color:var(--point2);
}
.list2 li a .text .title{font-weight:bold; line-height:1em;}
.list2 li a .text .day{display:block;}

/*본문*/
.pages, .notice, .post{
	position:relative; z-index:1; box-sizing:border-box;
}
.postop img, .postfoot img{width:100%;}
.postop{
	position:relative;
	background:top center no-repeat;
	background-size:cover; margin-bottom:45px;
}
.postop::after{
	content:''; display:block; position:absolute; top:0; left:0;
	width:100%; height:100%;
	background:linear-gradient(to top, var(--bg) 0%, transparent 100%);
}
.postfoot{
	position:relative;
	background:bottom center no-repeat;
	background-size:cover;
}
.postfoot::after{
	content:''; display:block; position:absolute; top:0; left:0;
	width:100%; height:100%;
	background:linear-gradient(to bottom, var(--bg) 0%, transparent 100%);
}
.post{
	padding:5%; box-sizing:border-box;
}
.post ul, .post ol{margin-left:20px;}
.post a{display:inline-block; color:var(--point);}
.post a:hover{color:var(--point2);}
.post pre{
	border:2px solid var(--text); background:rgba(0,0,0,.1);
	padding:20px; box-sizing:border-box; border-radius:10px;
}
.post blockquote{
	font-family:'Cafe24SurroundAir' !important;
	color:var(--text) !important; margin:20px 0 !important;
}
.post blockquote[data-ke-style="style1"]{
	position:relative; padding:50px 5% 30px !important;
	border-radius:15px; overflow:hidden;
	background: url(https://t1.daumcdn.net/keditor/dist/0.4.9/image/blockquote-style1.svg) no-repeat 50% 25px !important;
}
.post blockquote[data-ke-style="style1"],
.post blockquote[data-ke-style="style1"] span{
	font-size:21pt; line-height:2em;
	font-family:'Cafe24SurroundAir' !important;
}
.post blockquote[data-ke-style="style2"]{
	position:relative; padding:15px 20px;
	border-left:5px solid var(--point);
}
.post blockquote[data-ke-style="style3"]{
	background:#000 !important; border-radius:5px;
	color:#fff !important;
	border:6px double #fff !important;
	font-size:12pt !important; line-height:1.8em;
}
.post table tr td{padding:10px;}
.post table tr td u, .post table tr td i{
	display:inline-block; font-style:normal;
}
.post table tr td u{margin-left:15px;}
.post table tr td i{margin-left:25px;}
.post figure.fileblock a{background:#FFF;}
.post .container_postbtn{padding:35px 0 0;}
div.tt_box_namecard{display:none;}
.post div.footnotes{border-top:2px solid #ddd; margin-top:35px;}

/*더보기*/
.post div a.btn-toggle-moreless{
	font-family:'Cafe24SurroundAir' !important; margin:0;
	color:var(--point) !important;
	padding:6px 4px 3px; box-sizing:border-box; border-radius:20px;
}
.post div a.btn-toggle-moreless::before{
	content:'✸'; display:inline-block; margin:0 3px;
}
.post .moreless-content{
	padding:30px 5%; box-sizing:border-box;
	background:rgba(0,0,0,.02);
}

/*보호글*/
.post .protected{margin:0 5% 70px; text-align:center;}
.post .protected i{margin:100px 0 50px;}
.post .protected input{text-align:center; padding:3px 10px 5px; background:rgba(0,0,0,.1); border-radius:20px;}

/*갠홈*/
#muni{
	position:fixed; top:0; left:0;  width:100%; height:100%;
	border:0; overflow-y:auto;
}
.tagmenu{
	position:fixed; top:50%; left:10px; text-align:center;
	transform:translateY(-50%); font-family:'Cafe24SurroundAir';
	z-index:999;
}
.tagmenu a{padding:5px; font-size:10pt;}
.tagmenu a .material-icons{font-size:18pt; line-height:1.2em;}
.tagmenu span{display:block;}

/*태그*/
.tagbox{
	font-family:'Cafe24SurroundAir';
	padding:5%; box-sizing:border-box;
}
.tagbox li{float:left;}
.tagbox li a{
	position:relative; background:var(--point); color:var(--point2);
	padding:0 10px 0 30px; line-height:2em; border-radius:5px;
}
.tagbox li a:hover{background:var(--point2); color:var(--point);}
.tagbox li a span{
	font-size:12pt; line-height:1em; display:block;
	position:absolute; top:50%; left:10px; transform:translateY(-50%);
}
.tagbox .tagimg, .guest .gbimg{
	display:block; width:48%; float:left;
	border-radius:10px; overflow:hidden;
}
.tagbox .tagimg img, .guest .gbimg img{width:100%;}
.tagbox ul, .guest .comments{width:50%; float:right;}

/*방명록*/
.guest{padding:40px 5%; box-sizing:border-box;}
.guest span{
	font-size:12pt; line-height:1.5em; vertical-align:middle;
}
.guest .comments{}
.cmtform .field{}
.cmtform .field input{
	width:100%; background:rgba(0,0,0,.05);
	margin:5px 0; padding:10px 3%; box-sizing:border-box;
	font-family:'Pretendard-Regular';
}
.comments textarea{
  border-radius:5px; background:rgba(0,0,0,.05);
	border:1px solid rgba(255,255,255,.1);
	width:100%; height:100px; font-size:10pt; line-height:1.5em;
	margin-top:10px; padding:2% 3%; box-sizing:border-box;
  font-family:'Pretendard-Regular';
}
.cmtform .secret{text-align:right; vertical-align:bottom;}
.cmtform .secret input{display:none;}
.cmtform .secret label{display:inline-block;}
.cmtform .secret label span{font-size:14pt;}
.cmtform .secret input:checked +label{color:var(--point);}
.cmtform .secret button{
    font-family:'Pretendard-Regular'; text-align:center;
    font-size:12pt; padding:5px 20px; border-radius:5px;
    background:var(--point); color:var(--point2);
		margin-left:5px;
}
.cmtform .submit:hover button{
    background:var(--point2); color:var(--point);
}

/*페이지*/
.paging{
	clear:both; text-align:right; padding-top:20px;
}
.paging a{display:inline-block; padding:5px;}
.paging .prev{}
.paging .next{}

/*PC*/
@media (min-width:1000px){
	.container{width:1200px;}
	.c-gal li{width:20%;}
}

/*모바일*/
@media (max-width:500px){
	.c-list li, .c-gal li, .gal li{width:50%;}
	.news li, .genre li, .gal2 li{width:100%;}
	.tagbox .tagimg, .tagbox ul,
	.guest .gbimg, .guest .comments{width:100%; clear:both;}
	.timeline li{padding:30px 10%;}
	.slist h4{font-size:12pt; line-height:2em;}
	.slist .desc{font-size:10pt; line-height:1.5em;}
	.post .moreless-content{width:80%;}
}