@charset "UTF-8";
/*-------------------------------------------------
title       : main
Author      : YEONA
Create date : 2025-06
-------------------------------------------------*/


#header{
  position: absolute;
  width:160rem;
  margin:0 auto;
  left:50%;
  transform: translateX(-50%);
  top:3rem;
  z-index: 1;
  max-width:92%
}

.sub_visual{
  height: 40rem;
  background:url('../images/sub_visual.png') no-repeat center/cover;
  object-fit: cover;
  position: relative;
}

.sub_visual .cont_title{
  font-family: 'Oswald';
  font-size: 7rem;
  font-weight: 700;
  letter-spacing: -2.1px;
  color:#fff;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  z-index: 1;
}

.sub_visual .home{
  position: absolute;
  right: 0;
  top:0;
  background: #0BA2F2;
  width:7rem;
  height: 7rem;
  color:#fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.main_wrap{
  padding:10rem 0 18rem;
}


#footer{
  background: #111;
  padding:6rem 0;
  color: rgba(255, 255, 255, 0.70);

}

#footer .head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 4rem;
}

#footer .head li{
  font-size: 2rem;
  display: flex;
  align-items: center;
  gap:1.2rem;
}

#footer .head li i{
  width: 3.2rem;
  height: 3.2rem;
  text-align: center;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.12);
  display: inline-block;
  line-height: 3.2rem;
  font-size: 1.6rem;
  flex-shrink:0;
}

#footer .head li + li{
  margin-top:1rem;
}

#footer #map{
  height: 46rem;
  margin:6rem 0;
}

#footer .foot{
  color: #EEE;
  opacity: 0.6;
  padding-top:4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.20);
}

#footer .foot span{
  display: block;
}

.container{
  width:160rem;
  margin:0 auto;
  max-width:92%;
}

.an_noti{
  border-top: 1px solid #111;
  width:100%;
  position: relative;
  margin-top:2rem;
}


.an_noti .list li{
  padding:4rem 0;
  display: flex;
  align-items: center;
  gap:3rem;
  color:#555555;
  font-weight: 700;
  font-size:2.4rem;
  border-bottom: 1px solid #DDD;
}

.an_noti .list .tt{
  color:#555;
  width:100%;
  display: block;
  text-align: left;
}

.an_noti .list .down{
  width:3.6rem;
  height: 3.6rem;
  background:#122F50;
  border-radius: 10rem;
  text-align: center;
  line-height: 3.6rem;
  flex-shrink: 0;
  border:1px solid #122F50;
  transition:all .5s;
  flex-shrink: 0;
  font-weight: 400;
}

.an_noti .list .down:hover{
  background:#fff;
  color:#122F50;
}

.an_noti .list .down:hover:before{
  color:#122F50;
}

.an_noti .list .down:before{
  content: '\EC5A';
  color:#fff;
  font-family: 'remixicon';
  font-size: 1.7rem;
  display: block;
}


@media screen and (max-width: 1600px) {
	#header, .container{width:100%}
}
@media screen and (max-width: 1200px) {
	#footer .head{flex-direction:column;    align-items: flex-start;gap:3rem;}
	#footer .foot{flex-direction:column;gap:1rem;align-items: flex-start;}
}
@media screen and (max-width: 1023px) {
	p{font-size:1.8rem !important;}
	#footer .head h2{width:27rem;}
	.an_noti .list .down{width:4rem;height: 4rem;}
}
@media screen and (max-width: 580px) {
  .an_noti .list li{font-size:2rem;padding:2rem 0;gap:1.5rem;}
  .an_noti .list li .date{display: none;}
 }
@media screen and (max-width: 530px) {
	#header a{width:27rem; display:block;}
	.sub_visual .cont_title{font-size:5rem;}
}