@charset "utf-8";

/*전체감싸기*/
.web_main_notice{box-sizing:border-box;word-break:break-all;padding:70px 0;background:#FFF;position:relative;}
.web_main_notice:before{content:"";display:block;width:335px;height:100%;background:#dee9f8;position:absolute;top:0;left:0;}

/*타이틀*/
.web_main_notice h2{color:#222;font-size:28px;line-height:1;position:absolute;top:70px;left:10px;}
.web_main_notice h2:before{content:"";display:block;width:40px;height:1px;background:#222;margin-bottom:15px;letter-spacing:-5px;}
.web_main_notice h2:after{content:"백석문화대학교의 새로운 소식을 확인하실 수 있습니다.";word-break:keep-all;display:block;width:170px;font-size:16px;color:#666;line-height:1.5;padding-top:30px;letter-spacing:0px;}

/*감싸기*/
.web_main_notice ul._recentBbsUl{position:relative;}

/*게시판*/
.web_main_notice ul._recentBbsUl li.recentBbsLi{}

/*활성게시판*/
.web_main_notice ul._recentBbsUl li.recentBbsLi.active{}

/*탭메뉴*/
.web_main_notice input.recentBbsTab{box-sizing:border-box;display:block;width:130px;height:50px;border:0;font-size:17px;border-bottom:1px solid #FFF;background:none;text-align:left;position:absolute;left:215px;padding-left:15px;}
.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(1) > font font input.recentBbsTab,
.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(1) > input.recentBbsTab{top:0;}
.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(2) > font font input.recentBbsTab,
.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(2) > input.recentBbsTab{top:50px;}
.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(3) > font font input.recentBbsTab,
.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(3) > input.recentBbsTab{top:100px;}
.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(4) > font font input.recentBbsTab,
.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(4) > input.recentBbsTab{top:150px;}
.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(5) > font font input.recentBbsTab,
.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(5) > input.recentBbsTab{top:200px;}
.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(6) > font font input.recentBbsTab,
.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(6) > input.recentBbsTab{top:250px;/*color:red;font-weight:bold*/}

/*활성탭메뉴*/
.web_main_notice ul._recentBbsUl li.recentBbsLi > input.recentBbsTab:hover,
.web_main_notice ul._recentBbsUl li.recentBbsLi.active > input.recentBbsTab,
.web_main_notice ul._recentBbsUl li.recentBbsLi font font input.recentBbsTab:hover,
.web_main_notice ul._recentBbsUl li.recentBbsLi.active font font input.recentBbsTab{color:#FFF;background:#2c6dd5;border-color:#2c6dd5;box-shadow: 5px 5px 5px 0px #ccc;}

/*목록*/
.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl{width:calc(100% - 440px);margin-left:390px;}
.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi{width:100%;}

/*감싸기*/
.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor{display:block;position:relative;}

/*썸네일*/
.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsThumb{display:none;}
.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsThumb img{}

/*NO-DATA*/
.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsNoData{text-align:center;}

/*감싸기*/
.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo{margin-top:-2px;}

	/*제목*/
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo div.recentBbsTitle{}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo div.recentBbsTitle strong{display:block;font-weight:normal;padding:7px 0 7px 15px;font-size:16px;color:#666;letter-spacing:-2px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 95px);}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo div.recentBbsTitle:before{content:"";display:block;width:3px;height:6px;background:#2c6dd5;position:absolute;left:0;top:16px;transform:rotate(25deg);}
	
	/*새글*/
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo div.recentBbsTitle span.newArtcl{display:none;}

	/*작성일*/
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo dl._first{}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo dl._first dt{display:none;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo dl._first dd{display:block;/*color:#999;*/font-size:15px;position:absolute;top:4px;right:0;}
	
	/*메인페이지 최근게시물 - 웹접근성 명도대비로 인해 폰트 컬러 기존 주석처리 이후, 적용 */
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo dl._first dd{color: #909090;}

	/*작성자*/
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo dl._last{display:none;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo dl._last dt{}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo dl._last dd{}

	/*내용*/
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo div.recentBbsContent{display:none;padding-top:15px;color:#666;line-height:1.75;height:85px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
	
	/*HOVER*/
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor:hover div.recentBbsInfo div.recentBbsTitle strong{font-weight:bold;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor:hover div.recentBbsInfo div.recentBbsTitle:before{transform:rotate(180deg);transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}

	/*첫글*/
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi:first-child{border-bottom:1px solid #c1c1c1;padding-bottom:15px;margin-bottom:15px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi:first-child a.recentBbsAnchor div.recentBbsInfo div.recentBbsTitle strong{font-size:28px;font-weight:bold;padding-left:0;width:100%;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi:first-child a.recentBbsAnchor div.recentBbsInfo div.recentBbsTitle:before{display:none;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi:first-child a.recentBbsAnchor div.recentBbsInfo dl._first dd{display:none;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi:first-child a.recentBbsAnchor div.recentBbsInfo div.recentBbsContent{display:block;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi:first-child a.recentBbsAnchor:hover{color:#000;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi:first-child a.recentBbsAnchor div.recentBbsInfo div.recentBbsContent{font-size:16px;}

/*더보기*/
/*.web_main_notice ul._recentBbsUl li.recentBbsLi a.recentBbsMore{display:block;position:absolute;top:20px;left:150px;text-indent:-9999px;width:25px;height:25px;background:url(/sites/guide/images/plus_1.png);}
.web_main_notice ul._recentBbsUl li.recentBbsLi a.recentBbsMore:hover,
.web_main_notice ul._recentBbsUl li.recentBbsLi a.recentBbsMore:focus{background:url(/sites/guide/images/plus_1_s.png);}
*/
.web_main_notice ul._recentBbsUl li.recentBbsLi a.recentBbsMore{
	display: block;
    position: absolute;
   top:20px;left:130px;
    font-size: 14px;
    /*border: 1px solid #c7cdd2;*/
    padding: 5px 30px 5px 10px;
    background: url(/sites/guide/images/plus_1.png) no-repeat 92% center;
    background-size: 13px !important;
}
.web_main_notice ul._recentBbsUl li.recentBbsLi a.recentBbsMore:hover,
.web_main_notice ul._recentBbsUl li.recentBbsLi a.recentBbsMore:focus{color:#1f7cd2;}

/*온오프*/
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl,
	.web_main_notice ul._recentBbsUl li.recentBbsLi a.recentBbsMore{display:none;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi.active ul.recentBbsInnerUl,
	.web_main_notice ul._recentBbsUl li.recentBbsLi.active a.recentBbsMore{display:block;}

@media only screen and (max-width:1280px){
	.web_main_notice{padding:35px 0;}
	.web_main_notice:before{width:285px;}
	.web_main_notice h2{font-size:20px;top:40px;left:15px;}
	.web_main_notice h2:after{font-size:16px;padding-top:20px;width:120px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi > input.recentBbsTab{padding-left:10px;left:170px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl{width:calc(100% - 405px);margin-left:355px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi:first-child a.recentBbsAnchor div.recentBbsInfo div.recentBbsTitle strong{font-size:23px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo div.recentBbsContent{height:55px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi:first-child{padding-bottom:10px;margin-bottom:10px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi:nth-child(n+7){display:none;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi a.recentBbsMore{left:120px;}
}
@media only screen and (max-width:1024px){
	.web_main_notice{padding:20px 0;}
	.web_main_notice:before{width:110px;top:0;height:100%;}
	.web_main_notice h2{font-size:18px;top:20px;font-weight:bold;}
	.web_main_notice h2:after{display:none;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi > input.recentBbsTab{left:10px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl{width:calc(100% - 175px);margin-left:145px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi > input.recentBbsTab{height:40px;width:110px;font-size:16px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(1) > input.recentBbsTab{top:90px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(2) > input.recentBbsTab{top:130px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(3) > input.recentBbsTab{top:170px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(4) > input.recentBbsTab{top:210px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(5) > input.recentBbsTab{top:250px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi:nth-child(6) > input.recentBbsTab{top:290px;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo div.recentBbsTitle strong{width:100%;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi ul.recentBbsInnerUl li.recentBbsInnerLi a.recentBbsAnchor div.recentBbsInfo dl._first dd{display:none;}
	.web_main_notice ul._recentBbsUl li.recentBbsLi a.recentBbsMore{left:40px;top:50px;}
}
@media only screen and (max-width:730px){
	.web_main_notice{padding-top:40px;}
	.web_main_notice h2, 
.web_main_notice h2:after{display:none;}
}