@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:500,400italic,100,300,500italic,100italic,300italic,400);

/* 공통 요소 */
body{background: #80dbff;
background: linear-gradient(180deg, rgba(128, 219, 255, 1) 0%, rgba(255, 163, 188, 1) 50%, rgba(255, 226, 120, 1) 100%);
background-color: #0013c2; font-family:'Nanum Barun Gothic', 'Nanum Gothic';font-size:12px;}
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:#000;}
a:active, a:hover{color:#ffffff;}
.imageblock, img, embed, video, iframe {max-width:100%;height:auto;}
input{font-family:'Nanum Barun Gothic', 'Nanum Gothic';font-size:12px;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 14px/1 FontAwesome;}
blockquote{position:relative;margin:10px 20px; padding:20px;border:0px solid #eee;}
blockquote p{margin:10px;}
blockquote p:last-child{margin-bottom:0;}
.moreless_content{padding:15px;border:0px solid #eee;}
.moreless_content p:first-child{margin-top:0;}
.moreless_content p:only-child{margin:0;}
.moreless_content p:last-child{margin-bottom:0;}
.moreless_bottom{display:none;}

/*이미지 저장 방지*/
img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

/* 레이아웃 */
#container{margin:0 auto;padding-top:20px; width:1000px;}
#miniMenu{text-align:right;}
#content{margin-bottom:200px;background:rgba(255,255,255,0.);}
	/* 미니메뉴 로그인~글쓰기 */
	#miniMenu a{margin-left:7px;}
	#miniMenu a, #miniMenu a:link, #miniMenu a:visited{color:#0013c255;}
  #header
		{text-align:center; padding-top:70px; padding-bottom:150px;}
	#header h1
		{margin:50px 0;font-family:'Roboto', 'Nanum Barun Gothic';font-size:20px;font-weight:100;}
  /*메뉴 박스*/
	#sidebar 
		{width:100px;float:left;margin-right:10px;padding:10px 10px;background:#289413;
		border:0px solid #eee;text-align:center;}
	/* 사이드바 - 메뉴 */
	#sidebar #menu{margin:0;padding:5px;text-align:right;}
	#sidebar #menu li{display:block;list-style:none;padding:7px 0;font-size:18px;}
	#sidebar #menu li a span{display:inline;padding-left:5px;}
	/* 사이드바 - 메뉴 끝 */
	/*본문*/
#content{width:790px;float:left;}
   /*푸터*/
#footer{clear:both;padding:50px;text-align:center;}
	#footer .copyright{margin:20px 0;color:#0013c255;}
	#footer .copyright a, #footer .copyright a:link, #footer .copyright, #footer a:visited{color:#0013c255;}
   /*카운터*/
#counter {text-align:center;}
	#counter .today, #counter .total{color:#0013c255;}

/* 카테고리 */
#categoryWrap{position:relative;clear:both;}
#categoryHead{margin-top:10px;padding:5px;border:0px solid #eee;text-align:right;}
#category{width:92%;position:absolute;left:-20px;margin:0 20px;padding:5px;display:none;background:#fff;border:0px solid #eee;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:0px solid #eee;text-align:right;}
#link{width:92%;position:absolute;left:-20px;margin:0 20px;padding:5px;display:none;background:#fff;border:0px solid #eee;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:'Nanum Barun Gothic', 'Nanum Gothic';font-size:12px;}
#search .submit{font:normal normal normal 14px/1 FontAwesome;}
#search input::-webkit-input-placeholder{color:#000;}
#search input:-moz-placeholder{color:#000;}
#search input::-moz-placeholder{color:#000;}
#search input:-ms-input-placeholder{color:#000;}
*/

/* 메인 요소 공통 */
.mainElement{margin-bottom:20px;padding:20px;background:rgba(255,255,255,0.);border:0px solid #eee;}
.mainElement h3{margin:0;font-size:12px;font-weight:bold;}

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

/* 태그로그
.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:15px;font-weight:bold;}
.taglog .cloud2{font-size:14px;font-weight:bold;}
.taglog .cloud3{font-size:13px;}
.taglog .cloud4{font-size:12px;}
.taglog .cloud5{font-size:11px;}
.taglog .cloud4:link, .taglog .cloud4:visited{color:#777;}
.taglog .cloud5:link, .taglog .cloud5:visited{color:#aaa;}
*/

/* 방명록 */
.guestWrite input[type="text"], .guestWrite input[type="password"]{padding:5px 0;border:0;border-bottom:0px solid #eee;}
.guestWrite .name{margin-right:15px;}
.guestWrite textarea{width:99%;height:100px;border:0px solid #eee;}
.guestWrite  input[type="submit"]{float:right;border:0;background:transparent;}
.guestWrite .guestSecret{margin:0;}
.guestList{padding:0;}
.guestList ul{margin:0;padding:0;}
.guestList .guestA{padding-bottom:20px;border-bottom:0px 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 #eee;}
.guestList .meta .name{margin-right:5px;}
.guestList .meta i{margin-right:3px;}
.guestList .meta .date{letter-spacing:-1px;font-size:12px;font-family:'Roboto', 'Nanum Barun Gothic', 'Nanum Gothic';}
.guestList .meta .control{float:right;font-size:12px;font-family:'Roboto', 'Nanum Barun Gothic', 'Nanum Gothic';}
.guestList .meta .control a{margin-left:5px;}

/* 글 공통 */
.titleWrap h2{margin:0;margin-top: 30px; margin-bottom:10px;font-size:20px;color:solid#fff;}
.titleWrap .date{letter-spacing:-1px;}
/*
.container_postbtn{display:none!important;;}공유 버튼 삭제*/

/* 공지글 */
.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:0px 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-bottom:0px;}
.entry .titleWrap .meta .date{margin-left:5px;float:right;font-family:'Roboto', 'Nanum Barun Gothic', 'Nanum Gothic';}
.entry .titleWrap .admin{ border:1px dashed #eee;padding:10px;text-align:center;}
.entry .article{padding:10px 0;line-height:1.5;margin-bottom:50px;}/*마진 바텀 글과 글 사이*/
.entry .article .another_category{border:0;}
.entry .tagTrail{padding:10px 0;}
.entry .tagTrail a:before{content:'#';}

/* 댓글 */
.comment{margin-top:15px;}
.comment ul{margin:10px 0;padding:0;}
.comment .meta .name{margin-right:5px;}
.comment .meta .date{letter-spacing:-1px;font-size:12px;font-family:'Roboto', 'Nanum Barun Gothic', 'Nanum Gothic';}
.comment .meta .control{float:right;font-size:12px;font-family:'Roboto', 'Nanum Barun Gothic', 'Nanum Gothic';}
.comment .meta .control a{margin-left:5px;}
.commentList .commentB{margin-left:5px;padding-left:10px;border-left:2px solid #eee;}
.commentList .commentContent{margin:7px 0 10px 0;line-height:1.8em;}
.commentWrite input[type="text"], .commentWrite input[type="password"]{padding:5px 0;border:0;border-bottom:0px solid #eee;}
.commentWrite .name{margin-right:15px;}
.commentWrite textarea{width:99%;height:100px;border:0px solid #eee;}
.commentWrite input[type="submit"]{border:0;background:transparent;}
iframe[src="/api/dummy/comment.php"]{display:none;}


/* 페이징 */
.paging{font-size:12px;}
.paging{padding-bottom:20px; text-align:center;}
.paging .num{padding:5px;}
.paging .selected{font-weight:bold;}
.paging .no-more-prev, .paging .no-more-next{display:none;}

/* 반응형 레이아웃 */
@media screen and (max-width:800px)
{
#container{width:100%;padding-top:0;}
#header h1{margin:15px 0;}
  #header
		{text-align:center; padding-top:50px; padding-bottom:50px;}
#sidebar{position:initial;float:none;width:auto;
margin-left:auto; margin-right:auto; margin-bottom:30px;}
	#sidebar #menu{padding:10px;text-align:center;}
	#sidebar #menu li{display:inline;padding:2px 0; font-size: 15px;}
	#sidebar #menu li a span
	{padding-left:10px;padding-right:10px;}/*모바일 카테고리*/
#content{float:none;width:auto;margin:20px 0;font-size: 12px;}
#tistorytoolbarid{display:none;}
#search input[type="text"]{width:88%;float:left;}
#search .submit{float:right;}
#categoryWrap{border-top:0px solid #eee;}
#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;}
}