/**최근 소식지**/
#magazine .recent_magazine{background-color: #f8f4f1;padding:35px 35px 15px 45px;border:1px solid #ddd;color:#666;margin-bottom:50px;position:relative;margin-top:20px;overflow:hidden;}
#magazine .recent_magazine .recent_thum{width:15%;float:left;margin-right:5%;}
#magazine .recent_magazine .recent_text{width:80%;float:left;}
#magazine .recent_magazine .recent_thum img{width: 100%;}
#magazine .recent_magazine .recent_text h2{margin-bottom:20px;}

#magazine .recent_magazine a.detail{border:1px solid #004a98;padding: 5px 15px;background-color:#fff;position:absolute;top: 40px;right:35px;letter-spacing: -0.5px;color:#666;}
#magazine .recent_magazine a.detail:after{content:'';background: url(../images/arrow_r_b.png) no-repeat; display:inline-block;width:6px; height:10px;margin-left:40px;}

/**지난 소식지**/
#magazine .passed_magazine{overflow:hidden;}
#magazine .passed_magazine .passed_wrap{overflow:hidden;}
#magazine .passed_magazine h3{padding:10px 15px 10px 45px;border-bottom:2px solid #353e4d;position:relative;margin-bottom:20px; overflow:hidden; width:100%;}
#magazine .passed_magazine h3:before{content:'';width:25px; height:20px; display:inline-block;background: url(../images/icon_01.png) no-repeat center center;position:absolute;top:18px;left:12px;}

#magazine .passed_magazine ul{padding:15px;overflow:hidden; border-bottom:1px solid #ddd; margin-bottom:20px;}
#magazine .passed_magazine ul li{position:relative;width:48%;float:left;border:1px solid #ddd;padding:25px 35px 25px 45px;box-sizing:border-box;margin-bottom:15px;}
#magazine .passed_magazine ul li:nth-child(even){margin-left:4%;}

#magazine .passed_magazine dl{float:left; width:50%;}
#magazine .passed_magazine dl dt{font-weight:500;color:#004a98; margin-bottom:12px; height:62px; line-height:22px; overflow:hidden;font-size:17px;}
#magazine .passed_magazine dl dd{margin-bottom:5px;}
#magazine .passed_magazine dl dd:before{content:'';background-color:#999; width:4px; height:4px; display:inline-block;border-radius:25px;vertical-align: middle;margin-right:15px;}

#magazine .passed_magazine .passed_thum{float:right; width:140px; height:180px;}
#magazine .passed_magazine .passed_thum img{width:100%; height:100%;}
#magazine .passed_wrap ul li .passed_detail{position:absolute;bottom:77px;left:40px;border:1.3px solid #ddd;width:150px;padding:5px 0 5px 15px;}
#magazine .passed_wrap ul li .passed_download{position:absolute;bottom:25px; left:40px;border:1.3px solid #ddd;width:150px;padding:5px 0 5px 15px;}

#magazine .passed_wrap ul li .passed_detail:before{content:'';width:15px;height:15px;background:url(../images/plus_w.png)no-repeat;display:inline-block;margin-right:15px;vertical-align: middle;margin-top: -3px;}
#magazine .passed_wrap ul li .passed_download:before{content:'';width:15px;height:15px;background:url(../images/download.png)no-repeat;display:inline-block;margin-right:15px;vertical-align: middle;margin-top: -3px;}


@media only screen and (max-width:1024px){

  #magazine .recent_magazine{margin-top:40px;}
  #magazine form .fnLeft,
  #magazine form .fnRight{float:none;margin-bottom: 10px;}
  #magazine .passed_magazine ul li{width:100%;}
  #magazine .passed_magazine ul li:nth-child(even){margin-left:0;}
  #magazine .passed_wrap ul li .passed_detail{bottom:25px;}
  #magazine .passed_wrap ul li .passed_download{left:220px;}
}

@media only screen and (max-width:680px){
  #magazine form select{width:100px;}
  #magazine form input[type="text"]{width:200px;}

  #magazine .recent_magazine{padding:20px;}
  #magazine .recent_magazine a.detail{position:static;display:block;margin-top: 20px;text-align: center;}
  #magazine .recent_magazine .recent_thum{width:100%;margin-right:0;margin-bottom: 20px;}
  #magazine .recent_magazine .recent_text{width:100%;float:none;}
  #magazine .passed_wrap ul li .passed_detail{bottom:75px;}
  #magazine .passed_wrap ul li .passed_download{left:40px;}
}
@media only screen and (max-width:480px){
  #magazine .passed_magazine .passed_thum{float:none;margin-top:10px; width:100%; height:auto;}
  #magazine .passed_magazine ul{padding:15px;}
  #magazine .passed_magazine ul li{padding:15px;}
  #magazine .passed_wrap ul li .passed_detail,
  #magazine .passed_wrap ul li .passed_download{display:block;position:static;margin-top:10px;width: auto;}
}
/****소식지 리스트 Type02****/

/**비주얼1**/

/*.visual{background: url(../images/visual.jpg)no-repeat;width:100%;height:150px;padding:25px 60px;box-sizing:border-box;margin-bottom:50px;}*/
.visual{background: url(https://wz3.jbnu.ac.kr/Web-home/fnct/magazine/JW_magazine_basic/images/visual.jpg)no-repeat;width:100%;height:150px;padding:25px 60px;box-sizing:border-box;margin-bottom:50px;}
.visual .h1{font-size:38px; font-weight:600; color:#fff;}
/*.visual .h1:after{content:'';width:28px;height:25px;background: url(../images/icon_visual.png)no-repeat;display:inline-block;margin-left:15px;}*/
.visual .h1:after{content:'';width:28px;height:25px;background: url(https://wz3.jbnu.ac.kr/sites/eng/fnct/magazine/eng_magazine/images/icon_visual.png)no-repeat;display:inline-block;margin-left:15px;}
.visual .f-yellow{color:#fff45c;font-size: 22px;position: relative;}
.visual .f-yellow:before{content:'';width:45px;height:1px;background-color:#fff;position:absolute;left:-60px;bottom:10px;}
.visual .f-white{color:#fff;font-size:14px;}


/**교내활동**/

#activity h3{font-size:1.3em; padding:15px 0;border-bottom:1px solid #353e4d; color:#000; font-weight:500;letter-spacing: -1.5px; line-height:1.6em; text-overflow: ellipsis;overflow:hidden;white-space: nowrap; }
#activity h3:before{content:'';width:17px;height:17px;display:inline-block;background:url(../images/bullet.png)no-repeat;margin-right:12px;}

#activity ul li{display:inline-block;padding:25px 10px 30px 10px;border-bottom:1px solid #ddd; width:100%; box-sizing:border-box;}
#activity .activity_thum{display:inline-block;float:left;width:30%;margin-right:5%;}
#activity .list .activity_thum img{width:100%;height:190px;}
#activity .activity_thum img{width:100%;height:100%;}
#activity .activity_text{display:inline-block;float:left;width:65%;line-height: 25px;}
#activity .activity_text p.title{position:relative; font-size:1.4em; color:#333; font-weight:500; text-overflow: ellipsis;overflow:hidden;white-space: nowrap; }
#activity .activity_text p.title:after{content:'';background-color:#999;width:30px;height:1px; display:block; margin:20px 0}
#activity .activity_text p.contents{max-height: 100px;overflow: hidden;}
/* #activity .activity_text div.contents{max-height: 100px;overflow: hidden;}*/ 

#activity .list{margin-bottom:50px;}
#activity .list .activity_thum{/* width:170px; */}
#activity .list .activity_text{}

@media only screen and (max-width:1024px){
}

@media only screen and (max-width:768px){
#activity .activity_thum{width:40%;}
#activity .activity_text{width:50%;}
#activity .activity_text h2:before{display:none;}
#activity .list .activity_thum img{height:220px;}
}

@media only screen and (max-width:580px){
	#activity ul li{padding:10px;}
	#activity .activity_thum{width:100%; margin-right:0;margin-bottom:10px;}
	#activity .activity_text{width:100%;}
	#activity .activity_text h2{margin-bottom: 15px;}
	.visual h1{font-size:28px;}
	.visual .f-yellow{font-size:15px;}
	#activity .list .activity_thum{width:100%;}
	#activity .list .activity_text{width:100%;}
	#activity .activity_text p.title{margin-bottom:10px;}
}
/****소식지 리스트 Type03****/

/**교내활동**/

#Notice h3{font-size:1.3em; padding:15px 0;border-bottom:1px solid #353e4d; color:#000; font-weight:500;letter-spacing: -1.5px; line-height:1.6em; text-overflow: ellipsis;overflow:hidden;white-space: nowrap; }
#Notice h3:before{content:'';width:17px;height:17px;display:inline-block;background:url(../images/bullet.png)no-repeat;margin-right:12px;}

#Notice li{display:inline-block;padding:25px 10px 30px 10px;border-bottom:1px solid #ddd; width:100%; box-sizing:border-box;}
#Notice .activity_thum{display:inline-block;float:left;width:30%;margin-right:5%;}
#Notice .activity_thum img{width:100%;height:190px;}
#Notice .activity_thum img{width:100%;height:100%;}
#Notice .activity_text{display:inline-block;float:left;width:65%;line-height: 25px;}
#Notice .activity_text p.title{position:relative; font-size:1.4em; color:#333; font-weight:500; text-overflow: ellipsis;overflow:hidden;white-space: nowrap; }
#Notice .activity_text p.title:after{content:'';background-color:#999;width:30px;height:1px; display:block; margin:20px 0}
#Notice .activity_text p.contents{max-height: 100px;overflow: hidden;}

#Notice{margin-bottom:50px;}
#Notice .activity_thum{/* width:170px; */}
#Notice .activity_text{}

@media only screen and (max-width:1024px){
}

@media only screen and (max-width:768px){
#Notice .activity_thum{width:40%;}
#Notice .activity_text{width:50%;}
#Notice .activity_text h2:before{display:none;}
#Notice .activity_thum img{height:220px;}
}

@media only screen and (max-width:580px){
#Notice li{padding:10px;}
	#Notice .activity_thum{width:100%; margin-right:0;margin-bottom:10px;}
	#Notice .activity_text{width:100%;}
	#Notice .activity_text h2{margin-bottom: 15px;}
	.visual h1{font-size:28px;}
	.visual .f-yellow{font-size:15px;}
#Notice .activity_thum{width:100%;}
#Notice .activity_text{width:100%;}
	#Notice .activity_text p.title{margin-bottom:10px;}
}


/**공지사항**/
#Notice{width:100%; color:#333; display:table; table-layout:fixed; margin-bottom:50px;}
#Notice h3{font-size:23px; padding:15px 0;border-bottom:1px solid #353e4d;font-weight:500;letter-spacing: -1.5px;}
#Notice h3:before{content:'';width:17px;height:17px;display:inline-block;background:url(../images/bullet.png)no-repeat;margin-right:12px;}
#Notice .Notice_wrap{}
#Notice>li:nth-child(even){}
#Notice .Notice_wrap ul li{padding:20px 0; border-bottom:1px solid #ddd;letter-spacing: -0.5px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
#Notice .Notice_wrap ul li span{margin-right:5px;}
#Notice .Notice_wrap ul li span.b-blue{background-color:#44a2da;color:#fff;border-radius: 3px;padding:3px 5px;}
#Notice .Notice_wrap ul li span.b-red{background-color:#751c47;color:#fff;border-radius: 3px;padding:3px 5px;}

/**주요일정**/
#schedule{color:#333; margin-bottom:80px;}
#schedule h3{font-size:23px; padding:15px 0;font-weight:500;letter-spacing: -1.5px;}
#schedule h3:before{content:'';width:17px;height:17px;display:inline-block;background:url(../images/bullet.png)no-repeat;margin-right:12px;}

#schedule ul{overflow:hidden; width:100%; border-top:1px solid #353e4d; border-bottom:1px solid #999;}
#schedule ul li{padding:15px 0; border-bottom:1px solid #ddd; box-sizing:border-box; width:calc(100% / 2 - 30px); margin:0 15px; float:left; margin-bottom:-1px;}
#schedule ul li.full{width:100%;}
#schedule  dt{font-weight:500; text-overflow: ellipsis;overflow:hidden;white-space: nowrap; margin-bottom:10px; color:#333}
#schedule dd{font-size:0.9em; /*text-overflow: ellipsis;overflow:hidden;white-space: nowrap; height:3.2em;*/ line-height:1.6em; padding-left:10px; position:relative;}
#schedule dd:before{content:'';background-color:#b2b2b2;width:3px;height:3px;display:block; position:Absolute; left:0; top:10px;}

/*첨부 파일*/
#activity .fileDwon{position:relative; padding-left:100px; border-bottom:1px solid #999; padding:15px 0 15px 100px;}
#activity .fileDwon dt{position:absolute; left:0; border-right:1px solid #999; padding-right:20px; color:#000; font-weight:500;}
#activity .fileDwon dd a{background:url(./../images/fileDown.png) left 5px no-repeat; padding-left:25px;}

@media only screen and (max-width:860px){
#Notice {display:inline-block;}
#Notice .Notice_wrap{display:inline-block;width:100%;}
#Notice>li:nth-child(even){padding-left: 0px;}

#schedule>ul.schedule_list>li{display:inline-block; width: calc(100% - 30px); margin-bottom:0px; height:auto;}
#schedule>ul.schedule_list>li:nth-child(odd){padding-left:0px;}

}

@media only screen and (max-width:480px){
#schedule h3{display:block;}
#schedule>ul.schedule_list{display:block;}
}

#magazine form h2{border:1px solid red;}

.activity{}
/** end**/