@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt {position:relative;float:left;margin-bottom:20px;border:1px solid #d9dee9;background:#fff;border-radius:3px;box-shadow:0px 1px 10px 1px #dedede}

.lt ul {margin:0;padding:0;list-style:none}
.lt li {border-bottom:1px solid #f7f7f7;text-align:left;padding:10px;}
.lt li:last-child {border-bottom:0}
.lt .lt_title {display:block;padding:15px;border-bottom:1px solid #e9e9e9;text-align:left;font-size:1.2em}
.lt .lt_more {position:absolute;top:5px;right:10px}
.lt .cnt_cmt {display:inline-block;margin:0 5px 0 3px}
.lt .lt_info {position:relative;margin:5px 0 0;line-height:24px;color: #666;vertical-align:top}
.lt .profile_img img {border-radius:50%;vertical-align:top}
.lt .lt_tit {display:inline-block;height:20px;font-size:1.083em;vertical-align:top;font-weight:bold;overflow:hidden}
.lt li .fa-download {width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px}
.lt li .fa-link {width:16px;height:16px;line-height:16px;background:#2aa974;color:#fff;text-align:center;font-size:10px;border-radius:2px}
.lt li .fa-heart {color:#ff0000;}
.lt li .new_icon {display:inline-block;padding:0 3px;line-height:16px;font-size:0.833em;color:#fff;background:#c56bed}
.lt .lt_tit .fa-heart {color: #fe4560}

.lt_info .lt_date {margin-left:5px;padding-left:8px;background:url('img/division-border.gif') left 4px no-repeat;color:#838383}
.lt_info .lt_comnt {float:right;color:#026bee}

.lt li .fa-heart {color:#ff0000}
.lt li .fa-lock {display:inline-block;width:16px;line-height:14px;font-size:0.833em;color:#fff;background:#262b88;text-align:center;border-radius:2px;font-size:12px;border:1px solid #262b88}
.lt li .new_icon {display:inline-block;width:16px;line-height:14px;font-size:0.833em;color:#fff;background:#3fd49e;border:1px solid #32c791;text-align:center;border-radius:2px;margin-left:3px}
.lt li .hot_icon {display:inline-block;width:16px;line-height:14px;font-size:0.833em;color:#fff;background:#ff7261;border:1px solid #e75341;text-align:center;border-radius:2px}
.lt li .fa-caret-right {color:#bbb}
.lt li.empty_li {min-height:250px;text-align:center;line-height:15;color:#777}

.lt .lt_more {position:absolute;top:14px;right:10px;display:block;padding:2px 5px;line-height:15px;color:#17bb9c;border-radius:30px;text-align:center;border:1px solid #17bb9c;font-size:11px;font-weight:bold}
.lt .lt_more:hover {background:#17bb9c;color:#fff;border-color:#13ad90}

div.lat.fix{margin:1em 0;}
div.lat.fix.g0_main_file{margin-top:60px;}
div.lat.fix h2.lat_title{}
div.lat.fix ul li.lat-list-item{padding:.3em 0;}
.lt_more{float:right;}

div.no-content{text-align:center;height: 50px;line-height:50px!important;border-bottom: 1px solid #CCCCCC;}

#list_skin{
	min-width: 800px;
	margin: 0px auto;
}

#list_skin *{
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-family: Malgun Gothic;
	font-size: 14px;
	line-height: normal;
}

#list_skin form{display:block;}

#list_skin > h1.title{
	margin: 50px 0px;
	font-size: 30px;
	font-weight: normal;
}

#list_skin > ul.category{
	list-style: none;
	height: 50px;
	margin: 50px 0px;
	border-bottom: 1px solid #333333;
}

#list_skin > ul.category > li{
	float: left;
	height: 50px;
	padding: 0px 25px;
	line-height: 50px;
}

#list_skin > ul.category > li.on{
	border-bottom: 1px solid #333333;
	border-radius: 10px 10px 0px 0px;
	background-color: #333333;
}

#list_skin > ul.category > li > a{
	font-size: 18px;
	text-decoration: none;
}

#list_skin > ul.category > li.on > a{
	color: #FFFFFF;
}

#list_skin > ul.category:after{
	display: block;
	clear: both;
	content: '';
}

#list_skin > p.total{
	margin: 10px 0px;
	font-size: 18px;
	font-weight: normal;
}

#list_skin > p.total > span{
	vertical-align: -1px;
}

#list_skin > p.total > a{
	display: inline-block;
	float: right;
	margin-left: 5px;
}

#list_skin > p.total:after{
	display: block;
	clear: both;
	content: '';
}

#list_skin form{
	display:block;
	margin: 30px 0px 50px!important;

}
#list_skin form:after{
	display:block;
	content:"";
	clear:both;
}

#list_skin > form.gallery{
	margin: 10px 0px;
}
#list_skin > form.gallery h2{
	border-bottom: 1px solid #333333;
	font-weight: bold;
  padding: .3em 0;
	font-size: 1.6em;
	margin-bottom:1em;
}
#list_skin > form.gallery h2:after{
	content:"";display:block;clear:both;
}
#list_skin > form.gallery h2 a{
	font-size:16px;
	float:left;
	font-weight:bold;
}
#list_skin > form.gallery h2 a.lt_more{
	float:right;
}




#list_skin > form.list{
	margin: 10px 0px;
}


#list_skin > form.list > table{
	width: 100%;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #CCCCCC;
	border-collapse: collapse;
}
#list_skin > form.list > table caption{
	text-align:left;
	font-weight:bold;
	padding:.3em 0;
	font-size:1.6em;
}
#list_skin > form.list > table caption a{float:left;font-size:24px;font-weight:bold;}
#list_skin > form.list > table caption sub{color:#f00;font-size:12px;float:left;margin-top:3px;margin-left:10px;}
#list_skin > form.list > table caption a.lt_more{float:right;}
#list_skin > form.list > table caption a.lt_more span{font-size:12px;}

#list_skin > form.list > table > thead > tr > th{
	width: 80px;
	height: 50px;
	background-color: #F5F5F5;
	font-weight: normal;
}

#list_skin > form.list > table > thead > tr > th.slim{
	width: 60px;
}

#list_skin > form.list > table > thead > tr > th.wide{
	width: 120px;
}

#list_skin > form.list > table > thead > tr > th.auto{
	width: auto;
}

#list_skin > form.list > table > thead > tr > th > input[type=checkbox]{
	cursor: pointer;
}

#list_skin > form.list > table > thead > tr > th > a{
	text-decoration: none;
}

#list_skin > form.list > table > thead > tr > th > a > img{
	vertical-align: 0px;
}

#list_skin > form.list > table > tbody > tr > td{
	height: 50px;
	border-top: 1px solid #CCCCCC;
	text-align: center;
}

#list_skin > form.list > table > tbody > tr.notice > td{
	font-weight: bold;
}

#list_skin > form.list > table > tbody > tr > td.left{
	padding: 0px 10px;
	text-align: left;
}

#list_skin > form.list > table > tbody > tr > td > input[type=checkbox]{
	cursor: pointer;
}

#list_skin > form.list > table > tbody > tr > td > img{
	vertical-align: -2px;
}

#list_skin > form.list > table > tbody > tr > td > a{
	text-decoration: none;
}

#list_skin > form.list > table > tbody > tr > td > a:hover,
#list_skin > form.list > table > tbody > tr > td > a:hover > span{
	color: #0066CC;
}

#list_skin > form.list > p{
	margin-top: 10px;
}

#list_skin > form.list > p > button{
	height: 30px;
	padding: 0px 15px 0px 15px;
	border-style: none;
	border-radius: 5px;
	background-color: #333333;
	color: #FFFFFF;
}

#list_skin > form.list > p > a{
	display: inline-block;
	float: right;
	height: 30px;
	padding: 0px 15px 0px 15px;
	border-radius: 5px;
	background-color: #333333;
	color: #FFFFFF;
	line-height: 30px;
	text-decoration: none;
}

#list_skin > form.list > p:after{
	display: block;
	clear: both;
	content: '';
}

#list_skin > form.search{
	margin: 50px 0px;
	text-align: center;
}

#list_skin > form.search > input[type=text]{
	width: 200px;
	height: 28px;
	border: 1px solid #CCCCCC;
}

#list_skin > form.search > select{
	width: 100px;
	height: 30px;
	border: 1px solid #CCCCCC;
}

#list_skin > form.search > button{
	height: 30px;
	padding: 0px 15px 0px 15px;
	border-style: none;
	border-radius: 5px;
	background-color: #333333;
	color: #FFFFFF;
}

#list_skin > form.search > a{
	display: inline-block;
	height: 30px;
	padding: 0px 15px 0px 15px;
	border-radius: 5px;
	background-color: #333333;
	color: #FFFFFF;
	line-height: 30px;
	vertical-align: middle;
	text-decoration: none;
}

#list_skin span.sound_only{
	font-size: 0px;
}

#list_skin span.cnt_cmt{
	color: #CC0000;
	font-family: tahoma;
	font-size: 11px;
	vertical-align: 1px;
}

#list_skin span.sv_wrap > a > img{
	height: 21px;
	vertical-align: -6px;
}

#list_skin span.sv_wrap > span.sv{
	margin: 0px;
	padding: 5px 0px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	text-align: left;
}

#list_skin span.sv_wrap > span.sv > a{
	width: 80px;
	padding: 5px 10px;
	border-style: none;
	background-color: #FFFFFF;
	color: #333333 !important;
	font-size: 12px;
}

#list_skin nav.pg_wrap{
	margin-top: 50px;
	text-align: center;
}

#list_skin nav.pg_wrap > span.pg > strong.pg_current{
	display: inline-block;
	height: 28px;
	padding: 0px 10px;
	border: 1px solid #333333;
	border-radius: 5px;
	background-color: #333333;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 28px;
}

#list_skin nav.pg_wrap > span.pg > a.pg_page{
	display: inline-block;
	height: 28px;
	padding: 0px 10px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	background-color: #FFFFFF;
	line-height: 28px;
	text-decoration: none;
}

#list_skin nav.pg_wrap > span.pg > a.pg_page > img{
	vertical-align: 0px;
}

#bo_gall .gall_li {float:left;;width:25%;padding:5px}
#bo_gall .gall_li_wr{background:#fff;position:relative;}
#bo_gall .gall_li_chk{display:inline-block;padding:5px;position:absolute;top:0;left:0}
/* #bo_gall .gall_li:nth-child(2n+1) {clear:both} */
#bo_gall .gall_li .gall_img img{width:100%;height:auto}
#bo_gall .gall_li .gall_img .no-img{display:block;background:#ddd;text-align:center;padding:30% 0}

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_href strong, #bo_gall .gall_href span {display:block;width:174px;height:124px;background:#f7f7f7;text-align:center;line-height:8em}

#bo_gall .gall_text_href {padding:10px;display:block}
#bo_gall .gall_li_tit{display:block;margin:5px 0;font-weight:bold}
#bo_gall .bo_cate_link {display:inline-block;color:#3ca1ff !important}
#bo_gall .profile_img img{border-radius:50%}
#bo_gall .gall_info{padding:5px 0 0;margin:10px 0 0 ;color:#777;font-size:0.92em;border-top:1px solid #eee;}
#bo_gall .gall_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_info strong{display:inline-block;margin-right:3px}
#bo_gall .date{float:right}

.main-grp-all{margin-top:0px;}
.main-grp-all:after{clear:both;content:"";display:block;}
.main-grp-all .lat.fix{width:49%!important;min-width:auto!important;float:left;margin-right:10px!important;margin-top:0;}
.main-grp-all .lat.fix:nth-child(2){margin-right:0!important;float:right;}
.main-grp-all .list_skin{min-width:auto!important}


@media (max-width:980px){
	.lt {width:100% !important;margin-left:0 !important}
}

@media (max-width:520px){
	.lt {margin-bottom:15px}
}

@media (max-width:420px){
	.lt {margin-bottom:10px}
}