/* 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;
}

/* #region 반응형 Display 유틸리티 (모바일/PC 표시 제어) */
/* 모바일에서만 표시 (768px 미만) */
.show_mobile {
  display: block !important;
}

/* PC에서만 표시 (768px 이상) */
.show_pc {
  display: none !important;
}

/* 모바일에서만 숨김 (768px 미만) */
.hidden_mobile {
  display: none !important;
}

/* PC에서만 숨김 (768px 이상) */
.hidden_pc {
  display: block !important;
}

@media screen and (min-width: 768px) {
  /* PC에서 show_pc는 표시, show_mobile은 숨김 */
  .show_mobile {
    display: none !important;
  }

  .show_pc {
    display: block !important;
  }

  /* PC에서 hidden_pc는 숨김, hidden_mobile은 표시 */
  .hidden_mobile {
    display: block !important;
  }

  .hidden_pc {
    display: none !important;
  }
}
/* #endregion 반응형 Display 유틸리티 */

.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);
}

[class*="width_max_1280_mbile"], 
[class*="width_max_1280"] {
  max-width: 128rem;
  margin-left: auto;
  margin-right: auto;
}

.width_max_1280_margin_mobile,
.width_max_1280_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 (max-width: 768px) {
  [class*="width_max_1280_mbile"] {
    max-width: 100%;
  }
  .width_max_1280_margin_mobile {
    width:100%;
  }

  .item_card_name {
    margin-top: 1rem;
  }

  .item_card_cust_price {
    margin-bottom: 0.2rem;
  }
}

@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: 2rem;
    margin-top: 1.6rem;
  }

  .item_card_cust_price {
    font-size: 1.4rem;
    flex-shrink: 0;
  }

  .item_card_price {
    font-size: 2.2rem;
    flex-shrink: 0;
    letter-spacing: -0.1rem;
  }

  /* #endregion 아이탬 카드 */
}