@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_logo{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;}
.fixed {position: fixed !important;top: 50px;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: #f78b0b;
    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) {
  .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_wr_01 {display: flex;}
.latest_wr_01 > div:nth-child(1) {width: 50%;}
.latest_wr_01 > div:nth-child(2) {width: 50%;}

/* 최신글 스킨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 {
    width: 100%;
    height: auto;
    padding: 10px;
    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_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: #f78b0b;
    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 #b8181a;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: #b8181a;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;}
} */
/* 메인탭처리 끝*/

/* 상단주메뉴 시작 */
    /* 전체 서브 메뉴 컨테이너 */
    #full-menu-container {width: 100%;
        /* background-color: rgba(0, 21, 54, 0.5); */
        /* border-bottom: 2px solid #f78b0b !important; */
        /* transition: height 0.4s ease; */
        height: 70px;position: relative;z-index: 1;margin: 0px 0;}
    /* 메뉴바 전체영역 */
    .inner {width: 100%;margin: 0px 0;background-color: rgba(0, 21, 54, 0.3);color:#fff;
        /* border-bottom: 2px solid rgba(0, 21, 54, 0.3) */
    }
    #full-menu {width: 100%;margin: 0px 0;background-color: rgba(0, 21, 54, 0.5);color:#fff;
        border-bottom: 2px solid rgba(0, 21, 54, 0.3)
    }
    #full-1200 {width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;padding: 0px;}
    @media (max-width: 1024px) {#full-1200 {width: auto !important;}}
    /* 전체 감싸는 영역 */
    .top_menu_wrap{display:flex;align-items:center;justify-content:center;position:relative;width:100%;}
    /* 탑메뉴 */
    .top_menu{display:flex;justify-content:center;align-items:center;}
    /* 햄버거 버튼 */
    .hbg_but_pc{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:flex;align-items:center;}
    /* 버튼 높이 맞춤 */
    .hbg_but_pc,
    .hbg_btn_pc{font-size: 22px;display:flex;align-items:center;justify-content:center;}
    .hbg_but_pc i{display: flex;justify-content: flex-end;align-items: center;padding: 3px;color: #ffffff;background: #f78b0b;}

    #logo3 {flex: 0 0 auto;text-align: center;margin: 0px 0px 0px 0px !important; /* 상 10px, 우 0px, 하 10px, 좌 20px */
        background-color: none;height: auto;align-items: center !important}
        
    .sns-logo-top {display: flex;align-items: center;justify-content: center;text-align:center;gap: 0px;}
    /* 링크 */
    .sns-link {display: flex;align-items: center;text-decoration: none;color: inherit;}
    /* 로고 컨테이너 */
    .sns-logo {width: 40px;height: 40px; margin-right: 5px;}
    /* 로고 이미지 */
    .sns-logo-image {width: 100%;height: 100%;object-fit: cover; /* 이미지 왜곡 방지 */}
    /* 텍스트 영역 */
    .sns_title-right {display: flex;flex-direction: column;justify-content: center;}
    /* 로로상단 타이틀  */
    .title-logo {
      font-size: 22px;
      line-height: 1.1;
      font-family: 'Noto Sans KR', sans-serif;
      font-weight: 900;
      color:#fff;
      /* font-family: 'S-CoreDream-9Black', sans-serif !important; */
      margin-bottom: 0px;
      white-space: nowrap;
      overflow: hidden;       /* 넘치는 텍스트 숨김 */
      display: inline-block;  /* inline 요소 */
      animation: typing 4s steps(20, end);}
    
    /* @keyframes typing {
      from { width: 0; } 
      to { width: 100%; } 
    }
    
    @keyframes blink {
      from, to { border-color: transparent; }
      50% { border-color: black; } 
    }
    @keyframes colorChange {
      0% { color: red; }
      33% { color: rgb(238, 255, 0); }
      66% { color: green; }
      100% { color: rgb(255, 0, 200); }
    } */
    /* 로고하단 타이틀 */
    .sns-title-log {width: 100%;display: flex;justify-content: space-between;margin-top: 0px;}
    .title-char {flex: 1;text-align: left;font-size: 12px !important;
        font-family: 'Noto Sans KR', sans-serif;
        font-weight: 500;
        animation: colorChange 3s infinite; /* 색상 변화 애니메이션 */
      }
        
    @media only screen and (max-width: 1024px) {
    .title-logo {color:#fff;}
    /* .title-char {color:#f0f0f0 !important;} */
    /* @keyframes colorChange {
      0% { color: rgb(255, 220, 220); }
      33% { color: rgb(224, 224, 255); }
      66% { color: rgb(212, 255, 212); }
      100% { color: rgb(214, 254, 255); }
    } */
    }    
    /* 배너 */
    .advertisement{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;}
    .advertisement img{height:32px;width:auto;display:block;}

    #full-menu-container:hover .advertisement {display: block; /* 메뉴에 마우스 오버 시 광고 이미지 표시 */}
    
    /* 탑 메뉴 틀 */
    #full-menu-list{
        flex-grow:1;
        transition:all 0.3s ease;
        display:flex;
        justify-content:center;
        align-items:center;  
        background-color:transparent;
        width:auto;
    }
    /* 1차 메뉴 */
    #full_1dul {list-style: none;padding: 0;margin: 0;display: flex;justify-content: flex-end;width: auto;
            position: relative;margin-top: 12px;
        /* border-bottom: 2px solid #d13737 !important; */
        padding-bottom: 21px;  
        z-index: 1  !important;

    }
    /* 1차 메뉴 항목 */
    #full_1dul li {position: relative;}
    /* 1차 메뉴 링크*/
    #full_1dul li a {text-decoration: none;color: #fff;padding: 10px 0px;display: block;
         font-weight: 600;font-size: 1.3em;width: 150px;text-align: center;}
    #full_1dul li.active a {color: #f78b0b;background-color: rgba(68, 255, 68, 0.1); /* 배경색 유지 */}
    /* 1차 메뉴 호버 */
    #full_1dul li a:hover { /* background-color: rgba(218, 149, 149, 0.1); */ color: #f78b0b;}
    
    /* 서브메뉴 */
    .full_2dli {display: none;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);
        background-color: none; padding-top: 20px;
        z-index: 1;width: auto; /* 자동으로 1차 메뉴에 맞춤 */
        /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
    }
    /* 1차 메뉴에서 서브메뉴 표시 */
    #full_1dul li:hover .full_2dli {display: block; /* 부모 메뉴 호버 시 서브메뉴 표시 */}
    .full_2dli li {margin: 0;white-space: nowrap; /* 줄바꿈을 방지*/}
    .full_2dli li a {padding: 5px 15px !important;color: #fff !important;display: block; font-size: 1.2em !important; }
    /* 2차 메뉴 호버 */
    .full_2dli li a:hover {background-color: rgba(218, 149, 149, 0.1);color: #f78b0b !important;}
    .full_2dli li.active a {
        background-color: rgba(255, 255, 255, 0.1);
        color: #f78b0b !important;
    }

    @media (max-width: 768px) {#full-menu-container {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{display:flex;align-items:center;height:40px;}
.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 {display: none; /* 피시에서 햄버거숨김 */background: none;border: none;font-size: 22px;cursor: pointer;position: absolute;top: 50%;right: 0px; z-index: 10;color: #fff;margin: 0;width: 30px !important;height: 30px;transform: translateY(-50%);}

  /* 햄버거 우측사이드 메뉴 */
  #hbg_menu_content_pc {position: fixed;top: 0;right: -290px;width: 290px;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_pc.open {transform: translateX(-290px);}
  .hbg_menu_wrapper_pc { z-index: 99999 !important;position: relative;/* 스크롤 처리용 컨테이너 */max-height: 100vh;overflow-y: auto;}
  
  @media screen and (max-width: 768px) {
    #hbg_menu_content_pc, .hbg_menu_wrapper_pc {display:none;}

    #hbg_menu_content {position: fixed;top: 0;right: -290px;width: 290px;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(-290px);}
    .hbg_menu_wrapper {z-index: 99999 !important;position: relative;/* 스크롤 처리용 컨테이너 */max-height: 100vh;overflow-y: auto;}

    #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 {left: -290px; /* 좌측으로 숨김 */right: auto; /* 우측 설정 해제 */}
    #hbg_menu_content.open {transform: translateX(290px); /* 좌측에서 나타남 */}
  }
  .hbg_header {position: sticky; /* 스크롤 시 고정 */overflow: hidden !important;top: 0; 
    display: -webkit-flex; 
    display: -ms-flexbox;
    display: flex;background: #001536;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: #001536;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: #001536;
    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: #f78b0b;
  }
  .hbg_login .hd_login li:hover {background-color: #3349ff;}

/* 우측사이드 메뉴 */
.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 #f78b0b; /* 밑줄 */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: 3px 3px;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:#001536;color: #ffffff;
font-weight: normal;padding: 3px;border-radius: 5px;text-align: center;transition: background 0.2s;}
.side_menu .submenu_column a:hover {color: #000;background: #f0f0f0;}

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

/* 메인 중간 시작 */
#main_h_l_r {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;}
  #container_main_left,#aside_right {width: 100% !important;padding: 20px;}
}