/* 25.10.14 김성원 선임 추가 */
:root {
  --color-red: #DE5A5A;
}

body {
  font-family: 'Pretendard', sans-serif;
  font-size: 1.6rem;
}

ol, li, dl, dt, dd, ul {
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
}

a, a:hover {
  color: #000;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

.color_red {
  color: var(--color-red);
}

.tab_block,
.tab_inline,
.tab_flex,
.tab_grid,
.lap_block,
.lap_inline,
.lap_flex,
.lap_grid {
  display: none !important;
}

.common_input[type="text"],
.common_input[type="password"],
.common_input[type="email"],
.common_input[type="tel"],
.common_input[type="number"] {
  font-size: 1.6rem;
  width: 100%;
  padding: 0 1.4rem;
  border-radius: 0.6rem;
  border: 0.1rem solid var(--color-primary);
}

[class*="width_max_1600"] {
  max-width: 160rem;
  margin-left: auto;
  margin-right: auto;
}

.width_max_1600_margin {
  width: calc(100% - 4rem);
}

/* #region 스와이퍼 */
.swiper {
  position: relative;
}

.swiper_overflow {
  overflow: hidden;
}

.common_swiper_prev,
.common_swiper_next {
  display: none;
}
/* #endregion 스와이퍼 */

/* #region 위시리스트 버튼 */
.wishlist_btn {
  background-color: rgba(124, 124, 124, 0.50);
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transition: background-color 0.3s ease;
}

.wishlist_btn.liked {
  background-color: var(--color-primary);
}
/* #endregion 위시리스트 버튼 */

/* #region 아이탬 카드 */
.item_card_name {
  color: #000;
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 2rem;
  margin-bottom: 0.8rem;
}

.item_card_cust_price {
  color: #B5B5B5;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  text-decoration-line: line-through;
  text-decoration-thickness: 0.1rem;
  text-decoration-color: #B5B5B5;
  text-decoration-skip-ink: auto;
}

.item_card_price {
  color: var(--color-primary);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
}
/* #endregion 아이탬 카드 */

/* #region 위시리스트 버튼 */

/* #endregion 위시리스트 버튼 */

@media screen and (min-width: 768px) {
  .tab_block { display: block !important; }
  .tab_inline { display: inline !important; }
  .tab_flex { display: flex !important; }
  .tab_grid { display: grid !important; }
  .hidden_tab { display: none !important; }
}

@media screen and (min-width: 1024px) {
  .lap_block { display: block !important; }
  .lap_inline { display: inline !important; }
  .lap_flex { display: flex !important; }
  .lap_grid { display: grid !important; }
  .hidden_lap { display: none !important; }

  .width_max_1600_margin {
    width: calc(100% - 30rem);
  }

  /* #region 스와이퍼 */
  .common_swiper_prev,
  .common_swiper_next {
    background-color: #fff;
    background-size: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
  }

  .common_swiper_prev { background-image: url(../svgs/swiper_prev_icon.svg); }
  .common_swiper_next { background-image: url(../svgs/swiper_next_icon.svg); }
  /* #endregion 스와이퍼 */

  /* #region 아이탬 카드 */
  .item_card_name span {
    font-weight: 300;
  }
  /* #endregion 아이탬 카드 */
}

@media screen and (min-width: 1200px) {
  /* #region 아이탬 카드 */
  .item_card_price_box {
    display: flex;
    align-items: center;
    gap: 1.2rem;
  }
  /* #endregion 아이탬 카드 */
}

@media screen and (min-width: 1400px) {
  /* #region 아이탬 카드 */
  .item_card_name {
    font-size: 2.2rem;
    margin-top: 2.6rem;
  }

  .item_card_cust_price {
    font-size: 1.8rem;
  }

  .item_card_price {
    font-size: 2.4rem;
  }
  /* #endregion 아이탬 카드 */
}