@charset "utf-8";


/************************************************
	Main Page Style
*************************************************/
section { margin-top: 0; }

#body { border-top: 1px solid #d7d7d7; height: 727px; margin:0px }

/************************************************
	Main layout Style
*************************************************/
.main-left { float: left; width: 642px;}
.main-center { float: left; width: calc(76% - 642px); width: -webkit-calc(76% - 642px); }
.right-quick { float: right; width: 24%; background-color: #f5f5f5;   }


.main-left .left-sch { float: left; width: 163px; padding: 48px 0; background: url(/resources/images/bnuegs/main/left_sch_bg.jpg) no-repeat left center; background-size: cover; color: #ffffff; text-align: center; }
.main-left .main-slider { float: right; width: 479px; position: relative; }

/* left-sch 수업안내*/
.left-sch .left-sch-ttl { background: url(/resources/images/bnuegs/main/sch_ttl_bg.gif) no-repeat center bottom; padding-bottom: 30px; margin-bottom: 20px; font-size: 1.5em; font-weight: 500; }
.left-sch-list { padding: 0 10px; }
.left-sch-list li { border: 1px solid #ffffff; margin-bottom: 15px; padding: 25px 0 18px; }
.left-sch-list li:last-child { margin-bottom: 0; }
.left-sch-list li p { font-size: 0.9375em; letter-spacing: -1px; line-height: 1.486; }
.left-sch-list .sch-list-ttl { padding-bottom: 14px; font-size: 1.0625em; font-weight: 400; }

/* main-slider */
.main-control-nav { position: absolute; width: 100%; top: 0; padding-right: 55px; text-align: right; }
.main-control-nav li{ margin: 0 3px; display: inline-block;  zoom: 1; *display: inline;}
.main-control-paging li a { width: 11px; height: 11px; display: block; background: #ffffff; cursor: pointer; font-size: 0; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.main-control-paging li a:hover,
.main-control-paging li a.main-active { width: 38px; }
.main-control-paging li a.main-active { cursor: default;}
.main-slider-control { position: absolute; top: 10px; right: 10px; }
.main-slider-control li { float: left; margin-right: 10px; }

/* .main-board 공지사항 */
.main-center .main-board { position: relative; height: 484px; padding: 35px 50px; }
.main-board .main-board-title { margin-bottom: 28px; font-size: 1.875em; color: #000000; font-weight: 500; }
.main-board .main-board-more { position: absolute; top: 45px; right: 57px; font-weight:400 }
.main-board-tab > ul > li { background-color: #eeeeee; width: 11.3%; text-align: center; }
.main-board-tab > ul > li:nth-child(5n), .main-board-tab > ul > li:nth-child(6n) {  width:16% }
 .main-board-tab > ul > li > a { float: none; display: block; color: #373737; font-size: 1.125em; font-weight: 500; line-height: 49px; text-align: center; }
.main-board-tab > ul > li.active { background-color: #19d179; }
.main-board-tab > ul > li.active > a { color: #ffffff; }
.main-board-tab > ul:nth-child(2n){ display:none}
.main-board-tab > ul > li:nth-child(2n).active { background-color: #e6ba0a; }
.main-board-tab > ul > li:nth-child(3n).active { background-color: #e53d39; }
.main-board-tab > ul > li:nth-child(4n).active { background-color: #099ba4; }
.main-board-tab > ul > li:nth-child(5n).active { background-color: #376f9b; }
.main-board-tab > ul > li:nth-child(6n).active { background-color: #5d58be; }
.main-board-tab > ul > li:nth-child(7n).active { background-color: #e36714; }
.main-tab-cont{}
.main-tab-cont li > a {float: none;padding: 5px 0;color: #424242;font-weight: 500;text-align: left;}
.main-tab-cont li:first-child > a:hover{ text-decoration: underline}
.main-tab-cont li > a:hover{ text-decoration:none}
.main-tab-cont li > a span { word-break: keep-all; }
.main-tab-cont li .main-board-category { background-color: #eeeeee; width: 70px; height: 23px; margin-right: 12px; padding: 4px 0; color: #000000; font-size: 0.9375em; text-align: center; }
.main-tab-cont li .main-board-ttl { width: calc(100% - 170px); width:-webkit-calc(100% - 170px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main-tab-cont li .main-board-date {float: right;color: #767676;padding-right:10px;}
.main-tab-cont li{ text-align:left;}
.main-tab-cont li{ margin-bottom:13px !important}
.main-tab-cont li:first-child {border-bottom: 1px solid #424242;height:90px;margin-bottom:15px !important;margin-top:20px;}
.main-tab-cont li:first-child > a {color: #000000;font-size: 1.4em;font-weight: 500;line-height: 1.476;display:  inline-block;}
.main-tab-cont li:first-child .main-board-ttl { display: inline; width: 100%; white-space: normal; overflow: auto; }
.main-tab-cont li:first-child .main-board-date {float: none;color: #767676;font-size: 1em;margin-left: 5px;}
.main-tab-cont .new-icon { background: url(/resources/images/bnuegs/main/main_new_icon.png) no-repeat right center; padding-right: 30px; }
.tab-list li li{clear:  both;}
.main-cal { border-top: 1px solid #e0e0e0; overflow:hidden }
.main-cal > div { height: 242px; }
.main-calendar { float: left; width: 308px; position: relative; border-right: 1px solid #d7d7d7; box-sizing:border-box }
.main-cal-list { float: right; width: calc(100% - 308px); width: -webkit-calc(100% - 308px); padding: 18px 40px; overflow-y: auto; display:inline-block; }
.main-calendar .main-calendar-ttl {padding: 12px 0 15px 30px;color: #a37837;font-size: 1.3125em;font-weight: 500;}
.main-calendar .main-calendar-ttl span { color: #767676; font-size: 0.904em; }
.main-calendar-weekdays { background-color: #eeeeee; border-top: 3px solid #9b9b9b; height: 38px; }
.main-calendar-weekdays li { color: #0b0b0b; }
.main-calendar-weekdays li,
.main-calendar-days li { float: left; width: 13.6%; padding: 2px 0; color: #2b2b2b; font-size: 0.875em; font-weight: 500; text-align: center; line-height: 26px; height:30px }
.main-calendar-days { background-color: #ffffff;}
.main-calendar-days .active span { display: inline-block; background-color: #c01e23; border-radius: 50%; width: 26px; color: #ffffff; }
.main-calendar-btn {position: absolute;top: 9px;right: 10px;border: 1px solid #d7d7d7;}
.main-calendar-btn li { float: left; border-right: 1px solid #d7d7d7; min-width: 29px; height: 29px; line-height: 29px; text-align: center; }
.main-calendar-btn li:last-child { border-right: 0; background-color: #e12f12;}
.main-calendar-btn li a { display: block; padding: 0 10px; color: #2b2b2b; font-size: 0.875em; }
.main-cal-list dl { border-bottom: 1px dashed #b6b2b1;  padding: 15px 6px; color: #2b2b2b; }
.main-cal-list dl dt { float: left; min-width: 130px; width:30%; clear: left; font-weight: 600; padding-bottom: 5px; }
.main-cal-list dl dd { float: left; font-size: 0.9375em; }

/*학사일정 달력 추가 */
.aside_calendar .count { color: #f26522;font-weight: 800;padding-right:3px; }
.aside_calendar dl		{ position: relative; overflow: hidden; margin-top: 10px; margin-bottom: 0; height: 230px;}
.aside_calendar li		{ display: block; position: relative; width: 14.285%; float: left; height: 35px; line-height: 20px; text-align: center; overflow: hidden; /*padding-top: 5px;*/ }
.aside_calendar li.sat		{ color: #3377C5; font-weight: 400; }
.aside_calendar li.sun		{ color: #EE0000; font-weight: 400; }
.aside_calendar li span	{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden; text-align: center; line-height: 20px; z-index: 1; }
.aside_calendar dd li.hasItem	{background: rgba(182, 34, 190, 0.12);color: #333333;font-weight: 400;border-radius: 70px;height: 24px;}
.aside_calendar .ui-week-1 li:first-child	{ margin-left: 0; }
.aside_calendar .ui-week-2 li:first-child	{ margin-left: 13.5%; }
.aside_calendar .ui-week-3 li:first-child	{ margin-left: 27.5%; }
.aside_calendar .ui-week-4 li:first-child	{ margin-left: 40.857%; }
.aside_calendar .ui-week-5 li:first-child	{ margin-left: 55.142%; }
.aside_calendar .ui-week-6 li:first-child	{ margin-left: 68.428%; }
.aside_calendar .ui-week-7 li:first-child	{margin-left: 82.1%;}
.aside_calendar dt li { font-weight: 400; }
/*학사일정 달력 끝 */



/* 메인 대학원 학사일정 모듈 연동 스타일 */
.main-calendar-body dl ul li {
	float: left;
	width: 13.6%;
	padding: 1px 0;
	color: #2b2b2b;
	font-size: 0.82em;
	font-weight: 500;
	text-align: center;
	line-height: 20px;
	height: 24px;
	margin-bottom: 2px;
}
.main-calendar-body dl dt { margin-bottom:7px}
.main-calendar-body dl dt ul{
	background-color: #eeeeee;
	border-top: 3px solid #9b9b9b;
	height: 30px;
}
.main-calendar-body dl{margin-top:0;height:auto;}

.main-calendar-body dl ul li.hasItem{
	/*background-color: #c01e23;	 */  background: url(/resources/images/bnuegs/main/own.png) no-repeat center 0px; 
    border-radius: 50%;    
    color: #ffffff;   
}


/* 게시판 모듈 연동 추가 스타일 */
.main-board-tab ul.clearfix li div.ui-thumb {display:none;}

/* right-quick */
.right-quick ul { border-left: 1px solid #dedede; }
.right-quick ul li { float: left; width: 50%; min-height: 242px; border-right: 1px solid #dedede; border-top: 1px solid #dedede; }
.right-quick ul li a { display: block; padding-top: 38px; text-align: center; }
.right-quick ul li a span { display: block; color: #282828; font-size: 1.125em; font-weight: 500; }
.right-quick ul li a span:first-child { background-repeat: no-repeat; width: 143px; height: 143px; margin: 0 auto 10px; line-height: 143px; }
.right-quick ul li img { }

.right-quick-list .quick-bg-red { background-image: url(/resources/images/bnuegs/main/right_quick_bg_red.png); }
.right-quick-list .quick-bg-blue { background-image: url(/resources/images/bnuegs/main/right_quick_bg_blue.png); }
.right-quick-list .quick-bg-green{ background-image: url(/resources/images/bnuegs/main/right_quick_bg_green.png); }
.right-quick-list .quick-bg-yellow { background-image: url(/resources/images/bnuegs/main/right_quick_bg_yellow.png); }
@media all and (max-width: 1700px) {
	.main-cal-list dl dt{ width:100%}
}
@media all and (max-width: 1500px) {
	
	 /************************************************
		Main layout Style
	*************************************************/
	.main-center { width: calc(100% - 642px); width: -webkit-calc(100% - 642px); }
	.right-quick { float: none; width: auto; clear:both }
	
	/* right-quick */ 
	.right-quick ul li { width: 16.666%; }
 
}



@media all and (max-width: 1200px) {
	
	/************************************************
		Main Page Style
	*************************************************/
	#body { border-top: 0; padding: 12px 20px 20px; height: auto; }
	
	/************************************************
		Main layout Style
	*************************************************/
	.main-left,
	.main-center {   width: 100%;}
 	.main-left .left-sch { width: 439px; }
	.main-left .main-slider { width:  calc(100% - 455px); width: -webkit-calc(100% - 455px); margin-left: 15px; }
	.main-left .left-sch,
	.main-left .main-slider { height: 423px; }
	.left-sch-list li { float: left; width: 47.5%; margin-right: 5%; }
	.left-sch-list li:nth-child(2n) { margin-right: 0; }
	
	/* main-slider */
	.main-visual a { display: block; position: relative; width: 100%; height: 423px; overflow: hidden; }
	.main-visual a img { position: absolute; top: 50%; left: 50%; width: 100%; height: auto; min-height: 423px;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	.main-control-nav { top: 10px; }
	
	
	.main-cal { border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin-bottom:20px;   }
	.main-cal-list{ border-right:1px solid #e0e0e0}
	/*공지사항*/
	.main-board .main-board-more{  }
	.main-tab-cont li:first-child{ height:auto; padding-bottom:15px}
	.main-center .main-board { height: auto; border:#d7d7d7 1px solid; margin:20px 0px }
	
	/*학사일정 달력*/
	.main-calendar-days{ border-bottom:#d7d7d7 1px solid}
	.main-cal > div{ height:243px}
	/* right-quick */
	.right-quick { margin-top: 12px; }
	.right-quick ul { border-bottom: 1px solid #dedede; }
	.right-quick ul li { width: 33.333%; }

}


@media all and (max-width: 767px) {

	/************************************************
		Main Page Style
	*************************************************/
	#body { padding: 10px; }
	
	
	/************************************************
		Main layout Style
	*************************************************/
	.main-left .left-sch,
	.main-left .main-slider { float: none; width: auto; height: auto;  }
	
	.main-left .left-sch { padding: 30px 0 25px; }
	.left-sch .left-sch-ttl { background: none; padding-bottom: 0; }
	.left-sch-list li { float: none; width: auto; margin-bottom: 4px; margin-right: 0; padding: 10px 0; }
	.left-sch-list li p { display: inline-block; font-size: 1.071em; }
	.left-sch-list .sch-list-ttl { display: block; padding-bottom: 5px; font-size: 1.214em; }
	.left-sch-list .sch-list-date { margin-right: 5px; }
	
	.main-left .main-slider { margin-left: 0; margin-top: 15px; }
	.main-visual a { height: 450px; }
	
	.main-board-tab > ul > li > a { font-size:1em; border-left:#fff 1px solid; border-bottom:#fff 1px solid }
	.main-tab-cont li:first-child{ margin-top:0px;}
	.main-center .main-board{ padding:5%}
	.main-board .main-board-more{ right:6%; top:6%}
	.main-tab-cont li:first-child > a{ font-size:1.25em}
	.main-tab-cont li > a{padding:2px 0px}
	
	.main-calendar { border-bottom: 1px solid #d7d7d7; }
	.main-calendar,
	.main-cal-list { float: none; width: auto; }
 	.main-calendar-weekdays{ margin-bottom:5px}
	.main-cal-list{ width:100% }
	
	.main-board-tab > ul > li{ width:25% !important}
	 
	 .main-board-tab tab-list{ height:auto !important}
	
	/* right-quick */
	.right-quick ul li { width: 50%; min-height:200px }
	.right-quick ul li a{padding-top:15px}
	/*공지사항*/
	.main-board .main-board-title{ font-size:1.4em; margin-bottom:15px}
 	
	
}