@charset "utf-8";

.wrap_live{word-break:break-all;height:100%;}

.wrap_live .inner{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:50px;}

.sns_btns{display:flex;align-items:center;justify-content:center;}
.sns_btns a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid #eaebf0;border-radius:100%;margin-left:5px;}

/*게시판*/
.wrap_live > ul{}
.wrap_live > ul > li{}
/*타이틀*/
.wrap_live .title{display:none;}
.wrap_live .title a{}
/*목록*/
.wrap_live .list{}
.wrap_live .list ul{}
.wrap_live .list ul li{margin:0 15px;}
/*noData*/
.wrap_live .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:95%}
/*컨텐츠*/
.wrap_live .con{}
/*링크*/
.wrap_live a.subject{display:block;}
/*썸네일*/
.wrap_live .thumb{width:95%;height:220px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.wrap_live .thumb img{height:95%;max-width: none !important;}
/*제목*/
.wrap_live .subjectText{font-size:18px;color:#222;line-height:1.2;margin-top:15px;width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
/*내용*/
.wrap_live .content{display:none;}
/*날짜*/
.wrap_live .date{display:none;}
/*더보기*/
.wrap_live .more{display:block;text-indent:-9999px;position:absolute;left:50%;bottom:0;margin-left:50px;width:30px;height:30px;background:url(../images/more_green.png) center no-repeat;}
/*활성화*/
.wrap_live .list,
.wrap_live .more{display:none}
.wrap_live > ul > li.active .list,
.wrap_live > ul > li.active .more{display:block}
.wrap_live > ul > li.active .title a{}
/*CONTROL*/
.wrap_live .control{display:flex;align-items:center;justify-content:center;position:absolute;left:calc(50% - 45px);bottom:0;}
.wrap_live .numbering,
.wrap_live .paging{display:none;}
.wrap_live .playstop{}
.wrap_live .control button{display:inline-block;text-indent:-9999px;width:30px;height:30px;}
.wrap_live button.play{background:url(/sites/style_guide/images/common/play_2_b.png) center no-repeat;}
.wrap_live button.stop{background:url(/sites/style_guide/images/common/pause_2_b.png) center no-repeat;}
.wrap_live button.play,
.wrap_live button.stop{display:none;}
.wrap_live button.on{display:inline-block;}
.wrap_live button.prev,
.wrap_live button.next{background:url(../images/slide_arrow_1.png) center no-repeat;}
.wrap_live button.prev{transform:rotate(180deg);}

@media only screen and (max-width:1024px){
	.wrap_live .inner{padding-bottom:15px;}
}
@media only screen and (max-width:768px){
	.wrap_live .inner{flex-wrap:wrap;}
	.sns_btns{width:100%;}
	.wrap_live .control{position:static;left:auto;bottom:auto;}
	.wrap_live .control button{display:inline-block;text-indent:-9999px;width:30px;height:30px;}
	.wrap_live button.play,
	.wrap_live button.stop{display:none !important;}
	.wrap_live button.prev,
	.wrap_live button.next{position:absolute;top:calc(50% + 15px);background:rgba(0,0,0,0.5) url(../images/slide_arrow_1_w.png) center no-repeat;border-radius:100%;}
	.wrap_live button.prev{left:0;}
	.wrap_live button.next{right:0;}
	.wrap_live .more{left:145px;bottom:auto;margin-left:0;top:-4px;}
}


/*HOVER************************************************************/
@media only screen and (min-width:1281px){
	.sns_btns a:hover{border-color:#898fab;background:#EEE;}
	.wrap_live a.subject:hover .thumb img{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);transform:scale(1.1);}
}