@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Gothic+A1:800|Oleo+Script:700&display=swap');




/* 본문 - more / less */
.moreless_fold {margin-top:18px; padding-left:5px;}
.moreless_top {margin-top:18px; padding-left:5px;}
.moreless_content {margin:5px 0 2px 0; }
.moreless_bottom {text-align:right; }

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

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
/*
8e9aaf(강조색 메뉴, 제목 항목 등)
bfbbc2(날짜 표시색)
f3f3f3(본문영역 배경색)
dfdde0(라인 input과 구분선)
*/


/*reset*/
* {margin:0; padding:0; border:0; }
body { font-family: 'Gothic A1', sans-serif; font-size: 8pt; color: #222222; background:  no-repeat fixed center top; background-size:cover;; background-size: cover; }
@keyframes fadein { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadein { from { opacity:0; } to { opacity:1; } }
@-webkit-keyframes fadein { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadein { from { opacity:0; } to { opacity:1; } }
li        { list-style-type: none; }
a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:active  { text-decoration: none; }
a:hover   { text-decoration: yellow; }
input { -webkit-appearance: none; -webkit-border-radius:0px;}


/* input Field */
.input40 { width: 100%; padding: 20px 0; font-family: 'Gothic A1', sans-serif; text-align: center; color: #000 font-size: 9pt; text-align: center; background-color: #fff; border-bottom: 0px; -webkit-border-radius:0px; }
.input10 { width: 100%; padding: 10px 0; border-bottom: 0px; font-family: 'Gothic A1', sans-serif; text-align: center; color: #000; font-size: 7pt;text-align: center; background-color: #fff; -webkit-border-radius:0px; } 
.textarea { background-color: none; width: 100%; max-width: 100%; font-family: 'Gothic A1', sans-serif; color: #000; text-align: center; border-bottom: 0px ; -webkit-border-radius:0px; }
.submit { display: block; width: 100%; border: none; background-color:  #000; font-family: 'Gothic A1', sans-serif; color: #fff; font-size: 8pt;  text-align: center; padding: 20px 0; border-bottom: 0px; transition: all .5s; -webkit-border-radius:0px; }
.submit:hover { background-color:  #fff; color:  #000; transition: all .5s; }

/* mq */
@media screen and (min-width:700px) {
	/* Background */

	#container { position: relative; z-index: 3; margin: 0 auto; animation: fadein 1s; }
	#content   { position: relative; z-index: 3; margin: 0 auto; width: 550px; }

	.searchList ol li { padding: 15px 50px;}

	.navBtn, .closebtn { display: none;}
	.blogTitle { margin: 70px 0; }
	.category { display: table; margin: 40px auto 20px; }
	.category ul li { float: left; position: relative; text-align:center; }
	.category ul li ul li a { display: block; padding: 0 10px; }
	.searchList ol li:hover { padding:30px 30px;  transition: all .5s; }
	

	
	/*모바일 메뉴*/
	.guestbook { width: 330px; }
	.guestbook .guestList { padding: 30px; }
}


@media screen and (max-width:700px) {
	body { background-color: #fff; }
	/* Background */
	#container { position: relative; z-index: 3; margin: 0 auto; animation: fadein 1s; }
	#content   { position: relative; z-index: 3; margin: 50px auto 0; width: 90%; }
	.box330 { width: 90%; background-color: no-repeat fixed center top; -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); background-color: #fff; }
	.box270 { padding: 5%; width: 90%; background-color: no-repeat fixed center top;  background-color:no-repeat fixed center top; }
	
	/* cetegory*/
	#tistorytoolbarid { display: none; }
	#container { transition: margin-left .5s; }
	body {transition: background-color .5s;}
	
	.searchList ol li { padding: 18px 5%; }
	.searchList, .guestbook, .entryProtected { width: 100%; }
	.guestbook .guestList { padding: 10%; }
}

/* SEARCH LIST(CATEGORY) */
.searchList ol li { display: block; margin-bottom: 3px; text-align: center; transition: all .5s; }
.searchList ol li a { display: block; margin-bottom: 10px; color: #000; }
.searchList ol li .date { font-size: 9.5px; font-family: 'Gothic A1', sans-serif; color: #000; letter-spacing: -0.5pt; }

/* ARTICLE */
.entry { display: block; overflow: auto;}
.titleWrap { display:block; width:100%; text-align:left; margin-bottom: 25px;  } 
.titleWrap .title a { display:block; width:100%; margin-bottom: 80px; color: #000; font-size:18px; }
.article { text-align:justify; color: #000; }

/* NOTICE */
.notice_article { text-align:justify; color: #000; }

/*PROFILE*/
.n_profile { position:fixed; top:5px; left:25px; font-family: 'Oleo Script', cursive; font-size: 14px; color:#000;}
.n_profile a { color:#000; background-color:#FFF; font-family: 'Oleo Script', cursive; }
.n_profile:hover { position:fixed; top:5px; left:25px; font-family: 'Oleo Script', cursive; color:#FFCD12; }
.n_profile a:hover { color:#FFCD12; }

.n_profile_2 { position:fixed; top:10px; right:25px; font-family: 'Oleo Script', cursive; font-size: 10px;color:#000; }
.n_profile_2 a { color:#000; background-color:#FFF; font-family: 'Oleo Script', cursive; }

.paging {clear:both; width:100%; text-align:center; margin: 30px 0; font-family: 'Oleo Script', cursive; font-size: 10px; color: red;}
.paging a { padding: 0px;  font-family: 'Oleo Script', cursive; font-size: 10px; }

/* PROTECED */
.entryProtected { display: block; padding: 60px 0; text-align: center; color:#000;}
.entryProtected a:link { font-size: 10px;color:#000; }




::-webkit-input-placeholder { font-family: 'Gothic A1', sans-serif; color:#000; font-size: 7pt;  transition: opacity 250ms ease-in-out; text-align: center;}
:focus::-webkit-input-placeholder {opacity: 0.3;}
:-ms-input-placeholder { font-family: 'Gothic A1', sans- serif;color:#000; font-size: 7pt; }
::-moz-placeholder { font-family: 'Gothic A1', sans-serif; color:#000; font-size: 7pt; }
:-moz-placeholder  { font-family: 'Gothic A1', sans-serif;; color:#000; font-size: 7pt; }

::selection          { background:#000; color: #FFF; text-shadow: none; }
::-moz-selection     { background:#000; color: #FFF; text-shadow: none; }
::-webkit-selection  { background:#000; color: #FFF; text-shadow: none; }

::-webkit-scrollbar  { width: 3px;background-color: #000; }
::-webkit-scrollbar-track { background-color: #fff;}
::-webkit-scrollbar-thumb { background-color: #001EC9; }
::-webkit-overflow-scrolling:touch;

#tistorytoolbarid {display:none;}

.container_postbtn {display: none;}

/*마우스커서*/
html{cursor: url(http://cur.cursors-4u.net/others/oth-6/oth588.cur),default;}
 a,a:hover{cursor:url(http://cur.cursors-4u.net/others/oth-6/oth588.cur), auto !important;} 
.imageblock img{cursor:url(http://cur.cursors-4u.net/others/oth-6/oth588.cur), auto !important;}