@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');
@font-face {
	font-family: "EB Garamond", Courier, monospace;
	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: "EB Garamond", monospace; font-size:11px; color:#555; list-style: none; text-decoration:none; box-sizing:border-box; word-break:break-all; line-height:15px; letter-spacing:-0px;}
input, textarea, ::placeholder{border-radius: 0; border:0; background:none; outline: none; -webkit-appearance: none; color:#555);}
img{vertical-align: bottom;}
a, a:link, a:visited, a:active{color:rgb(68, 68, 68); text-decoration: none;}
::-webkit-scrollbar, ::-webkit-scrollbar-thumb {width:0px; height:0px;}
html{overflow-x: hidden;}
.clear{clear: both;}


.top{position:fixed; right:8px; bottom:5px; padding:10px;}





/*========== layout ==========*/
#container{position:relative; width:600px; padding:20px; margin: 50px auto; background:#fff;}
#content{width:100%;}

#header{position:relative; width:100%; margin-bottom:15px;}
#header .profile{float: left; width:60px; margin-right:10px;}
#header .profile img{width:100%; border-radius:100%; }
#header .title{float: left; font-size:13px; font-weight:regular;height: 60px;}
#header .title a{font-size:13px;}
#header .title a:hover{color:#ff0000}
#header .mtoggle{float: right; height: 60px;}
#header .mtoggle:hover,
#header .mtoggle:hover i { color: #ff0000;}
#header .profile,
#header .title,
#header .mtoggle{
  height: 60px;
  line-height: 60px;
}
#header .title a,
#header .mtoggle i{
  line-height: inherit;
}


.ctoggle{display: none; position:absolute; right:0; top:100%; width:80px; z-index:999; text-align:right; background:#fff;}
.catett{width:100%; padding:5px;}
.menutt{width:100%; padding:5px;}
.category_list, .sub_category_list, .menu_list, .link_tit{display: none;}
.sub_category_list{bacokground:#eeeeee55;}
.menu_list{border-top:0px solid rgb(255, 255, 255);}
.category li > a, .menu_list a{display: inline-block; width:100%; padding:5px;}
.category li > a, .menu_list a:not(:last-child){border-bottom:0px solid rgb(233, 233, 233);}
.search input{width:100%; text-align:right;}
.paging{margin-top:10px;}





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

#list_n .thumb_i{display: none;}
#list_n .list_c{padding:10px 0;}
#list_n .list_c:hover .title{text-decoration: underline; text-underline-offset: 3px;}
#list_n .list_c .title{float: left; width:73%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#list_n .list_c .date{float: right;}

#list_g .thumb_i img{width:100%;}
#list_g .list_c{float: left; position:relative; width:calc((100% - 20px) / 3); margin:0 3px 3px 0;}
#list_g .list_c:nth-child(3n){margin-right:0;}
#list_g .list_t{display: none; position:absolute; top:0; left:0; width:100%; height:100%; background:#ffffffbb;}
#list_g .list_t .date{display: none;}
#list_g .list_t span{position:absolute; top:50%; left:50%; width:100%; padding:0 5px; transform:translate(-50%,-50%); text-align:center;}





/*========== article ==========*/
.entry{margin-bottom:15px;}
.entry .article .title_wrap{margin-bottom:15px;}
.entry .article .title_wrap .title {font-size: 12px;}
.entry .article .title_wrap .title{float:left;}
.entry .article .title_wrap .date{float: right;}
.entry .article .ny{margin-bottom:15px; text-align:justify;}
.entry .article .ny p > a{font-weight:bold;}
.entry .article iframe{width:100%; border:0 !important;}
.tag_trail, .action_trail{display: inline-block;}
.tag_trail{margin-left:2px;}
.tag_trail a{text-decoration:underline; text-underline-offset: 3px;  text-decoration-thickness: 0.5px; }
.tag_trail a:hover{text-decoration:underline; text-underline-offset: 3px;}
.tag_trail a:before{content:'#';}

.title_wrap .heart{float:right;}
.title_wrap .heart .xi-heart{display:none;}
#pl .title_wrap{margin-bottom:0; margin-top:15px;}
.absent_post{font-size:10.5px !important; padding-top:0 !important; background:none !important;}

/*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:10.5px; background:none; padding:5px; margin:2.5px 0; color:#555; line-height:15px;}
blockquote[data-ke-style='style3']{background:#eeeeee55;}

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

/*moreless*/
div[data-ke-type='moreLess'] .btn-toggle-moreless{color:rgb(143, 143, 143); font-size:0; line-height:15px; font-family:"EB Garamond";}
div[data-ke-type='moreLess'] .btn-toggle-moreless:before{content:none;}
div[data-ke-type='moreLess'] .btn-toggle-moreless:after{content:'more'; font-size:11px;}
div[data-ke-type='moreLess'].open .btn-toggle-moreless:after{content:'less';}
div[data-ke-type='moreLess'].open .moreless-content{margin:5px 0; padding:5px;}/*content area*/

.btn_more, .btn_less{height:auto; margin:0; font-size:0; color:rgb(143, 143, 143); text-align:initial; font-weight:bold;}
.btn_more:after{content:'more'; font-size:11px;}
.btn_less:after{content:'less'; font-size:11px;}
.moreless_content .btn_less:last-child{display:none;}
.btn_less:before, .btn_more:before{content:none;}
.moreless_content{display:block; width:100%; padding:5px !important; margin:5px 0 !important;}


/*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*/
.youtube{position:relative; width:100%; padding-bottom:100%;}
.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; }

/*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 .title_wrap .title{float: left; font-weight:bold;}
.protect .title_wrap .date{float: right;}
.article_p{margin:50px auto; text-align:center;}
.article_p .pwinput{display: inline-block; width:120px;padding:5px; text-align:center; font-weight:bold; background:#eeeeee55;}





/*========== taglog ==========*/
.taglog:after{display: block; clear: both; content: '';}
.taglog a{text-decoration:underline; text-underline-offset: 3px; text-decoration-thickness: 0.5px; display: inline-block; float: left; padding:2px 3px; margin-right:5px; margin-bottom:5px;}
.taglog a:before{content:'#';}
.taglog a:hover{text-decoration:underline; text-underline-offset: 3px;}





/*========== notice ==========*/
.n_entry:not(:last-child){margin-bottom:20px;}
.n_entry .title_wrap{margin-bottom:15px; font-size:12px;}
.n_entry .article{text-align:justify;}





/*========== comment ==========*/
.comment_o{display: none; margin-top:10px;}
.comment_list{margin-top:30px;}
.comment .rp_wrap{margin-bottom:20px;}
.comment #rp{}
.comment #rrp{border-left:1px solid #aaa; padding-left:10px; margin-top:10px;}
.comment .name{display:inline-block; font-weight:bold;}
.comment .desc{margin-top:2px; text-align:justify;}
.comment .redel{float: right; padding:5px;}
.comment .redel a{font-size:10px;}

.comment textarea{width:100%; height:50px; padding:10px; resize:none; background:#eeeeee55; margin-bottom:10px;}
.comment .wb{border-top:0 !important;}
.comment .input{float:left; width:65%; font-size:0;}
.comment .input input{display: inline-block; width:calc(50% - 5px); font-size:10.5px; line-height:20px; text-align:center; padding:0 3px; background:#eeeeee55;}
.comment .input input:first-child{margin-right:10px;}
.comment .cksd{float: right; width:35%; font-size:0; text-align:center;}
.comment .check{display:inline-block; width:50%;}
.comment .check input[type="checkbox"]{display: none;}
.comment .check input[type="checkbox"]+label:before{display: inline-block; content: "public"; color:#555; font-size:10.5px; line-height:20px;}
.comment .check input[type="checkbox"]:checked+label:before{content: "secret";  font-weight:bold;}
.comment .submit{display: inline-block; width:50%;}
.comment .submit input[type="submit"]{font-size:10.5px; color:#555; font-weight:bold; background:#00000000; line-height:20px;}





/*========== cover ==========*/
.cover_wrap .c_item:not(:last-child){margin-bottom:15px;}

.cover_insta .title_wrap{display: inline; margin-right:3px;}
.cover_insta .in:not(:last-child){margin-bottom:15px;}
.cover_insta .txt{display: inline; text-align:justify;}
.cover_insta .n-img img{max-width: 100%; margin-bottom:7.5px;}

.cover_notice .title_wrap{ margin-bottom:5px;}
.cover_notice .n-img img{max-height:100%; margin-bottom:5px;}

.cover_list .title_wrap{ margin-bottom:5px;}
.cover_list .link{display: block;}
.cover_list .link:not(:last-child){margin-bottom:5px;}
.cover_list .list_t .title{float: left;}
.cover_list .list_t .date{float: right;}
.cover_list .link:hover .title{}

.cover_gallery{margin-bottom:5px !important;}
.cover_gallery .title_wrap{ margin-bottom:5px;}
.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:#ffffffbb;}
.cover_gallery .list_t span{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; padding:0 5px;}


/*공감버튼 ~님의블로그입니다*/
.container_postbtn {display: none !important;}
[data-tistory-react-app="Namecard"] {
display: none;
}
.tt_article_useless_p_margin figure span[data-url] {
  pointer-events: none;
}
.catett, .menutt, .category_list a, .menu_list a, .mtoggle {cursor: pointer;}
.catett:hover, .menutt:hover, .category_list a:hover, .menu_list a:hover {background: rgb(250, 250, 250);}
div[data-ke-type='moreLess'] .btn-toggle-moreless:hover:after{text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:0.5px;}
.btn_more:hover:after, .btn_less:hover:after{text-decoration:underline; text-underline-offset:3px;}


@media (max-width:1000px){
	#container{margin:10%; width:80%;}
}