@charset "utf-8";

/* ===============================================
	list style
	target:CSS Level 3
================================================ */


/* = Common
-------------------------------------------------------------- */
*{margin:0;padding:0;}
body,input,select,textarea,button{font-family:"나눔고딕","Nanum Gothic",NanumGothic,"맑은고딕","NanumGothic","MalgunGothic","돋움",Dotum,AppleGothic,sans-serif;color:#888;font-size:13px;}
input, select, textarea, button{vertical-align:middle}
input[type=text]{height:28px;line-height:28px;border:solid #d0d0d0 1px;background:#FFF}
input[type=file]{height:28px;line-height:28px;border:solid #d0d0d0 1px;background:#FFF}
input[type=password]{height:28px;line-height:28px;border:solid #d0d0d0 1px;background:#FFF}
input[type=image]{-webkit-appearance:none;-webkit-border-radius:0}
select{height:28px;line-height:28px;color:#666;border:solid #d0d0d0 1px}
textarea{padding:5px;line-height:16px;border:solid #d0d0d0 1px;overflow:auto}
a{color:#FFF;text-decoration:none;}
img{border:0;vertical-align:middle;}
ul, ol{list-style:none}
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0}
legend, hr{overflow:hidden;position:absolute;top:0;left:0}
legend, hr, caption{visibility:hidden;font-size:0;width:0;height:0;line-height:0}
table{border-collapse:collapse;border-spacing:0;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.hide{display:none;}
.ir *,
.blind{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}

.al-l{text-align:left !important;}
.al-r{text-align:right !important;}
.al-c{text-align:center !important;}

.point{color:#bc9f5b;}

/* = Layout
-------------------------------------------------------------- */
body{background:#000;}
#header{padding:47px 0;text-align:center;}
#footer{padding:200px 0 10px;text-align:center;font-size:10px;color:#858585;text-transform: uppercase;}
#container{width:1100px;margin:0 auto;}
@media (max-width:992px){
	#container{width:100%;}
}

/* = Grid
-------------------------------------------------------------- */
.row{float:left;width:100%;}
.col{position:relative;float:left;min-height:1px;}

.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
@media (min-width:769px){
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
}
@media (min-width:992px){
	.col-md-12{width:100%}
	.col-md-11{width:91.66666667%}
	.col-md-10{width:83.33333333%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666667%}
	.col-md-7{width:58.33333333%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666667%}
	.col-md-4{width:33.33333333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.66666667%}
	.col-md-1{width:8.33333333%}
}
@media (min-width:1280px){
	.col-lg-12{width:100%}
	.col-lg-11{width:91.66666667%}
	.col-lg-10{width:83.33333333%}
	.col-lg-9{width:75%}
	.col-lg-8{width:66.66666667%}
	.col-lg-7{width:58.33333333%}
	.col-lg-6{width:50%}
	.col-lg-5{width:41.66666667%}
	.col-lg-4{width:33.33333333%}
	.col-lg-3{width:25%}
	.col-lg-2{width:16.66666667%}
	.col-lg-1{width:8.33333333%}
}

/* = Button
-------------------------------------------------------------- */
.btn{display:inline-block;width:20px;height:20px;font-size:0;line-height:0;background:url(../images/btn_pack.png);}
.btn a{display:inline-block;width:100%;height:100%;}

.sh{background-position:0px 0;}
.facebook{background-position:-20px 0;}
.twitter{background-position:-40px 0;}
.copy{background-position:-60px 0;}
.close{background-position:-80px 0;}
.like{background-position:-100px 0;}
.sh:hover,
.sh:focus{background-position:-200px 0;}
.facebook:hover,
.facebook:focus{background-position:-220px 0;}
.twitter:hover,
.twitter:focus{background-position:-240px 0;}
.copy:hover,
.copy:focus{background-position:-260px 0;}
.close:hover,
.close:focus{background-position:-280px 0;}
.like:hover,
.like:focus{background-position:-300px 0;}

/* = List
-------------------------------------------------------------- */
.col{padding-bottom:30px;}
.col .pic{width:88%;margin:0 auto;}
.col .cont{width:86%;margin:0 auto;}
.col .pic img{width:100%;height:332px;}
.col .pic{padding-bottom:10px;}
.col .title{width:77%;padding-left:6%;padding-bottom:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.col .date{font-size:11px;}
.col .num{text-align:center;bottom:35px;display:inline-block;position:absolute;right:7%;text-align:center;font-size:11px;border-left:1px solid #131313;padding-left:10px;}
.col .num a{color:#888;}
.col .num span{vertical-align:top;}
.col .title a:hover,
.col .title a:focus{color:#bc9f5b;}
.col .num:hover a,
.col .num:focus a{color:#bc9f5b;}
.col .num:hover .like,
.col .num:focus .like{background-position:-300px 0;}

@media (max-width:500px){
	.col .pic img{height:220px;}
}

.sh{vertical-align:middle;}
.sns{position:relative;display:inline-block;width:140px;height:20px;}
.sns-open{display:none;position:absolute;top:0;left:0;}
.sns-open span{vertical-align:top;}

.paging{clear:both;padding:70px 0;text-align:center;font-size:12px;}
.paging a{color:#464646;}
.paging span{margin-left:15px;padding:0 20px;}
.paging span a{margin-right:15px;color:#777;}
.paging span a:before{content:"·";padding-right:15px;}
.paging span a:first-child:before{content:"";padding-right:0;}
.paging strong a{color:#FFF;}
.paging a:hover,
.paging a:focus{color:#e7e7e7;}