.deans-wrap{display:flex;gap:40px;flex-direction: column;}
.deans-menu{position:relative;width: max-content;}
.deans-toggle{display:block;padding:12px 15px;border-radius:8px;border:1px solid #DDDDDD;background: #fff url(../img/board/ico-select.png)no-repeat right 15px center;box-sizing:border-box;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-weight:600;font-size:15px;line-height:160%;letter-spacing:-0.02em;color:#333333;text-align: left;position: relative;cursor: pointer;}
.deans-toggle span {position: relative;display: flex;gap: 20px;align-items: center;}
.deans-toggle span:after {content: "";display: inline-block;background: url(/_res/unist/engineering/img/common/ico-deans.png)no-repeat center;width: 8px;height: 6px;transition: all .5s;}
.deans-toggle .arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fff;transition:transform .35s ease;transform: rotate(0deg);}
.deans-menu.open .deans-toggle span:after{transform:rotate(180deg)}
.deans-list{position:absolute;width: 100%;transform:translateY(5px);border:1px solid #DDDDDD;border-radius:8px;box-sizing:border-box;overflow:hidden;background:#fff;overflow:hidden;max-height:0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:max-height .45s ease, opacity .25s ease, transform .35s ease, visibility 0s linear .45s;z-index: 99;margin-top: 5px;}
.deans-menu.open .deans-list{max-height:500px;opacity:1;visibility:visible;transform:translateY(0);transition:max-height .45s ease, opacity .25s ease, transform .35s ease, visibility 0s linear 0s}
.deans-list li{display:block;padding:6px 15px;width:100%;box-sizing:border-box;font-weight:500;font-size:14px;line-height:140%;letter-spacing:0.01em;color:#333333;cursor: pointer;}
.deans-list li:hover{color: #004BAE;text-decoration: underline;text-underline-offset: 3px;}
.deans-content{flex:1}
.tab-box{display:none;padding: 0!important;}
.tab-box.active{display:block}

.table-wrap.scrollbox .table tbody td img {max-width: 120px;}

.banner {margin: 20px 0 0;position: relative;}
.txt-banner {position: absolute;bottom: 0;width: calc(100% - 40px);border-top: 1px solid #fff;box-sizing: border-box;margin: 0 20px;color: #fff;}
.txt-banner a {padding: 20px 0;position: relative;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.txt-banner a:after {content: "";display: inline-block;background: url(/_res/unist/engineering/img/common/arrow_r.png)no-repeat center right;width: 19px;height: 7px;}

@media (max-width: 1024px) {
	.deans-wrap {flex-direction: column;}
	.banner {height: calc(500/1024*100vw);}
	.banner .img-box {height: 100%;}
	.banner .img-box > img {width: 100%;height: 100%;object-fit: cover;object-position: top;}
}

@media (max-width: 500px) {
	.deans-menu {width: auto;}
	.deans-toggle {width: 100%;}
	.deans-toggle span {justify-content: space-between;}
}