header {
  background: none !important;
  background-color: #fff !important;
}
.header_btm_line{
  width: 85% !important;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000 !important;
}
.header_menu {
  color: #000 !important;
}
.header_menu_1:nth-child(7){
  font-weight: 700;
  border-bottom: 3px solid #000;
  box-sizing: border-box;
}
.header img{
  filter: invert(1);
}
.header .side_menu_btn img{
  filter: invert(0);
}
.header .side_menu_box img{
  filter: invert(0);
}





.community_title_sec{
  width: 85%;
  height: 20vw;
  border-bottom: 1px solid #000;
  padding-top: 5vw;
  margin: 0 auto;
}
.community_title1{
  font-size: 1vw;
  font-weight: 500;
  margin-bottom: 1vw;
}
.community_title2{
  font-size: 2.2vw;
  font-weight: 800;
}
.subpage_btmtxt {
  right: 6%;
  bottom: 10%;
}




.announce_sec{
  padding: 6vw 0;
}
.announce_con{
  width: 85%;
  border-top: 1px solid #ebebeb;
  margin-bottom: 2vw;
}
.announce{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.9vw;
  font-weight: 600;
  color: #767676;
  border-bottom: 1px solid #ebebeb;
  padding: 1.2vw 4vw;
  box-sizing: border-box;
  transition: 0.3s;
  cursor: pointer;
  list-style: none;
}
.announce_txt{
  width: 60%;
  overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
}
.con2_07{
  cursor: pointer;
}
.announce:hover{
  color: #fff;
}
.announce_back{
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: -1;
  top: 0;
  left: 0;
  clip-path: inset(100% 0 0 0);
  transition: 0.5s;
}
.announce:hover .announce_back{
  clip-path: inset(0 0 0 0);
}
.announce_date{
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}
.announce_pagenation {
  width: 85%;
  height: 3vw;
  margin: 0 auto;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1vw;
}
.announce_pagenation_num{
  display: flex;
  gap: 0.5vw;
}
.announce_pagenation_num button{
  font-family: 'Pretendard variable';
  font-weight: 500;
  font-size: 0.9vw;
  background-color: transparent;
  outline: none;
  border: none;
  cursor: pointer;
  color: #929292;
}
.announce_pagenation_num button.active{
  color: #000;
}
.announce_next{
  transform: rotate(180deg);
}
.con8_01{
  width: 0.988264%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}




.question_sec{
  padding: 6vw 0;
}
.question_con{
  width: 85%;
  border-top: 1px solid #ebebeb;
  margin-bottom: 2vw;
}
.question{
  width: 100%;
  display: flex;
  flex-direction: column;
gap: 2vw;
  font-size: 0.9vw;
  font-weight: 600;
  color: #767676;
  border-bottom: 1px solid #ebebeb;
  padding: 1.2vw 4vw;
  box-sizing: border-box;
  cursor: pointer;
  transition: 0.5s;
}
.con2_07{
  cursor: pointer;
}
.question:hover{
  color: #fff;
}
.question_back{
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: -1;
  top: 0;
  left: 0;
  clip-path: inset(100% 0 0 0);
  transition: 0.5s;
}
.question:hover .question_back{
  clip-path: inset(0 0 0 0);
}
.question_btn{
  width: 2.409%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0.6vw;
  right: 4vw;
}
.question_btn_top  {
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.question_btn_top{
  opacity: 0;
  /* transition: 0.3s; */
}
.question.on .question_btn_top{
  opacity: 1;

}
.answer_txt{
  line-height: 1.5;
  margin-bottom: 3vw;
  display: none;
}
.question.on .answer_txt{
  display: block;
}
.question.on{
  /* background-color: #000; */
  color: #fff;
}
.question.on .answer_txt{
  color: #767676;
}
.morebtn{
  margin: 0 auto;
  margin-top: 3vw;
}
.question_sec .section_title{
  margin-bottom: 4vw;
}