/*공용*/
html{font-size:20px;}
body{font-size:1rem}
.tablet{display:none;}
.mob{display:none;}
.hidden { position: absolute; top: -99999px; left: -99999px; line-height: 0; }

/*-----스크롤-----*/

/* 아래의 모든 코드는 영역::코드로 사용 */
body::-webkit-scrollbar {
    width: 5px;  /* 스크롤바의 너비 */
}

body::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #D9141C; /* 스크롤바의 색상 */
    
    border-radius: 10px;
}

body::-webkit-scrollbar-track {
    background: rgba(255,255, 255, .1);  /*스크롤바 뒷 배경 색상*/
}


#wrap{}
#header{position:relative;z-index:999;}
#header .header-cont {height:5rem;}
#header .header-cont .inner {display:flex;justify-content:space-between;align-items:center;width:75rem;margin:0 auto;height: 100%;}
#header .header-cont #nav .gnb-wrap .depth1 {display:flex;gap:2.5rem;}
#header .header-cont #nav .gnb-wrap .depth1 > li > a {color: #333; font-size: 0.95rem; font-weight: 700; line-height: 0.95rem; letter-spacing: -0.00475rem;position:relative;z-index:1;}
#header .header-cont #nav .gnb-wrap .depth1 > li {position:relative;text-align:center;}
#header .header-cont #nav .gnb-wrap .depth1 > li > ul {position:absolute;top:-1.45rem;padding-top:5.6rem;border-radius: 1rem; background: #FFF; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);width:100%;min-width:10rem;left:50%;transform:translateX(-50%);padding-bottom:2.9rem;flex-direction:column;display:flex;gap:0.75rem;display:none;}
#header .header-cont #nav .gnb-wrap .depth1 > li:hover > ul {display:flex;}
#header .header-cont #nav .gnb-wrap .depth1 > li:hover > a {color:#D9141C;}

#header .header-cont #nav .gnb-wrap .depth1 > li:last-child > ul {min-width:12rem;}

#header .header-cont #nav .gnb-wrap .depth1 > li > ul > li > a {color: #222; text-align: center; font-size: 0.8rem; font-weight: 400; letter-spacing: -0.004rem;position:relative;}
#header .header-cont #nav .gnb-wrap .depth1 > li > ul > li > a:after{content:'';position:absolute;width:0;height:1px;left:0;bottom:0;background:#222;transition-duration: 0.5s;}
#header .header-cont #nav .gnb-wrap .depth1 > li > ul > li > a:hover:after{width:100%;transition-duration: 0.5s;}
#header .header-cont #nav .gnb-wrap .depth1 > li > ul > li > a:hover{font-weight:700;} 



#header .header-cont .header-link {position:relative; display:flex;gap:0.4rem;padding:0.6rem 0.75rem;border-radius: 2.5rem; background: #FFF; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);color: #333; font-size: 0.8rem; font-weight: 400; line-height: 0.8rem; letter-spacing: -0.004rem;align-items:center;}
#header .header-cont .header-link:before{content:'';width:1.3rem;height:1.3rem;background:url(../images/main/knu-logo.svg)no-repeat center}
#header .header-cont .header-link:after{content:'';width:1rem;height:1rem;background:url(../images/main/sel-icon.svg)no-repeat center;transition: transform .25s ease;}
#header .header-cont .header-link-zone.open .header-link:after{
 transform:rotate(180deg);
 }


.header-link-zone {
  position: relative;
}

.header-link-zone ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.25rem;
  background: #fff;
  border-radius:1rem;
  z-index: 100;
  width:100%;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
}

.header-link-zone ul li a{padding:0.8rem;color: #666; font-size: 0.8rem; font-weight: 400; letter-spacing: -0.004rem;display:block;text-align:center;}
.header-link-zone ul li a span {position:relative;}
.header-link-zone ul li a:hover span {color:#D9141C;font-weight:600;}
.header-link-zone ul li a:hover span:after{content:'';position:absolute;width:100%;height:1px;background:#D9141C;bottom:0;left:0;}

.sitemap {display:none;}
@media (max-width:1600px){
	#header .header-cont .inner{width:100%;padding:0 1rem;}
}
@media (max-width:1400px){
	#header .header-cont  h1 img {width:7rem;}
	#header .header-cont #nav .gnb-wrap .depth1 > li > a{font-size:0.9rem;}
	#header .header-cont #nav .gnb-wrap .depth1 > li:last-child > ul{min-width:10rem;}
	#header .header-cont #nav .gnb-wrap .depth1 > li > ul{min-width:8rem;}
}
@media (max-width:1250px){
	#header .header-cont{height:62px;}
	#header .header-cont .header-link{display:none;}
	#header .btn-gnb-menu{width:1.95rem; height:1.25rem; cursor:pointer; z-index:9999;text-align:center; -webkit-transition: all 0.25s; transition: all 0.25s;display:block;}
	#header .btnAll {position:relative; display:block;margin:0 auto;outline: none; z-index:9999;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;}
	#header .btnAll span { display: inline-block; width: 100%; height: 2px;background-color: #333; -webkit-transition: all 0.25s; transition: all 0.25s; }

	#header.open .btnAll > span{background-color:#fff;}
	#header.open .btn-gnb-menu span:nth-child(1) { transform: translateY(0.4rem) rotate(45deg); }
	#header.open .btn-gnb-menu span:nth-child(2) { opacity: 0; }
	#header.open .btn-gnb-menu span:nth-child(3) { opacity: 0; }
	#header.open .btn-gnb-menu span:nth-child(4){ transform: translateY(-0.7rem) rotate(-45deg); }
	@keyframes slide_down {
	  from {
		transform: translateX(0px) translateY(-30px);
		opacity:0;
	  }
	  to {
		transform: translateX(0px) translateY(0px);
		opacity:1;
	  }
	}
	#header #nav {display:none;}
	#header .sitemap{top: 0; height: 100vh; width: 100%; right: -100%; left: auto; border-top: none; overflow-y: inherit !important; padding: 5.7rem 0;position:fixed;background: linear-gradient(348deg, #F39800 0.05%, #D9141C 99.95%);z-index:1;display: block;}
	#header.open .sitemap{left: auto; right: 0;}
	#header.open .sitemap{left:auto;right:0;}
	#header .sitemap .sitemap-section > ul  > li.depth1{text-align:center;padding:1.65rem 0.5rem 1.65rem 0.5rem;}
	#header .sitemap .sitemap-section > ul  > li.depth1  > a{color: #FFF; font-size: 1.15rem; font-weight: 700; line-height: 1.15rem; letter-spacing: -0.00575rem;position:relative;}
	#header .sitemap .sitemap-section > ul  > li.depth1  > a:after{content:'';position:absolute;width:0;height:1px;background:#fff;left:0;bottom:0;}
	#header .sitemap .sitemap-section > ul  > li.depth1:hover > a:after {width:100%;transition-duration: 0.5s;}


	#header .sitemap .sitemap-section > ul  > li.depth1 > ul  {margin-top:1.65rem;display:flex;flex-direction:column;gap:1rem;}
	#header .sitemap .sitemap-section > ul  > li.depth1 > ul > li.depth2 > a {color: #FFF; font-size: 0.9rem; font-weight: 500; line-height: 0.9rem; letter-spacing: -0.0045rem;opacity: 0.8;}

	#header .sitemap .sitemap-section > ul  > li.depth1.open {padding-bottom:0;}
	#header .sitemap .sitemap-section > ul  > li.depth1.open > a:after {width:100%;}
	/* 기본: depth2 숨김 */
	#header .sitemap .sitemap-section > ul > li.depth1 > ul {
		display: none;
	}

	/* 열릴 때 */
	#header .sitemap .sitemap-section > ul > li.depth1.open > ul {
		display: flex;
	}

	#header .sitemap .logo {position:absolute;top:0.25rem;left:1rem;}
	#header .sitemap .logo img {width:7rem;}

	#header.open .sitemap .banner-txt{position:absolute;bottom:5.7rem;   letter-spacing: -0.045rem; animation: content_move linear infinite 13s; display: flex; text-transform: uppercase; width: 100%; white-space: nowrap; vertical-align: top; line-height: 1;color: #FFF; font-family: 'Poppins'; font-size: 1.9rem; font-weight: 700; line-height: 1.9rem; letter-spacing: -0.0095rem;opacity: 0.23;}

}

@media (max-width:500px){
	#header .sitemap .banner-txt {bottom:1rem;}
}


#footer {background:#191919;padding:5.75rem 1rem;text-align:center;}
#footer .footer-link{display:flex;gap:1rem;justify-content:center;margin:2.5rem 0;}
#footer .footer-link a{width:14rem;height:3rem;border-radius: 0.4rem; background: #333;color: #FFF; font-size: 0.9rem; font-weight: 400; line-height: 0.9rem; letter-spacing: -0.0045rem;display:flex;justify-content:center;align-items:center;gap:0.25rem;}
#footer .footer-link a:after{content:'';width:1rem;height:1rem;background:url(../images/main/share-icon.svg)no-repeat center}

#footer .footer-txt .point {color: #D9141C; text-align: center; font-size: 0.8rem; font-weight: 700; line-height: 0.8rem; letter-spacing: -0.004rem;}

#footer .footer-txt .address {color: #FFF; font-size: 0.9rem; font-weight: 400; line-height: 0.9rem; letter-spacing: -0.0045rem;margin-top:0.75rem;}
#footer .footer-txt .copy{color: #666; text-align: center; font-size: 0.8rem; font-weight: 400; line-height: 0.9rem; letter-spacing: -0.004rem;margin-top:4rem;}


#footer .footer-link a:hover{
background: linear-gradient(270deg, #F39800 0%, #D9141C 100%);}

@media (max-width:1030px){
	html{font-size:16px;}
    body{font-size:1rem}
	#wrap{font-size:1rem;}
	.tablet{display:block;}
	.web{display:none;}
}
@media (max-width:767px){
	html,body,#wrap{height:auto;}
	html{font-size:15px;}
    body{font-size:1rem; position:relative;}
	.web{display:none;}
	.mob{display:block;}

	#footer .footer-link a{width:calc((100% - 2rem) / 3);}
}
@media (max-width:650px){
	#footer .footer-link{ flex-direction:column;align-items:center;}
	#footer .footer-link a{width:50%;}
}
@media (max-width:500px){
	#footer .footer-link a{width:100%;}
}

.top-btn{position:fixed; right:1rem; bottom:1rem; cursor:pointer; z-index:10; display: none;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10);border-radius:50%;}
@media (max-width:500px){
	.top-btn img{width:3rem;}
}