@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR|Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Corben:700');


* {padding:0; margin:0; font-family: 'Verdana', 'Dotum'; font-size:11px; color:#000; letter-spacing:0; list-style: none; text-decoration:none; box-sizing:border-box; word-break:break-all; cursor:default; line-height:15px; letter-spacing:-0.5px;}
input, textarea, ::placeholder{border-radius: 0; border:0; background:none; outline: none; -webkit-appearance: none; color:#000;}
img{vertical-align: bottom;}
.clear{clear: both;}
a, a:link, a:visited, a:active{color: #000; text-decoration: none;}
html{overflow-x: hidden;}
::-webkit-scrollbar {width:0px; height:0px; }
::-webkit-scrollbar-thumb {width:0px; height:0px;}
::selection{color: #555;}
::-webkit-selection{color: #555;}
::-moz-selection{color: #555;}
.youtube{position:relative; width:100%; padding-bottom:56.25%;}
.youtube iframe{position:absolute; width:100%; height:100%; border:0 !important;}
.link_tit{display: none;}



/*========== layout ==========*/
#container{position:relative; width:800px; height:600px; margin: 180px auto; overflow:hidden;}
#side{float:right; width:50%; height:100%; padding:20px; }
#side .profile .pimg{width:100px; border-radius:100%; margin-bottom:15px;}
#side .profile .title a{display: inline-block; font-family: 'Corben', cursive; font-size:20px; font-style:italic; margin-bottom:5px;}
#side .came{margin-top:10px;}
#side .box{width:10px; height:10px; background:#fff; transition:0.5s;}
#side .came .cate, #side .came .menu{position: relative; display: inline-block; float: left; margin-right:5px;}
#side .came .category_list{display: none; position:absolute; top: 15px; width:70px; background:#fff;  border-bottom:0 !important; z-index:9;}
#side .came .menu_list{display: none; position:absolute; top:15px; width:60px; background:#fff;  border-bottom:0 !important; z-index:10;}
#side .came .category_list > li > a, #side .came .menu_list > li > a{display: inline-block; width:100%; padding:5px; transition:0.5s;}
.liclick{background:#68d; transition:0.5s;}
#side .came .sub_category_list{display: none; padding:5px;}
#content{float: left; width:50%; height:100%; padding:15px; background:#fff; overflow-y:auto;}



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

#list_g .list_c{position:relative; margin-bottom:14px; }
#list_g .thumb_i{float:right; display:inline-block;  width:108px;}
#list_g .thumb_i img{width:100%; }
#list_g .list_t{float: left; display: inline-block; position:absolute; top:50%; width:calc(100% - 108px); transform:translate(0%,-50%); padding:3px; text-align:center;}
#list_g .list_t .date{font-size:10px; margin-top:5px;}
#list_g .list_t i{display: none;}

#list_n .thumb_i{display: none;}
#list_n .list_c {width:100%; margin-bottom:15px; }
#list_n .list_t i{padding:8px;}
#list_n .list_t span{padding:8px 3px;}



/*========== article ==========*/
.entry .article{margin-bottom:10px;}
.entry .article .title_wrap{padding-bottom:10px; margin-bottom:10px; text-align:center;}
.entry .article .title_wrap .date{font-size:10px;}
.entry .article .detail{margin-top:20px;}
.entry .article .detail > div:not(:first-child){display: inline-block;}
.entry .article .detail .tag_trail a:before{content:'#';}
.entry .article iframe{width:100%; border:0 !important;}

div[data-ke-type='moreLess'] .btn-toggle-moreless, .btn_more{margin: 0 !important; color: #000 !important; font-size: 11px !important; line-height: 18px !important; font-family: 'Verdana', 'Dotum' !important; font-weight:bold; cursor: default !important;}
.btn_less{padding:0; margin:0; color:#000;}
div[data-ke-type='moreLess'] .btn-toggle-moreless::before, .btn_less::before, .btn_more::before {content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight:bold; display: inline-block; padding-right: 5px; font-size: 11px; line-height: 18px; vertical-align: initial;}
div[data-ke-type='moreLess'].open .moreless-content, .moreless_content{}

figure.imageblock.alignCenter {margin-bottom:0;}
figure.imagegridblock{margin:0;}
figure.imagegridblock .image-container span{width:auto !important;}

blockquote[data-ke-style='normal'], blockquote[data-ke-style='box']{font-size:11px; background:none; padding:5px; margin:5px 0; color:#000; line-height:16px;}

figure.fileblock{display: inline-block; margin:5px 0; width:auto; height: auto; border-radius:none; border:none !important;}
figure.fileblock .image, figure.fileblock a::after, figure.fileblock .size{display: none;}
figure.fileblock a{display: inline-block; height:auto; font-weight:bold; 'Verdana', 'Dotum';}
figure.fileblock .desc{position: inherit; left:0; right:0;}
figure.fileblock .filename{color:#000; font-size:11px; height:auto; margin:0;}
figure.fileblock .name{max-width:none; height:auto; }
figure.fileblock .name:before{content:'+'; margin-right:5px;}
span.imageblock > a {font-weight:bold;}
span.imageblock > a > img{display: none;}
span.imageblock > a:before{content:'+';}

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%;}



/*========== protect ==========*/
.article_p{display: inline-block;	width:100%; padding:150px 0; margin:10px 0;  text-align:center;}
.article_p .pwinput{display: inline-block; width:80px;	padding:5px; text-align:center;  }




/*========== taglog ==========*/
.taglog .tag a{display: inline-block; float: left; padding:5px; width:calc((100% - 30px) / 4); margin:0 10px 10px 0;  text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.taglog .tag a:nth-child(4n){margin-right:0;}



/*========== notice ==========*/
.n_entry{ padding:10px; }
.n_entry .title_wrap{margin-bottom:10px; text-align:center;}



/*========== comment ==========*/
.comment_o{display: none;}
.comment .name a, .comment .name{display:inline-block; padding:1px 3px; margin-bottom:5px;}
.comment .rp_wrap{margin-bottom:15px;}
.comment .rp{padding:10px; }
.comment .rrp{ border-top:none !important; padding:10px;}
.comment .redel{float: right;}
.comment .redel a{font-size:10px;}

.comment .Write{margin-bottom:35px; }
.comment textarea {width:100%; height:50px; padding:10px;  resize:none; }
.comment .wb{ padding:5px;}
.comment .input{float:left;}
.comment .input input{width:55px; line-height:22px; font-size:11px;}
.comment .cksd{float: right; font-size:0;}
.comment .check{display:inline-block; font-size:11px; }
.comment .check input[type="checkbox"]{display: none;}
.comment .check input[type="checkbox"]+label:before{display: inline-block; 	content: 'make public'; color:#000; font-size:11px; margin-right:10px; line-height:21px;}
.comment .check input[type="checkbox"]:checked+label:before{content: 'secret'; }
.comment .submit{display: inline-block;}
.comment .submit input[type="submit"]{font-size:11px; color:#000; background:rgba(255,255,255,0); line-height:21px;}



/*========== cover ==========*/
.cover_wrap .c_item{}
.cover_wrap .title_wrap{padding:8px;}
.cover_notice .in{padding:8px;}
.cover_notice .n-img img{max-width: 100%;}
.cover_gallery .in{padding:8px; padding-bottom:0;}
.cover_gallery .in::after{display: block;  clear: both;  content: '';}
.cover_gallery .list_c{float: left;  position: relative;	width:calc((100% - 16px) / 3); margin:0 8px 8px 0; }
.cover_gallery .list_c:nth-child(3n){margin-right:0;}
.cover_gallery .thumb_i{width: 100%; height: auto; overflow: hidden;}
.cover_gallery .thumb_i img{width: 100%; height: auto;}
.cover_list .in{padding:0 8px;}
.cover_list .link{display: inline-block; width:100%; padding:8px 5px;}
.cover_wrap .c_item:not(:last-child){margin-bottom:10px;}



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



@media (max-width:767px){
	#container{width:80%; margin:10%; height:auto; border:none !important;}
	#side{float: none; width:100%; height:350px; margin-bottom:20px; border:1px solid #000;}
	#content{float: none; width:100%; height:auto; border:1px solid #000;}
}


/* 공감버튼 없애기 */
.container_postbtn {display:none;}
[data-tistory-react-app="Namecard"] {display: none;}
.postbtn_like {display: none;}
.btn_subscription {display: none;}

[data-tistory-react-app='Namecard'] {
  display: none !important;
}

.tt_box_namecard {
  display: none !important;
}

.content .tt_box_namecard { display: none !important; }