/* ------------------------------------------------- */
/* 공통 */
/* ------------------------------------------------- */
.text-navy {
  color: #033074 !important;
}

.bg-navy {
  background: #033074 !important;
}

.bg-orange {
  background: #fe5500 !important;
}

.btn-orange {
  background: #fe5500 !important;
  color: white !important;
}

.border-orange {
  border: 1px solid #fe5500 !important;
}

.text-orange {
  color: #fe5500 !important;
}

.badge-center {
  position: relative;
  top: -3px;
}

.fs-7 {
  font-size: 0.55rem !important;
}


/* -------------------------------------------------------- */
/* main */
/* -------------------------------------------------------- */
/* lg 이전(<=991.98px)과 이후(>=992px) 미디어 쿼리 */

/* 화면이 lg 미만인 경우 (모바일, 태블릿 세로 등) */
@media (max-width: 991.98px) {

  /* 검색버튼 오른쪽만 라운드  */
  #btn_main_search {
    border-radius: 8px;
  }

  /* 컨테이너는 좌우 패딩 유지 */
  .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }

  /* 왼쪽 메뉴 항목 크기 축소 */
  #my_main_left_menu li {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  /* 카테고리 전체는 풀스크린 모달 형태 */
  #category_all {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    overflow: auto;
  }
}

/* 화면이 lg 이상인 경우 (데스크탑) */
@media (min-width: 992px) {

  /* 검색버튼 오른쪽만 라운드  */
  #sch_submit {
    border-radius: 0 8px 8px 0;
  }

  /* 고정 너비 컨테이너 (기존 의도 반영) */
  .container {
    width: 1100px;
    margin: 0 auto;
    max-width: none !important;
  }

  /* 왼쪽 메뉴 항목 여백 확대 */
  #my_main_left_menu li {
    padding-top: 21.9px !important;
    padding-bottom: 21.9px !important;
  }

  /* 메인 검색 버튼 데스크탑 전용 스타일 플레이스홀더 */
  #sch_submit {
    display: inline-block;
  }
}


#hd_top_menu_left li:not(:last-child) {
  padding-left: 15px;
  padding-right: 15px;
  border-right: 1px solid lightgray;
}

#my_main_left_menu .depth1 li:not(:last-child) {
  border-bottom: 1px solid rgb(214, 213, 213);
}

#my_main_left_menu li {
  padding-top: 21.9px !important;
  padding-bottom: 21.9px !important;
  background: white !important;
}

#my_main_left_menu.depth1 li:hover {
  background: #033074 !important;
}

#my_main_left_menu.depth1 li:hover>a {
  color: white !important;
}


#my_main_left_menu .depth2 li:hover {
  background: #bcd7ff !important;
}

#my_main_left_menu .depth2 li:hover>a {
  color: black !important;
}

#my_main_left_menu li a {
  color: rgb(8, 8, 8);
  padding-left: 2%;
  padding-right: 2%;
}

a {
  text-decoration: none;
  color: black;
}

body {
  font-family: "Pretendard Variable", sans-serif;
}

.container {
  /* width: 1100px; */
  /* margin: 0 auto; */
  /* max-width: none !important; */
}

#category_all {
  display: none;
  position: absolute;
  border: 1px solid #c5d6da;
  width: 100%;
  background: #fff;
  z-index: 1000;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

#category_all .cate {
  list-style: none;
}

#category_all .sub_cate {
  list-style: none;
  padding-left: 5px;
}

#category_all h2 {
  font-size: 1.1em;
  padding: 15px 20px;
  border-bottom: 1px solid #e7eeef;
}

#category_all ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}

#category_all ul li:nth-child(5n + 1) {
  border-left: 0;
}

#category_all .cate_li_1 {
  float: left;
  min-height: 150px;
  padding: 20px;
  border-left: 1px solid #e7eeef;
}

/* width:5%; */
#category_all .cate_li_1_a {
  font-size: 1rem;
  display: block;
  position: relative;
  margin-bottom: 10px;
  font-weight: bold;
  color: #000000;
}

#category_all .cate_li_2 {
  line-height: 1.5rem;
}

#category_all .cate_li_2 a {
  font-size: 1rem;
  color: #555;
}

#category_all .close_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: #fff;
  color: #b6b9bb;
  border: 0;
  vertical-align: top;
  font-size: 18px;
}

#category_all_bg {
  display: none;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}

#category_all .no-cate {
  text-align: center;
  padding: 15px;
}