@charset "UTF-8";
/*전체감싸기*/
.web_main_people{box-sizing:border-box;word-break:break-all;}
/*타이틀*/
.web_main_people h2{color:#333;font-size:29px;font-weight:bold;line-height:1;margin-bottom:30px;}
.web_main_people h2:before{content:"";display:block;background:#49484d;width:50px;height:1px;margin-bottom:15px;}
/*감싸기*/
.web_main_people ul._recentBbsUl{height:100%;}
/*게시판*/
.web_main_people li.recentBbsLi{height:100%;}
/*no-data*/
.web_main_people li.recentBbsNoData{padding-top:40%;text-align:center;}
/*목록*/
.web_main_people ul.recentBbsInnerUl{height:100%;}
.web_main_people li.recentBbsInnerLi{height:100%;}
/*감싸기*/
.web_main_people a.recentBbsAnchor{display:block;height:100%;}
/*썸네일*/
.web_main_people div.recentBbsThumb{overflow:hidden;width:245px;height:185px;float:right;position:relative;}
.web_main_people div.recentBbsThumb img{width:100%;}
/*감싸기*/
.web_main_people div.recentBbsInfo{width:calc(100% - 275px);float:left;}
	/*제목*/
	.web_main_people div.recentBbsTitle{height:42px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;padding-bottom:10px;}
	.web_main_people div.recentBbsTitle strong{font-size:19px;line-height:1.35;font-weight:bold;display:block;padding-bottom:10px;}
	.web_main_people div.recentBbsTitle:after{content:"";display:block;width:0;border-bottom:2px dotted #222;}
	.web_main_people a.recentBbsAnchor:hover div.recentBbsTitle:after{width:100%;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	/*새글*/
	.web_main_people span.newArtcl{display:none;}
	/*작성일*/
	.web_main_people div.recentBbsInfo dl{display:none;}
	.web_main_people div.recentBbsInfo dl.date{display:block;}
	.web_main_people div.recentBbsInfo dl.date dt{display:none;}
	.web_main_people div.recentBbsInfo dl.date dd{/*color:#999;*/font-size:14px;padding-top:10px;}
	.web_main_people div.recentBbsInfo dl.date dd{color: #8d8d8d;} /*웹접근성 명도대비로 인해 폰트 컬러 기존 주석처리 이후, 적용 */
	/*내용*/
	.web_main_people div.recentBbsContent{color:#666;font-size:16px;margin-top:10px;height:95px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
/*더보기*/
	.web_main_people a.recentBbsMore{display:block;width:25px;height:25px;position:absolute;top:19px;left:130px;text-indent:-9999px;background:url(/sites/guide/images/plus_1.png);}
	.web_main_people a.recentBbsMore:hover{transform: rotate(90deg);transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}
/*pager*/
.web_main_people .slick-dots {position:absolute;top:-64px; right:27px; padding: 0; margin: 0; border:0px solid yellow; }
.web_main_people .slick-dots li{ display:inline-block; margin-left:5px; }
.web_main_people .slick-dots li button{ display:inline-block; text-indent:-99999px; background:#999; border-radius:100%; width:10px; height:10px;}
.web_main_people .slick-dots li button:hover{ background:#000; }
.web_main_people .slick-dots li.slick-active button { background:#000; width:30px; border-radius:30px; }
/*auto*/
.web_main_people .slickBtn {position:absolute; top:10px;right:0;border:0 solid blue; padding:0; margin:0;}
.web_main_people .slickBtn button { text-indent:-99999px; width:13px; height:14px;}
.web_main_people .slickBtn button.slickPause { background:url('/sites/guide/images/pause_1_g.png') no-repeat center; }
.web_main_people .slickBtn button.slickPlay { background:url('/sites/guide/images/play_1_g.png') no-repeat center; display:none; }
@media only screen and (max-width:730px){
	.web_main_people div.recentBbsThumb{width:45%;}
	.web_main_people div.recentBbsInfo{width:50%;}
	.web_main_people h2{font-size:25px}
	.web_main_people div.recentBbsTitle{height:37px}
	.web_main_people div.recentBbsTitle strong{font-size:17px}
	.web_main_people div.recentBbsContent{font-size:15px;line-height:1.5;height:90px}
	.web_main_people a.recentBbsMore{top:16px;left:110px}
	.web_main_people .slick-dots {top:-55px}
	.web_main_people .slickBtn {top:15px}
}
@media only screen and (max-width:420px){
	.web_main_people h2{font-size:20px}
	.web_main_people div.recentBbsThumb,
	.web_main_people div.recentBbsInfo{width:100%;float:none}
	.web_main_people div.recentBbsThumb{height:auto}
	.web_main_people div.recentBbsInfo{margin-top:15px}
	.web_main_people div.recentBbsContent{font-size:14px;height:65px}
	.web_main_people a.recentBbsMore{top:10px;left:85px}
	.web_main_people .slickBtn {top:10px}
	.web_main_people .slick-dots li button{width:7px;height:7px}
	.web_main_people .slick-dots li.slick-active button{width:15px;border-radius:30px}
}