.header-inner {display:flex;align-items:center;position: relative;padding: 66px 20px 20px;}
.header-inner .left-wrap {flex: 1;display:flex;align-items:center;}

.header-inner .header-group-link{position: absolute;top: 8px;left: 0;display: flex;gap: 5px 24px; padding:0 20px;}
.header-inner .header-group-link li{position: relative;}
.header-inner .header-group-link li + li:before{content:'';width: 1px;height: 8px;background: rgb(255 255 255 / 60%);position: absolute;top: 50%;left: -12px;transform: translateY(-50%);}
.header-inner .header-group-link li a{font-weight: 400;font-size: 14px;line-height: 28px;color: #fff;}

.header-inner .logo .logo-pc img{}
.header-inner .logo .logo-pc img:nth-child(2){display: none;}
.header-inner .logo .logo-sp{display: none;}

.gnb-box {flex:1;padding: 0 clamp(24px, 2.6vw, 50px);position: relative;z-index: 500;}
.gnb-box > ul{display:flex;justify-content: center;flex-wrap: wrap;}
.gnb-box > ul > li {position:relative;}
.gnb-box > ul > li > a {display:inline-block;position:relative;padding: 10px 24px;font-weight: 500;font-size: 18px;line-height: 150%;color: #FFFFFF;}
.sub .gnb-box > ul > li > a.active{font-weight: 700;color: #2167FF;}
.depth_01 .sub-mn-box{width: fit-content;position: absolute;top:100%;left: 0;z-index: 10;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;z-index:9999;padding-top: 25px;}
.depth_01 > li.on .sub-mn-box {opacity: 1;visibility: visible;}
.depth_01 .sub-mn-box .sub-mn-outer {margin: 0 auto;}
.depth_01 .depth_02{display:flex;flex-direction:column;flex-wrap:wrap;justify-content: flex-start;gap: 16px;padding: 36px;background: #fff;width: 234px;box-sizing: border-box;position: relative;border-radius: 0px 0px 12px 12px;}
.depth_01 .depth_02:has(.depth_03){width: 594px;}
.depth_01 .depth_02:has(.depth_03):before{content:'';width: 1px;background: #E5E5E5;position: absolute;left: 290px;top: 36px;bottom: 36px;}
.depth_01 .depth_02 > li{width: 234px;box-sizing: border-box;}
.depth_01 .depth_02 > li > a{display: inline-block;width:100%;font-weight: 400;font-size: 18px;line-height: 140%;letter-spacing: -0.02em;color: #666666;}
.depth_01 .depth_02 > li:has(.depth_03) > a{background: url(../img/common/depth2.png) no-repeat center right;}

.depth_01 .depth_02 > li:has(.depth_03) > a.active{background:url(../img/common/depth2-on.png) no-repeat center right;}
.depth_01 .depth_02:hover > li:has(.depth_03) > a.active{background:url(../img/common/depth2.png) no-repeat center right;}
.depth_01 .depth_02 > li:has(.depth_03):hover > a{background:url(../img/common/depth2-on.png) no-repeat center right !important;}

.depth_01 .depth_02 > li > a.active{color:#1174FF;}
.depth_01 .depth_02:hover > li > a.active{color:#666666;}
.depth_01 .depth_02 > li:hover > a{color:#1174FF !important;}


.depth_03 {display: none;width: 248px;position: absolute;top: 36px;left: 310px;z-index: 10;background: #fff;}
.depth_03::before {content: '';position: absolute;top: -36px;bottom: -200px;left: -42px;width: calc(100% + 42px);}
.depth_03 li {display:block;}
.depth_03 li + li  {margin-top: 12px;}
.depth_03 li a {display:inline-block;position:relative;font-weight: 400;font-size: 16px;line-height: 140%;letter-spacing: -0.02em;color: #111111;padding-left:14px;}
.depth_03 li a:before{content:'';width: 6px;height: 6px;background: #D9D9D9;border-radius: 50%;position: absolute;left: 0;top: 8px;}

.depth_03 li a:hover,
.depth_03 li a.active {color: #1174FF;}
.depth_03 li a:hover:after,
.depth_03 li.active a:after {transform: scale(1, 1);transform-origin: left center;}

.depth_01 .depth_02 > li > a.active ~ .depth_03{display:block;}
.depth_01 .depth_02:hover > li > a.active ~ .depth_03{display:none;}
.depth_01 .depth_02 > li:hover > .depth_03,
.depth_01 .depth_02 > li:hover > a.active ~ .depth_03{display:block;}


.language {padding: 0 20px 0 0;}
.g-lang-box{position:relative;}
.g-lang-box > button{border:none;cursor: pointer;display: flex;align-items: center;background: transparent;}
.g-lang-box > button:after{content: '';width: 24px;height: 24px;background: url(../img/common/ico-ultil-arow.png) no-repeat center;display: inline-block;filter: brightness(0) invert(1);}
.g-lang-box > button.focus:after{transform: rotate(180deg);}
.g-lang-box > button span{font-weight: 600;font-size: 16px;line-height: 125%;letter-spacing: 0.3px;color: #fff;display: block;}
.g-lang-box ul{display:none;position:absolute;top: 100%;left:50%;z-index:500;padding: 8px 10px;width:100%;transform:translateX(-50%);border-radius: 10px;background: #fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.g-lang-box > button.focus ~ ul{display:block;}
.g-lang-box ul li{margin:0 0 5px;}
.g-lang-box ul li:last-of-type{margin:0;}
.g-lang-box ul li a{display:block;}
.g-lang-box ul li a span{display:inline-block;font-family: 'Prompt';font-weight: 700;font-size: 14px;line-height: 110%;text-align: center;text-transform: uppercase;color: #111;}

.util-box {display:flex;align-items: center;justify-content: end;}
.util-inner {}
.util-inner > ul {display:flex;align-items:center;gap: 20px;justify-content:space-between}
.util-inner > ul > li {list-style: none;}
.util-inner > ul > li > a {display: flex;align-items: center;justify-content: space-between;gap: 8px;color: #fff;}
.util-inner > ul > li > a span {color: #fff;font-family: 'Prompt';font-weight: 700;font-size: 14px;line-height: 110%;text-align: center;text-transform: uppercase;}
.util-inner > ul > li img{filter: brightness(0) invert(1);}


/* site-map */
.sitemap-inner{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:999;width:100%;height:100vh;background: #fff;background-size:cover;overflow-y:auto;box-sizing:border-box;padding-bottom: 230px;}
.sitemap-inner::-webkit-scrollbar {width: 8px;height: 100%;position: absolute;}
.sitemap-inner::-webkit-scrollbar-track {background: #DBDBDB;border-radius: 50px;}
.sitemap-inner::-webkit-scrollbar-thumb {background: #001b54;border-radius: 50px;}
.sitemap{position:relative;margin:0 auto;width:100%;max-width: 1520px;box-sizing:border-box;}
.sitemap-logo{padding: 20px 0;}

.sitemap-depth-box{margin-top: 20px;}
.sitemap-box {position: relative;display: flex;justify-content: space-between;gap: 16px;}
.sitemap-box > li {flex: 1;display: flex;flex-direction: column;gap: 12px;}
.sitemap-box > li > a {display: block;font-weight: 400;font-size: 24px;line-height: 140%;letter-spacing: -0.02em;color: #FFFFFF;background: #00275C;border-radius: 8px;padding: 16px;text-align: center;}
.sitemap-box > li > ul {display: flex;flex-direction: column;gap: 12px;}
.sitemap-box > li > ul > li > a {display: block;font-weight: 500;font-size: 16px;line-height: 140%;letter-spacing: -0.02em;color: #111111;padding: 17px 35px 17px 16px;border-radius: 8px;background: #F2F6FB url(/_res/yonsei_ysb/ybri/img/common/map-depth.png) no-repeat center right 25px;}
.sitemap-box > li > ul > li:has(.s_depth_03) > a {background: #0B5DCF url(/_res/yonsei_ysb/ybri/img/common/map-depth-on.png) no-repeat center right 25px;color: #fff;}
.sitemap-box > li > ul > li > ul{display: flex;flex-direction: column;gap: 10px;padding: 16px 0 0 16px;}
.sitemap-box > li > ul > li > ul > li > a{font-weight: 400;font-size: 14px;line-height: 140%;letter-spacing: -0.02em;color: #111111;padding-left: 14px;position: relative;display: flex;}
.sitemap-box > li > ul > li > ul > li > a:before{content: '';width: 6px;height: 6px;border-radius: 50%;background: #D9D9D9;position: absolute;left: 0;top: 5px;}
.btn-sitemap-close{position:absolute;top: 20px;right: 0;width: 36px;height: 36px;background:url(../img/common/sitemap-close.png) no-repeat center;cursor:pointer;}



/*Search-box*/
.search-box{position: absolute;top: 100%;right: 0;background: #fff;opacity: 1;visibility: hidden;padding: 52px 0;border-top: 1px solid rgba(204, 204, 204, 0.2);z-index: 111;width: 100vw;left: 50%;transform: translateX(-50%);}
.search-open .search-box{display: block;opacity: 1;visibility: visible;}
.search-inner {display:flex;align-items:center;gap: 24px;max-width: 1520px;margin: auto;}
.search-inner .form-search{width: 100%;}
.search-inner .form-search form .input-area {display:flex;gap:40px;    justify-content: flex-end;flex-direction: row-reverse;align-items: center;position: relative;}
.search-inner .form-search form .input-area input {border: 0;padding: 0;box-sizing:border-box;font-weight: 500;font-size: 32px;line-height: 140%;letter-spacing: -0.02em;flex:1;}
.search-inner .form-search form .input-area input::placeholder{color:#ccc;}
.search-inner .form-search form .input-area input::-webkit-input-placeholder{color:#ccc;}
.search-inner .form-search form .input-area input::-moz-placeholder{color:#ccc;}
.search-inner .form-search form .input-area input:-ms-input-placeholder{color:#ccc;}
.search-inner .form-search form .input-area button {border:none;cursor:pointer;background: url(/_res/yonsei_ysb/ybri/img/common/ico-search.png) no-repeat;padding: 0;width: 44px;height: 44px;}

.gnb-open .wrap:before,
.search-open .wrap:before{content:'';position: fixed;inset: 0;background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(7px);z-index: 200;}
@media(min-width: 1025px){
	header:hover{position: relative;z-index: 500;}
	
	header:hover .header-inner .header-group-link li + li:before{background: rgba(17, 17, 17, 0.6);}
	header:hover .header-inner .header-group-link li a{color: #111;}
	
	header:hover .header-wrap{background: #fff;border-bottom: 1px solid rgba(204, 204, 204, 0.2);}
	header:hover .header-inner .logo .logo-pc img:nth-child(1){display: none;}
	header:hover .header-inner .logo .logo-pc img:nth-child(2){display: block;}
	header:hover .gnb-box > ul > li > a{color: #111;}
	header:hover .gnb-box > ul > li > a.active{color: #2167FF;}

	header:hover .g-lang-box > button span{color: #111;}
	header:hover .g-lang-box > button:after{filter: none;}
	header:hover .util-inner > ul > li img{filter: none;}
}
header.on .header-inner .header-group-link li + li:before{background: rgba(17, 17, 17, 0.6);}
header.on .header-inner .header-group-link li a{color: #111;}

header.on .header-wrap{background: #fff;border-bottom: 1px solid rgba(204, 204, 204, 0.2);}
header.on .header-inner .logo .logo-pc img:nth-child(1){display: none;}
header.on .header-inner .logo .logo-pc img:nth-child(2){display: block;}
header.on .gnb-box > ul > li > a{color: #111;}

header.on .g-lang-box > button span{color: #111;}
header.on .g-lang-box > button:after{filter: none;}
header.on .util-inner > ul > li img{filter: none;}

.wrap.sub header .header-wrap{border-bottom: 1px solid transparent;}
.wrap.sub header.on-mg .header-wrap,
.gnb-open .wrap.sub header .header-wrap{border-bottom: 1px solid rgba(204, 204, 204, 0.2);}

@media(max-width: 1300px){
	.gnb-box > ul{justify-content: space-between;}
	.gnb-box > ul > li > a{padding: 10px 0; font-size: clamp(15px, 1.38vw, 18px);}
}

.m-gnb {display:none;}
.m-gnb-wrap,
.m-util-box {display: none;}

@media (max-width: 1024px) {
	
	.header-inner .header-group-link{display: none;}
	.util-wrap,
	.gnb-box,
	.btn-sitemap{display:none;}
	

	.header-inner{height: 75px;box-sizing: border-box;}
	.header-inner .logo .logo-pc{display: none;}
	.header-inner .logo .logo-sp{display: inline-flex;gap: 8px;justify-content: flex-start;align-items: center;}
	.header-inner .logo .logo-sp span{font-family: 'YonseiBold';font-weight: 400;font-size: 12px;line-height: 140%;letter-spacing: -0.02em;color: #FFFFFF;}
	
	.header-inner .m-util-inner .logo .logo-sp span{color: #111;}

	.language{padding: 0;margin-left: auto;}

	.search-box{top: 75px;padding: 20px;}
	.search-box.active{display: block;opacity: 1;visibility: visible;}
	.search-inner {gap:16px;padding: 0 20px;}
	.search-inner .form-search form .input-area{gap: 20px;}
	.search-inner .form-search form .input-area input{font-size: 16px;padding: 1px;}
	.search-inner .form-search form .input-area button{width: 24px;height: 24px;background-size: cover;}
	
	.header-inner {padding: 20px;gap: 10px;justify-content:space-between;}
	.m-gnb-wrap{display:block;}	
	.m-gnb-wrap > ul {display:flex;gap:16px;}
	.m-gnb-wrap .btn-m-menu{display:block;width: 24px;height: 24px;background: url(/_res/yonsei_ysb/ybri/img/common/menu-sp.png) no-repeat center right;filter: brightness(0) invert(1);}
	.m-gnb-wrap .btn-m-search{display:block;width: 24px;height: 24px;background: url(../img/common/search-sp.png) no-repeat center right;filter: brightness(0) invert(1);}
	.btn-all-menu{display: none;}
	.m-gnb.active{display: block;}
	
	.header-wrap.on .m-gnb-wrap .btn-m-menu,
	.header-wrap.on .m-gnb-wrap .btn-m-search{filter: unset;}

	.slideMenu{display:none;position:fixed;top: 0;left:0;z-index:500;width:100%;height: 100dvh;background-color: #fff;box-sizing:border-box;}
	.slideMenu.active,.slideMenu.on {background-color:#fff;}
	.slideMenu.active .dep1 > li.has-dep.open > a,.slideMenu.on .dep1 > li.has-dep.open > a {color: #006AFF;}
	.slideMenu.active .dep1 > li.has-dep.open > a span,.slideMenu.on .dep1 > li.has-dep.open > a span {padding-right: 16px;display:inline-block; background:url(/_res/unist/unist/img/common/ico-arrow-right-dept.png) no-repeat center right;background-size: 8px;}
	.slideMenu.active .slide-close,
	.slideMenu.on .slide-close{background: url(../img/common/ico-close-menu.png) no-repeat center;} 
	.slideMenu.active .dep1,
	.dep1{font-size:0;}
	.dep1 > li:last-of-type{padding:0;}
	.slideMenu.on .m-gnb {display:block;}
	.slideMenu .dep1{width: 35%;height:100%;box-sizing:border-box;padding: 10px 15px 24px;}
	.slideMenu .dep1 > li > a{position:relative;display:flex;justify-content: center;gap: 8px;align-items: center;z-index:15;box-sizing:border-box;text-align: center;font-family: Pretendard;font-weight: 700;font-size: 16px;line-height: 1;color: #666;padding: 14px 0;}
	.slideMenu .dep1 > li > a.selected{color: #006AFF;}
	/*.slideMenu .dep1 > li > a.selected:after{content:'';background: url(../img/common/ico-arrow-right-dept.png) no-repeat;width: 8px;height: 14px;display: inline-block;}*/

	.slideMenu .dep2{position:absolute;top:0;right:0;padding: 8px 24px 24px 24px;width: 65%;height:100%;background-color:#fff;box-sizing:border-box;overflow-y:auto;display:none;border-left: 1px solid #eee;}
	.slideMenu .dep1 > li > a.selected ~ .dep2 {display:block;}
	.slideMenu .dep2 > li{padding: 16px 0;}
	.slideMenu .dep2 > li > a{display:block;position:relative;word-break:keep-all;font-weight: 500;font-size: 16px;line-height: 1;letter-spacing: -0.1px;vertical-align: middle;color: #222;}
	.slideMenu .dep2 > li.has-dep > a {background: url(../img/common/item-menu-sp.png) no-repeat right center;}
	.slideMenu .dep2 > li.has-dep.open > a {background: url(../img/common/item-menu-sp-b.png) no-repeat right center;color:#004BAE;}
	.slideMenu .dep2 > li > a span{display:inline-block;font-weight:400;font-size:16px;color:#555;line-height:22px;}
	.slideMenu .dep2 > li > a.selected, .slideMenu .dep2 > li > a.active{color:#2167FF;}
	.slideMenu .dep2 > li > a.selected span, .slideMenu .dep2 > li > a.active span{font-weight:500;color:#1f51a2;}
	.slideMenu .dep3{display:none;padding: 15px 0 0 0;}
	.slideMenu .dep3 > li:last-of-type{padding:0;}
	.slideMenu .dep3 > li > a{position: relative;color: #222;letter-spacing: -0.1px;vertical-align: middle;padding-left: 14px;font-weight: 500;font-size: 14px;line-height: 100%;}
	.slideMenu .dep3 > li > a:before{content: '';width: 6px;height: 6px;border-radius: 50%;background: #666;position: absolute;left: 0;top: 6px;}
	.slideMenu .dep3 > li > a.active{color: #2167FF;}

	.m-gnb-bottom-box{display:flex;position: relative;padding: 15px 20px;justify-content:space-between;background-color:#FAFAFA;}
	.m-gnb-bottom-box:before{content:'';position:absolute;top:0;left:50%;width:calc(100% - 36px);height:1px;background:#fff;transform:translateX(-50%);}
	.slideMenu .slide-close{width: 24px;height: 24px;background: url(../img/common/ico-close.png) no-repeat center center;box-sizing: border-box;}
	.mo-gnb-open .slideMenu .slide-close {position: fixed;top: 24px;right: 20px;z-index: 501;}
	.slideMenu .title-menu{position:absolute;top: 24px;left: 50%;transform: translatex(-50%);z-index:10;font-weight: 600;font-size: 20px;line-height: 21.6px;text-align: center;color:#000;width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.m-gnb-bg{display:none;position:fixed;top:120px;left:0;z-index:20;width:100%;background-color:#fff;}
	.slideMenu.on .slide-close, .slideMenu.on + .m-gnb-bg{display:block;}
	.m-gnb-bg{top: 120px;height: calc(100% - 120px);}
	.mo-gnb-open .btn-m-menu {display:none;}
	.mo-gnb-open .bottom-header-wrap {background-color:#fff;}
	
	.m-util-inner {position: fixed;z-index: 500;background: #fff;width: 100%;box-sizing: border-box;height: 75px;border-bottom: 1px solid #ddd;padding: 20px;}
	.m-util-inner .logo a {display: inline-flex;justify-content: flex-start;align-items: center;}
	
	.m-util-inner .util-box {display:flex;background: #665979;padding: 5.5px 16px;border-radius: 6px; width: max-content;}
	.m-util-inner .util-box li {position:relative;padding: 0 10px;}
	.m-util-inner .util-box li:first-child {padding-left: 0;}
	.m-util-inner .util-box li:last-child {padding-right:0;}
	.m-util-inner .util-box li:after {content: '';display: block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1px;height: 12px;background-color: #999;}
	.m-util-inner .util-box li:last-child:after {display:none;}
	.m-util-inner .util-box li a {font-size: 15px;font-weight: 400;line-height: 21px; text-align: left;position: relative;color: #FFFFFF;}

	
	.slideMenu .inner{position: relative;top: 75px;display: flex;flex-direction: column;justify-content: space-between;overflow-y:auto;height: calc(100dvh - 75px);}
		
	header{position: relative;z-index: 900;}
	header .header-wrap.on{background: #fff;}
	header.on .m-gnb-wrap .btn-m-search{filter: none;}
	header.on .m-gnb-wrap .btn-m-menu{filter: none;}
	
	header.on .g-lang-box > button span{color: #111;}
	header.on .g-lang-box > button:after{filter: none;}
	header.on .header-inner .logo .logo-sp span{color: #111;}

}
@media (max-width: 768px) {
	.header-wrap .gnb-box > ul > li > a {color: #222;}
	.header-wrap .gnb-box > ul > li.active > a span,
	.header-wrap .gnb-box > ul > li:hover > a span {background: #0068B7;color: #fff;}
}