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

* {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !important;}

@font-face {
	font-family: 'CoreGTE5';
	src:url('images/CoreGTE5.eot');
	src:url('images/CoreGTE5.eot?#iefix') format('embedded-opentype'),
			url('images/CoreGTE5.woff2') format('woff2'),
			url('images/CoreGTE5.ttf') format('truetype'),
			url('images/CoreGTE5.woff') format('woff');
	font-style: normal;
}

ol, ul, li{margin: 0; padding: 0; list-style: none;}
input, textarea{margin: 0; padding: 0; border-radius: 0; border:0; 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;}
a:hover{color: #969; transition: 0.5s;}
h2{font-size: 10px; margin:0;}

html{overflow-x: hidden; background: #fff;}
body, table, th, td, input, textarea{font-family: 'CoreGTE5'; font-size: 12px; color: #000; line-height: 14px;}

#container{width: 1200px; margin: 150px auto 50px;}
#side{width:280px; position:fixed; z-index:9999;}
#wrap{float: right; width:73%;  margin:0 auto; margin-bottom:90px; background: #fff; border-radius: 5px;  border: 1px solid #000; box-sizing: border-box;}
#content{max-height:1000px; overflow-y:auto;}

/* CSS 편집창 안에 붙여넣기, 이미 작성되어 있다면 생략 */

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

/*더보기버튼*/
div[data-ke-type='moreLess'] .btn-toggle-moreless, .btn_more{height: 0 !important; margin: 0 !important; color: #000 !important; font-size: 10px !important; line-height: 18px !important; font-family: 'CoreGTE5' !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: "\f15c"; font-family: "Font Awesome 5 Free"; font-weight:bold; display: inline-block; padding-right: 5px; font-size: 10px; line-height: 18px; vertical-align: initial;}
div[data-ke-type='moreLess'].open .moreless-content, .moreless_content{ padding:5px 10px;}

/*side*/
.s_bg{
	background:rgba(0,0,0,0);
}
.one, .two, .three{
	background:#fff;
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius:5px;
	margin-bottom: 10px;
}
.tb{
	padding: 5px 10px;
	border-bottom:1px solid #000;
	box-sizing: border-box;
}
.tb .tbtit{
	float: left;
}
.tb .tbtit a{
	font-weight: bold;
	letter-spacing: 2px;
}
.tb .tbhrt{
	float: right;
	padding-top:2px;
}
.tb .tbhrt i{
	margin-left:3px;
}
.tb .tbhrt .fa-heart{
}
.prf{
  width:100%;
  height: auto;
  overflow: hidden;
	border-bottom:1px solid #000;
  box-sizing: border-box;
}
.prf img{
  width: 100%;
}
.nick span{
	letter-spacing:2px;
}
.tk{
	padding: 10px;
  box-sizing: border-box;
}
.tk .nick{
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom:5px;
}
.tk .nick span{
	text-decoration:underline #969;
}
.cate{
  box-sizing: border-box;
	padding: 5px 0px;
}
.cate .tt_category .link_tit,
.cate .category_list .c_cnt{
  display: none;
}
.cate .category_list .link_item,
.cate .category_list .link_sub_item{
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
	letter-spacing: 1px;
  box-sizing: border-box;
	text-transform:capitalize;
}
.cate .category_list .link_sub_item{
  background:#eee;
}
.cate .category_list .sub_category_list{
	display: none;
	position:absolute;
	width: 100px;
	margin-left: 65px;
	margin-top:-20px;
	padding: 5px;
	background:#fff;
	border: 1px solid #000;
	border-radius: 5px;
	box-sizing: border-box;
}
.cate .category_list > li:hover .sub_category_list {
  display: block;
}
.mnu{
	padding: 10px;
  box-sizing: border-box;
}
.mnu i{
	margin:0 9px;
}
.search{
	display: none;
	position:absolute;
	margin-left: 100px;
	margin-top:5px;
	width: 80px;
	height: auto;
	padding: 3px;
	background:#fff;
	border: 1px solid #000;
	border-radius: 5px;
	box-sizing: border-box;
}
.search input{
	width: 100%;
	border: 0;
	background:none;
}
.close{
	display: none;
}
#wrap .tb .tbhrt .fa-bars{
	display: none;
}


/*content*/
.search_title{
	padding: 15px;
	text-align:center;
	font-weight: bold;
	letter-spacing: 2px;
}
.search_title i{
	margin-right: 5px;
}

.list_w::after{
  display: block;
  clear: both;
  content: '';
}
#list_g .list_c{
  float: left;
  position: relative;
  width: 23%;
  margin: 1%;
  box-sizing: border-box;
	padding: 5px;
  border: 1px solid #000;
  box-sizing: border-box;
	border-radius:5px;
}
#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 .list_t{
	display: none;
	margin-top:5px;
	text-align:center;
}
#list_g .list_c .list_t .lst_tt span{
	display: block;
	height:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#list_g .list_c .list_t .lst_tt span.date{
	display:none;
}
#list_g .list_c:hover .list_t span{
	color:#000;
	opacity:1;
}

#list_n .list_c .thumb_i{
  display: none;
}
#list_n .list_c {
	margin:0 15px;
	border-bottom:1px solid #000;
}
#list_n .title{
	display: inline-block;
	padding-left: 10px;
}
#list_n .date{
	display: inline-block;
	padding: 12px 10px;
	border-right: 1px solid #000;
  box-sizing: border-box;
}


/*entry*/
.entry .title_wrap .title{
	display: block;
	width: 100%;
	padding: 15px;
	padding-bottom:10px;
	font-weight: bold;
	letter-spacing: 2px;
	box-sizing: border-box;
}
.article{
	padding: 15px;
	padding-top:0;
}
.article a{
	color: #969;
}
.article iframe{
	width:100%;
}

.imageblock a{
	display: block;
	padding:5px;
	border: 1px solid #000;
	border-radius:5px;
}
.imageblock a:hover{
	background:#dcd;
	color:#000;
	transition:0.5s;
}
.imageblock a > img{
	display: none;
}
.imageblock a:before{
	content: "\f381";
	font-family: "Font Awesome 5 Free";
	font-weight:bold;
	color:#000;
}

.moreless_fold::before{
	content: '\f15c';
	font-family: "Font Awesome 5 Free";
	font-weight:bold;
	margin-right: 5px;
}
.moreless_top::before{
	content: '\f15c';
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
}
.moreless_bottom{
	display: none;
}
.moreless_content{
	padding: 5px;
	margin: 5px 0px;
	border: 1px solid #000;
	border-radius:5px;
}

.tt_dt{
	display: none;
	margin:0 15px 10px;
	padding: 5px;
	border: 1px solid #000;
	border-radius:5px;
	box-sizing: border-box;
	line-height: 16px;
}
.tt_dt span{
	margin: 0 5px;
}
.tt_dt i{
	margin-right:2px;
}

.action_trail{
	padding-bottom:10px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	box-sizing: border-box;
}


.article_p{
	margin: 100px 0;
	text-align:center;
}
.article_p .pwinput,
.article_p .submit{
	padding:5px;
	border:1px solid #000;
	border-radius:5px;
  box-sizing: border-box;
}
.article_p .pwinput{
	width:100px;
  background: #fff;
	text-align:center;
}
.article_p .submit{
	background: #eee;
	font-weight: bold;
	letter-spacing: 2px;
}

/*taglog*/
.taglog span{
	display: block;
	padding: 10px;
	font-weight:bold;
	letter-spacing: 2px;
}
.taglog ul {
	padding: 0 10px 10px;
}
.taglog li {
	display:inline;
}
.taglog a{
	margin-right:5px;
}

/*notice*/
.n_entry{
	margin: 15px;
	background: #fff;
  border: 1px solid #000;
	border-radius:5px;
  box-sizing: border-box;
}
.n_entry .title_wrap{
	padding: 10px;
	font-weight:bold;
	text-align:center;
}
.n_entry .article{
	padding: 10px;
}

/*comment - write*/
.gst{
	padding-top:15px;
}
.comment .write{
  width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}
p.input{
	margin:0;
}
.input input{
  width: 49%;
  height: 30px;
  margin-bottom: 10px;
  padding: 3px;
  border: 1px solid #000;
	border-radius:5px;
  box-sizing: border-box;
}
.input input:first-child{
  margin-right: 1%;
}
.txtarea textarea{
  width: 100%;
  height: 50px;
  padding: 5px;
  border: 1px solid #000;
	border-radius:5px;
  box-sizing: border-box;
  resize: none;
}
.sent{
	display: block;
	width:16%;
	margin:10px auto;
}
.secret_bt input[type="checkbox"]{
	display: none;
}
.secret_bt input[type="checkbox"]+label:before{
	display: inline-block;
	width: 48%;
  padding: 3px;
	vertical-align:top;
	content: '\f09c';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	color: #000;
	background:#fff;
  border: 1px solid #000;
	border-radius:5px;
  box-sizing: border-box;
	text-align:center;
}
.secret_bt input[type="checkbox"]:checked+label:before{
	content: '\f023';
	background:#eee;
}
.comment .submit{
	width: 100%;
}
.comment .submit input{
	display: inline-block;
	width: 48%;
  padding: 3px;
	background:#fff;
  border: 1px solid #000;
	border-radius:5px;
  box-sizing: border-box;
	color: #000;
}


/*comment - list*/
.comment_list .date{
	display: none;
}
.name2, .name2 a {
	display: inline-block;
	margin-bottom:3px;
	color: #969;
	font-weight: bold;
	letter-spacing: 1px;
}
#rrp	{
	margin: 10px 0 10px 20px;
	padding: 10px;
  border: 1px solid #000;
	border-radius:5px;
  box-sizing: border-box;
}
.cnt_ad{
	float: right;
}
.cntli{
	padding: 10px;
	border-top: 1px solid #000;
}

/*paging*/
.paging{
	padding: 10px 15px;
	text-align:center;
}
.paging #pgl{
	float: left;
}
.paging #pgr{
	float: right;
}

/*cover  n(notice), th(thumbnail), l(list), g(gallery)*/
.cv-n, .cv-th, .cv-l, .cv-g{padding: 15px; 	padding-bottom:0;}
h2{margin-bottom:10px;	letter-spacing: 2px;}

/*cv-n*/
.cv-n .in{
	padding: 5px;
	border: 1px solid #000;
	border-radius:5px;
	box-sizing: border-box;
}
.cv-n span.n-img{
	display: inline-block;
}
.cv-n .n-img img{
	max-width: 100%;
}
.cv-n p{margin:3px;}

/*cv-th*/
.cv-th::after{
  display: block;
  clear: both;
  content: '';
}
.cv-th .thumb{
  float: left;
  position: relative;
  width: 23%;
  margin: 1%;
	padding:5px;
  border: 1px solid #000;
	border-radius: 5px;
  box-sizing: border-box;
}
.cv-th .thumb_i{
  width: 100%;
  height: auto;
  overflow: hidden;
}
.cv-th .thumb_i img{
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.cv-th .list_t{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
}
.cv-th .list_t span{
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	width:90%;
	color:#000;
	font-weight: bold;
	text-align:center;
	opacity:0;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
.cv-th a.thumb_l:hover .list_t span{
	color:#000;
	opacity:1;
}
.cv-th a.thumb_l:hover .thumb_i img{
	opacity: 0.7;
	transition:0.5s;
}

/*cv-l*/
.cv-l .l_link{
	display: block;
	margin-bottom: 10px;
	padding:5px;
	border: 1px solid #000;
	border-radius: 5px;
	box-sizing: border-box;
}
.cv-l p{
	margin:0;
}
.cv-l .detail{
	padding: 5px;
	box-sizing: border-box;
	vertical-align: top;
}
.cv-l .detail .title{
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 5px;
}
.cv-l .detail .txt{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/*cv-g*/
.cv-g::after{
  display: block;
  clear: both;
  content: '';
}
.cv-g .thumb{
  float: left;
  position: relative;
	width: 23%;
	margin:1%;
	padding: 5px;
	border:1px solid #000;
	border-radius: 5px;
	box-sizing: border-box;
}
.cv-g .thumb_i{
  width: 100%;
  height: auto;
  overflow: hidden;
	box-sizing: border-box;
}
.cv-g .thumb_i img{
  display: block;
  position: relative;
  width: 100%;
  height: auto;
	box-sizing: border-box;
}
.cv-g .list_t{
	text-align:center;
	margin-top:4px;
}
.cv-g .list_t span{
	display: block;
	height:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

::-webkit-scrollbar{
	  width:2px; 
    height:1px; 
    background:transparent;

}
::-webkit-scrollbar-thumb {
    width:1px; 
    background:#000
}


::selection {color:#969; background:#eee;}
::-moz-selection {color:#969; background:#eee;}

#s-m-t-tooltip{
	margin-top: 10px;
	margin-left: 5px;
	padding: 3px 5px;
	background: #fff;
	border:1px solid #000;
	border-radius:5px;
	letter-spacing:1px;
	transition:all 0.25s;
	z-index:10000;
}



@media (max-width:768px){
	#container{width:100%; margin: 20px auto;}
	#side{float: none; }
	#side .one{display: none;}
	#side .s_bg{display: none; position:fixed; top:0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.1);}
	#side .mb_m{position: absolute; text-align:center; width: 55%; 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%);}
	#side .close{display: block; font-size: 15px;}
	#side .search {margin-left:56%;}
	#wrap{float: none; width: 100%;}
	#wrap .tb .tbhrt .fa-heart{display: none;}
	#wrap .tb .tbhrt .fa-bars{display: block;}
	#wrap .tb .tbtit a{letter-spacing:0px;}
	#content{width: 100%;	max-height: none; box-sizing: border-box;}
	.cate .category_list .sub_category_list{display: block; position:relative;	width: 100%;	margin:0;	padding: 0;	border: 0;	border-radius: 0; background:#eee;}
	h2{letter-spacing:0px;}
	.cv-th .thumb img{opacity:0.7;}
	.cv-th .list_t span{opacity:1;}
	.cv-g .thumb, .cv-th .thumb{width: 46%; margin:2%;}
	#list_g .list_c{width: 46%;	margin: 2%;}
	#list_g .list_c .list_t {display: block;}
	.input input{	width:48.5%;}
	.sent{width:30%;}
}
.container_postbtn {display: none;}