@charset "utf-8";

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



/*========== layout ==========*/
#container{width: 400px; margin: 140px auto 50px; padding:15px;}
#content{width:100%; background:#fff; }
#content2{height:calc(400px - 100px); padding:10px; overflow-y:auto;  line-height:18px;}



/*========== topbar ==========*/
.top{width:100%; height:40px; padding:0 10px;}
.top .blogtitle a{float:left; line-height: 40px;}
.catemenu{float: right; position:relative;}
.profile, .cate, .menu{display: inline-block;}
.catemenu .btn i{line-height:40px;}
.catemenu .btn i{margin-right:5px;}
.catemenu .menu .btn i {margin:0;}

.pbox{display: none; position:absolute; width:80px; right:40px; top:30px; padding:5px; background:#fff; z-index:98;}
.pbox img{width:100%;}

.cate .category{display: none; position:absolute; width:80px; right:20px; top:30px; padding:5px; background:#fff; text-align:right;  z-index:99;}
.cate .category .tt_category .link_tit{display: none;}
.cate .category .category_list li > a.link_item{display: inline-block; padding:3px 0;}
.cate .category .sub_category_list{display: none;}
.cate .category .sub_category_list .link_sub_item{display: inline-block; margin:2px 0;}

.menu .mbox{display: none; position:absolute; width:65px; right:0; top:30px; padding:5px; background:#fff; text-align:right;  z-index:100;}
.menu .mbox li{padding:3px 0;}
.menu .mbox span input{width:100%; text-align:right;}


/*========== paging ==========*/
.paging{height: 40px;padding:0 10px;}
.paging a > i{line-height:40px;}



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

#list_n {margin:15px 0;}
#list_n .list_c .thumb_i{display: none;}
#list_n .list_c {padding:15px 10px;}
#list_n .list_c .list_t .title{float: left;}
#list_n .list_c .list_t .date{float: right;}
#list_n .list_b, #list_g .list_b{display: none;}

#list_g .list_c{float:left;	position:relative; width:calc(94% / 3); margin:0 3% 3% 0; overflow: hidden;}
#list_g .list_c:nth-child(3n){margin:0 0 3% 0;}
#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;  transition:0.5s;}
#list_g .list_c .list_t{opacity:0; position:absolute; top:0%;	left:0%;	width:100%; height:100%; background:#00000077;}
#list_g .list_c .list_t span{position:absolute; text-align:center; width:90%; top:50%; left:50%; transform:translate(-50%,-50%);	-webkit-transform:translate(-50%,-50%);	-moz-transform:translate(-50%,-50%);	-ms-transform:translate(-50%,-50%);	-o-transform:translate(-50%,-50%);}
#list_g .list_c .list_t .title{color:#fff;}
#list_g .list_c .list_t .date{display: none;}
#list_g .list_c:hover .list_t{opacity:1; transition:0.5s;}


/*========== article ==========*/
.entry .title_wrap{padding:10px; margin-bottom:15px;}
.entry .title_wrap .date{float:right;}
.article{margin-bottom:15px;}
.article iframe{width:100%;}

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; font-family: 'Dotum' !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: 18px; vertical-align: initial;}
div[data-ke-type='moreLess'].open .moreless-content, .moreless_content{ padding:5px 10px;}

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:10px; margin:5px 0; color:#000; line-height:18px;}

figure.fileblock{display: inline-block; margin:5px 0; width:auto; height: auto; border:0; border-radius: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 .filename .name:before{content:'\f358'; font-family:"Font Awesome 5 Free"; font-weight:bold; margin-right:5px;}

.entry .detail span.Text{display: inline-block; padding:0 3px;}
.entry .detail > div{margin-bottom:5px; line-height:16px; }



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



/*========== taglog ==========*/
.taglog a{float: left; display: inline-block; width:calc(90% / 5); margin:1%; padding:5px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.taglog a:before{content: "\f004"; font-family: "Font Awesome 5 Free"; display: block;}
.taglog a:hover:before{font-weight:bold;}



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



/*========== comment ==========*/
.comment_o{display: none; margin-top:15px;}
.comment .name {font-weight:bold;}
.comment .rp_wrap{margin-bottom:25px;}
.comment .rrp{margin-top:10px; padding:10px;}
.comment .redel{float: right;}
.comment .redel a{color:#666;}

.comment .Write{margin-bottom:30px;}
.comment textarea {	width:100%; height:70px; margin:auto; margin-bottom:10px; padding:5px; background:rgba(255,255,255,0); resize:none;}
.comment .input{float: left; width:50%:}
.comment .input input{width:40%; line-height:25px; padding:0 5px; margin-right:5px; background:rgba(255,255,255,0);}
.comment .cksd{float: right;}
.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: '공개'; width:40px; line-height:25px;  text-align:center;}
.comment .check input[type="checkbox"]:checked+label:before{content: '비밀';}
.comment .submit{display: inline-block;}
.comment .submit input {width:40px;	line-height:25px; color:#000; background:rgba(255,255,255,0);}



/*========== cover ==========*/
.cover_wrap .title_wrap{display: inline-block; padding:0 3px; margin-bottom:10px;}

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

.cover_gallery{padding:10px; padding-bottom:2px; margin-bottom:15px; }
.cover_gallery .in::after{display: block;  clear: both;  content: '';}
.cover_gallery .thumb{float: left;  position: relative;	width:calc(94% / 3); margin:0 3% 3% 0; transition:0.5s;}
.cover_gallery .thumb:nth-child(3n){margin:0 0 3% 0;}
.cover_gallery .thumb_i{width: 100%; height: auto; overflow: hidden;}
.cover_gallery .thumb_i img{display: block; position: relative; width: 100%; height: auto; transition:0.5s;}
.cover_gallery .list_t{opacity:0; position:absolute; top:0%;	left:0%;	width:100%; height:100%; color:#fff; background:#00000077;}
.cover_gallery .list_t span.title{position:absolute; text-align:center; color:#fff; width:90%; top:50%; left:50%; transform:translate(-50%,-50%);	-webkit-transform:translate(-50%,-50%);	-moz-transform:translate(-50%,-50%);	-ms-transform:translate(-50%,-50%);	-o-transform:translate(-50%,-50%);}
.cover_gallery .thumb:hover .list_t{opacity:1;	transition:0.5s;}



/*========== copyright ==========*/
.yunicorn{position:fixed; left: 13px; bottom: 10px; font-family:'Verdana' !important; font-size: 10px;}
/*========== copyright ==========*/



@media (max-width:768px){
	#container{width:90%; margin: 20px 5%;}
	#content2{height:auto;}
	.taglog a{width:calc(94% / 3); margin:1%;}
}