@charset "UTF-8";

.sub-header{position: relative;z-index: 2;width:100%; height:60rem; background:url('../../img/layout/sub_bg.jpg') no-repeat center / cover; display:flex; flex-direction:column; transition:margin 0.3s ease-in-out; transition-delay:0.1s;}
[data-event-banner-open="true"] ~ .sub-header{margin-top:10rem;}
.sub-header .sub-top{flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; text-align:center; padding-top:17rem;}
.sub-header.temp .sub-top {padding-top:12rem;}
.sub-header.temp2 .sub-top {padding-top:12rem;}
.sub-header .sub-title{font-size:5.4rem; margin-bottom:1rem;font-family:var(--font-family03), var(--font-family02);font-weight:700;}
.sub-header .sub-desc{font-size:2.2rem; font-weight:400; letter-spacing:0; line-height:1.36;}
.sub-header .sub-nav{height:8rem; background:rgba(0,0,0,0.1); backdrop-filter:blur(4px); color:#fff;}
.sub-nav .inner {display:flex; width:100%; height:100%;}
.sub-nav .sub-inner{display:flex; width:100%; height:100%; gap:3rem;}
.sub-nav .home{display:flex; width:12rem;height:100%; align-items:center; gap:1.4rem;}
.sub-nav .home:before{content:""; display:block; width:1.4rem; height:1.5rem; background:url(../../img/new/layout/sub-nav_home.svg) no-repeat center center / 100% 100%;}
.sub-nav .home .label{padding-top:2px;font-family:var(--font-family02);font-weight:700;}
.sub-nav .snb{width:100%;}
.sub-nav .snb-list{display:flex; height:100%;}
.sub-nav .snb-list .mn_l1{max-width:25%; height:100%; flex:1; position:relative; z-index:1;}
.sub-nav .snb-list .mn_l1:before{content:""; display:block; width:1px; height:2rem; background:rgba(255,255,255,0.25); position:absolute; left:0; top:50%; transform:translateY(-50%)}
.sub-nav .snb-list .mn_a1{height:100%; display:flex; align-items:center; justify-content:space-between; padding:1rem 3rem;}
.sub-nav .snb-list .mn_a1 .label{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1.8rem; font-weight:500;}
.sub-nav .snb-list .mn_a1:after{content:""; display:block;width:2rem;height:2rem;background:url(../../img/new/layout/sub-nav_arrow.svg) no-repeat center center / 100% 100%;}
.sub-nav .mn_l1:has([data-open="true"]) .mn_a1:after{transform:rotate(180deg)}
.sub-nav .dropdown-wrapper{position:absolute; left:0; top:100%; z-index:9999; padding:1rem 0; background:#fff; color:#000; box-shadow:0px 10px 30px rgba(0,0,0,0.1); width:100%; border-radius:0 0 var(--radius01) var(--radius01); border:1px solid var(--color-border01); border-top:none; opacity:0; visibility:hidden; transform:translateY(-10px); transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;}
.sub-nav .dropdown-item{display:flex; padding:1.6rem 3rem; word-break:break-all; transition:all 0.2s}
.sub-nav .dropdown-item:hover{background:var(--color-primary03); color:#fff;}
.sub-nav .dropdown-wrapper[data-open="true"]{opacity:1; visibility:visible; transform:translateY(0);}
.sub-nav .dropdown-list{max-height:30.6rem; overflow-y:auto;}

.sub-header.menu-Univ {background-image:url('../../img/layout/hansei_svis02.jpg');}
.sub-header.menu-Academic {background-image:url('../../img/layout/hansei_svis03.jpg');}
.sub-header.menu-Univlife {background-image:url('../../img/layout/hansei_svis04.jpg');}
.sub-header.menu-Community {background-image:url('../../img/layout/hansei_svis05.jpg');}
.sub-header.menu-Useguide {background-image:url('../../img/layout/hansei_svis06.jpg');}

.sub-header.ipsi {background-image:url('../../img/layout/ipsi_svis.jpg');}
.sub-header.graduate {background-image:url('../../img/layout/graduate_svis.jpg');}
.sub-header.vision {background-image:url('../../img/layout/vision_svis.jpg');}

.sub-header.ipsi {padding-top: 12rem;}
.sub-header.ipsi .sub-top {padding-top:0;}

@media screen and (max-width:1200px){
    .sub-header{height:36rem;}
    .sub-header .sub-title{font-size:3.2rem;margin-bottom:0;}
    .sub-header .sub-desc{display:none;}
    .sub-header .sub-nav{height:4.5rem;}
    .sub-nav .inner{padding:0;}
    .sub-nav .home{display:none;}
    .sub-nav .snb-list .mn_l1:nth-child(1){display:none;}
    .sub-nav .snb-list .mn_l1:first-child:last-child {display:block;}
    .sub-nav .snb-list .mn_l1{max-width:100%;}
    .sub-nav .snb-list .mn_l1:before{height:1rem;}
    .sub-nav .snb-list .mn_l1:nth-child(2):before{display:none;}
    .sub-nav .snb-list .mn_a1 .label{font-size:1.3rem;}
    .sub-nav .snb-list .mn_a1:after{border-width:4px 3.6px 0 3.5px;}
    .sub-nav .dropdown-wrapper{width:calc(100% - 2rem); top:calc(100% - 0.4rem); left:50%; transform:translateX(-50%) translateY(-10px); padding:1.4rem;}
    .sub-nav .dropdown-wrapper[data-open="true"]{transform:translateX(-50%) translateY(0);}
    .sub-nav .dropdown-item{padding:1rem 0.5rem; font-size:1.4rem;}
    
    .sub-header.ipsi {padding-top: 10rem;}
    
    .sub-header.vision .sub-top,
	.sub-header.graduate .sub-top {padding-top:9rem;}
}

@media screen and (max-width:768px){
	[data-event-banner-open="true"] ~ .sub-header{margin-top:0;}
}

@media screen and (max-width:680px){
	.sub-header{height:34rem;}
	.sub-header.temp,
	.sub-header.temp2 {height:28rem;}
	.sub-header .sub-top {padding-top:14.5rem;}
	.sub-header.temp .sub-top {padding-top:5.5rem;}
	.sub-header.temp2 .sub-top {padding-top:9rem;}
	
	.sub-header.vision .sub-top,
	.sub-header.graduate .sub-top {padding-top:8rem;}
}

/* 임시 */
.sub-header ~ #container {min-height:400px; padding-top:2rem; margin-bottom: 12rem;}

	@media screen and (max-width:768px){
		.sub-header ~ #container {margin-bottom:10rem;}
	}