@charset "utf-8";
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

* {padding:0; margin:0; font-family: 'Pretendard' !important; font-size:11px; color:#000; line-height:15px; letter-spacing:0.5px; list-style: none; text-decoration:none; box-sizing:border-box; word-break:break-all; cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !important;}
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;}
::-webkit-scrollbar-thumb {width:0px;}
.youtube{position:relative; width:100%; padding-bottom:56.25%;}
.youtube iframe{position:absolute; width:100%; height:100%;}
.container_postbtn{display: none;}
#s-m-t-tooltip{margin:8px 0 0 8px; padding:5px 7px; background:#fff; font-size:11px; z-index:99999999999;}



/*========== layout ==========*/
#container{width: 340px; height:340px; margin: 200px auto 50px;}
#content{position:relative; height:100%; margin:10px 0; padding:10px; background:#fff;}
#content .con{height:100%; overflow-y:auto;}
#cate {float: right; position:relative; width:80px; background:#fff;}
#cate .tt{padding:5px; background:#fff; display:block; cursor:pointer;}
#cate i{margin-top:1px; display:inline-block; transition: transform 0.3s ease; transform: rotate(180deg);}
#cate .tt.open i{transform: rotate(0deg);}
#cate_toggle:checked ~ .tt i{transform: rotate(0deg);}
#cate .catelist_wrap{
	position:absolute;
	width:100%;
	z-index:999999;
	display:grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s ease;
}
#cate_toggle:checked ~ .catelist_wrap{grid-template-rows: 1fr;}

#cate .catelist{overflow:hidden; border-top:0 !important; background:#fff;}
#cate .catelist li{padding:2.5px 5px;}
#cate .catelist li:first-child{padding-top:5px;}
#cate .catelist li:last-child{padding-bottom:5px;}
#pop{
    position:absolute;
    top:0%;
    left:0%;
    right:auto;
    bottom:auto;
    width:100%;
    max-width:80px;
    padding:0px;
    background:#fff;
    border:1px solid #000;
    z-index:99999;
    transform: translate(370%, 370%);
}
#pop .pcon{position:relative; width:100%; padding-bottom:100%; overflow:hidden;}
#pop .pcon .img{position:absolute; background:url('[##_var_profile_##]'); width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; overflow:hidden;}

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

#list_n .list_c .thumb_i{display: none;}
#list_n .list_c{padding:11.5px 0; }
#list_n .list_c:first-child{padding-top:0;}
#list_n .list_c:last-child{padding-bottom:0;}
#list_n .list_c .list_t .title{float: left;}
#list_n .list_c .list_t .date{float: right;}
#list_n .list_t .sum, #list_g .list_t .sum{display: none;}

#list_g .list_c{float:left;	position:relative; width:calc(100% / 3);}
#list_g .list_c .thumb_i{width: 100%; height: auto;  overflow: hidden;}
#list_g .list_c .thumb_i img{display: block; position: relative; width: 100%; height: auto;}
#list_g .list_c .tooltip{position:absolute; top:0; left:0; width:100%; height:100%;}
#list_g .list_c .list_t{display: none;}

#bgm_player{
	width:55px; height:55px;
	margin-top:10px;
	background:#fff;
	border:1px solid #000;
	display:flex; flex-direction:column; align-items:center; justify-content:center;
	overflow:hidden;
	opacity:0; visibility:hidden; transform:translateY(6px);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}

#bgm_player .bgm_progress{
	width:80%;
	height:2px;
	margin-top:6px;
	background:#eee;
}
#bgm_player .bgm_progress_bar{
	width:0%;
	height:100%;
	background:#000;
	transition: width 0.2s linear;
}

/*========== article ==========*/
.article iframe{width:100%;}
.article{margin-bottom:15px;}

div[data-ke-type='moreLess'] .btn-toggle-moreless, .btn_more{height: 0 !important; margin: 0 !important; color: #000 !important; font-size: 11px !important; line-height: 18px !important; cursor: default !important;}
.btn_less{padding:0; margin:0; color:#000;}
div[data-ke-type='moreLess'] .btn-toggle-moreless::before, .btn_more::before {content: "\e907"; font-family: 'xeicon'; font-weight:normal; display: inline-block; padding-right: 5px; font-size: 11px; line-height: 18px; vertical-align: initial;}
div[data-ke-type='moreLess'].open .btn-toggle-moreless::before, .btn_less::before {content: "\e90a"; font-family: 'xeicon'; font-weight:normal; 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:18px;}

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



/*========== protect ==========*/
.protect{text-align:center; height:290px;}
.article_p{display: inline-block;	margin: 130px auto 0;}
.article_p .pwinput{display: block; width:100px; line-height:30px;	padding:0 5px; text-align:center; background:none;}



/*========== taglog ==========*/
.taglog a{display: inline-block; padding:8px 5px; }



/*========== notice ==========*/
.n_entry{margin-bottom:15px;}
.n_entry .title_wrap .title{display: inline-block; margin-bottom:8px;}
.n_entry .article{margin:0;}



/*========== comment ==========*/
.comment_o{display: none; margin-top:15px;}
.comment_list{margin-top:20px;}
.comment .name {display:inline-block; margin-bottom:5px;}
.comment .rp_wrap{margin-bottom:20px;}
.comment .rp{margin-bottom:5px;}
.comment .rrp{margin-left:20px; padding:5px;}
.comment .redel{float: right;}
.comment .redel a{color:#666;}

.comment .Write{margin-bottom:20px;}
.comment .input{margin-bottom:10px; font-size:0;}
.comment .input input{width:40px;}
.comment .input input.pw{width:50px; margin-left:3px; line-height:18px;}
.comment textarea {width:100%; height:45px; margin:auto; margin-bottom:10px; padding:5px; background:rgba(255,255,255,0); resize:none;}
.comment .cksd{line-height:18px; }
.comment .check{display:inline-block;	margin-right:5px;}
.comment .check input[type="checkbox"]{display: none;}
.comment .check input[type="checkbox"]+label:before{display: inline-block;	content:'Public'; color:#000;}
.comment .check input[type="checkbox"]:checked+label:before{content: 'Secret!';}
.comment .submit{display: inline-block;}
.comment .submit input[type="submit"]{color:#000; background:rgba(255,255,255,0);}



/*========== cover ==========*/
.cover_wrap .title_wrap{display: inline-block; margin-bottom:8px;}

.cover_notice .item_wrap{margin-bottom:15px;}
.cover_notice .n-img img{max-width: 100%;}

.cover_gallery{margin-bottom:15px;}
.cover_gallery .in::after{display: block;  clear: both;  content: '';}
.cover_gallery .thumb{float: left;  position: relative;	width:calc(100% / 3);}
.cover_gallery .thumb_i{width: 100%; height: auto;}
.cover_gallery .thumb_i img{display: block; position: relative; width: 100%; height: auto; }
.cover_gallery .thumb .tooltip{position:absolute; top:0; left:0; width:100%; height:100%;}



@media (max-width:767px){
	#container{width:90%; margin: 5%;}
}
 /* 구독하기 버튼 삭제 */
.container_postbtn .btn_menu_toolbar {display: none;}
 /* 블로그입니다 삭제 */
[data-tistory-react-app="Namecard"] {
display: none;
}