@charset "utf-8";

/* 상단 메뉴 시작 */
        #full-menu-list {background-color: transparent;width: 100%;z-index: 10;}
        #full_1dul {list-style: none;padding: 0;margin: 0;display: flex;justify-content: space-between;width: 100%;z-index: 10;}
        /* 1차 메뉴 항목 */
        #full_1dul li {position: relative;z-index: 10;}
        /* 1차 메뉴 링크*/
        #full_1dul li a {
          text-decoration: none;color: #000;padding: 10px 5px;display: block;
          font-family: 'S-CoreDream-7ExtraBold', sans-serif;font-size: 1.3em;width: 100%;text-align: center;}

        #full_1dul li.active a {color: #ff0096;font-family: 'S-CoreDream-7ExtraBold', sans-serif; 
        /* background-color: rgba(68, 255, 68, 0.1); 배경색 유지 */}
        /* 1차 메뉴 호버 */
        #full_1dul li a:hover {background-color: none;color: #ff0096;}
        /* 2차 서브메뉴 */
        .full_2dli {display: none;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);
            background-color: #e3e3e1;
            z-index: 1000;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: #000 !important;display: block; /* 전체 링크 영역 클릭 가능하도록 */
          font-family: 'S-CoreDream-5Medium', sans-serif !important;font-size: 1.2em !important;
        }
        /* 2차 메뉴 호버 */
        .full_2dli li a:hover {background-color: rgba(184, 24, 26, 0.2);color: #ff0096 !important;}
        .full_2dli li.active a {
            background-color: rgba(184, 24, 26, 0.2);
            color: #ff0096 !important;
        }
        /* 19금 */
        .custom-19-icon {display: inline-block;background-color: #ff0096;color: white;border-radius: 48%;
          width: 17px !important;
          height: 17px !important;
          line-height: 17px !important;
          font-size: 12px;text-align: center;position: relative;margin: 0;}
        .custom-19-icon::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;
            background: linear-gradient(45deg, transparent 49%, white 49%, white 50%, transparent 50%);
            border-radius: 50%;z-index: 1;pointer-events: none;}
        .custom-19-icon span {position: relative;z-index: 2;}
/* 상단 메뉴 종료 */

#logo2 {flex: 0 0 auto;text-align: left;margin: 0px 50px 0px 0px; /* 상 10px, 우 0px, 하 10px, 좌 20px */
    background-color: none;height: auto;align-items: center !important}
    
.sns-logo-top {display: flex;align-items: center;gap: 10px;}
/* 링크 */
.sns-link {display: flex;align-items: center;text-decoration: none;color: inherit;}
/* 로고 컨테이너 */
.sns-logo {width: 50px;height: 50px;}
/* 로고 이미지 */
.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: 26px;
  font-weight: 900;
  line-height: 1.2;
  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: blue; }
  66% { color: green; }
  100% { color: red; }
}
/* 로고하단 타이틀 */
.sns-title-log {width: 100%;display: flex;justify-content: space-between;margin-top: 0px;}
.title-char {flex: 1;text-align: center;font-size: 12px;font-family: 'S-CoreDream-4Regular', sans-serif !important;
    font-weight: 900;
    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); }
}
#logo2 {display: flex;justify-content: center;align-items: center;text-align: center;margin: 0 auto;}
#logo2 img {max-width: 180px !important }
}
      
  /* 상단 사이드메뉴 햄버거 시작 */      
      #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: #ff0096;
          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: -300px;width: 300px;height: 100%;
          box-sizing: border-box;border: 1px solid #000;padding: 1;
            background-color: #fff;z-index: 99999 !important; transition: transform 0.3s ease-in-out;}
        #hbg_menu_content.open {transform: translateX(-300px);}

        .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: -300px; /* 좌측으로 숨김 */
              right: auto; /* 우측 설정 해제 */
          }
      
          #hbg_menu_content.open {
              transform: translateX(300px); /* 좌측에서 나타남 */
          }
      }
        .hbg_header {
          position: sticky; /* 스크롤 시 고정 */
          overflow: hidden !important;
          top: 0; /* 상단에서 고정될 위치 */
          display: -webkit-flex; /* Safari, old Chrome */
          display: -ms-flexbox; /* Internet Explorer */
          display: flex;
          background: #ff0096;
          color: #fff;
          font-size: 16px;
          cursor: pointer;
          justify-content: space-between;
          align-items: center;
          text-align: center;
          height: 45px;
          padding: 0px 10px;
          z-index: 10; 
        }
        .close_btn {position: absolute;top: 10px;right: 10px;background: #ff0096;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;}
        .hbg_login .hd_login li {
          flex: 1;
          background-color: #ff0096;
          text-align: center;
          display: flex; /* 플렉스 컨테이너로 설정 */
          justify-content: center; 
          align-items: center; 
          border-radius: 0;
          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:hover {background-color: #f53f51;}

            /* 우측사이드 메뉴 */
.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: 1px solid #ff0096; /* 밑줄 */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:#ff0096;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;}

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

.sns_main {background-color: #fff;display: flex; /* Flexbox 사용 */padding: 0px;}
.sns-list {
  display: flex;
  /* justify-content: flex-end; */
  justify-content: center;
  flex-wrap: wrap; /* 여러 줄로 감싸기 */
  width: 100%;
}
.sns-item {
  margin: 3px;
  display: flex;
  align-items: center; /* 수직 중앙 정렬 */
  transition: transform 0.3s ease, color 0.3s ease; /* 부드러운 애니메이션 효과 */

}

.sns-item img {
  margin-right: 3px;
  width: 16px;
  transition: transform 0.3s ease, filter 0.3s ease; /* 이미지 확대 및 필터 효과 */

}

/* 마우스 오버 효과 */
.sns-item:hover {
  transform: scale(1.1); /* 전체 아이템 확대 */
}

.sns-item:hover img {
  transform: scale(1.2); /* 이미지 확대 */
  filter: brightness(1.2); /* 밝기 조절 */
}

.sns-item:hover .sns-title {
  color: #007BFF; /* 텍스트 색상 변경 */
  font-weight: 600; /* 텍스트 강조 */
}
.sns-title {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 768px) {
  .sns-title {
      display: none; /* 모바일에서는 제목을 숨김 */
  }

  .sns-item {
      justify-content: center;
  }

  .sns-item img {
      width: 30px; /* 모바일에서 아이콘 크기 조절 */
      height: 30px; /* 아이콘 높이 */
      justify-content: center;
  }
  .sns_main {
      justify-content: flex-start;
      flex-direction: column;
  }
  .sns-list {
      justify-content: center;
      width: 100%;
  }
}

/* 탑메뉴고정 시작 */
.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;
  gap: 10px; /* 간격을 gap으로 설정 */
  margin-top:20px;
  margin-bottom:20px;
}
.latest_top_notice > div {
  width: calc(50% - 5px); /* 요소 너비를 조정 */
  box-sizing: border-box; /* 패딩과 보더 포함 */
}
@media (max-width: 768px) {
/* @media only screen and (max-width: 768px) { */
  .latest_top_notice {
      flex-direction: column;
  }

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

  .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: 768px) {.latest_item {flex: 1 1 100%;}}

.box {
    width: 100%;
    height: auto;
    padding: 0px;
    background-color: transparent;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    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: #ff0096;
    margin-right: 10px;
  }
/* 탑 타이틀 박스 */
.vertical_box {
    width: 10px;
    height: 30px;
    background-color: #0f940f;
    margin-right: 10px;
  }
/* 상탑 타이틀 스타일 종료 */

/* 기본테이블 */
.tbl_wrap tbody tr:nth-child(odd) {
    background-color: none;
  }
  .tbl_wrap tbody tr:nth-child(even) {
    background-color: none;
  }
  .tbl_wrap table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    /* overflow: hidden; */
    margin: 0;
    padding: 0;
    background-color: none;
    border: 0px solid none;
  }
  /* 캡션 스타일 */
  .tbl_wrap caption {
    padding: 10px 0;
    font-weight: bold;
    text-align: left;
  }
  /* 테이블 항목 타이틀 */
  .tbl_wrap thead th {
    padding: 10px 0;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid #dddddd;
    height: 30px;
  }
  /* 테이블 바디 셀 좋아요 */
  .tbl_wrap tbody td {
    padding: 10px;
    color: none; /* 게시판 전체 폰트 기본색 */
    /* border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3; 목록 리스트 구분선 */
    line-height: 1.4em;
    height: auto;
    word-break: break-all;
    border-left:#ff0096;
    border-right:#ff0096;
    height:1px;
  }
  /* 텍스트와 웹진형 및 버튼 */
  #bo_cate_ul {
    display: flex;
    justify-content: flex-start; /* 왼쪽 정렬 */
    align-items: left;
    padding: 0px;
    border: 1px solid #dddddd;
    border-radius: 5px;
  }
  /* 텍스트 웹진형 버튼 */
  .view_buttons {
    margin-left: auto;
  }
  .active_webzin {
    background-color: #ff0096;
    border-radius: 5px;
  }
  .list_view_button,
  .magazine_view_button {
    padding: 5px 5px;
    margin-right: 0px;
    cursor: pointer;
    border: 1px solid #dddddd;
    border-radius: 5px; /* 모서리 둥글게 조절 */
  }
  .list_view_button.active_webzin,
  .magazine_view_button.active_webzin {
    background-color: #8d41ff;
    border: 1px solid #a164fc;
  }
  /* 홈 인기 핫갤 버튼 */
  .menu_button {
    display: flex;
    /* background-color: #451094;
    border: 1px solid rgb(111, 33, 228); */
    /* transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    border-radius: 5px;
    margin-right: 10px;
    font-weight: bold; */
    width: auto;
    height: 30px;
  z-index: 2;
  }
  /* .menu_button > a:hover {
    background-color: #555 !important
  } */
  .menu_button > a:last-child:hover {
    /* border-bottom: 3px solid #8d41ff; 밑줄 스타일 적용 */
      color:#ff0096;
      font-weight: bold;
      width: auto;
      height: 30px;
      font-size: 14px; /* 폰트 크기 고정 */
      text-decoration: underline solid;
      text-decoration-thickness: 3px;
      letter-spacing: 0.1em;
      text-decoration-color: #8d41ff; /* 밑줄 색상 설정 */
      text-underline-offset: 3px; /* 밑줄과 텍스트 간의 간격 설정 */
  }
  #bo_cate {
    text-align: left; /* 왼쪽 정렬 */
  }
  #bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
  #bo_cate ul {zoom:1;text-align: left;}
  #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
  #bo_cate li {display:inline-block;padding:0px;text-align: left; }
  #bo_cate a {display:block;line-height:30px;padding:0px 10px;border-radius:0px;border:0px solid none;color:none}
  #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {
    /* background:#ff3300; */
    color:#292929;
    font-weight: bold;
    font-size: 14px; /* 폰트 크기 고정 */
    text-decoration: underline solid;
    text-decoration-thickness: 3px;
    letter-spacing: 0.1em;
    text-decoration-color: #ff0096; /* 밑줄 색상 설정 */
    /* text-shadow: 0 -4px #ff0096; */
    text-underline-offset: 3px; /* 밑줄과 텍스트 간의 간격 설정 */
    text-align: left;
  }

  #bo_cate #bo_cate_on {
    z-index: 2;
    background: none;
    color: none; /* 폰트 색상 */
    font-weight: bold;
    width: auto;
    height: 30px;
    text-decoration: underline solid;
    text-decoration-thickness: 3px;
    letter-spacing: 0.1em;
    text-decoration-color: #ff0096;
    /* text-shadow: 0 -4px #ff0096; */
    text-underline-offset: 5px;
    text-align: left;
  }

  /* bbs/list.php파일에서 카테고리 직접적용시만해당 인기/핫갤/히트 */
  .category-option-item {
    display: inline-block;
    margin-right: 10px;
    text-align: left;
  }

  .category-option-item a {
    text-decoration: none;
    color: #ff0000;
    padding: 5px 10px;
    border: 1px solid #ff0000;
    border-radius: 5px;
    text-align: left;
  }

  .category-option-item a:hover {
    background-color: #e0e0e0; /* 호버 효과 */
  }



  #banner_top {width: 100%;margin-bottom:10px ;display: flex;justify-content: flex-start;align-items:center;}
  .banner_topmain {margin: 0 auto;width: 100%;display: flex;justify-content: flex-start;border-radius: 35px;}
  @media screen and (max-width: 1024px) {.banner_topmain {margin-top: 0px !important;}}
  
/* 상단배너 */
/* .mainbanner_top {display: flex;flex-wrap: wrap;gap: 5px;justify-content: center;margin-bottom:20px;}
.banner-item {flex: 1 1 calc(23% - 10px);box-sizing: border-box;}
.banner-item img {width: 295px;height: 80px;display: block;} */
.mainbanner_top {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 10px;}
.banner-item {flex: 1 1 calc(48% - 10px);list-style: none;margin: 0;padding: 0;}
.banner-item img {width: 100%;height: 120px;}

/* 홀수가 남을 경우에도 좌측 정렬을 유지*/
.banner-item ul:last-child {margin-right: 0;}

@media (max-width: 768px) {
  .banner-item {
    flex: 1 1 100%; /* 100% 너비로 한 줄에 하나씩 */
  }
  .banner-item img {
    width: 100%;
    height: 120px;
  }
}
/* 하단배너 */
/* .mainbanner_bottom {display: flex;flex-wrap: wrap;gap: 5px;justify-content: center;margin-bottom:20px;}
.mainbanner_bottom ul {flex: 1 1 calc(50% - 10px);box-sizing: border-box;list-style: none;margin: 0;padding: 0;}
.mainbanner_bottom img {width: 100%;height: auto;display: block;} */

.mainbanner_bottom {display: flex;flex-wrap: wrap;gap: 5px;justify-content: center;gap: 10px;}
.mainbanner_bottom ul {flex: 1 1 calc(48% - 10px);list-style: none;margin: 0;padding: 0;}
.mainbanner_bottom img {width: 100%;height: 120px;}
.mainbanner_bottom ul:last-child {margin-right: 0;}
@media (max-width: 768px) {
  .mainbanner_bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
}
.mainbanner_bottom ul {
    flex: 1 1 calc(50% - 6px); /* 두 개씩 나올 수 있도록 설정 */
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.mainbanner_bottom img {
    width: 100%; /* 부모 컨테이너에 맞게 이미지 크기 조정 */
    height: auto; /* 이미지 비율 유지 */
}
.mainbanner_bottom ul:last-child {
    margin-right: 0;
}


  /* .mainbanner_bottom {flex-direction: column;align-items: center; }
.mainbanner_bottom ul {flex: 1 1 100%;margin-bottom: 5px;}
.mainbanner_bottom ul:last-child {margin-bottom: 0;} */
}


/* 메인 중간 시작 */
#container_main_home {
  display: flex;
  justify-content: space-between; /* 좌우 여백을 동일하게 배치 */
  align-items: flex-start; /* 상단 정렬 */
}

#container_main_left {
  width: 70%;
  padding: 0px;
}

#aside_right {
  width: 30%;
  padding: 0px;
  /* background-color: rgba(255, 212, 1, 0.1); */

  margin-left: 2%; /* 좌측 영역과의 여백 설정 */
}
@media (max-width: 768px) {
  #aside_right {
      display: none !important;
  }

  #container_main_left {
      width: 100% !important;
      padding: 20px;
  }  
}

/* 메인 중간 탭처리 시작*/
.latest_two_main {
  display: inline-block;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom:0px;
  /* border: 2px solid #ff0096;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; /* 경계선 */background: #f9f9f9;}
.latest_two_main .tab-titles li.active {
  background: #ff0096;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: 768px) {
  .tab-titles {display: none;}
  .two_content-s {display: none;}
  .latest_two_main {margin-bottom:0px;}
  .two_content.active {display: none;}
} */
/* 메인탭처리 끝*/