@charset "utf-8";

/* 탑메뉴고정 시작 */
.gnb_wrap {
  background-color: #fff;
  width: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  /* 고정 상태에서의 중앙 정렬 */
  position: relative;
}
#gnb_1dul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* 고정 상태를 위한 스타일 */
.fixed {
  position: fixed !important;
  top: 0;
  left: 50%;
  transform: translateX(-50%); /* 중앙 정렬 */
  width: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 3;
}
/* 탑메뉴 고정끝 */
/* 스크립트로인한 동적메뉴색 유지 활성화 */
.topmenu_1da.current-menu-item,
.topmenu_2da.current-menu-item {
    /* background-color: rgba(226, 229, 255, 0.8); */
    /* color: inherit; 텍스트 색상을 상속받음 */
    color:rgb(38, 182, 2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.topmenu_1dli, .topmenu_2dul {
    transition: all 0.3s ease-in-out;
}
/* 최신글  탑 한줄스킨*/
.latest_top_notice {
    display: flex;
    flex-wrap: wrap;
}
.latest_top_notice > div {
    width: calc(50% - 0px);
    margin-right: 0px; /* 각 스킨 사이의 간격 */
    box-sizing: border-box;
}

@media (max-width: 1024px) {
/* @media only screen and (max-width: 1024px) { */
  .latest_top_notice {
      flex-direction: column;
  }

  .latest_top_notice > div {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
  }

  .latest_top_notice > div:last-child {
      margin-bottom: 0;
  }
    /* .latest_wr1 {
        display: none;
    } */
}

.latest_wr_01 {
    display: flex;
}
.latest_wr_01 > div:nth-child(1) {
    width: 50%;
}
.latest_wr_01 > div:nth-child(2) {
    width: 50%;
}
/* .container {
    width: 100%;
    overflow: hidden;
    position: relative;
} */

/* 최신글 스킨2*/
.latest_top_notice1 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  background-color: transparent;
  padding: 10px;
}

.latest_item {
  flex: 1 1 calc(50% - 20px);
  background-color: white;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 10px;
}

@media (max-width: 1024px) {.latest_item {flex: 1 1 100%;}.box {padding: 10px;}}

.box {width: 100%;height: auto;padding: 0px;background-color: transparent;
    /* box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.2); */
    margin-bottom: 0px;opacity: 0;transform: translateY(100px);transition: transform 1.0s, opacity 1.0s;
}
/* 상탑 타이틀 스타일 시작*/
/* .container {
  width: 100%;
  overflow: hidden;
  position: relative;
} */
#container_title {
    font-size: 1.333em;
    margin: 0 auto;
    font-weight: bold;
    display: flex; /* 부모 요소를 플렉스 컨테이너로 설정 */
    align-items: center;
    justify-content: flex-start; /* 요소를 좌측으로 정렬 */
    background: none;
}
  /* container_title 내의 span */
  #container_title span {
    margin-right: 10px;
    display: flex;
    align-items: center;
  }
  /* vertical_box */
  .vertical_box {
    width: 10px;
    height: 30px;
    background-color: #440f94;
    margin-right: 10px;
  }
/* 탑 타이틀 박스 */
.vertical_box {
    width: 10px;
    height: 30px;
    background-color: #0f940f;
    margin-right: 10px;
  }
/* 상탑 타이틀 스타일 종료 */



/* 메인 중간 공지 대관문의 시작 */
#container_main_home {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom:20px;}
#container_main_left {width: 50%;padding: 0px;}
#aside_right {width: 50%;padding: 0px;/* background-color: rgba(255, 212, 1, 0.1); */margin-left: 2%;}
@media screen and (max-width: 1024px) {
  #container_main_home {flex-direction: column;align-items: center;}
  /* #aside_right {display: none !important;} */
  #container_main_left,
  #aside_right {width: 100% !important;padding: 20px;}
}

/* 메인 중간 탭처리 시작*/
.latest_two_main {
  display: inline-block;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom:0px;
  /* border: 2px solid #ec1d3e;border-radius: 0px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; */
}
.latest_two_main .tab-titles {display: flex;justify-content: space-between; /* 각 요소가 동일한 간격을 유지하도록 설정 */
  width: 100%;margin: 0;padding: 0;list-style: none;margin-bottom:0px;}
.latest_two_main .tab-titles li {flex: 1; /* 각 탭이 동일한 비율로 넓이 */text-align: center;padding: 10px 0;
  cursor: pointer;border: 1px solid #ddd; /* 경계선 */
  list-style: none;
  background-color: rgba(255, 255, 255, 0.4);
}
.latest_two_main .tab-titles li.active {
  background: #6eaf44;color: #fff; /* 탭 글자색 */font-weight: bold;}
.latest_two_main .two_content {display: none;}
.latest_two_main .two_content.active {display: block;}
/* @media screen and (max-width: 1024px) {
  .tab-titles {display: none;}
  .two_content-s {display: none;}
  .latest_two_main {margin-bottom:0px;}
  .two_content.active {display: none;}
} */
/* 메인탭처리 끝*/



  /* 상단 사이드메뉴 햄버거 시작 */      
  #hd_wrapper .menu-list {
    position: relative; 
    display: flex;
    justify-content: flex-start; 
    align-items: center;
    padding-right: 50px !important;
}
/* 모든 Font Awesome 아이콘의 기본 크기를 조정 */
.full_1da i {font-size: 18px; }
/* 특정 메뉴의 아이콘 크기를 조정 */
.full_1dli:nth-child(7) i {font-size: 22px;}
.hbg_btn i {font-size: 22px; /* 햄버거 버튼 아이콘 크기 */}

#hd_wrapper .hbg_btn {background: none;border: none;
    font-size: 22px;cursor: pointer;display: block;position: absolute;top: 50%;right: 0px; z-index: 10; 
    color: #fff;margin: 0;width: 30px !important;height: 30px;transform: translateY(-50%);}

  /* 햄버거 우측사이드 메뉴 */
  #hbg_menu_content {position: fixed;top: 0;right: -250px;width: 250px;height: 100%;
    box-sizing: border-box;border: 1px solid #666;padding: 1;
    background-color: #fff;z-index: 99999 !important; transition: transform 0.3s ease-in-out;}
  #hbg_menu_content.open {transform: translateX(-250px);}

  .hbg_menu_wrapper { z-index: 99999 !important;
    position: relative;/* 스크롤 처리용 컨테이너 */max-height: 100vh;overflow-y: auto;
  }
  @media screen and (max-width: 768px) {
    #hbg_menu_content {left: -250px; /* 좌측으로 숨김 */right: auto; /* 우측 설정 해제 */}
    #hbg_menu_content.open {transform: translateX(250px); /* 좌측에서 나타남 */}
  }
  .hbg_header {position: sticky; /* 스크롤 시 고정 */overflow: hidden !important;top: 0; 
    display: -webkit-flex; 
    display: -ms-flexbox;
    display: flex;background: #ec1d3e;color: #fff;font-size: 16px;cursor: pointer;
    justify-content: space-between;align-items: center;text-align: center;height: 59px;padding: 0px 10px;z-index: 10; }
  
  .close_btn {position: absolute;top: 10px;right: 10px;background: #ec1d3e;color: #fff;border: none;
    font-size: 16px;cursor: pointer;padding: 5px 10px;z-index: 1001;border-radius: 3px;}
  .close_btn:hover {background: #e26471;}

  /* 메뉴 카테 리스트 */
  .hbg_menu_list {position: sticky;/* 고정 상태를 유지 */top: 0px;z-index: 10;align-items: center;
    list-style: none;padding: 0;margin: 0;height: auto;overflow-y: hidden;}
  .hbg_menu_list li {border-bottom: 0px solid #ddd;padding: 0px;color: #fff;align-items: center;}
  .hbg_menu_list li a {color: #fff;text-decoration: none;align-items: center;}

  /* 헤더 사각 메뉴 항목 */
  .hbg_menu {display: flex;flex-wrap: wrap; /* 필요 시 줄 바꿈 */padding: 0;margin: 0;gap: 0;}
  .hbg_menu_item {flex: 1;text-align: center;padding: 0;margin: 0;
      box-sizing: border-box;border: 1px solid #000;background-color: #fff; height: 50px;}
  .hbg_menu_item a {text-decoration: none;color: #333;display: block;
      height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
  .hbg_menu_item i {font-size: 24px;margin: 0;color:#000;}
  .hbg_menu_item span {font-size: 14px;margin: 0;color:#000;}

.more_menu {display: none; /* 기본적으로 숨김 */overflow: hidden;transition: all 0.3s ease;}
.more_menu .hbg_menu {display: flex;flex-wrap: wrap;gap: 0;}
.more_menu .hbg_menu_item {flex: 1;text-align: center;padding: 0;margin: 0;box-sizing: border-box;border: 1px solid #000;background-color: #fff;height: 50px;}
.more_menu .hbg_menu_item a {text-decoration: none;color: #333;display: block;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}

  /* 로그인 박스 */
  .hbg_login .hd_login {list-style: none;margin: 0;padding: 0;display: flex;gap: 0;width: 100%;height: 40px;margin-top:10px;}
  .hbg_login .hd_login li {
    flex: 1;
    background-color: #ec1d3e;
    text-align: center;
    display: flex; /* 플렉스 컨테이너로 설정 */
    justify-content: center; 
    align-items: center; 
    border-radius: 8px;
    height: 40px;
  }
  .hbg_login .hd_login li a {
    display: block;
    text-decoration: none;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    font-size: 14px; /* 원하는 폰트 크기로 설정 */
    transition: background-color 0.3s ease;
  }
  .hbg_login .hd_login li a:hover {
    color: #6eaf44;
  }
  .hbg_login .hd_login li:hover {background-color: #e75d74;}

/* 우측사이드 메뉴 */
.side_menu {list-style: none;height: auto;overflow-y: auto;}
/* 1차메뉴 항목 */
.side_menu .side_menu_item {position: relative;padding: 10px 10px;background: rgb(255, 255, 255);border-radius: 0px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);transition: background 0.3s;border-bottom: 0px solid #6eaf44; /* 밑줄 */z-index: 9999;}
.side_menu .side_menu_item:hover {
/* background: rgba(224, 224, 224, 0.1);  */background: rgba(255, 255, 255, 0.94);
}
.side_menu .side_menu_link {
display: flex;align-items: center;justify-content: space-between;text-decoration: none;font-size: 14px;
color: #000000;font-weight: bold;background-color:rgb(255, 255, 255);padding: 5px 6px;margin-bottom:5px;}
.side_menu .side_menu_link i {margin-right: 10px;font-size: 14px;}
.side_menu .side_submenu {display: flex;padding: 0;margin: 0px 0 0 0;gap: 5px;}
.side_menu .submenu_column {display: grid;grid-template-columns: repeat(1, 1fr);gap: 5px;max-width: 100%;width: 100%;}
.side_menu .submenu_column a {
text-decoration: none;font-size: 14px;background-color:#ec1d3e;color: #ffffff;
font-weight: normal;padding: 10px;border-radius: 5px;text-align: center;transition: background 0.2s;}
.side_menu .submenu_column a:hover {color: #000;background: #f0f0f0;}

/* 상단햄버거 및 우측 종료 */