.bn-list-academics01{}
.tit-link-academics {position:relative;display:inline-block;padding: 0 25px 0 0;} 
.tit-link-academics:after {content: ""; background: url(/_res/unist/_share/img/common/ico-link-academics.png) no-repeat center right; width: 14px;height: 30px;display: inline-block;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.bn-list-academics01 > ul{display: grid;grid-template-columns: repeat(3, 1fr);gap: 14px;}
.bn-list-academics01 > ul > li{position: relative;overflow: hidden;border-radius: 8px;}
.bn-list-academics01 > ul > li > a{display: block;height: 240px;}
.bn-list-academics01 > ul > li a img{width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;object-position: center;transition: transform 0.5s ease;}
.bn-list-academics01 > ul > li a .txt-box{position: absolute;left: 0;right: 0;bottom: 0;box-sizing: border-box;padding: 18px 45px 18px 20px;background: rgba(17, 17, 17, 0.28);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);border-radius: 0 0 8px 8px;display: flex;align-items: center;justify-content: flex-start;background: #11111147 url(/_res/unist/_share/img/common/ico-link.png) no-repeat center right 25px;height: 70px;}
.bn-list-academics01 > ul > li a .txt01{font-weight: 700;font-size: 18px;line-height: 100%;letter-spacing: -0.01em;color: #FFFFFF;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.bn-list-academics01 > ul > li a > .cate-box{position: absolute;top: 15px;right: 15px;display: flex;gap: 5px;}
.bn-list-academics01 > ul > li a > .cate-box li{padding: 6px 12px;background: #001A54;border-radius: 12px;display: block;font-weight: 700;font-size: 13px;line-height: 16px;letter-spacing: -0.01em;color: #FFFFFF;}
.bn-list-academics01 > ul > li .cate-box li.color01{background: #001A54;}
.bn-list-academics01 > ul > li .cate-box li.color02{background: #43C1C3;}
.bn-list-academics01 > ul > li a:hover img{transform: scale(1.1);}

@media(max-width: 1024px){
	.bn-list-academics01 > ul{grid-template-columns: repeat(2, 1fr);}
}

@media(max-width: 768px){
	.bn-list-academics01 > ul{grid-template-columns: repeat(1, 1fr);}
}


.overflow-hidden{overflow: hidden;}
.popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.75);justify-content:center;align-items:center;z-index:10000;box-sizing: border-box;overflow: auto;align-items:flex-start;padding: 100px 0 70px 0;}
.popup-wrap .popup-content{background-color:#fff;padding:0;width:100%;max-width: 1228px;position:relative;box-sizing: border-box;border-radius: 10px;overflow: hidden;}
.popup-wrap .close-top{position:absolute;top:30px;right:30px;font-size:0;cursor:pointer;background: url(../img/common/popup-close.png) no-repeat center center;width: 26px;height: 26px;}
.popup-wrap .close-top a{display: block;width: 100%;height: 100%;}
.popup-wrap .popup-content .modal-top{font-weight: 700;font-size: 24px;line-height: 150%;color: #333;text-align: left;margin-bottom: 22px;}
.popup-wrap .popup-content .modal-con{max-height: 80vh;overflow: auto;}

.popup-acad-box{}
.popup-acad-box .popup-acad-top{position: relative;height: 360px;}
.popup-acad-box .popup-acad-top img{width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;object-position: center;transition: transform 0.5s ease;}
.popup-acad-box .popup-acad-top:before {content:"";position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(17, 17, 17, 0.5);}
.popup-acad-box .popup-acad-top .popup-acad-abso{position: absolute;left:60px;right: 60px;bottom: 40px;display: flex;justify-content: space-between;align-items: center;gap: 20px 20px;}
.popup-acad-box .popup-acad-top .popup-acad-abso .cate-box{display: flex;gap: 5px;}
.popup-acad-box .popup-acad-top .popup-acad-abso .cate-box li{padding: 8px 12px;border-radius: 12px;display: block;font-weight: 700;font-size: 13px;line-height: 16px;letter-spacing: -0.01em;color: #FFFFFF;}
.popup-acad-box .popup-acad-top .popup-acad-abso .txt01{font-weight: 800;font-size: 64px;line-height: 76px;letter-spacing: -0.01em;color: #FFFFFF;margin-top: 21px;}
.popup-acad-box .popup-acad-top .popup-acad-abso .txt02{font-weight: 600;font-size: 16px;line-height: 19px;letter-spacing: -0.01em;color: rgba(255, 255, 255, 0.7);margin-top: 12px;}
.popup-acad-box .popup-acad-top .popup-acad-abso .info-box{display: flex;gap: 10px 13px;margin-top: 25px;}
.popup-acad-box .popup-acad-top .popup-acad-abso .info-box li{font-weight: 600;font-size: 16px;line-height: 160%;letter-spacing: -0.01em;color: #FFFFFF;position: relative;}
.popup-acad-box .popup-acad-top .popup-acad-abso .info-box li:not(:last-child):before{content:'';width: 1px;height: 10px;background: #fff;position: absolute;top: 8px;right: -7px;}

.popup-acad-box .popup-acad-top .popup-acad-abso .popup-acad-link a{padding: 8px 24px 8px 30px;background: rgba(255, 255, 255, 0.1);box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.15), inset 0px 0px 9.5px rgba(255, 255, 255, 0.08);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);
	border-radius: 40px;font-weight: 700;font-size: 16px;line-height: 140%;letter-spacing: -0.01em;color: #FFFFFF;display: flex;gap: 16px;align-items: center;min-height: 61px;box-sizing: border-box;}
.popup-acad-box .popup-acad-top .popup-acad-abso .popup-acad-link a:after{content:'';background: url(../img/common/ico-link02.png) no-repeat center;width: 14px;height: 14px;display: inline-block;}
.popup-acad-box .popup-acad-top .popup-acad-abso .popup-acad-link a.no-url:after {content:none;}
.popup-acad-box .popup-acad-top .popup-acad-abso .popup-acad-link a.no-url {cursor:auto;}
.popup-acad-box .popup-acad-top .popup-acad-abso .popup-acad-link a:before {content: "";position: absolute;inset: 0;padding: 0.7px;border-radius: 54px;background: linear-gradient(137.89deg, rgba(255, 255, 255, 0.2408) 21.88%, rgba(255, 255, 255, 0.043) 34.69%, rgba(255, 255, 255, 0.043) 67.27%, rgba(255, 255, 255, 0.2322) 77.41%);  -webkit-mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0);  -webkit-mask-composite: xor;          mask-composite: exclude;  z-index: -1;}


.popup-acad-box .popup-acad-mid{padding: 70px 80px 60px;background: url(../img/common/UNIST.png) no-repeat top left;}
.popup-acad-box .popup-acad-mid .h5-tit01{font-weight: 700;font-size: 22px;line-height: 160%;letter-spacing: -0.01em;color: #004BAE;padding-bottom: 15px;}
.popup-acad-box .popup-acad-mid .txt03{font-weight: 500;font-size: 16px;line-height: 26px;color: #333333;}
.popup-acad-box .popup-acad-mid .h5-tit02{font-weight: 700;font-size: 20px;line-height: 160%;letter-spacing: -0.01em;color: #001A54;padding-bottom: 15px;}
.popup-acad-box .popup-acad-mid .ul-flex01{display: grid;gap: 10px;grid-template-columns: repeat(4, 1fr);}
.popup-acad-box .popup-acad-mid .ul-flex01 li{display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 18px;background: #EFF3F6;border-radius: 5px;font-weight: 600;font-size: 15px;line-height: 160%;letter-spacing: -0.01em;color: #000E2D;box-sizing: border-box;text-align: center;}
.popup-acad-box .popup-acad-mid .ul-flex02{display: grid;gap: 10px;grid-template-columns: repeat(3, 1fr);}
.popup-acad-box .popup-acad-mid .ul-flex02 li a{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;padding: 12px 35px 12px 20px;border-radius: 5px;font-weight: 600;font-size: 15px;line-height: 160%;letter-spacing: -0.01em;color: #333;border: 1px solid #E5E5E5;box-sizing: border-box;background: url(../img/common/ico-link03.png) no-repeat center right 20px;height: 100%;}
.popup-acad-box .popup-acad-mid .ul-flex02 li a.no-url {background: transparent;cursor:auto;} 
.popup-acad-box .popup-acad-mid .ul-flex03{display: grid;gap: 10px;grid-template-columns: repeat(3, 1fr);}
.popup-acad-box .popup-acad-mid .ul-flex03 li {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;padding: 12px 20px;border-radius: 5px;font-weight: 600;font-size: 15px;line-height: 160%;letter-spacing: -0.01em;color: #333;border: 1px solid #E5E5E5;box-sizing: border-box;height: 100%;}


.popup-acad-box .popup-acad-mid .con-box:empty {display:none;}
.popup-acad-box .popup-acad-bot{border-top: 2px solid #001B54;padding-top: 50px;}
.popup-acad-box .popup-acad-bot ul{display: flex;gap: 10px 50px;flex-wrap: wrap;}
.popup-acad-box .popup-acad-bot ul li{font-weight: 600;font-size: 15px;line-height: 180%;color: #222222;padding-left: 30px;display: flex;gap: 2px;align-items: center;}
.popup-acad-box .popup-acad-bot ul li.ico-loca{background: url(../img/common/tabler-icon-map-pin.png) no-repeat center left;}
.popup-acad-box .popup-acad-bot ul li.ico-tel{background: url(../img/common/tabler-icon-phone.png) no-repeat center left;}
.popup-acad-box .popup-acad-bot ul li.ico-fax{background: url(../img/common/tabler-icon-printer.png) no-repeat center left;}
.popup-acad-box .popup-acad-bot ul li.ico-mail{background: url(../img/common/tabler-icon-mail.png) no-repeat center left;}


@media(max-width: 1024px){
	.popup-wrap{padding: 70px 15px 30px 15px;}
	.popup-acad-box .popup-acad-top .popup-acad-abso{left:30px;right: 30px;bottom: 20px;}
	.popup-acad-box .popup-acad-top .popup-acad-abso .txt01{font-size: 32px;line-height: 140%;margin-top: 12px;}
	.popup-acad-box .popup-acad-top .popup-acad-abso .info-box{margin-top: 12.5px;}
	.popup-acad-box .popup-acad-top .popup-acad-abso .popup-acad-link a{min-height: 48px;font-weight: 600;font-size: 14px;line-height: 140%;}
	.popup-acad-box .popup-acad-mid{padding: 30px;background-position: top center;}
	.popup-acad-box .popup-acad-mid .ul-flex01{grid-template-columns: repeat(3, 1fr);}
	.popup-acad-box .popup-acad-mid .ul-flex01 li{padding: 13px 15px;font-size:14px;}
	.popup-acad-box .popup-acad-mid .ul-flex02{grid-template-columns: repeat(2, 1fr);}
	.popup-acad-box .popup-acad-mid .ul-flex02 li a{padding: 12px 30px 12px 20px;}
	.popup-acad-box .popup-acad-mid .ul-flex03 {grid-template-columns: repeat(2, 1fr);}
}

@media(max-width: 768px){
	
	.popup-acad-box .popup-acad-top .popup-acad-abso{flex-direction: column;align-items: flex-start;}
	.popup-acad-box .popup-acad-mid .ul-flex01{grid-template-columns: repeat(1, 1fr);gap:5px;}
	.popup-acad-box .popup-acad-mid .ul-flex02{grid-template-columns: repeat(1, 1fr);gap: 5px;}
	.popup-acad-box .popup-acad-mid .ul-flex03 {grid-template-columns: repeat(1, 1fr);gap: 5px;}
	.popup-acad-box .popup-acad-bot{padding-top: 25px;}
	.popup-acad-box .popup-acad-bot ul{flex-direction: column;}
	.popup-acad-box .popup-acad-mid .h5-tit02{font-size: 18px}
	.popup-acad-box .popup-acad-mid .ul-flex02 li a{font-size: 14px}

	.popup-acad-box .popup-acad-top .popup-acad-abso{left:30px;right: 30px;bottom: auto;top:40px;}
	.popup-wrap .close-top {top: 20px;right: 20px;width: 18px;height: 18px;background-position: center right;background-size: contain;}
	.popup-acad-box .popup-acad-top .popup-acad-abso .cate-box li {font-size:12px;letter-spacing: -0.12px;padding: 6px 11px;}
	.popup-acad-box .popup-acad-top .popup-acad-abso .txt01 {font-size: 32px;line-height: 1;margin-top: 20px;}
	.popup-acad-box .popup-acad-top .popup-acad-abso .txt02 {font-size:15px;line-height:1;margin-top:15px;}
	.popup-acad-box .popup-acad-top .popup-acad-abso .info-box li {font-size:14px;color:rgba(255, 255, 255, 0.7);line-height:110%;}
	.popup-acad-box .popup-acad-top .popup-acad-abso .info-box li:not(:last-child):before {content: '';background: rgba(255, 255, 255, 0.7);top: 2px;}
	.popup-acad-box .popup-acad-top {height: 290px;}
	.popup-wrap .popup-content {border-radius: 8px;}
	.popup-acad-box .popup-acad-mid .h5-tit01 {font-size:18px;line-height: 160%;letter-spacing: -0.36px;padding-bottom: 20px;}
	.popup-acad-box .popup-acad-mid .txt03 {font-size: 14px;line-height: 170%;letter-spacing: -0.28px;}
	.popup-acad-box .popup-acad-bot ul li {font-size: 14px;}
	.popup-acad-box .popup-acad-mid {background: url(../img/common/UNIST-sp.png) no-repeat top center}
}