@charset "utf-8";
@font-face {
	font-family: 'Noto Sans';
	src: url(./images/NotoSansKR-Regular.woff) format('woff'),
		url(./images/NotoSansKR-Regular.woff2) format('woff2');
	font-style: normal;
	font-weight: normal;
}


* {padding:0; margin:0; font-family: 'Noto Sans'; font-size:9.5px;
px; color:#FF55DF; list-style: none; text-decoration:none; box-sizing:border-box; word-break:break-all; cursor:url(https://tistory3.daumcdn.net/tistory/4405647/skin/images/cur.cur), auto !important;
	line-height:15px; letter-spacing:0px;} 
input, textarea, ::placeholder{border-radius: 0; border:0; background:none; outline: none; -webkit-appearance: none; color:#FF55DF;}
img{vertical-align: bottom;}
a, a:link, a:visited, a:active{color: #FF55DF; text-decoration: none;}
::-webkit-scrollbar {width:0px; height:0px; background:#00000000;}
::-webkit-scrollbar-thumb {width:0px; height:0px; background:#00000000;}
html{overflow-x: hidden;}
.clear{clear: both;}




/*========== layout ==========*/
body {
  background-color:#00000000;
	background-size:cover;
	background-repeat:no-repeat;
	  overflow-x:hidden;}
#container{position:relative; width:550px; margin: 230px auto; padding:3px;}
	
#side{float: left; width:105px; text-align: center;}
	
.profile{padding:0px; margin-bottom: -2px;}
.profile img{width:100%;margin-bottom: 15px;}
.profile .title{font-weight:bold;}
.catett, .menutt{font-weight:bold; margin:2px;}
.link_tit{display: none;}
.category_list{display: none;}
.category_list > li > a{display: inline-block; width:100%; padding-top:1px; padding-bottom:1px;}
.sub_category_list{display: none;}
.sub_category_list > li:before{content:'-';	}
.menu_list{display: none; padding-top:1px; padding-bottom:1px;}
.menu_list > li{margin-bottom:1px;}
#content{float: right; width:calc(100% - 100px - 10px); margin-bottom:150px;}
	.paging{margin-top:10px;}



/*========== list ==========*/
.list_w:after{display: block; clear: both;}

#list_n .thumb_i{display: none;}
#list_n .list_c{padding:1px;}
#list_n .list_c:not(:last-child){margin-bottom:10px;}
#list_n .list_c .title{float: center; font-weight:bold;}
#list_n .list_c .date{float: right;}

#list_g .list_c:not(:last-child){margin-bottom:10px;}
#list_g .list_c .thumb_i img{width:100%;}
#list_g .list_c .list_t{padding:10px;}
#list_g .list_c .list_t .title{float: center; font-weight:bold;}
#list_g .list_c .list_t .date{float: right;}



/*========== article ==========*/

.entry .article{padding: 5px;}
.entry .article .title_wrap{margin-bottom: 10px; text-align: left;}
.entry .article .title_wrap .date{float: left;}
.entry .article .ny{margin-bottom:10px; text-align:left;}
.entry .article .detail .left .action_trail, .entry .article .detail .left .tag_trail{display: inline-block;}
.entry .article .detail .left .tag_trail a:before{content:'#';}
.entry .article iframe{width:100%; !important;}

/* 포스트 번호가 32인 글의 날짜만 숨기기 */
#article-32 .date { display: none; }

/*image*/
figure{margin:0;}
figure.imageblock.alignCenter{margin:0; text-align:initial;}
figure.imagegridblock{margin:0;}
figure.imagegridblock .image-container > span{margin:0 !important; width:50% !important;}
/*When the image is two in a row, half and half with no space*/

/*quote*/
blockquote[data-ke-style='style2'], blockquote[data-ke-style='style3']{font-size:11px; background:none; padding:5px; margin:2.5px 0; line-height:15px;}
blockquote[data-ke-style='style3'] background:#fff;}

blockquote.tx-quote-tistory{padding:5px; margin:2.5px 0;}
blockquote.tx-quote-tistory p{font-size:11px; line-height:15px; color:#fff;}

/*moreless*/
div[data-ke-type='moreLess'] .btn-toggle-moreless{color:#fff; font-size:11px; line-height:15px; font-family:'Noto Sans'; font-weight:bold;}
div[data-ke-type='moreLess'] .btn-toggle-moreless:before{content:"\f07b"; font-family:"Font Awesome 5 Free"; font-weight:bold; font-size:10px; margin-right:3px;}
/*folder icon*/
div[data-ke-type='moreLess'].open .moreless-content{margin:5px 0; padding:5px;}/*content area*/

.btn_more, .btn_less{height:auto; margin:0; color:#FF55DF; 11px; text-align:initial; font-weight:bold;}
.moreless_content .btn_less:last-child{display: none;}
.btn_less:before, .btn_more:before{content:"\f07b"; font-family:"Font Awesome 5 Free"; font-weight:bold; font-size:10px; margin-right:3px; padding:0; line-height:10px; vertical-align:initial;cursor:url(https://tistory3.daumcdn.net/tistory/4405647/skin/images/cur.cur), auto !important;}
/*folder icon*/
.moreless_content {display:block; width:100%; padding:5px !important; margin:5px 0 !important;}/*content area*/

/*download button*/
figure.fileblock{margin:0; width:auto; height:auto; border:0; border-radius:0;}
figure.fileblock a{height:auto;}
figure.fileblock a::after{display: none;}
figure.fileblock .name{max-width:100%; height:auto; font-weight:bold;}

span.imageblock > a{font-weight:bold;}
span.imageblock > a > img{display: none;}

/*video - 16:9 Optimization*/
figure[data-ke-type="video"]{position: relative; width: 100%;	padding-bottom: 56.25%;}
figure[data-ke-type="video"] iframe{position: absolute; left:0; width: 100%; height: 100%;}
.youtube{position:relative; width:100%; padding-bottom:56.25%;}
.youtube iframe{position:absolute; width:100%; height:100%; border:0 !important;}

/*line*/
hr[data-ke-style='style5']{margin:15px 0; height:auto; background:none; background-size:auto;  !important;}

/*postbtn*/
.container_postbtn{margin-top:15px;}
.container_postbtn, .container_postbtn .postbtn_ccl, .container_postbtn .btn_post{height:auto !important; padding:0 !important;}
.container_postbtn .postbtn_like{padding: 0 !important; border-radius:0 !important; border:0 !important;}
.container_postbtn .btn_post .txt_like, .container_postbtn .wrap_btn_etc{display: none !important; }
.container_postbtn .btn_post .ico_like{margin:1px 0 0 !important;}
.container_postbtn .postbtn_like .wrap_btn{padding-right:5px;}



/*========== protect ==========*/
.protect{padding:10px;}
.protect .title_wrap .title{float: left; padding:2px 5px; font-weight:bold;}
.protect .title_wrap .date{float: right;}
.article_p{display: inline-block; margin:100px auto; text-align:center;}
.article_p .pwinput{display: inline-block; width: 60px; padding:10px; text-align:center; font-weight:bold;}



/*========== taglog ==========*/
.taglog a{display: inline-block; float: left; padding:5px; margin-right:5px; margin-bottom:5px;}
.taglog a:before{content:'#';}



/*========== notice ==========*/
.n_entry{padding:10px;}
.n_entry:not(:last-child){margin-bottom:10px;}
.n_entry .title_wrap{display: inline-block; padding:2px 5px; margin-bottom:10px; font-weight:bold; }
.n_entry .article{text-align:justify;}



/*========== comment ==========*/
.comment_o{display: none; margin-top:10px;}
.comment_list{margin-top:20px;}
.comment .rp_wrap{margin-bottom:10px;}
.comment .rp_general{padding:10px;}
.comment .rp_admin{padding:5px;}
.comment .desc{margin-top:5px; text-align:justify;}
.comment .redel{float:right;}
.comment .redel a{font-size:5px;}

.comment textarea{width:100%; height:80px; padding:10px; resize:none;}
.comment .wb{border-top:0 !important;}
.comment .input{float:left; width:100%; font-size:0; }
.comment .input input{display: none; font-size:11px; line-height:15px;  text-align:right; float:right; padding:7.5px;}
.comment .cksd{font-size:0; line-height:10px; text-align:right; }
.comment .check{display:inline-block; }
.comment .check input[type="checkbox"]{display: inline-block}
.comment .check input[type="checkbox"]+label:before{display: inline-block; 	content: 'unlock'; color:#FF55DF; font-size:11px; padding:3px; line-height:15px; font-weight:bold;}
.comment .check input[type="checkbox"]:checked+label:before{content: 'lock';  font-weight:bold; font-size:11px;}
.comment .submit{display: inline-block; }
.comment .submit input[type="submit"]{font-size:11px; color:#FF55DF; line-height:15px; padding:3px;  font-weight:bold; margin-right:3px;}



/*========== cover ==========*/
.cover_wrap .c_item{padding:10px;}
.cover_wrap .c_item:not(:last-child){margin-bottom:10px;}
.cover_wrap .title_wrap{display: inline-block; padding:2px 5px; margin-bottom:10px; font-weight:bold; }

.cover_notice .in:not(:last-child){margin-bottom:10px;}
.cover_notice .txt{text-align:justify;}
.cover_notice .n-img img{max-width: 100%; margin-bottom:5px;}

.cover_list .in{border-bottom:0 !important;}
.cover_list .link{display: inline-block; width:100%; padding:5px 5px;}
.cover_list .link:not(:last-child){margin-bottom:5px;}

.cover_gallery{padding-bottom:0 !important;}
.cover_gallery .in::after{display: block;  clear: both;  content: '';}
.cover_gallery .list_c{float: left;  position: relative;	width:calc((100% - 20px) / 3); margin:0 10px 10px 0;}
.cover_gallery .list_c:nth-child(3n){margin-right:0;}
.cover_gallery .thumb_i img{width: 100%;}
.cover_gallery .list_t{display: none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:#fff;}
.cover_gallery .list_t span{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; font-weight:bold;}



/*=====copyright=====*/
.yunicorn a{position:fixed; left: 13px; bottom: 10px; font-family:'Noto Sans'; font-size: 10px; font-weight:bold; letter-spacing:1px;} /* 수정 및 삭제 금지 */
/*=====copyright=====*/



@media (max-width:767px){
	#container{margin:5%; width:90%;}
	#side{float: none; margin:0 auto 10px;}
	#content{float: none; width:100%;}
}


.container_postbtn {display: none!important;}

/* 글 번호가 32인 게시글의 날짜 숨기기 */
.post-32 .header-des { display: none; }