@charset "UTF-8";

/* 2021-03-05 JTS */
/* Search Option 페이지 추가 */
.option-table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 56px;
  font-family: 'Gulim', '굴림', sans-serif;
}

.option-table th,
.option-table td {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 18px 20px;
  min-height: 60px;
}

.option-table th {
  font-size: 16px;
  color: #222;
  font-weight: 700;
}

.option-table tr.reset-area th,
.option-table tr.reset-area td {
  background-color: #f6f6f6;
}

.option-table tr:first-child th,
.option-table tr:first-child td {
  border-top: 2px solid #79828d;
}

@media screen and (max-width: 1024px) {
  .option-table,
  .option-table tbody,
  .option-table tr,
  .option-table th,
  .option-table td {
    display: block;
    min-height: 0;
  }

  .option-table th,
  .option-table td {
    border-top: 0;
  }

  .option-table th {
    text-align: left;
  }

  .option-table tr:first-child td {
    border-top: 1px solid #ddd;
  }
}

.option-checkbox--color {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}

.option-checkbox--color .color-panel-wrap {
  position: relative;
  display: block;
  width: 26px;
  height: 26px;
  margin-right: 8px;
}

.option-checkbox--color .color-panel-wrap::after {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/icon/color_check_on.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 2px solid #ed2b62;
  border-radius: 100%;
  box-sizing: border-box;
}

.option-checkbox--color .color-panel {
  position: relative;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  overflow: hidden;
}

.option-checkbox--color .color-panel.black {
  background-color: #000;
}

.option-checkbox--color .color-panel.brown {
  background-color: #774d2b;
}

.option-checkbox--color .color-panel.gray {
  background-color: #808080;
}

.option-checkbox--color .color-panel.pink-violet {
  transform-origin: center;
  transform: rotate(30deg);
}

.option-checkbox--color .color-panel.pink-violet::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #f65993;
}

.option-checkbox--color .color-panel.pink-violet::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #6f00a6;
}

.option-checkbox--color .color-panel.blue-green {
  transform-origin: center;
  transform: rotate(30deg);
}

.option-checkbox--color .color-panel.blue-green::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #0054d2;
}

.option-checkbox--color .color-panel.blue-green::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #00c600;
}

.option-checkbox--color .color-panel.hazle-choco {
  transform-origin: center;
  transform: rotate(30deg);
}

.option-checkbox--color .color-panel.hazle-choco::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #c6ba7c;
}

.option-checkbox--color .color-panel.hazle-choco::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #3b241a;
}

.option-checkbox--color .text {
  display: block;
  font-size: 15px;
  line-height: 1;
  color: #666;
}

.option-checkbox--color.on .color-panel-wrap::after {
  display: block;
}

.option-checkbox--color.on .text {
  color: #ed2b62;
}

.label-checkbox--color input[type=checkbox]:checked + .option-checkbox--color .color-panel-wrap::after {
  display: block;
}

.label-checkbox--color input[type=checkbox]:checked + .option-checkbox--color .text {
  color: #ed2b62;
}

.option-checkbox--square {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.option-checkbox--square .text {
  display: block;
  font-size: 15px;
  line-height: 1;
  color: #666;
  padding: 5px 16px;
  border: 1px solid transparent;
  cursor: pointer;
  user-select: none;
}

.option-checkbox--square.on .text {
  color: #ed2b62;
  border-color: #ed2b62;
}

.selected-option {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font-size: 15px;
  user-select: none;
  margin-right: 20px;
}

.selected-option .selected-option__text {
  color: #ed2b62;
}

.selected-option .selected-option__btn {
  margin-left: 2px;
}

.option-reset {
  display: inline-flex;
  align-items: center;
}

.option-reset i {
  margin-right: 4px;
}


/* 2021-03-09 JTS (order/order2.html 결제방법 선택 섹션 추가) */
.billing-box {
  display: none;
}

.billing-box.on {
  display: block;
}

input[type=radio] + label:before {
  background-image: url(../images/icon/radio_off.png) !important;
}

input[type=radio]:checked + label:before {
  background-image: url(../images/icon/radio_on.png) !important;
}


/* 2021-03-16 JTS ( 옵션검색 체크박스 스타일 추가 ) */
.label-checkbox--color {
  position: relative;
  cursor: pointer;
  user-select: none;
}

.label-checkbox {
  position: relative;
  display: inline-flex;
  margin-right: 20px;
}

.label-checkbox-text {
  display: block;
  font-size: 15px;
  line-height: 1;
  color: #666;
  padding: 5px 16px;
  border: 1px solid transparent;
  cursor: pointer;
  user-select: none;
}

.label-checkbox input[type=checkbox]:checked + .label-checkbox-text {
  color: #ed2b62;
  border-color: #ed2b62;
}

.prod_list li .inner .icon.plus {
  background-color: #1579c3;
}

.prod_list li .inner .icon.sale {
  background-color: #ed2b62;
}


.prod_view_wrap .detail_top_bx .infoArea .in_bx .total_price_bx p.price_t.strike {
  color: #666666;
  text-decoration: line-through;
}

.strike {
  text-decoration: line-through;
  color: #666666;
}

.dis_price {
  margin-bottom: 5px;
}

.dis_price .price {
  color: #ed2b62;
}

.account-info {
  display: none;
  padding-left: 30px;
  padding-top: 10px;
  font-size: 14px;
  color: #666;
}

.account-info.on {
  display: block;
}

.search-link {
  display: inline-block;
  text-align: center;
}

.search-link a {
  color: #ed2b94;
  font-size: 14px;
  padding: 0 16px;
  font-weight: 700;
}

.mobile-search-link {
  padding: 0 15px 15px 15px;
}

.mobile-search-link a {
  display: block;
  padding: 10px 20px;
  border: 1px solid #ed2b94;
  text-align: center;
  color: #ed2b62;
  font-weight: 700;
  font-size: 13px;
}

.prod_list li .inner .txt_bx .prod_name {
  line-height: 1.4;
  height: 2.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}