@charset "UTF-8";

/*Web Font*/
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed');
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/* reset */
html {
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%;
 overflow-x:hidden;
 overflow-y:scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{
 margin:0;
 padding:0;
 outline:none;
}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
button,input[type=button],
input[type=password],
input[type=submit],
input[type=text],
textarea{
 -webkit-appearance:none;
 -moz-appearance:none;
 -o-appearance:none;
 appearance:none;
}

body,th,td,input,select,textarea,button {
 font-size: 12px;																												/*Basic Text Size*/
 font-family: 'Barlow Semi Condensed', 'Nanum Gothic',sans-serif;
 font-family: 'Lato', sans-serif;
 /*Basic Font*/
 line-height: 1.9;
 color: #000;																														/*Basic Text Color*/
}
a {color:#000;text-decoration:none}
a:active, a:hover {text-decoration:none;font-weight:bold;}										/*Hover Color*/
a:active {background-color:transparent}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
#tistorytoolbarid {display:none}
.clearfix:after{
 display: block;
 visibility: hidden;
 clear: both;
 content: ""
}

/* 배경설정 */
body{
 background:#cda8a8;
}

#container {
 width: 1000px;
 max-width: 100%;
 margin: 0 auto;
 padding: 15px;
 -o-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

#header {
 position:fixed;
 margin: 20px auto;
 width:100px;
}
#logo {
 width: 100px;
 height: 100px;
 overflow: hidden;
 background-image: url("./images/logo.png");
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 border-radius: 50px;
 display: inline-block;
 margin: 20px 0;
}
#header a.logo {display: inline-block;}

/*블로그메뉴*/
.blogMenu {margin:5px;text-align:center;}
.blogMenu ul {}
.blogMenu li {
 display: inline-block;
 margin-right: 5px;
}
.blogMenu li a {font-size:1.1em;color:#000; cursor:pointer;}
.blogMenu li:last-child {margin: 0}

/*검색*/
.search {
 text-align: center;
}
.search_wrap {
 position: relative;
 display: inline-block;
}
.search .search_input {
 width:100px;
 max-width: 100%;
 border: 1px solid #000;
 background:RGBA(255,255,255,0.7);

 height: 25px;
 border-radius: 5px;
 text-align:center;
 color:#000;
}
.search .submit {
 position: absolute;
 right: 9px;
 top: 5px;
 font-size: 1.2em;
 font-family: FontAwesome;
 color:#000;
 border: 0;
 background: none;
}
.search .submit:hover{
 color:#FF265A;
}

/*카테고리*/
.category {
 max-width: 100%;
 margin: 0px auto;
 position:relative;
 padding : 10px;
 margin-top:10px;
}

.category img {display: none;}
.category a{text-decoration: none;  }

.category .tt_category {}
.category .tt_category > li {}
.category .tt_category > li > a {
 display: inline-block;
}
.category .category_list {
 display: inline-block;
}
.category .category_list > li {
}
.category .category_list > li:hover .sub_category_list {
 display: block;
}
.category .sub_category_list {
 padding-left:10px;
 border-left: 1px solid #000;
}

.category li> a.link_tit {display: none;}	/*분류전체보기삭제*/
.category span.c_cnt { display:none; }		/*카운팅삭제*/

#main{
 margin-top:70px;
 margin-bottom:70px;
 margin-left:120px;

 background-color:#fff;
 padding :10px;
}

.mobile-btn {
 display: block;
 padding-left:35px;
 display: inline-block;
}

/*리스트*/
.searchList h3{
 font-size:1.1em;
 padding-bottom :10px;
 border-bottom: 1px dotted #ccc;
 margin-bottom:10px;
 margin-left:10px;
}
.fixed_img_col .img-list {
 overflow: hidden;
}
.list-item {
 float: left;
 width:32.3%;
 margin:0.5%;

}
.list-item a {
	display:block;

}
.list-item a .thumb{
 overflow:hidden;
 position:relative;
 padding-top: 100%; /* 1:1 ratio */
}
.list-item a .thumb img {
 overflow: hidden;
 border-radius: 5px;

 left: 50%;
 top: 50%;
 position:absolute;
 height: 100%;			/*important*/
 width: auto;
	-webkit-transform: translate(-50%,-50%);
 -ms-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);

}

.list-item a:hover .thumb img {
 filter: blur(2px);
 -webkit-filter: blur(2px);
 -moz-filter: blur(2px);
 -o-filter: blur(2px);
 transition: .5s ease;
}

.list-item .list-con {
 z-index:10;
 position:relative;
 overflow:hidden;
}

.list-item .list-title {
 word-break: break-all;
 white-space: nowrap;
 text-overflow:ellipsis;
 overflow:hidden;

 color:#fff;
 background-color: #333;
 padding: 1px 5px;

 text-align:center;
 max-width:90%;

 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -moz-transform : translate(-50%, -50%);
 -ms-transform : translate(-50%, -50%);
 -o-transform : translate(-50%, -50%);

 position:absolute;
 z-index:10;
 display:none;
}

.list-item .list-title img{
 display:none;
}
.list-item:hover .list-title{
 display:block;
}

/*페이징*/
.paging {
 text-align: center;
 padding: 15px;
 margin-top:5px;
}
.paging a{
 font-size:1.7em;
 padding: 0 9px;
 color:#000;
}
.paging a:hover{font-size:1.8em; }
.paging .numbox a{font-size:1em;}
.paging .numbox a .selected{
 font-weight:bold;
 font-size:1.5em;
}
/*태그*/
.tagTrail	{text-align:center;margin-top:5px;}
.tagTrail a	{padding-left:5px;text-transform:uppercase;}
.tagTrail a::before {content:"#"}
.tagTrail a:hover	{font-weight:bold;}

.taglog {overflow:hidden;margin: 10px;}
.taglog h3 {margin-bottom: 10px;text-align:center;font-size:1.5em;}
.taglog ul {list-style:none;}
.taglog li {float:left;list-style:none;}
.taglog li a {text-decoration:none; margin:1px;padding:2px;text-transform:uppercase;}
.taglog li a:hover {}
.taglog .cloud1 {font-size:1.8em;font-weight:bolder;background:#000; color:#F9FF2B;}
.taglog .cloud1:hover {color:#FB2E59;background:#F9FF2B;}
.taglog .cloud2 {font-size:1.6em;font-weight:bolder;background:#02D2DF;color:#F9FF2B;}
.taglog .cloud2:hover {background:#000; color:#F9FF2B;}
.taglog .cloud3 {font-size:1.4em;color:#02D2DF;font-weight:bold;}
.taglog .cloud3:hover {color:#F9FF2B;background:#02D2DF;}
.taglog .cloud4 {font-size:1.2em;color:#02D2DF}
.taglog .cloud4:hover{font-weight:bold;background:#F9FF2B;}
.taglog .cloud5 {}
.taglog .cloud5:hover{background:#F9FF2B;}

.actionTrail {
 margin-bottom: 10px;
 margin-left: 10px
}
.actionTrail span:last-child {
 margin-left: 2px;
 font-weight: bold;
}

/*글설정*/
.titleWrap {
 text-align: center;
 margin:10px;
 margin-bottom: 50px;
 padding:5px;

}
.titleWrap .title-cate {
 letter-spacing: 1px;
 display: inline-block;
 font-size:1.1em;
}
.titleWrap h2{
 padding-bottom:10px;
}
.titleWrap .post-date{display:none;}
.entry img {
 max-width: 100%;
 vertical-align: bottom;
}
.article {
 margin-bottom: 15px;
}
.article .imageblock {
 width: auto !important;
}
.entryProtected .article {
 text-align: center;
 margin-bottom: 50px;
}
.entryProtected .article p:last-child {
 margin-top: 5px;
}
.entryProtected .article .password {
 width: 150px;
 border: 1px solid #000;
 height: 24px;
 border-radius: 5px;
}
.entryProtected .article .submit {
 padding: 3px 5px;
 border: 1px solid #000;
 color: #000;
 border-radius: 5px;
 background: none;
 cursor: pointer;
 margin-left: 4px;
}
blockquote.tx-quote-tistory {
 font-style: italic;
 margin-left: 25px;
 border-left: 3px solid #000;
 background: #F8F8F8;
 padding: 10px;
}
.moreless_fold {}
.moreless_top {}
.moreless_content {
 background: #F8F8F8;
 padding: 10px;
}
.moreless_bottom {}
.moreless_fold span:before {
 font-family: FontAwesome;
 content: "\f067";
 margin-right: 5px;
 color: #000;
}
.moreless_bottom span:before,
.moreless_top span:before {
 font-family: FontAwesome;
 content: "\f068";
 margin-right: 5px;
 color: #000;
}
/*댓글*/
.commentWrite {
 margin: 10px;
 margin-bottom: 20px;
}
.commentWrite:after {display:block;visibility:hidden;clear:both;content:""}
.commentWrite textarea {
 width: 100%;
 resize: vertical;
 height: 80px;
 border: 1px solid #d7d7d7;
 padding: 5px;
 -o-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin-bottom: 5px;
 margin-top:5px;
 border-radius: 5px;
}
.commentWrite textarea:after {display:block;visibility:hidden;clear:both;content:""}
.comment-guest input {
 width: 100px;
 border: 1px solid #d7d7d7;
 padding: 2px;
 border-radius: 5px;
}
.comment-guest {
 float: left;
 margin-right: 4px;
}
.comment-secret {
 float: left;
 line-height: 22px;
}
.comment-submit {
 float: right;
}
.comment-submit input {
 height: 20px;
 width: 80px;
 background: none;
 cursor: pointer;
 border-radius: 5px;
 border: 1px solid #d7d7d7;
}
.comment-submit input:hover{
 font-size:1.1em;
}
.commentList{margin-left: 10px;}
.commentList li {
 padding-bottom: 7px;
}
.commentList ol > li:last-child {margin: 0}
.commentList ul {
 margin-top: 5px;
 margin-left: 20px;
 border-left: 5px solid #000;
 padding-left: 10px;
 padding-top: 5px;
}
.comment-title {
 margin-bottom: 2px;
}
.comment-title:after {display:block;visibility:hidden;clear:both;content:""}
.comment-title .name {
 font-weight: bold;
 margin-right: 5px;
}
.rp_admin .comment-title .name a {
 padding: 0px 5px;
}
.rp_admin .comment-title .name a:hover{font-size:1.1em;color:#000;}
.comment-title .control {
 margin-left:4px;
}
.comment-title .date{
 font-size:0.9em;
}
.comment-title .control a {
 margin-left: 1px;
}
.comment-con {
 line-height: 1.5em;
 padding-left: 10px;
 font-size:0.9em;
}
.hiddenComment p.comment-con,
.rp_secret p.comment-con {
 color: #FF265A;
}
/*카테고리의 다른글*/
.another_category {
 margin-bottom: 0;
 border:1px solid #d7d7d7!important;
 border-radius: 5px;
 margin: 10px!important;
}
div.another_category h4{
 padding-bottom:0 !important;
 border:none !important;
 font-size: 11px !important;
 color: #000 !important;
}
div.another_category h4 a{
 color: #000 !important;
 font-size: 14px !important;
 padding:2px;
 letter-spacing:1px;
}
div.another_category h4 a:hover{
 color: #FF265A !important;
}
.another_category th a{
 color:#000 !important;
 font-size:11px !important;
}
.another_category th a:hover{
 color: #FF265A !important;
}
.another_category th span{
 display:none;
}
.another_category td{
 color:#000 !important;
}
/*iframe, embed*/
.video-wrap {
 max-width: 100%;
 display: inline-block;
}
.video-container {
 position: relative;
}
.video-container iframe,
.video-container embed {
 position: absolute;
 top:0;
 left: 0;
 width: 100%;
 height: 100%;
 border: 0;
}
@media only screen and (min-width : 300px){
 #header {  position:relative;   }
 #logo {display:none;}
 .tt_category {display:none;}
 #main{ margin-left:0px; }
.list-item .list-title {display:block;}
}
@media only screen and (min-width : 910px){
 #header { position:fixed; }
 #logo {display:block;}
 .tt_category {display:block;}
 .mobile-btn {display:none;}
	 #main{ margin-left:120px; }
 .list-item .list-title {display:none;}
}