a {
    color: #000;
    text-decoration: none;
  }
  a:hover {
    color: #4e5aff;
  }
  ul, li, dl, dt, dd {
    padding: 0;
    margin: 0;
  }
  ul {
    list-style: none;
  }
  #header { position:fixed; z-index:9999999; width:100%; background-color:#fff; box-shadow: 0px 1px 25px 0px rgba(0,0,0,0.3); }

  /* 추가 */
  #hd_wr {margin:0 auto;max-width:1240px;padding:30px 0 30px 60px;position:relative;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;}
  #hd_wr:after {display:block;visibility:hidden;clear:both;content:""}
  #logo{float:left;margin-top:-10px;margin-right:65px}
  #logo img{vertical-align:middle;}
  
  /* 추가 끝 */
  /* 햄버거 버튼 */
  .btn_left {
    position: absolute;
    top: 30px;
    left: 0;
  }
  .btn_right{
    position: absolute;
    float:right;
    top:30px;right:5px
  }
  #btn_cate {
    background-color: #fff;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
  }
  #btn_cate i {
    font-size: 20px;
    color: #333;
  }
  .btn_ol {
    background-color: #fff;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
  }
  .btn_ol i {
    font-size: 22px;
    color: #333;
  }

  /* 사이드 메뉴 */
  .menu {
    display: none;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 300px;
    background: #2d2f3c;
    z-index: 99999;
    text-align: left;
  }
  .menu h2 {
    font-size: 1.077em;
    color: #fff;
	margin-top:15px;
    line-height: 25px;
    padding: 0 20px;
  }
  .menu .menu_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    background: none;
    color: #858285;
    font-size: 16px;
    border: 0;
    z-index: 199999;
	cursor: pointer;
  }
  .menu_wr {
    border-top: 1px solid #3e4150;
    background: #353745;
  }

  /* 카테고리 */
  .cate li {
    position: relative;
    z-index: 99999;
    line-height: 45px;
  }
  .cate a {
    display: block;
    color: #b0b3c6;
    padding: 0 20px;
  }
  .cate li:hover {
    background: #2d2f3c;
  }
  .cate li:hover:before {
    content: '';
    width: 2px;
    height: 100%;
    background: #008fea;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 199999;
  }
  .cate li:hover a {
    color: #fff;
  }
  .cate li button {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    border: none;
    background: none;
    text-indent: 0;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  /* 서브카테고리 */
  .sub_cate {
    display: none;
    font-size: 0.923em;
  }
  .sub_cate a {
    padding-left: 30px;
  }
  .sub_cate1 {
    background: #2d2f3c;
  }
  .sub_cate li:hover {
    background: #20222f;
    position: relative;
  }
  .sub_cate2 a {
    padding-left: 40px;
    background-position: 31px 17px;
  }
  .sub_cate3 a {
    padding-left: 50px;
    background-position: 41px 17px;
  }
  .sub_cate4 a {
    padding-left: 60px;
    background-position: 51px 17px;
  }

  /* 서브카테고리 토글 아이콘 */
  .sub_ct_toggle i {
    transition: transform 0.3s ease;
    color: #b0b3c6;
  }
  .sub_ct_toggle.ct_cl i {
    transform: rotate(180deg);
  }
  /*---- 탑메뉴 -----*/
  #top_gnb {
    border-bottom: 1px solid #ccc; /* 얇은 하단 선 */
    background: #fff;
  }

  #top_gnb > div {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 8px 20px;
    font-size: 14px;
  }

  /* ul 공통 스타일 */
  #top_gnb ul {
    list-style: none;
    display: flex;
    gap: 15px; /* li 사이 간격 */
  }

  #top_gnb ul li a {
    text-decoration: none;
    color: #333;
    white-space: nowrap; /* 텍스트 줄바꿈 방지 */
  }

  /* 반응형 - 모바일에서는 중앙 정렬하고 간격 줄임 */
  @media (max-width: 600px) {
    #top_gnb > div {
       flex-direction: column;
       align-items: center;
       gap: 6px;
       padding: 10px 15px;
    }
    #top_gnb ul {
       gap: 10px;
       justify-content: center;
    }
  }
  /*---- 탑메뉴 끝 -----*/
   /* 공통 검색창 스타일 */
  .search-box {
    position: absolute;
    top: 65px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    padding: 6px 10px;
    border-radius: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 999;
    align-items: center;
    gap: 6px;
  }

  .search-box input {
    border: none;
    outline: none;
    font-size: 16px;
    padding: 6px;
    width: 300px;
  }

  .search-box button {
    background: none;
    border: none;
    font-size: 18px;
    color: #555;
    cursor: pointer;
    padding: 0 6px;
  }

  .search-box button.close-btn {
    display: none; /* 기본은 숨김 */
    font-size: 20px;
    color: #888;
  }

  .search_btn{
    float:right;
    color: #777;
    font-size: 20px;
    cursor: pointer;
	margin-top:5px;
	padding-right:60px;
  }

  

  /* 모바일에서만 닫기 버튼 보이도록 */
  @media screen and (max-width: 768px) {
    .search-box {
      top: 98px;
      left: auto;
      right: 15px;
      transform: none;
    }
    .search-box input {
      width: 140px;
      font-size: 14px;
    }
    .search-box button.close-btn {
      display: inline-block;
    }
  }

  /* ---- search box end ----*/
  /* 입점관 소개 */
ul.entry_wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 20px;
  list-style: none;
  justify-content: flex-start;
}

li.entry_li {
  width: calc(25% - 15px);
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  display: block; /* column 정렬 제거 */
}

.entry_img {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}

.entry_img img {
  width: 100%;
  height: 100%;
  border: 1px solid #ccc; /* 얇은 테두리 추가 */
  object-fit: cover;
  transition: transform 0.4s ease;
}

li.entry_li:hover .entry_img img {
  transform: scale(1.05);
}

.entry_icon_wrap {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap; /* 줄바꿈 허용 */
  max-width: calc(100% - 24px); /* 좌우 12px씩 패딩 고려 */
  z-index: 10;
}

.entry_icon_new {
  color: #fff;
  background-color: #e91e63; /* 핑크 */
  font-size: 12px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  letter-spacing: 0.5px;
  user-select: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  white-space: nowrap;
}



.entry_txt {
  padding: 6px 6px; /* 위아래 여유 줄임 */
  font-size: 16px;
  border-top: none; /* 기존 테두리 없애기 */
  background-color: #7b97b3;
  
  color: #fff;
  text-align: center;
  line-height: 1.4; /* 글자 높이 맞춤 */
}

.entry_txt a {
  display: block;
  margin-top:8px;
  color: #fff; /* 흰색 폰트 */
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
  margin-bottom: 8px;
  word-break: break-word;
  letter-spacing: -0.02em;
}

.entry_txt a:hover {
  color: #ffb6c1; /* 연한 핑크색으로 호버 효과 */
}

.entry_cost {
  display: none;
}

/* 반응형 */
@media (max-width: 1024px) {
  li.entry_li {
    width: calc(33.333% - 13.333px);
  }
}

@media (max-width: 768px) {
  li.entry_li {
    width: calc(50% - 10px);
  }
}

@media (max-width: 480px) {
  li.entry_li {
    width: calc(50% - 10px); /* 2개씩 보여주기 */
  }

  .entry_icon_new {
    padding: 3px 6px;
    font-size: 10px;
  }

  .entry_txt a {
    font-size: 14px; /* 기본 16px에서 작게 조정 */
  }
}
/* 입점관 소개 끝 */
 /*---- footer 시작 ------*/
  .footer-main {
    background-color: #232323;
    color: white;
    
  }

  .footer-main-container {
    display: flex;
    justify-content: space-between;
    align-items: top;
    flex-wrap: wrap;
    padding:50px 0 50px 10px;
    max-width: 1280px;
    margin: auto;
  }

  .footer-main-section {
    flex: 1;
    min-width: 250px;
    padding: 10px;
  }

  .company-main-info p {
    line-height:30px;
    font-size:15px;
  }

 .company-main-info > .company-name {
    color:#fff;
 }

 .footer-main-section h3 {
    margin-bottom: 10px;
 }

 .footer-main-section a {
    color: white;
    text-decoration: none;
    display: block;
    margin: 5px 0;
 }

 .footer-main-section a:hover {
    text-decoration: underline;
 }

 .footer-main-top {
  background-color: #000;
  width: 100%;
}

.footer-top-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 10px 0 10px 10px;
  font-size: 14px;
  text-align: left;
  color: white;
}

.footer-main-link {
  display: inline-block;
  margin-right: 12px;
  color: #ccc; /* 흐릿한 흰색 */
  text-decoration: none;
  background-color: #2e2e2e; /* 짙은 회색 */
  padding: 6px 12px;
  border: 1px solid #444;
  border-radius: 4px;
  font-size: 14px;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.footer-main-link:hover {
  background-color: #444;
  color: #fff;
  border-color: #666;
}



 /* 하단 카피라이트 */
 .footer-main-bottom {
    background-color: #000;
    text-align: center;
    padding: 10px;
    font-size: 14px;
 }

 /* 반응형 스타일 */
 @media (max-width: 768px) {
    .footer-main-container {
        flex-direction: column;
        text-align: center;
    }
	.company-info p {
        font-size:14px;
    }

    
  }
  /*---- footer end ----*/