/* BASIC css start */
#ftWrap { margin: 0 !important; }

/* 메인 롤링 배너 */
.sliderWrap {
  position: relative;
  min-width: 1200px;
  height: 568px;
  overflow: hidden;
}
.sliderWrap .sliderArea {
  margin-left: -1500px;
  position: absolute;
  top: 0;
  left: 50%;
  width: 3000px;
  text-align: center;
}
.sliderArea .bx-pager {
  position: absolute;
  bottom: -32px;
  left: 0;
  right: 0;
  z-index: 60;
  text-align: center;
  font-size: 20px;
}
.sliderArea .bx-pager-item {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  display: inline-block;
  position: relative;
}
.sliderArea .bx-pager-link {
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 0;
  margin: 0 5px;
  background-color: #adb5bd;
  border-radius: 50%;
}
.sliderArea .bx-pager-link.active {
  background-color: #f76707;
}
.sliderArea .bx-controls-direction {
  position: absolute;
  top: 50%;
  z-index: 60;
  text-align: center;
  width: 100%;
  opacity: 0;
}
.sliderArea:hover .bx-controls-direction {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  opacity: 1;
}


.sliderArea .bx-prev,
.sliderArea .bx-next {
  position: absolute;
  top: 0;
  margin-top: -30px;
  font-size:25px;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: none; /* 테두리 제거 */
  border-radius: 50%; /* 원형 모양 */
  background-color: rgba(255, 255, 255, 0.5); /* 투명한 흰색 배경 */
  color: rgba(0, 0, 0, 0.5); /* 투명한 검정색 아이콘 */
  text-align: center; /* 아이콘이 중앙에 위치하도록 설정 */
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}


.sliderArea .bx-prev {
  left: 33%;
  margin-left: -200px;
}
.sliderArea .bx-next {
  right: 33%;
  margin-right: -200px;
}
.sliderArea .bx-controls-direction a.bx-prev:hover,
.sliderArea .bx-controls-direction a.bx-next:hover {
  border: 1px solid #fff;
}

/* 카테고리 배너 */
.category-wrap {
  position: relative;
  margin-top: 32px;
  overflow: hidden;
  width:1200px;
  padding: 16px 40px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 180px 180px 180px 180px 180px;
  column-gap: 75px;
  row-gap: 32px;
}

.category-banner {
  text-align: center;
  align-items: center;
  width: 180px;
  height: 180px;
  border-radius: 24px;
  overflow: hidden;
  transition: box-shadow 0.2s linear;
}

.category-banner:hover {
  box-shadow: rgba(77, 77, 77, 0.3) 0px 4px 16px 0px;
}

/* 상품 타이틀 */
.h_title {
  margin: 80px 0 auto;
}
.h_title h3 {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 1px;
}

.item-wrap {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  min-width: 1200px;
}

/* 서브 배너_01 */
.sub-banner-01-wrap {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 1200px;
  margin-top:128px;
  display: flex;
  justify-content: space-between;
}

.sub-banner-01-img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

/* 서브 배너_02 */
.small-banner-Wrap {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 1200px;
  margin-top:128px;
  display: flex;
  justify-content: space-between;
}

.small-banner-img {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

/* 탭 MD 추천 상품 진열 */
#tabMD {
  visibility: hidden;
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
#tabMD .mdpick_prod {
  position: relative;
}
#tabMD .mdpick_prod .mdpickTab {
  overflow: hidden;
  margin: 32px auto; 
  text-align: center;
}
#tabMD .mdpick_prod .mdpickTab li {
  display: inline-block;
  width: auto;
  margin: 0 3px;
  text-align: center;
  margin-left: 24px;
}
#tabMD .mdpick_prod .mdpickTab li:first-child {
  margin-left: 0px;
}
#tabMD .mdpick_prod .mdpickTab li a {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #4d4d4d;
}
#tabMD .mdpick_prod .mdpickTab li a.active {
  color: #1a1a1a;
  font-weight: 700;
  border-bottom: 2px solid #1a1a1a;
}
#tabMD .mdpick_banner {
  border-radius: 16px;
  overflow: hidden;
}
#tabMD .mdpick_banner img{
  overflow: hidden;
}
/* 탭 카테고리 상품 진열 */
#tabProduct {
  visibility: hidden;
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
#tabProduct .newCate_prod {
  position: relative;
}
#tabProduct .newCate_prod .newCateTab {
  overflow: hidden;
  margin: 32px auto; 
  text-align: center;
}
#tabProduct .newCate_prod .newCateTab li {
  display: inline-block;
  width: 129px;
  margin: 0 3px;
  text-align: center;
}
#tabProduct .newCate_prod .newCateTab li a {
  display: block;
  height: 38px;
  font-size: 15px;
  font-weight: 600;
  line-height: 38px;
  color: #1a1a1a;
  background-color: #e9ecef;
  border-radius: 19px;
}
#tabProduct .newCate_prod .newCateTab li a.active {
  color: #fff;
  background-color: #f76707;
}

/* 공지사항 */
.boardArea {
  background-color: #f2f2f2;
  padding: 45px 0;
  margin: 100px auto 0;
}
.boardArea .inner {
  width: 1200px;
  margin: 0 auto;
}
.boardArea .notice {
  width: 560px;
  margin: 0 40px 0 0;
  float: left;
}
.boardArea .notice dt {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 6px;
  color: #2e2e2e;
}
.boardArea .notice dt span a {
  font-size: 14px;
  float: right;
  text-decoration: underline;
  color: #7e7e7e;
  font-weight: normal;
  margin-top: 5px;
}
.boardArea .notice dd {
  line-height: 36px;
  border-bottom: 1px solid #e5e5e5;
}
.boardArea .notice dd a {
  font-size: 14px;
  color: #2e2e2e;
}
.boardArea .notice dd span {
  color: #7e7e7e;
  float: right;
  font-size: 14px;
}
.boardArea .notice a:hover {
  color: #000;
  font-weight: bold;
}

/* 고객센터, 은행계좌 */
.boardArea .csArea {
  position: relative;
  width: 560px;
  height: 200px;
  margin-left: 40px;
  float: left;
}
.boardArea .csArea dl.csCenter {
  position: absolute;
  top: 0;
  left: 50px;
}
.boardArea .csArea dt {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 16px;
}
.boardArea .csArea dd {
  line-height: 18px;
  margin: 0 0 8px;
}
.boardArea .csArea dd.tel {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 16px;
}
.boardArea .csArea dl.csCenter dd a.qna,
.boardArea .csArea dl.csCenter dd a.m2m {
  display: inline-block;
  color: #fff;
  background: #2e2e2e;
  width: 85px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  margin-top: 10px;
}
.boardArea .csArea dl.csCenter dd a.m2m {
  margin-left: 5px;
}
.boardArea .csArea dl.bankInfo {
  position: absolute;
  top: 0;
  left: 320px;
}
/* 타이틀 스타일 (박스 없이) */
.h_title h3 {
      font-size: 2.5em;
      color: #00a48d; /* 부드러운 퍼플 */
      text-align: center;
      /*text-shadow: 2px 2px 4px rgba(255, 182, 193, 0.5), -2px -2px 4px rgba(255, 182, 193, 0.5);*/
  }

/* BASIC css end */