@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'; font-size:10.5px; color:#888; letter-spacing:0; list-style: none; text-decoration:none; box-sizing:border-box; word-break:break-all; cursor:default; line-height:16px; letter-spacing:-0.5px;}
input, textarea, ::placeholder{border-radius: 0; border:0; background:none; outline: none; -webkit-appearance: none; color: #888;}
img{vertical-align: bottom;}
.clear{clear: both;}
a, a:link, a:visited, a:active{color: #888; text-decoration: none;}
a:hover{color:#637bda;}
html{overflow-x: hidden;}
::-webkit-scrollbar {width:1px; height:1px; }
::-webkit-scrollbar-thumb {width:1px; height:1px;}
::selection{color:transparent; text-shadow:0 0 1px #888;}
::-webkit-selection{color:transparent; text-shadow:0 0 1px #888;}
::-moz-selection{color:transparent; text-shadow:0 0 1px #888;}
.container_postbtn {display: none;}

.youtube{position:relative; width:100%; padding-bottom:56.25%;}
.youtube iframe{position:absolute; width:100%; height:100%; border:0 !important;}
.link_tit{display: none;}
/* skmd */
/*
.title, .cover_wrap .title_wrap, .n_entry .title_wrap{font-family:'Noto Sans KR'; font-weight:bold; font-size:11px;}
*/
.cover_wrap .title_wrap, .n_entry .title_wrap{font-family:'Noto Sans KR'; font-weight:bold; font-size:11px;}
.paging{margin-top:20px;}



/*========== layout ==========*/
#container{position:relative; width:800px; margin: 160px auto; overflow:hidden;}
#side{position:fixed; width:200px; text-align:right;}
#side .profile, #side .txt{width:100%; margin-bottom:10px; }
#side .profile .title{display: inline-block; padding-right:5px;}
#side .profile .img{display: inline-block; width:50px; border-radius:15px 15px 0 15px; overflow:hidden; vertical-align:bottom;}
#side .profile .img img{width:100%;}
#side .txt{padding-right:10px;}
#side .icon{font-size:0; margin-bottom:7px;}
#side .icon a{display: inline-block; padding:5px; border-radius:5px; /*background:#eee;*/ font-size:10px; margin-left:5px;}
#side .menu{display: inline-block; text-align:right;}
#side .menu .cate{width:100%; padding-right:10px;}
#side .menu .cate .sub_category_list > li{line-height:10px; margin-top: 2px; margin-bottom: 2px;}
#side .menu .cate .sub_category_list > li > a{font-size:10px; line-height:10px; color: #c1c1c1;}
#side .menu .cate .sub_category_list > li > a:before{content:"-";}
#content{float:right; width:calc(100% - 250px); height:auto;}
#mobile{display:none;}



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

#list_n .list_c .thumb_i, #list_n .sum0, #list_n .random{display: none;}
#list_n .list_c{padding:6px; }
#list_n .list_c .list_t .date{float:left; width:90px;}
#list_n .list_c .list_t .title{float: right; width:calc(100% - 90px); overflow:hidden;}

#list_g .list_c .list_t, #list_g .thumb_i img.img2, #list_g .sum0, #list_g .random{display: none;}
#list_g .list_c{float:left; position:relative; width:calc((100% - 10px) / 2); margin:0 10px 10px 0;}
#list_g .list_c:nth-child(2n){margin-right:0;}
#list_g .thumb_i img.img1{width:100%;}

#list_a .thumb_i img.img1, #list_a .list_t .date, #list_a .random{display:none;}
#list_a .list_c{padding:20px 0; }
#list_a .list_c .list_t .title{margin-bottom:10px;}
#list_a .thumb_i img.img2{width:100%;}
#list_a .sum0{text-align:justify;}

#list_d .sum0, #list_d .date, #list_d img.img2, #list_d .random{display:none;}
#list_d .list_c{width:100%; padding:10px; border-bottom:1px solid #aaa;}
#list_d .list_c:first-child{border-top:1px solid #aaa;}
#list_d .thumb_i{display:inline-block; width:100px; margin-right:15px;}
#list_d .thumb_i img.img1{width:100%; vertical-align:middle;}
#list_d .list_t{display:inline-block; }



/*========== article ==========*/
/* skmd */
.entry {/*border: 1px solid #dddddd;*/ background-color:#54545485; padding: 20px; /*margin-top:27px;*/ }
.entry .article {margin-top: 25px;}
.entry .article .title_wrap .title{float: left;}
.entry .article .title_wrap .date{text-align: right;}
.entry .article .desc {padding:15px 0;   margin:10px 0; text-align:justify;}
.tag_trail, .action_trail{display: inline-block;}
.tag_trail span.Text, .action_trail span{font-size:10px;}
.tag_trail span.tag{display: none;}
.entry .article .detail .admin{float: right;}
.entry .article .detail .admin a{font-size:10px; }
.entry .article iframe{width:100%; border:0 !important;}

div[data-ke-type='moreLess'] .btn-toggle-moreless, .btn_more{margin: 0 !important; color: #888 !important; font-size: 11px !important; line-height: 18px !important; font-family: 'Noto Sans KR' !important; font-weight:bold; cursor: default !important;}
.btn_less{padding:0; margin:0; color:#888;}
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:#888; 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; font-weight:bold; font-family: 'Noto Sans KR';}
figure.fileblock .desc{position: inherit; left:0; right:0;}
figure.fileblock .filename{color:#888; 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; font-family: 'Noto Sans KR';}
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:120px; line-height:22px;	padding:0 5px; text-align:center;  }



/*========== taglog ==========*/
.taglog{display: none;}
.search input.box{width:120px; line-height:22px;padding:0 5px; text-align:center;  }
.tag{margin-top:30px;}
.tag a{display: inline-block; padding-right:5px;}



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



/*========== comment ==========*/
/* skmd */
/* .comment_o{display: none; margin-top:20px;} */
.comment_o{margin-top:20px;}
.comment .name a, .comment .name{display:inline-block; font-family:'Noto Sans KR'; font-weight:bold; margin-bottom:5px;}
.comment .rp_wrap{margin-bottom:10px;}
.comment .rp{position:relative; padding:10px; background: #23232378;}
.comment .rrp{position:relative; margin-top:10px; margin-left:30px; padding:10px;}
.comment .rp_admin{margin-top: 9px; padding: 10px; text-align: right;}
.comment .redel{position:absolute; top:10px; right:10px;}
.comment .redel a{font-size:10px;}
#rp_admin{background: #23232378; border: 0px;}

.comment .Write{margin-bottom:20px; }
.comment textarea {width:100%; height:70px; margin-top:10px; padding:10px;  resize:none; background-color:#23232378;}
.comment .input{float:left; font-size:0;}
.comment .input input{width:60px;  line-height:22px; padding:0 5px; margin-right:10px; font-size:10px; text-align:center; }
.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: '\f09c'; font-family:"Font Awesome 5 Free"; font-weight:bold; color:#777; margin-right:10px; transform:scale(0.8);}
.comment .check input[type="checkbox"]:checked+label:before{content: '\f023';font-family:"Font Awesome 5 Free"; font-weight:bold; }
.comment .submit{display: inline-block; font-size:11px;}
.comment .submit input[type="submit"]{font-family: "Font Awesome 5 Free"; font-weight:bold; font-size:10px; color:#777; background:rgba(255,255,255,0); transform:scale(0.8);}



/*========== cover ==========*/
.cover_wrap .title_wrap{display: none; margin-bottom:15px; text-align:center;}
.cover_notice, .cover_gallery, .cover_list{margin-bottom:20px;}
.cover_gallery{padding-bottom:5px;}
.cover_notice .n-img img{max-width: 100%;}
.cover_notice .item_wrap{padding:15px; }
.cover_gallery .in{padding:25px; padding-bottom:15px; }
.cover_gallery .in::after{display: block;  clear: both;  content: '';}
.cover_gallery .list_c{float: left;  position: relative;	width:calc((100% - 10px) / 2); margin:0 10px 10px 0;}
.cover_gallery .list_c:nth-child(2n){margin:0 0 10px 0;}
.cover_gallery .thumb_i{width: 100%; height: auto; overflow: hidden;}
.cover_gallery .thumb_i img{width: 100%; height: auto;}
.cover_list .in{padding:20px; }
.cover_list .link{display: inline-block; width:100%;  padding:8px;}



/*=====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: 15% 10%;}
	#content{width:100%;}
	#mobile{display: block; position:fixed; top:30px; right:30px; padding:5px; border-radius:5px; font-size:10px; z-index:999999999;}
	#side{display:none; top:0; right:0; width:auto; height:100%;  padding:30px; padding-top:80px; background:#fff; z-index:99999;}
}