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


* {padding:0; margin:0; font-family: 'Open Sans' !important; font-size:11px; color:#000; line-height:16px; letter-spacing:-0.5px; list-style: none; text-decoration:none; box-sizing:border-box; word-break:break-all;}
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;}
b{font-family:'Noto Sans KR'; font-weight:bold;}
html{overflow-x: hidden; background:#fff;}
::-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;}


/*========== layout ==========*/
#container{width:300px; margin:150px auto;}
#header{margin-bottom:10px; }
#header .img{float: left; width:80px; margin-right:10px; background:#fff;}
#header .img img{width:100%; padding:5px;}
#header .text{float: right; width:calc(100% - 90px); margin-top:5px;}
#header .text .nick .name{font-family:'Noto Sans KR'; font-weight:bold; letter-spacing:0;}
#header .text .nick .talk{line-height:10px !important; margin-bottom:5px;}
#header .text .cm a{font-size:10px !important; margin-right:3px;}
#header .text .cm .in{margin-top:-5px;}
#content{padding:10px; background:#fff;}
.top{display: inline-block; float: left; margin-top:10px; padding:5px 8px; background:#fff; font-size:10px !important;}
.paging{display: inline-block; float: right; margin-top:10px; padding:5px; background:#fff;}



/*========== list ==========*/
.list_w:after{display: block; clear: both; content: '';}
#list_n .list_c .thumb_i{display: none;}
#list_n .list_c{padding:7px 10px; margin-bottom:8px;}
#list_g{margin-bottom:-10px;}
#list_g .list_c{float: left;width:calc((100% - 20px) / 3); margin: 0 10px 10px 0; padding:5px;}
#list_g .list_c:nth-child(3n){margin-right:0;}
#list_g .thumb_i{width:100%; height:auto;}
#list_g .thumb_i img{width:100%;}
#list_g .list_t{display: none; }


/*========== article ==========*/
.entry .title{display: inline-block; padding:0 5px; margin-bottom:10px; background:#eee;}
.entry .article iframe{width:100%;}
.entry .detail .admin{float:right; font-size:0; margin-top:15px;}
.entry .detail .admin a{font-size:10px;}
.entry .detail .tag_trail{float: left; margin-top:15px;}

div[data-ke-type='moreLess'] .btn-toggle-moreless, .btn_more{margin: 0 !important; color: #000 !important; font-size: 11px !important; line-height: 16px !important; font-family: 'Verdana' !important;  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: 16px; 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;}
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:#000; 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;}
.article_p{display: inline-block;	margin: 140px auto 140px;}
.article_p input{display: block; width:60px; line-height:20px;	padding:0 5px; text-align:center; background:none;}
.article_p input::placeholder{font-size:10px !important;}


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


/*========== notice ==========*/
.n_entry{margin-bottom:15px;}
.n_entry .title_wrap .title{display: inline-block; padding:0 5px; margin-bottom:10px; background:#eee;}
.n_entry .article{margin:0;}


/*========== comment ==========*/
.comment_list{margin-top:20px;}
.comment .name {display:inline-block; margin-bottom:2px; font-weight:bold;}
.comment .rp_wrap{margin-bottom:25px;}
.comment .rp{margin-bottom:5px;}
.comment .rrp{margin-left:10px; padding:5px 0;}
.comment .redel{float: right;}

.comment .Write{margin-bottom:20px;}
.comment .input{margin-bottom:10px; font-size:0;}
.comment .input input{width:42px; padding:3px;}
.comment .input input.pw{width:51px; margin-left:3px;}
.comment textarea {width:100%; height:45px; margin:auto; margin-bottom:10px; padding:5px; background:rgba(255,255,255,0); resize:none;}
.comment .cksd{padding:3px;}
.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: '공개'; color:#000;}
.comment .check input[type="checkbox"]:checked+label:before{content: '비밀';}
.comment .submit{display: inline-block;}
.comment .submit input[type="submit"]{color:#000; background:rgba(255,255,255,0);}


/*========== cover ==========*/
.cover_wrap{margin-bottom:-15px;}
.cover_wrap .title_wrap{display: inline-block; padding:0 5px; margin-bottom:10px; background:#eee;}

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

.cover_gallery{margin-bottom:5px; padding-bottom:0;}
.cover_gallery .in::after{display: block;  clear: both;  content: '';}
.cover_gallery .thumb{float: left;  position: relative;	width:calc((100% - 20px) / 3); margin: 0 10px 10px 0; padding:5px;}
.cover_gallery .thumb:nth-child(3n){margin-right:0;}
.cover_gallery .thumb_i{width: 100%; height: auto;}
.cover_gallery .thumb_i img{display: block; position: relative; width: 100%; height: auto; }

/*=====copyright=====*/
.yunicorn{position:fixed; left: 13px; bottom: 10px;}
/*=====copyright=====*/


@media (max-width:767px){
	#container{position:relative; width:80%; margin: 10%; margin-bottom:30%;}
}