@charset "utf-8";
.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}

.kso-thumbnailContainer img{ border:0;}
.kso-thumbnailContainer em{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px; font-style:normal;}
.kso-thumbnailContainer form{ margin:0; padding:0;}
.kso-thumbnailContainer fieldset{ border:0; margin:0; padding:0;}

.kso_thumbTable {width:100%; font-size:13px; position:relative; border:0;}
.kso_thumbTable td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:0 0 5px 0;}
.kso_thumbTable td.title{width:100%; white-space:normal;}
.kso_thumbTable td.title a{display:inline-block;margin-bottom:0;padding-left:10px;font-family:'나눔고딕','NanumGothic',ng !important;}
.kso_thumbTable td.title a.subject,
.kso_thumbTable td.title a.list-title {background:url(../img/bg_circle.png) no-repeat left 7px}
.kso_thumbTable td a.list-title i {font-size:5px;}
.kso_thumbTable td .board{ padding-right:5px;} 
.kso_thumbTable td .notice{ padding-right:5px;}
.kso_thumbTable td .category{ padding-right:5px; font-weight:normal;}
.kso_thumbTable td .replyNum a{ font:10px Tahoma;}
.kso_thumbTable td.summary{ font-size:12px;padding-top:0;white-space:normal;}
.kso_thumbTable td.time{ font-size:11px; font-family:Tahoma;} 
.kso_thumbTable td .board{ color:#555; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.kso_thumbTable td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.kso_thumbTable td .category{ color:#555; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.kso_thumbTable td .author,.kso_thumbTable td .date,.kso_thumbTable td .replyNum{ font-size:11px;font-family:tahoma;color:#aaa;}
.kso_thumbTable td .date,.kso_thumbTable td .replyNum{font-family:tahoma}
.kso_thumbTable td i {color:#C1CBD8}
.kso_thumbTable td.summary {color:#999}

.kso-thumbnail-gallery{position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.kso-thumbnail-gallery:after{ content:""; display:block; clear:both;}
.kso-thumbnail-gallery li {float:left;padding:0!important;overflow:hidden;width:330px;white-space:nowrap; list-style:none;}
.kso-thumbnail-gallery li.clearRight{ margin-right:0;}
.kso-thumbnail-gallery li .thumb{ display:block; position:relative;width:100%;height:auto;margin-bottom:0;overflow:hidden;text-decoration:none;}
.kso-thumbnail-gallery li .thumb img{ display:block; position:relative; width:100%;}
.kso-thumbnail-gallery li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.kso-thumbnail-gallery li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.kso-thumbnail-gallery li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.kso-thumbnail-gallery li .title {font-size:13px;font-weight: 500}
.kso-thumbnail-gallery li .author{ display:block;}
.kso-thumbnail-gallery li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.kso-thumbnail-gallery li .date{margin-top:7px;font:12px Tahoma;font-style: italic}
.kso-thumbnail-gallery .thumb-block {display: block;position:relative;margin: 0;padding: 0;max-width: 100%;height: auto;line-height: 1.428571429;border: 0;border-radius: 0}
.kso-thumbnail-gallery .thumb-block:after{ content:""; display:block; clear:both;} 
.kso-thumbnail-gallery .thumb-wrap{overflow:hidden;}
.kso-thumbnail-gallery .thumb-block a>img {display:inline}
.kso-thumbnail-gallery .thumb-wrap a img {-moz-transition: all 0.4s;-webkit-transition: all 0.4s;transition: all 0.4s}
.kso-thumbnail-gallery .thumb-block {background-color: #f5f5f5}
.kso-thumbnail-gallery .thumb-block .thumb-wrap{
	filter:alpha(opacity=100);opacity:100;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	
}
.kso-thumbnail-gallery .thumb-block:hover .thumb-wrap{opacity: 0.3;filter:alpha(opacity=30); -ms-filter:alpha('opacity=30')}
.kso-thumbnail-gallery .thumb-block:hover img{
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}
.kso-thumbnail-gallery .thumb-block .post-info {
	display: block;position: absolute;left: 0;bottom: 0;padding:20px;width: 100%;
	overflow: hidden;background-color: #f5f5f5;
	filter:alpha(opacity=0);opacity:0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}
.kso-thumbnail-gallery .thumb-block:hover .post-info {
	opacity: 1;
	filter:alpha(opacity=100); -ms-filter:alpha('opacity=100'); 
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.kso-thumbnail-gallery li .title{ color:#333;}
.kso-thumbnail-gallery li .date{ color:#666}

.kso-thumbnail-zine{ position:relative; margin:0; padding:0;line-height:1.5; *zoom:1;}
.kso-thumbnail-zine:after{ content:""; display:block; clear:both;}
.kso-thumbnail-zine li { list-style:none; clear:both; margin-bottom:10px;*zoom:1; overflow:hidden; }
.kso-thumbnail-zine li p{ margin:0; padding:0;}
.kso-thumbnail-zine li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.kso-thumbnail-zine li p.titleArea{ margin-left:120px; margin-bottom:4px;}
.kso-thumbnail-zine li p.titleArea .board{ padding-right:5px;}
.kso-thumbnail-zine li p.text{ margin-left:120px; margin-bottom:4px;}
.kso-thumbnail-zine li p.authorArea{ margin-left:120px;}
.kso-thumbnail-zine li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.kso-thumbnail-zine li .thumb img{ position:relative; width:100%;}
.kso-thumbnail-zine li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.kso-thumbnail-zine li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.kso-thumbnail-zine li .category{ padding-right:5px; font-weight:normal;}
.kso-thumbnail-zine li .title{ font-weight:bold;}
.kso-thumbnail-zine li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.kso-thumbnail-zine li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.kso-thumbnail-zine li .author{ margin-right:10px;}
.kso-thumbnail-zine li .date{ font:11px Tahoma;}
.kso-thumbnail-zine li .hour{ font:11px Tahoma;}
.kso-thumbnail-zine li .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.kso-thumbnail-zine li .title{ color:#666;}
.kso-thumbnail-zine li .category{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.kso-thumbnail-zine li .date{ color:#333;}
.kso-thumbnail-zine li .text{ color:#888;}

.kso-thumbnail-blog{ position:relative; margin:0; padding:0;line-height:1.5; *zoom:1;}
.kso-thumbnail-blog:after{ content:""; display:block; clear:both;}
.kso-thumbnail-blog li { list-style:none;clear:both;margin-bottom:30px;padding:30px;background-color:#eee;*zoom:1;overflow:hidden}
.kso-thumbnail-blog li p{ margin:0; padding:0;}
.kso-thumbnail-blog li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden}
.kso-thumbnail-blog li p.titleArea{ margin-left:120px;margin-bottom:20px;font-size:15px}
.kso-thumbnail-blog li p.titleArea .board{ padding-right:5px;}
.kso-thumbnail-blog li p.text{ margin-left:120px; margin-bottom:4px;font-size:13px;line-height:22px}
.kso-thumbnail-blog li p.authorArea{ margin-left:120px;}
.kso-thumbnail-blog li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.kso-thumbnail-blog li .thumb img{ position:relative;width:100%;border-radius: 50%;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;transition: all 0.4s;}
.kso-thumbnail-blog li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.kso-thumbnail-blog li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.kso-thumbnail-blog li .category{ padding-right:5px; font-weight:normal;}
.kso-thumbnail-blog li .title{ font-weight:500;}
.kso-thumbnail-blog li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.kso-thumbnail-blog li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.kso-thumbnail-blog li .author{ margin-right:10px;}
.kso-thumbnail-blog li .date{ font:12px Tahoma;}
.kso-thumbnail-blog li .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.kso-thumbnail-blog li .title{ color:#282b30;}
.kso-thumbnail-blog li .category{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.kso-thumbnail-blog li .date{ color:#888}
.kso-thumbnail-blog li .text{ color:#666}

.kso-thumbnailContainer.black .kso-thumbnail-gallery .thumb-block {background-color: #333}
.kso-thumbnailContainer.black .kso-thumbnail-gallery .thumb-block .post-info {background-color: #333}
.kso-thumbnailContainer.black .kso-thumbnail-gallery li .title{ color:#ccc;}
.kso-thumbnailContainer.black .kso-thumbnail-gallery li .author{ color:#999;}
.kso-thumbnailContainer.black .kso-thumbnail-gallery li .date{ color:#999;}
.kso-thumbnailContainer.black .kso-thumbnail-gallery li .hour{ color:#888;}

.kso-thumbnailContainer.black .kso-thumbnail-zine li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.kso-thumbnailContainer.black .kso-thumbnail-zine li .title{ color:#999;}
.kso-thumbnailContainer.black .kso-thumbnail-zine li .replyNum a{ color:#ff1a1a;}
.kso-thumbnailContainer.black .kso-thumbnail-zine li .trackbackNum a{ color:#66c;}
.kso-thumbnailContainer.black .kso-thumbnail-zine li .author{ color:#999;}
.kso-thumbnailContainer.black .kso-thumbnail-zine li .category{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.kso-thumbnailContainer.black .kso-thumbnail-zine li .date{ color:#999;}
.kso-thumbnailContainer.black .kso-thumbnail-zine li .hour{ color:#888;}
.kso-thumbnailContainer.black .kso-thumbnail-zine li .text{ color:#888;}

.kso-thumbnailContainer.black .kso-thumbnail-blog li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.kso-thumbnailContainer.black .kso-thumbnail-blog li .title{ color:#999;}
.kso-thumbnailContainer.black .kso-thumbnail-blog li .replyNum a{ color:#ff1a1a;}
.kso-thumbnailContainer.black .kso-thumbnail-blog li .trackbackNum a{ color:#66c;}
.kso-thumbnailContainer.black .kso-thumbnail-blog li .author{ color:#999;}
.kso-thumbnailContainer.black .kso-thumbnail-blog li .category{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.kso-thumbnailContainer.black .kso-thumbnail-blog li .date{ color:#999;}
.kso-thumbnailContainer.black .kso-thumbnail-blog li .hour{ color:#888;}
.kso-thumbnailContainer.black .kso-thumbnail-blog li .text{ color:#888;}
@media screen and (max-width: 991px) {
	.kso-thumbnail-gallery li{width:50% !important;}
}
@media screen and (max-width: 480px) {
	.kso-thumbnail-gallery li {width:100% !important;}
}