.singleBox {
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.main-container {font-family:'Nunito Sans', 'Noto Sans KR', Helvetica, Arial, sans-serif;}
.main-container .title-box h3 {
	font-size:1.45em; 
	font-weight:800; 
	margin-bottom:18px; 
}
.main-container .title-box h3.large-title {
	color:#111111;
	font-size:2em; 
	position:relative;
}
.main-container .main-title h2 {
	font-weight:700; 
	font-size:2.533em; 
	letter-spacing:.1em; 
	padding-bottom:10px;
}
.main-container .main-title p {
	font-size:1.2000em; 
	line-height:1.25em; 
}

.view-total {
	border-radius:24px;
	display:inline-block;
	padding:2px 20px 0;
	padding-right:38px; 
	line-height:38px; 
	font-weight:600;
	font-size:0.938em; 
	color:#626262; 
	border:1px solid rgba(0, 0, 0, .12); 
	position:relative; 
	background:#fff; 
}
.view-total-2 {
	border-radius:24px;
	display:inline-block;
	padding:0;
	line-height:26px; 
	font-weight:600;
	font-size:0.938em; 
	color:#626262; 
	position:relative; 
	background:#fff; 
	width:26px;
	height:26px;
	text-align:center;
}
.view-total .blt-plus {
	position:absolute;	
	right:16px;
	top:50%; 
	transform:translateY(-50%); 
	width:14px; 
	transition:0.3s; 
}
.view-total-2 .blt-plus {
	position:absolute;	
	right:0;
	top:50%; 
	transform:translateY(-50%); 
	width:26px; 
	transition:0.3s; 
}

.view-total-2 .blt-plus:before,
.view-total-2 .blt-plus:after {
 	display:block;
 	content:"";
 	width:26px;
 	height:2px;
 	background:#b2b2b2;
 	position:absolute;
 	left:50%;
 	top:50%;
 	transform:translate(-50%, -50%); 
 }
 .view-total-2 .blt-plus:after {
 	width:2px;
 	height:26px; 	
 }
.blt-plus:before,
.blt-plus:after {
 	display:block;
 	content:"";
 	width:14px;
 	height:2px;
 	background:#b2b2b2;
 	position:absolute;
 	left:50%;
 	top:50%;
 	transform:translate(-50%, -50%); 
 }
 .blt-plus:after {
 	width:2px;
 	height:14px; 	
 }
 .view-total:hover {
 	border-color:#a41e44; 
 	color:#a41e44; }

 .view-total-2:hover {
		border-color:#a41e44; 
		color:#a41e44; 
 }
.view-total:hover .blt-plus {transform:rotate(-180deg); }
.view-total:hover .blt-plus:before,
.view-total:hover .blt-plus:after{background:#a41e44; }
.main-floor .view-total {
	position:absolute; 
	right:0;
	top:-4px; 
}
@media (max-width:1200px) {
	.view-total {line-height:32px; }
}

.view-total-2:hover .blt-plus {transform:rotate(-180deg); }
.view-total-2:hover .blt-plus:before,
.view-total-2:hover .blt-plus:after{background:#a41e44; }
.main-floor .view-total-2 {
	position:absolute; 
	right:0;
	top:4px; 
}
@media (max-width:1200px) {
	.view-total-2 {line-height:32px; }
}
/* floor-3 */
.main-floor.media {
	background-color:#e5e5e5; 
	padding:40px 0 30px; 
	text-align:center;
	color:#254266; 
}
.main-floor.media .main-title > p {display:none; }
.main-floor.media .media-area {
	margin-top:20px;
	margin-right:auto; 
	margin-left:auto; 
	color:#fff; 
	max-width:600px; 
}
.main-floor.media .media-area .list-inline-item {
	width:50%; 
	display:block;
	float:left; 	
}
.main-floor.media .media-area .media-box .img-thumb {padding-bottom:110px; }
.main-floor.media .media-area .media-box .img-thumb img {
	max-width:none;  
	min-height:100%; 
	width:100%; 
}
.main-floor.media .media-area .media-box {
	position:relative; 
	display:block; 
}
.main-floor.media .media-area .media-box .img-thumb, 
.main-floor.media .media-area .media-box .link-txt {display:block; width:100%}
.main-floor.media .media-area .media-box.media .img-thumb, 
.main-floor.media .media-area .media-box.media .link-txt {
	width:100%;
}
.main-floor.media .media-area .media-box .link-txt {	
	background-repeat:no-repeat;
	background-position:bottom 20px right 25px;
	background-size:40px; 
	text-align:left; 
	padding:25px 20px; 
	height:100px; 
}
.main-floor.media .media-area .media-box .link-txt .media-category,
.main-floor.media .media-area .media-box .link-txt .media-date {display:none; }
 
.main-floor.media .media-area .media-box.media {background:#344571; }
.main-floor.media .media-area .media-box.youtube,
.main-floor.media .media-area .media-box.insta {margin-left:10px; }
.main-floor.media .media-area .media-box.youtube {background:#c02b55; }
.main-floor.media .media-area .media-box.insta {background:#4b5360; }

.main-floor.media .media-area .media-box.media .link-txt {background-image:url('../images/main/bottom-back-youtube.png'); }
.main-floor.media .media-area .media-box.youtube .link-txt {background-image:url('../images/main/bottom-back-media.png');}
.main-floor.media .media-area .media-box.insta .link-txt {background-image:url('../images/main/bottom-back-insta.png');}

.main-floor.media .media-box .mobile-banner {
	text-align:left;
	padding:25px 20px; 
	height:100px; 
	overflow:hidden; 
}
.main-floor.media .media-box.insta .mobile-banner {
	margin-top:10px; 
	font-size:0.933em; 	
	letter-spacing:0.25em; 
}
.main-floor.media .media-box.insta .mobile-banner .fab {
	display:block; 
	font-size:1.5em; 
	margin-bottom:4px; 
}
.main-floor.media .media-box.youtube .mobile-banner {
	font-size:1.200em; 
	font-weight:700; 
	line-height:1.4em; 
	background-image:url('../images/main/bottom-back-youtube.png');
	background-size:60px;
	background-repeat:no-repeat; 
	background-position:bottom -4px right -4px; 
}
@media (min-width:1200px) {
	.main-floor.media {
		margin-top:60px; 
		font-size:15px; 
		background-image:url('../images/main/bottom-box-bg.png');
		background-repeat:no-repeat;
		background-size:auto;
		min-height:680px; 
		padding:100px 0; 
		color:#fff; 
	}
	.main-floor.media .main-title > p {display:block; }
	.main-floor.media .media-area {
		margin-top:50px; 
		max-width:none; 
		padding:0 10px; 
	}
	.main-floor.media .media-area .list-inline-item {
		width:50%; 
		float:none;
		display:inline-block; 
		vertical-align:top; 
	}
	.main-floor.media .media-area .media-box .img-thumb {
		display:block; 
		padding-bottom:355px; 
	}
	.main-floor.media .media-area .media-box {
		padding-bottom:0; 
		display:block; 
		text-align:left;
	}
	.main-floor.media .media-box .mobile-banner {display:none; }
	.main-floor.media .media-area .media-box .link-txt {
		display:table; 
		position:absolute;
		right:0;
		top:0; 
		width:100%;
		height:355px; 
		text-align:center; 
		background-repeat:no-repeat;
		background-position:bottom 20px right 25px;
		background-size:auto; 
		z-index:1; 
	}
	.main-floor.media .media-area .media-box .link-txt .media-category,
	.main-floor.media .media-area .media-box .link-txt .media-date {display:block; }

	.main-floor.media .media-area .media-box::after {
		content:''; 
		display:block; 
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-10px; 
		background:transparent; 
		border-top:0px solid transparent;
		border-left:0px solid transparent;
		border-right:25px solid transparent;
		border-bottom:25px solid #eee;
	}
	.main-floor.media .media-area .media-box .list-td-item {
		padding:40px 30px; 
		vertical-align:middle; 
		text-align:left;
		height:100%;
	}
	.main-floor.media .media-area .media-box .media-category {
		font-weight:500;
		font-size:18px; 
		margin:0;	
	}
	.main-floor.media .media-area .media-box .media-category::after {
		content:'';
		display:block; 
		width:30px; 
		height:2px; 
		background:#fff; 
		margin:15px 0;
	}
	.main-floor.media .media-area .media-box .media-title {
		font-weight:500; 
		font-size:1.25em; 
		line-height:1.5em; 
		height:3em; 
		overflow:hidden; 
		text-overflow:ellipsis; 
		white-space:normal;
	}
	.main-floor.media .media-area .media-box .media-date {
		opacity:.5; 
		margin-top:20px;
	}	
	.main-floor.media .media-area .media-box.youtube,
	.main-floor.media .media-area .media-box.insta {margin-left:0; }
	.main-floor.media .media-area .media-box.youtube {
		padding-bottom:0;
		padding-top:0; ; 
	}
	.main-floor.media .media-area .media-box.youtube .link-txt {width:50%; display:inline-block;}

	.main-floor.media .media-area .media-box.media::after {
		margin-top:-12px;
		transform:rotate(45deg);
		border-bottom-color:#344571; 
	}
	.main-floor.media .media-area .media-box.youtube::after {
		margin-top:-14px;
		transform:rotate(-310deg);
		border-bottom-color:#c02b55; 
	}
	.main-floor.media .media-area .media-box.insta::after {
		margin-top:-12px;
		transform:rotate(45deg);
		border-bottom-color:#4b5360; 
	}
	.main-floor.media .media-area .media-box.media .img-thumb, 
	.main-floor.media .media-area .media-box.media .link-txt {
		/* display:inline-block;  */
		width:50%;
		vertical-align: bottom;
	}
	.main-floor.media .media-area .media-box .img-thumb, 
	.main-floor.media .media-area .media-box .link-txt {display:inline-block; width:50%; vertical-align: bottom;}
}


.main-floor.pr {margin:40px 0; }
.main-floor.pr .publication {
	border:8px solid #eee; 
	padding:0 8%; 
}
.main-floor.pr .publication .ib > li {
	width:100%; 
}
.main-floor.pr .publication .ib > li + li {border-top:1px dashed #d6d6e0; }
.main-floor.pr .publication-item {
	position:relative;
	padding:50px 0; 
	padding-right:40%; 	
	height:250px; 
}
.main-floor.pr .publication-item .desc-term {
	font-size:1.867em;
	font-weight:800; 
	text-transform:uppercase; 
	line-height:1em; 
	color:#111; 
}
.main-floor.pr .publication-item .desc-term > span {display:block; }
.main-floor.pr .publication-item .desc-desc {
	font-size:1.200em;	
	line-height:1em; 
	font-weight:500; 
	font-family:'Noto Sans KR', sans-serif; 
	margin:16px 0; 
}
.main-floor.pr .publication-item .desc-desc > small {
	display:block; 
	font-size:14px;
	color:#999999; 
	margin:12px 0; 
	font-weight:400; 
}
.main-floor.pr .publication-item .thumbs {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%); 
	width:calc(40% - 24px); 
	max-width:140px; 
}
.main-floor.pr .publication-item .thumbs .imgBox {
	padding-bottom:128%; 
	display:block; 
	box-shadow:5px 8px 12px rgba(0, 0, 0, .10); 
}
.main-floor.pr .service {
	margin:20px 0; 
	background:#54546f; 
	text-align:center; 
	padding:20px 0; 
	height:120px; 
}
.main-floor.pr .service .ib > li {width:33.3%; }
.main-floor.pr .service .ib > li + li {border-left:1px dashed rgba(255, 255, 255, .16); }
.main-floor.pr .service-item {
	display:block; 	
	color:#fff;
	font-size:1.133em; 	
}
.main-floor.pr .service-item:before {
	content:"";
	display:block;
	width:50px;
	height:50px; 
	margin:0 auto 8px;
	background:url('../images/main/icon-quick-service.png') no-repeat 0 0; 	
}
.main-floor.pr .service-item.item1:before {background-position:-100px 0; }
.main-floor.pr .service-item.item2:before {background-position:-100px -50px; }
.main-floor.pr .service-item.item3:before {background-position:-100px -100px; }

.pressroom {
	position:relative; 
}
.pressroom .pressroom-wrapper {
	margin:0 -12px; 
	overflow-x:auto;
	overflow-y:hidden; 
	padding:0 8px; 
}
.pressroom .ib > li {
	/* width:240px;  */
	width: 50%;
	padding:8px; 
}
.pressroom .press-item {
	border:1px solid #ebebeb; 
	position:relative; 
	display:block; 
	/* height:310px; */
	padding-bottom: 15px;
}
@media (max-width:1080px) {
	/* .pressroom .press-item  {height:250px; } */
	.pressroom .press-item {padding-bottom: 10px;}
}
.pressroom .press-item .desc-thumbs {padding-bottom:46%; }

.pressroom .press-item .desc-term {
	font-size:1.200em;
	font-weight:500; 	
	color:#111111; 
	line-height:24px; 
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height:calc(24px * 2); 
	margin:16px 16px 8px; 
}
.pressroom .press-item .desc-desc {
	color:#797979; 
	line-height:1.25em; 
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height:calc(1.15em * 2); 
	margin:8px 16px; 
}
.pressroom .press-item .desc-date {
	color:#797979; 
	font-weight:600; 
	margin:8px 16px; 
}
@media (max-width:1080px) {
	.pressroom .ib.total_cnt1 {width:calc(240px * 1); }
	.pressroom .ib.total_cnt2 {width:calc(240px * 2); }
	.pressroom .ib.total_cnt3 {width:calc(240px * 3); }
	.pressroom .ib.total_cnt4 {width:calc(240px * 4); }
	.pressroom .ib.total_cnt5 {width:calc(240px * 5); }
	.pressroom .ib.total_cnt6 {width:calc(240px * 6); }
}
@media (max-width:1080px) and (min-width:600px) {
	.main-floor.pr .publication {
		padding:4% 0; 
	}
	.main-floor.pr .publication .ib > li {
		width:50%; 
		padding:0 24px; 
	}
	.main-floor.pr .publication .ib > li + li {
		border-top:0; 
		border-left:1px dashed #d6d6e0; 
	}
	.main-floor.pr .publication-item {
		padding:8px 0; 
		position:relative;
		padding-right:40%; 	
		height:140px; 
	}
	.main-floor.pr .publication-item .thumbs {max-width:100px; }
}
@media (max-width:460px) {
	.main-floor.pr {margin-bottom:0; }
	.main-floor.pr .publication-item {
		height:auto; 
		padding:24px 0;
	}
	.main-floor.pr .dataroom {margin:20px 0; }
}
@media (min-width:1080px) {
	.main-floor.pr {margin:80px 0; }
	.dataroom {
		float:right; 
		width:33.8%; 
	}	
	.pressroom {
		position:relative; 
		width:100%; 
		float:left; 
	}
	.pressroom .pressroom-wrapper {
		margin:0; 
		overflow:visible; 
		padding:0; 
	}
	.pressroom .ib {
		margin:0 -1.3%; 
		width:auto; 
	}
	.pressroom .ib > li {
		padding:1.3%; 
		width:25%; 
	}
	.main-floor.pr .publication .ib > li {width:100%; }
}

/**/
.aside-bg {position:relative; }
/*
.aside-bg:before {
	content:"";
	display:block;
	width:calc(50% - 80px);
	height:100%; 
	background:linear-gradient(120deg, #f6f3f6, #f6f2f5); 
	position:absolute;
	left:50%;
	top:0; 
	margin-left:80px; 
}
*/
/**/
.floor2 {
	padding-top:40px;
	padding-bottom:60px;
	border-bottom:1px solid #f1f1f1; 
}
.photonews,
.hnu-schedule {position:relative; }
.photonews {margin-top:40px; }

.photonews-list li {
	margin-top:16px; 	
}
.photonews-list .desc-term {
	font-size:1.200em;
	color:#111111; 
	line-height:24px; 
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height:calc(24px * 2); 
	margin:18px 0; 	
}
.photonews-list .desc-date {
	color:#797979; 
	font-weight:600; 	
}
.photonews-list .news-item {
	position:relative; 
	padding-right:60%; 
}
.photonews-list .thumbs {
	position:relative; 
	overflow:hidden;
	height:0;
	padding-bottom:66.5%; 
	background:#100; 
}
.photonews-list .thumbs > img {
	position:absolute;
	top:50%; 
	left:50%; 
	transform:translate(-50%, -50%); 
} 
.photonews-list .data-list {
	position:absolute;
	left:45%;
	top:50%;
	transform:translateY(-50%);
	margin-top:-4px; 	
} 
.hnu-schedule li + li {margin-top:8px; }
.schedule-item {
	border-left:4px solid #898989; 
	display:table;
	table-layout:fixed; 
	border-collapse:collapse; 
	width:100%; 
	background:#fff; 
	height:60px; 
}
.schedule-item > p {
	display:table-cell; 
	border:1px solid #e8e8e8; 
	padding:12px 18px; 
	vertical-align:middle; 
}
.schedule-item .date {
	text-align:center; 
	width:120px; 	
	font-size:0.933em; 
	color:#111; 
	padding-left:8px; 
	padding-right:8px; 
}
.schedule-item .date > strong {
	display:block;
	font-size:1.525em;
	font-weight:800; 
	margin:8px 0; 
}
.schedule-item .txt-tilde {margin-right:2px; }
.schedule-item .title {
	font-size:1.125em;
	color:#111111; 
	line-height:1.300em;
	font-weight:500; 
}
.accent .schedule-item {border-left-color:#cf3c66; }
@media (min-width:533px) {	
	.photonews-list {
		position:relative;
		padding-left:49.43%; 
	}
	.photonews-list li:nth-child(1) {
		position:absolute;
		left:0;
		top:0; 
		width:44.95%; 	
		margin-top:0; 
	}
	.photonews-list li:nth-child(1) .news-item {
		position:static; 
		padding-right:0; 
	}
	.photonews-list li:nth-child(1) .data-list {
		position:static; 
		transform:none; 
		margin-top:0; 
	}
	.photonews-list li:nth-child(1) .desc-term {
		font-size:1.333em; 
		font-weight:500; 
		line-height:28px; 
		height:calc(28px * 2); 	
	}
	
}
@media (min-width:1080px) {
	.floor2 {
		padding-top:75px;
		padding-bottom:85px;
	}	
	.photonews {
		width:62.6%; 
		position:relative;
		float:right; 
		margin-top:0; 
	}
	.hnu-schedule {
		float:left; 
		width:33.8%;
		position:relative; 
	}	
}

/**/
.floor1 {
	overflow:hidden;	
	z-index:2;
	position:Relative; 
	background:#fff; 
	padding-bottom:32px; 
	border-bottom:1px solid #eee; 
}
.quickbar {
	margin:0 -12px; 
	background:#343465 url('../images/comm/bg-dot.svg') repeat;
	background-size:3px;
	color:#FFF; 
	font-family:'NanumSquare', sans-serif;
	padding:14px; 
}
.quickbar .ib > li {width:calc(100% / 4); }
.quickbar .quick-item {
	display:block; 
	position:relative; 
	margin:0; 
	text-align:center; 
}
.quickbar .quick-item.item1 > span {width:50px; margin:0 auto;}
.quickbar .quick-item > span:before {
	content:"";
	display:block;
	width:50px;
	height:50px; 
	margin:0 auto 0;
	background:url('../images/main/icon-quick-service.png') no-repeat 0 0; 		
}
.quickbar .quick-item.item1 > span:before {background-position:-5px 0; top:50%; transform:translate(0,0) rotateY(0deg); transition:.3s}
.quickbar .quick-item.item2 > span:before {background-position:-5px -63px; top:50%; transform:translate(0,0) rotateY(0deg); transition:.3s}
.quickbar .quick-item.item3 > span:before {background-position:-5px -125px; top:50%; transform:translate(0,0) rotateY(0deg); transition:.3s}
.quickbar .quick-item.item4 > span:before {background-position:-5px -186px; top:50%; transform:translate(0,0) rotateY(0deg); transition:.3s}
.quickbar .quick-item.item1:hover > span:before, .quickbar .quick-item.item2:hover > span:before, .quickbar .quick-item.item3:hover > span:before, .quickbar .quick-item.item4:hover > span:before {transform:translate(0, 0) rotateY(-180deg);}

#tab_con {position:relative;}
#tab_con .tab-cont {float:none; width:100%; padding:0 0 20px 0}
#tab_con .tab-cont:before {content:''; display:none}

@media(min-width:1080px) {
	.notice-section {padding:50px 0}
	.floor1 {padding-left:calc(380px - 0px)}
	.title-box {padding:0}
	#tab_con .tab-cont {float:left; width:50%; padding:0 50px; position:relative;}
	#tab_con .tab-cont:before {content:''; position:absolute; top:55px; left:0; height:200px; width:1px; background:#ddd; display:block}
	#tab_con .tab-cont:first-of-type:before {content:''; position:absolute; top:55px; left:0; height:200px; width:1px; background:#ddd; display:none}
	.quickbar .quick-item.item1 > span:before {background-position:-5px -2px; top:50%; transform:translate(-50%,-50%) rotateY(0deg); transition:.3s}
	.quickbar .quick-item.item2 > span:before {background-position:-5px -62px; top:50%; transform:translate(-50%,-50%) rotateY(0deg); transition:.3s}
	.quickbar .quick-item.item3 > span:before {background-position:-5px -124px; top:50%; transform:translate(-50%,-50%) rotateY(0deg); transition:.3s}
	.quickbar .quick-item.item4 > span:before {background-position:-5px -186px; top:50%; transform:translate(-50%,-50%) rotateY(0deg); transition:.3s}
	.quickbar .quick-item.item1:hover > span:before, .quickbar .quick-item.item2:hover > span:before, .quickbar .quick-item.item3:hover > span:before, .quickbar .quick-item.item4:hover > span:before {transform:translate(-50%, -50%) rotateY(-180deg);}

}

.notice-section {
	position:relative;
	padding:24px 16px 24px 0; 
	height:100%; 
	margin-top:24px; 
	margin-left:-12px; 
}
.notice-tab-list {
	background:#f4f4f4;
	border-radius:0 16px 16px 0;
	position:absolute;
	left:0;
	top:0;
	height:100%; 
	width:120px; 
	padding-left:26px; 
	padding-top:30px; 	
}
.notice-tab-list > li {
	border-bottom:1px solid #e0e0e5; 
}
.notice-tab-list .on,
.notice-tab-list > li:nth-last-child(1) {border-bottom-color:transparent; }
.notice-tab-list .notice-tab {
	cursor:pointer;
	width:120px;
	height:40px;
	line-height:40px; 
	padding:0 26px 0 20px; 
	border-radius:30px; 
	position:relative;
	margin:2px -10px; 
	font-size:1.067em; 
	font-weight:500; 
	overflow:hidden; 
}
.notice-tab-list .tab-title > i {font-style:normal; }
.notice-tab-list .notice-tab .tab-toggle {
	position:absolute;
	left:0;
	top:0;
	height:100%; 
	width:100%;
	display:none;
	text-indent:-9999px; 
}
.notice-tab-list .on .notice-tab .tab-toggle:before,
.notice-tab-list .on .notice-tab .tab-toggle:after {
	position:absolute;
	content:""; 
}
.notice-tab-list .on .notice-tab .tab-toggle:after {	
	right:22px;
	top:50%;
	width:10px;
	height:10px;
	border:0;
	border-style:solid;
	border-color:#fff;
	border-top-width:2px; 
	border-right-width:2px; 
	margin-top:-1px; 
	transform:translateY(-50%) rotate(45deg);
	transform-origin:center; 
}
.notice-tab-list .on .notice-tab {
	background:#a41e44;
	color:#fff;
	/* box-shadow:5px 5px 20px rgba(164, 30, 68, .3); */
}
.notice-tab-list .on .notice-tab .tab-toggle {display:block; }
/* #tab_con .tab-cont {display:none; } */
.notice-list li {
	position:relative;
	padding-right:88px;
	padding-left:12px; 
	font-size:1.200em; 
	line-height:38px; 
	height:40px; 
}
.notice-list li:before {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%); 
	content:""; 
	width:5px;
	height:5px;
	border-radius:100%; 
	background:#bfbfbf;
}
.notice-list .singleBox {line-height:inherit; }

.notice-list .update {
	font-weight:500; 
	color:#111; 
}
.notice-list .news-date {
	position:absolute;
	right:0;
	top:0;
	font-size:15px; 
	opacity:.7; 
}
@media (max-width:640px) {		
	.notice-section {
		position:relative;
		padding:24px 12px 24px; 
		height:auto; 
		margin-left:0; 
		margin-top:0; 
	}
	.tab-wrapper {
		position:relative;
		padding-right:39px; 
		margin-bottom:16px; 
	}
	.notice-tab-list {
		background:none;
		position:static;
		display:table; 
		width:100%; 
		padding-left:0; 
		padding-top:0; 	
		padding-bottom:14px; 
		border-collapse:collapse; 
		table-layout:fixed; 
	}
	.notice-tab-list > li {
		width:auto; 
		min-width:40px; 
		display:table-cell; 
		border:1px solid #e2e2e2; 
	}
	.notice-tab-list > li.long {width:90px !important; }
	.notice-tab-list .on, .notice-tab-list > li:nth-last-child(1) {border-bottom-color:#e2e2e2; }
	.notice-tab-list .tab-title > i {display:none; }	
	.notice-tab-list .notice-tab {
		width:100%;
		padding:0 4px; 
		border-radius:0; 
		margin:0; 
		position:static; 
		text-align:center; 
	}
	.notice-tab-list .notice-tab .tab-toggle {
		position:absolute;
		left:auto; 
		right:0;
		top:0;
		height:100%; 
		width:40px;
		display:none;
		text-indent:-9999px; 
		background:#fafafa; 
		border:1px solid #e2e2e2; 
	}
	.notice-tab-list .on .notice-tab .tab-toggle:before,
	.notice-tab-list .on .notice-tab .tab-toggle:after {
		right:13px;
		width:14px;
		height:2px;
		background:#ddd;
		border:0;
		transform:none; 
	}
	.notice-tab-list .on .notice-tab .tab-toggle:before {
		top:50%;
		transform:rotate(90deg);
		margin-top:-1px; 
	}
	.notice-tab-list .on .notice-tab {
		background:#a41e44;
		color:#fff;
		box-shadow:5px 5px 20px rgba(164, 30, 68, .3); 
	}
	.quickbar .ib > li {width:calc(100% / 5); }
	
	.quickbar .quick-item > span:before {
		width:50px;
		height:50px; 
	}
	/* .quickbar .quick-item.item1 > span:before {background-position:-5px -5px; }
	.quickbar .quick-item.item2 > span:before {background-position:-4px -60px; }
	.quickbar .quick-item.item3 > span:before {background-position:-1px -116px; }
	.quickbar .quick-item.item4 > span:before {background-position:-7px ​-175px; } */
}
@media (max-width:533px) {
	.quickbar {
		position:relative; 
	}
	.quickbar .ib {
		height:68px; 
		overflow:hidden;
	}
	.quickbar .ib > li {width:calc(100% / 4); }
	.control-quickbar {
		height:44px; 
		line-height:42px;
		position:absolute;
		bottom:0;
		left:0;
		width:100%; 
		background:rgba(0, 0, 0, .12); 
		z-index:2; 
	}
	.control-quickbar .txt {
		display:block; 
		cursor:pointer; 	
		text-align:center; 
	}
	/* .control-quickbar .txt:after {content:"빠른 서비스 열기"; } */
	.quickbar.on .ib {height:auto; }
	/* .quickbar.on .control-quickbar .txt:after {content:"빠른 서비스 닫기"; } */
	.notice-tab-list > li.long {width:64px !important; }
	.notice-tab-list .notice-tab {font-size:12px; }
	.notice-section {padding-bottom:0; }
}
@media (min-width:1080px) {
	.floor1 {
		border-radius:0;
		margin-top:-90px; 
		padding-left:calc(380px - 0); 
		box-shadow:5px 10px 20px rgba(0, 0, 0, .1); 
		padding-bottom:0;
		border:0; 
	}
	.floor1 .quickbar {
		position:absolute;
		left:0;
		top:0; 
		z-index:1;
		width:380px; 
		height:350px; 
	}
	.quickbar {
		margin:0; 
		border-radius:0; 
		padding:14px 0; 
		width:100%; 
	}
	.quickbar .ib > li {width:50%; }
	.quickbar .quick-item {
		display:block; 
		position:relative; 
		height:100%; 
		line-height:100%; 
		font-size:1.200em; 
		margin:8px 0; 
		text-align:center;
		padding-top:100px 
	}
	.quickbar .quick-item > span:before {
		margin:0; 
		position:absolute;
		left:50%;
		top:50%; 
		transform:translate(-50%,-50%); 
	}
	
	.notice-section {
		padding:50px 0; 
		height:350px; 
		margin:0; 
	}
	.notice-tab-list {
		border-radius:16px;
		background:#f4f4f4;
		width:166px; 
		padding-left:46px; 
		padding-top:30px; 	
	}
	.notice-tab-list .notice-tab {
		width:160px;
		height:40px;
		line-height:40px; 
		padding:0 26px; 
		border-radius:30px; 
		font-size:16px; 
		font-weight:500; 
	}
	.notice-list li {
		padding-right:50px;
		padding-left:16px; 
		line-height:40px; 
		height:40px; 
	}	
	.notice-list .title {
		padding-right:24px; 
		position:relative; 
		font-family:"Noto Sans KR", sans-serif; 
		overflow:hidden;
		height:40px; 
		display:inline-block; 
		text-overflow: ellipsis;
		white-space: nowrap;
		width:100%;
	}
	.notice-list .update .title:before,
	.notice-list .update .title:after {
		position:absolute;
		right:0;
		top:50%;
		transform:translateY(-50%); 
		width:19px;
		border-radius:100%; 
		text-align:center;
		font-size:10px; 
		color:#fff; 
		content:""; 
		font-weight:400; 
		margin-top:1px; 
	}
	.notice-list .update .title:after {content:"N"; }
	.notice-list .update .title:before {
		background:#cf3c66; 
		height:19px; 
	}
}
@media (min-width:1420px) {
	.hnu-schedule {width:480px;}
	.photonews {width:890px; }
	.dataroom {width:480px; }
	.pressroom {width:1420px; }
	.photonews-list {padding-left:440px; }
	.photonews-list li:nth-child(1) {width:400px; }
}


/* other-site-link */
.other-site-link {
	background:#f9fafa;
	position:relative;
	padding:40px 0;
}
.other-site-link hr {margin:32px 0; }
.other-site-link h3 {
	font-size:1.75em !important;
	color:#111; 	
}
.other-site-link .list-inline-box {margin:0 -4px; }
.other-site-link .list-inline-item {
	width:50%; 
	padding:4px; 
}
.major-field .field-item {	
	display:block; 
	font-size:1.200em;
	font-family:'NanumSquare'; 
	font-weight:800; 
	color:#304c6e; 
}
.major-field .major-item {padding:16px 0; }
.major-field .major-item li + li {margin-top:12px; }
.major-field .major-item .attach-list {
	margin-top:12px; 
}
.major-field .major-item .attach-list > li:before {
	content:"-"; 
	padding-right:4px; 
}
.major-field .major-item a:hover {color:#cf3c66; }
.major-field .major-item small {opacity:.7; }
.major-field .service li > a {
	display:table;
	width:100%;
	height:56px;  
	border:1px dotted #d2d2d2;
	background:rgba(255, 255, 255, .5);
}
.major-field .service li > a:hover {
	border-color:#cf3c66;
	border-style:solid; 
	color:#cf3c66; 	
}
.major-field .service li > a > span {display:table-cell;
	vertical-align:middle; 
	padding:8px 16px; 
	line-height:1.25em; 
}
.major-field .open-list {
	background:rgba(164, 30, 68, .03);
	border:1px solid rgba(0, 0, 0, .05);  
	color:#a41e44; 	
	text-align:center;
	font-weight:500;
	padding:0 16px; 
	line-height:48px; 
	cursor:pointer; 
	transition:0.3s; 
	margin-top:16px; 
}
.major-field .open-list > span:after {content:"더보기"; }
.major-field .open-list.opened > span:after {content:"닫기"; }
.major-field .open-list:hover {
	background:rgba(164, 30, 68, .8);
	color:#fff; 
}
.other-site-link .service .list-inline-item:nth-child(n+3) {display:none; }
.other-site-link .service.opened .list-inline-item:nth-child(n+3) {display:inline-block; }
	.other-site-link .service.site .list-inline-item:nth-child(-n+6) {display:inline-block; }
.other-site-link .service.site .list-inline-item:nth-child(n+7) {display:none; }
.other-site-link .service.site.opened .list-inline-item:nth-child(n+7) {display:inline-block; }
@media (min-width:640px) {
	.other-site-link .list-inline-item {width:25%; }
	.other-site-link .service .list-inline-item:nth-child(-n+4) {display:inline-block; }
	.other-site-link .service .list-inline-item:nth-child(n+5) {display:none; }
	.other-site-link .service.opened .list-inline-item:nth-child(n+5) {display:inline-block; }
	.other-site-link .service.site .list-inline-item:nth-child(-n+12) {display:inline-block; }
	.other-site-link .service.site .list-inline-item:nth-child(n+13) {display:none; }
	.other-site-link .service.site.opened .list-inline-item:nth-child(n+13) {display:inline-block; }
}
@media (min-width:1080px) {
	.other-site-link {padding:50px 0;}
	.other-site-link h3 {
		font-size:1.75em !important;
		color:#111; 	
	}
	.other-site-link .list-inline-box {margin:0 -8px; }
	.other-site-link .list-inline-item {
		width:20%; 
		padding:8px; 
	}
	.other-site-link hr {margin:60px 0; }	
	.other-site-link .service .list-inline-item:nth-child(-n+5) {display:inline-block; }
	.other-site-link .service .list-inline-item:nth-child(n+6) {display:none; }
	.other-site-link .service.opened .list-inline-item:nth-child(n+6) {display:inline-block; }
	.other-site-link .service.site .list-inline-item:nth-child(-n+15) {display:inline-block; }
	.other-site-link .service.site .list-inline-item:nth-child(n+16) {display:none; }
	.other-site-link .service.site.opened .list-inline-item:nth-child(n+16) {display:inline-block; }
}

.notice-list {height:200px; overflow:hidden;}