@charset "utf-8";
/*------------------------------------------------- 
Author : myeong-hee park
-------------------------------------------------*/
img[usemap] {
	max-width: 100%;
	width: auto;
	height: auto;
	}
body.active #header {
	opacity: 1;
	}
#header {
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
	}
#body {word-break: keep-all;}
#visual {
	height: 100vh;
	overflow: hidden;
	}
.visual-section {
	position: absolute;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	}
.visual-section .bx-viewport {
	height: 100vh !important;
	z-index: -1;
	}
.visual-section .bx-controls-direction,
.visual-section .bx-controls-auto {
	display: inline-block;
	}
.visual-section .bx-controls {
	position: absolute;
	top: 235px;
    left: 50%;
    width: 1300px;
    transform: translateX(-50%);
	}
.visual-section .bx-controls a {
	display: inline-block;
	width: 42px;
	height: 42px;
	margin-right: 5px;
	border: 1px solid rgba(255,255,255, .4);
	border-radius: 100%;
	color: #fff;
	line-height: 42px;
	text-align: center;
	overflow: hidden;
	}
.visual-section .bx-controls a i {
	font-size: 2rem;
	}
.bx-controls a > span  {
	display: block;
	height: 1px;
	margin: -1px;
	text-indent: -9999px;
	overflow: hidden;
	}
.visual-section .bx-controls-direction .bx-next {
	margin-left: 47px;
	}
.visual-section .bx-controls-auto {
	position: absolute;
	top: 0;
    left: 47px;    
    width: 42px;
    height: 42px;
    overflow: hidden;
	}
.visual-section .bx-controls-auto a {
	display: block;
	}
.visual-section .bx-controls-auto a.active {
	display: none;
	}
.visual-list {
	height:  100%;
	}	
.visual-list .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 102%;
    height: 100vh;
	background: no-repeat 50% 50%/cover;
    transform: scale(1);
    transition: all 3s;
    z-index: -1;
	}
.visual-txt {
	margin: 310px auto 175px;
	color: #fff;
	}	
.visual-txt .first,
.visual-txt strong {
	display: block;
	line-height: 1;
	font-size: 5rem;
	}
.visual-txt .first {
	font-family: "NotoL";
	}	
.visual-txt strong {    
	margin-top: 15px;
	font-size: 6rem;
	font-family: "NotoB";
	}
.visual-txt strong .point {
	color: #f0811a;
	}	
.txt-more {
	display: block;
	width: 78px;
	height: 34px;
	border: 1px solid #e0e0e0;
	line-height: 2.2;
	text-align: center;
	font-size: 1.4rem;
    overflow: hidden;
	}
.news-popup {
 /*    position: absolute;
    bottom: 125px;
    left: 50%;
    transform: translateX(-50%); */
	overflow: hidden;
	}		
.kbic-news {
	position: relative;
	float: left;
	width: 50%;
	overflow: hidden;
	}
.kbic-news .more {
	position: absolute;
	top: -1px;
    left: 93px;
    color: #fff;
	}
.kbic-news .section-tit {
	position: relative;
    padding-bottom: 8px;
	color: #fff;
    line-height: 1;
	font-size: 2rem;
	font-family: "NotoM"; 
	}
.kbic-news .section-tit::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 108px;
	height: 1px;
	background-color: #fff; 
	content: '';
	}
.news-list {
	color: #fff;
	overflow: hidden;
	}	
.news-list > li {
	position: relative;
	margin-top: 30px;
	}	
.news-list > li > a {
	display: block;
	margin-left: 60px;
	color: #fff;
	}
.news-list > li .txt {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.8rem;
    font-weight: normal;
    overflow: hidden;
	}	
.news-list > li .press {
	display: block;
	opacity: .6;
	}
.news-list > li .date {
	position: absolute;
    top: 0;
    min-width: 38px;
    padding-top: 30px;
    text-align: center;
	} 	
.news-list > li .date .num {
	display: block;
    position: absolute;
    top: 0;
    width: 100%;
    line-height: 1;
	font-size: 3rem;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	}
.popup-zone {
	float: right;	
	}	
.popup-list {
	height: 200px;
	overflow: hidden;
	}	
.popup-list li {
	height: 100%;
	}
.popup-list a {
	display: block;
	}	
.popup-list img {
	max-width: 100%;
	max-height: 100%;
	}
.popup-zone .bx-controls {
	margin-top: 15px;
	text-align: right;
	line-height: 1;
	}
.popup-zone .bx-controls > div {
	display: inline-block;
    vertical-align: middle;
	}
.popup-zone .bx-controls a {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin: 0 4px;
	background-color: #fff;
	border: solid 2px transparent;
	border-radius: 100%;
	color: transparent;
    vertical-align: top;
	overflow: hidden;
	}	
.popup-zone .bx-pager a.active {
	background-color: transparent;
	border: solid 2px #fff;
	}	
.popup-zone .bx-controls-auto {
    margin-top: -6px;
	}
.popup-zone .bx-controls-auto a {
	width: 20px;
	height: 15px;
	margin: 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
	color: #fff;
	}
.popup-zone .bx-controls-auto a i {
	font-size: 2rem;
	}

.scroll {
	display: block;
	position: absolute;
	bottom: 60px;
	width: 100%;
	color: #fff;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	}	
.scroll i {    
    margin: -2px 0 0 5px;
	vertical-align: middle;
	font-size: 2.2rem;
	}	
#contents {
	margin: 0 auto;
	padding: 70px 0 100px;
	}
#contents::after {
	position: absolute;
	top: 0;
	left: 50%;
	width: 200%;
	height: 100%;
	background-color: #fff;
	transform: translateX(-50%);
	}	
#contents [class*="section"] {
    position: relative;
    z-index: 1;
	}	
.section1, .section2 {
	margin-bottom: 60px;
	overflow: hidden;
	}
.section1 .section-tit { 
    margin-bottom: 25px;
	color: #333;
	letter-spacing: -0.05em;
	text-align: center;
	line-height: 1;
	font-size: 4.4rem;
	font-family: "NotoB";    
	}
.notice-area {
	position: relative;
	text-align: center;
	overflow: hidden;
	}	
.notice-area .tab-tit {
    display: inline-block;
    position: relative;
	}
.notice-area .tab-tit a {
	display: block;
	position: relative;
	padding: 0 10px 0 25px;
	line-height: 1.2;
    transition: all .3s ease;
    letter-spacing: -0.05em;
    color: #333;
    font-size: 2rem;
	font-family: "NotoR";
	}
.notice-area .tab-tit a::before {
	display: block;
	position:absolute;
	top: 50%;
	left: 0;
    width: 1px;
    height: 85%;
    background-color: #e4e4e4;
    transform: translateY(-50%);
	content: '';
	}
.notice-area .tab-tit:nth-of-type(1) a::before {
	display: none;
	}
.notice-area .tab-tit a i {
	font-size: 1.4rem;
    opacity: 0;
	}	
.notice-area .tab-tit a.active, 	
.notice-area .tab-tit a:hover {	
	color: #f0811a;
	text-decoration: none;
	font-family: "NotoM";
	}
.notice-area .tab-tit a:hover i,	
.notice-area .tab-tit a.active i {
    opacity: 1;
    }	
.tab-news {
	display: none;
    float: left;
    width: 100%;
    margin-top: 45px;
    box-sizing: border-box;
	overflow: hidden;
	}
.notice-area .tab-news:nth-of-type(1) {
    display: block;
	}
.tab-news .txt-more {
	position: absolute;
	top: 0;
	right: 0;
	}	
.notice-list {	
	display: flex; 
	display: -webkit-flex; 
	flex-flow: row wrap;
    height: 100%;
	margin-left: -3%;
	text-align: left;
	overflow: hidden;
	}
.notice-list > li {
    width: 33.33%;
    padding-left: 3%;
	overflow: hidden;
	}	
.notice-list > li a {
	display: block;
	}
.notice-list [class*="type"] {
	display: inline-block;
	height: 35px;
	margin-bottom: 15px;
    padding: 0 14px;
	background-color: #3f53b4;
	border-radius: 18px;
	color: #fff;
    text-align: center;
    line-height: 35px;
	font-family: "NotoB"; 
	}
.notice-list .type02 {
	background-color: #aa9471;
	}
.notice-list .type03 {
	background-color: #152978;
	}	
.notice-list .tit {
	display: block;
	margin-bottom: 25px;
    line-height: 1.2;
	font-family: "NotoM"; 
	}
.notice-list .txt {
	display: block;
	margin-bottom: 25px;
    line-height: 1.3;
	font-family: "NotoL"; 
	}	
.notice-list .date {
	display: block;
	font-size: 1.5rem;
	}
/* 홍보관 */	
.public-relations {
	padding: 60px 25px 60px 0;
	border: 15px solid;
	border-image: linear-gradient(to right, #152978 0%, #37acb0 100%); 
	border-image-slice: 1;
	border-left: none;
    font-family: "NotoR";
 	}
 .public-relations::after {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	width: 15px;
 	height: 40%;
 	background-color: #152978;
 	content: '';
 	z-index: -1;
 	}	
.public-relations .txt-more {
	position: absolute;
	top: 215px;
	left: 0;
	z-index: 10;
	} 	
.public-relations .section-tit {
	float: left;
	width: 20%;
	padding-bottom: 145px;
	background-color: #fff;
	color: #333;
    letter-spacing: -0.05em;
	}
.public-relations .section-tit .under {
	display: inline-block;
	margin-bottom: 10px;
	}	
.public-relations .section-tit .under::after {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #939393;
	content: '';
	}
.public-relations .section-tit .strong {
	display: block;
 	font-size: 4.4rem;
	line-height: 1.2;
    font-family: "NotoM";
 	}	
 .public-wrap {
	position: relative;
 	overflow: hidden;
 	} 
.public-first {
	position: relative;
    float: left;
 	width: 43%;
 	overflow: hidden;
 	}
 .public-first a {
 	padding-bottom: 15px;
 	}	
 .public-list {
    position: relative;
    padding-left: 4%;
    overflow: hidden;
 	}
.public-wrap a	,
.public-wrap .thumb {
 	display: block;
 	position: relative; 
    overflow: hidden;
 	}
 .public-wrap .thumb {
 	height: 260px;
 	}	
.public-wrap .thumb img {
 	max-width: 100%;
 	}
.public-wrap .thumb i {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #fff;
	font-size: 2.6rem;
	} 
.public-first .thumb i {
	bottom: inherit;
	top: 20px;
	right: 20px;
	font-size: 3.3rem;
	}	
.public-list > li {
    position: relative;
	margin-top: 20px;
    overflow: hidden;
 	}
.public-list > li:first-child {
	margin-top: 0;
 	}
.public-list > li a {	
	min-height: 88px;
	padding-left: 170px;
	}
.public-list > li .thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 145px;
	height: 88px;
	} 
.public-wrap .desc {
 	display: block;
	margin-bottom: 20px;
	color: #333;
	line-height: 1.3;
	letter-spacing: -0.05em;
	font-size: 1.8rem;
	word-break: keep-all;
	}
.public-first .desc {
	position: relative;
	width: 90%;
	margin: -46px auto 0;
	padding: 20px 25px;
	background-color: #fff;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5); 
	}
.public-list .date {
 	display: block;
	color: #888;
	font-size: 1.5rem;
	} 	

.link-list {
	display: flex; 
	display: -webkit-flex; 
	flex-flow: row wrap;
	margin-left: -2%;
	text-align: center;
	}
.link-list > li {
	width: 25%;
	height: 260px;
	padding-left: 2%;
    overflow: hidden;
	}
.link-list > li > a {
	position: relative;
	display: flex;
	display: -webkit-flex;	
	flex-direction: row; 
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #fff;
	}
.link-list > li > a:hover {
	text-decoration: none;
	}	
.link-list > li.short a {
	height: 120px;
	}	
.link-list .list01 {
	background: url("../../../resources/images/stu/main/stats01.jpg") no-repeat 0 0;
	}
.link-list .list02 {
	background: url("../../../resources/images/stu/main/stats02.jpg") no-repeat 0 0;
	}
.link-list .list03 {
	background: url("../../../resources/images/stu/main/stats03.jpg") no-repeat 0 0;
	}
.link-list .list04 {
	margin-bottom: 20px;
	background: url("../../../resources/images/stu/main/stats04.jpg") no-repeat 0 0;
	}
.link-list .list05 {
	background: url("../../../resources/images/stu/main/stats05.jpg") no-repeat 0 0;
	}
.link-list .tit {
	display: block;
    margin-top: 70px;
    font-size: 1.8rem;
    font-family: "NotoR";
	}
.link-list .count {
	display: block;
    position: absolute;
    top: 35%;
	left: 50%;
    line-height: 1;
    transform: translateX(-50%);
	font-size: 4.4rem;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	}
.link-list > li.short .tit {
	width: 190px;
	margin-top: 0;
    text-align: left;
	}
.link-list > li.short i {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-right: 20px;
	border-radius: 100%; 
	background-color: #152978;
    line-height: 50px;
    text-align: center;
	font-size: 2.2rem;
	}	
.link-list > li.short .list05 i {
	background-color: #f0811a;
	}