/*--------------------------------------
    harriet (하리엣트빌더)
--------------------------------------*/

/*---------- Item Info ----------*/
.item-info-table {
  font-size: 12px;
}
.item-info-table .width-180px {
  width: 180px;
}
#sit_rel {
  position: relative;
  border: 1px solid #757575;
  padding: 20px 20px 10px;
  margin: 20px 0 40px;
}
#sit_rel h2 {
  margin: 0 0 20px;
  font-size: 1.375rem;
  color: #252525;
  font-weight: 700;
  text-align: center;
}
#sit_inf {
  margin: 30px 0;
}
#sit_use {
  margin: 30px 0;
}
#sit_qa {
  margin: 30px 0;
}
#sit_dvr {
  margin: 30px 0;
}
#sit_ex {
  margin: 30px 0;
}
#sit_dvr img,
#sit_ex img {
  display: block;
  max-width: 100%;
  height: auto;
}
#sit_dvr > ul > li,
#sit_ex > ul > li {
  position: relative;
  padding-left: 14px;
  color: #757575;
  font-size: 0.875rem;
}
#sit_dvr > ul > li:before,
#sit_ex > ul > li:before {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #b5b5b5;
}
@media (max-width: 1199px) {
  #sit_rel {
    padding: 20px 10px 10px;
  }
}
@media (min-width: 768px) {
  .pg-anchor-in .nav-tabs {
    border-bottom: none;
  }
  .pg-anchor-in .nav-tabs li {
    width: 20%;
  }
  .pg-anchor-in .nav-tabs li a {
    display: block;
    border: 1px solid #d5d5d5;
    font-size: 0.9375rem;
    padding: 12px 10px;
    text-align: center;
    margin-right: 0;
    margin-left: -1px;
    background: #f8f8f8;
    color: #959595;
    border-bottom: none !important;
  }
  .pg-anchor-in .nav-tabs li a:hover {
    color: #000;
  }
  .pg-anchor-in .nav-tabs li a:focus {
    color: #959595;
  }
  .pg-anchor-in .nav-tabs li.active {
    z-index: 1;
  }
  .pg-anchor-in .nav-tabs li.active a {
    border: 1px solid #757575;
    padding: 12px 10px 13px;
    font-weight: 700;
    color: #000;
    background: #fff;
  }
  .pg-anchor-in .tab-bottom-line {
    position: relative;
    display: block;
    height: 1px;
    background: #757575;
    margin-top: -1px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .pg-anchor-in {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border: 2px solid #000;
    background: #f8f8f8;
  }
  .pg-anchor-in .nav-tabs {
    border-bottom: 0;
  }
  .pg-anchor-in .nav-tabs li {
    width: 33.33333%;
    margin: 0;
  }
  .pg-anchor-in .nav-tabs li a {
    display: block;
    border: none;
    font-size: 0.8125rem;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #d5d5d5;
    margin-right: 0;
    background: #f8f8f8;
    color: #959595;
  }
  .pg-anchor-in .nav-tabs li a:hover {
    color: #000;
  }
  .pg-anchor-in .nav-tabs li a:focus {
    color: #959595;
  }
  .pg-anchor-in .nav-tabs li.active a {
    font-weight: 700;
    border: 0;
    border-bottom: 1px solid #d5d5d5 !important;
    color: #cc2300;
    background: #fff;
  }
  .pg-anchor-in .nav-tabs li:nth-child(1) a {
    border-right: 1px solid #d5d5d5;
  }
  .pg-anchor-in .nav-tabs li:nth-child(2) a {
    border-right: 1px solid #d5d5d5;
  }
  .pg-anchor-in .nav-tabs li:nth-child(4) a {
    border-right: 1px solid #d5d5d5;
    border-bottom: 0 !important;
  }
  .pg-anchor-in .nav-tabs li:nth-child(5) a {
    border-right: 1px solid #d5d5d5;
    border-bottom: 0 !important;
  }
  .pg-anchor-in .nav-tabs li:nth-child(6) a {
    border-bottom: 0 !important;
  }
  .pg-anchor-in .tab-bottom-line {
    display: none;
  }
}

/*---------- Item Form ----------*/
/* Shop Detail Product */
.shop-product {
  position: relative;
  padding: 10px 0;
}
.shop-product h2 {
  float: left;
  color: #687074;
  font-size: 26px;
  text-transform: uppercase;
}
.shop-product .list-inline {
  margin: 0;
}
.shop-different-product {
  padding: 10px 0;
}
.shop-different-product .btn-default {
  padding: 5px 14px;
}
.shop-product-img {
  position: relative;
  overflow: hidden;
}
/* Shop Product Img */
.zoomLens {
  cursor: pointer !important;
}
.product-img-big {
  position: relative;
  padding: 0 0 1px;
  margin: 0;
}
.product-img-big a {
  display: none;
}
.product-img-big a.visible {
  display: block;
}
.product-img-big img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.product-img-big i {
  width: 100%;
  background: #e5e5e5;
  text-align: center;
  color: #757575;
  height: 408px;
  line-height: 408px;
  font-size: 70px;
}
.product-img-big .fotorama__thumb-border {
  border-color: #e53935;
}
@media (max-width: 500px) {
  .product-img-big i {
    height: 300px;
    line-height: 300px;
  }
}
.product-thumb {
  position: relative;
  overflow: hidden;
  display: none;
  margin-left: -1px;
  margin-right: -1px;
}
.product-thumb .thumb-img {
  position: relative;
  outline: none;
  padding: 1px;
}
.product-thumb .thumb-img img {
  display: block;
  max-width: 100%;
  height: auto;
}
.product-thumb .slick-prev,
.product-thumb .slick-next {
  z-index: 1;
  top: 1px;
  width: 20px;
  height: 100%;
  height: calc(100% - 8px);
  background: rgba(0, 0, 0, 0.5);
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
}
.product-thumb .slick-prev:hover,
.product-thumb .slick-next:hover {
  background: rgba(0, 0, 0, 0.7);
}
.product-thumb .slick-next.slick-disabled,
.product-thumb .slick-prev.slick-disabled {
  background: transparent;
}
.product-thumb .slick-next.slick-disabled:before,
.product-thumb .slick-prev.slick-disabled:before {
  opacity: 0;
}
.product-thumb .slick-prev {
  left: 1px;
}
.product-thumb .slick-next {
  right: 1px;
}
.product-thumb .slick-prev:before {
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  content: '\f0d9';
  font-size: 16px;
}
.product-thumb .slick-next:before {
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  content: '\f0da';
  font-size: 16px;
}
/* Shop Product Img Modal */
.shop-img-modal .fotorama__thumb-border {
  border-color: #ff4848;
}
@media (min-width: 992px) {
  .shop-img-modal .modal-dialog {
    width: 600px;
  }
  .shop-img-modal .modal-footer {
    text-align: center;
  }
  .shop-img-modal .modal-footer .btn-e-lg {
    padding: 10px 20px;
  }
}
/* Shop Product Prev Next */
.shop-product-prev-next {
  position: relative;
  border: 1px solid #e5e5e5;
  height: 45px;
  padding: 10px;
  line-height: 25px;
}
.shop-product-prev-next .product-prev {
  position: absolute;
  top: 0;
  left: 0;
  color: #959595;
}
.shop-product-prev-next .product-prev i {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-right: 1px solid #e5e5e5;
  font-size: 15px;
  text-align: center;
  margin-right: 10px;
  color: #252525;
}
.shop-product-prev-next .product-next {
  position: absolute;
  top: 0;
  right: 0;
  color: #959595;
}
/* Shop Product Star Sns */
.shop-product-star-sns {
  position: relative;
  border: 1px solid #e5e5e5;
  margin-top: -1px;
  height: 45px;
  padding: 10px 15px;
  line-height: 25px;
}
.shop-product-prev-next .product-next i {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-left: 1px solid #e5e5e5;
  font-size: 15px;
  text-align: center;
  margin-left: 10px;
  color: #252525;
}
.shop-product-star-sns .li-divider {
  display: inline-block;
  width: 2px;
  height: 10px;
  margin: 0 10px;
  background: #e5e5e5;
}
.item-share-wrap {
  position: absolute;
  top: 0;
  right: 0;
}
.item-share-wrap .item-share-btn {
  width: 45px;
  height: 45px;
  background: none;
  border: 0;
  border-left: 1px solid #e5e5e5;
}
.item-share-wrap .dropdown-menu {
  margin-top: -4px !important;
  background: #fff;
  border: 1px solid #757575;
  box-shadow: none;
  min-width: 180px;
  height: 53px;
}
.item-share-wrap img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.item-share-wrap .share-sns {
  position: absolute;
  top: 10px;
  left: 10px;
}
.item-share-wrap .share-facebook {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 5px;
  background: #6a82c6;
}
.item-share-wrap .share-twitter {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 5px;
  background: #7bbceb;
}
.item-share-wrap .share-googleplus {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 5px;
  background: #cd6c59;
}
.item-share-wrap .share-rec {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #fdab29;
}
/* Shop Product Description */
.shop-product-form .product-title {
  margin: 0 0 20px;
  font-size: 1.375rem;
  color: #151515;
}
.shop-product .shop-description-box {
  position: relative;
  padding: 10px 0;
  background: none;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin: 20px 0 0;
}
.shop-product .shop-description-box .table {
  font-size: 0.9375rem;
  margin-bottom: 0;
}
.shop-product .shop-description-box .table > tbody > tr > th {
  width: 30%;
}
.shop-product .shop-description-box .table > tbody > tr > th,
.shop-product .shop-description-box .table > tbody > tr > td {
  border: 0;
  padding: 5px 0;
}
.shop-product .shop-description-box .shop-product-prices {
  font-size: 1.125rem;
  color: #cc2300;
}
.shop-product .shop-description-box .line-through {
  font-size: 0.9375rem;
  color: #b5b5b5;
  text-decoration: line-through;
  margin-left: 5px;
}

.sit_option {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
}
.sit_option label {
  display: block;
  margin: 0 0 5px;
  color: #656565;
}
.sit_option.harriet-form .select select {
  background: #f5f5f5;
}
.sit_option.harriet-form .select select:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.sit_option.harriet-form .select i {
  background: #f5f5f5;
}
.sit_option h3 {
  font-size: 14px;
  margin: 0 0 10px;
}
.sit_sel_btn {
  position: relative;
} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {
  position: absolute;
  top: -51px;
  right: 0 !important;
  right: 15px;
}

#sit_sel_option h3 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#sit_opt_added {
  margin: 0;
  padding: 0;
  border-bottom: 0;
  background: #fff;
  list-style: none;
}
#sit_opt_added li {
  padding: 15px 0;
  padding-right: 250px;
  margin: 0;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #e5e5e5;
  background: none;
  position: relative;
}
#sit_opt_added li .opt_name {
  line-height: 20px;
  font-weight: 700;
}
#sit_opt_added li .opt_count {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -15px;
}
#sit_opt_added button {
  float: left;
  width: 30px;
  height: 30px;
  border: 1px solid #a5a5a5;
  background: #fff;
  color: #656565;
  font-size: 0.75rem;
}
#sit_opt_added button:hover {
  color: #000;
}
#sit_opt_added .num_input {
  float: left;
  border: 1px solid #a5a5a5;
  width: 45px;
  height: 30px;
  text-align: center;
  margin: 0 -1px;
}
#sit_opt_added .sit_opt_del {
  border: 0;
  font-size: 0.9375rem;
}
#sit_opt_added .sit_opt_del:hover {
  color: #cc2300;
}
#sit_opt_added .sit_opt_prc {
  display: block;
  float: right;
  width: 110px;
  text-align: right;
  line-height: 30px;
  font-size: 0.9375rem;
  font-weight: 700;
  margin-right: 30px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #sit_opt_added li {
    padding-right: 0;
  }
  #sit_opt_added li .opt_count {
    position: relative;
    top: inherit;
    right: inherit;
    margin: 15px 0 0;
  }
  #sit_opt_added .sit_opt_prc {
    width: 150px;
  }
}
@media (max-width: 576px) {
  #sit_opt_added li {
    padding-right: 0;
  }
  #sit_opt_added li .opt_count {
    position: relative;
    top: inherit;
    right: inherit;
    margin: 15px 0 0;
  }
  #sit_opt_added .sit_opt_prc {
    width: 150px;
  }
}

#mod_option_frm #sit_sel_option {
  margin: 20px;
}
#mod_option_frm #sit_tot_price {
  margin: 20px;
}
#mod_option_frm #sit_opt_added {
  border-top: 1px solid #e5e5e5;
}
#mod_option_frm .btn_confirm {
  margin: 20px;
}
#mod_option_frm .btn_confirm .btn_submit {
  height: 40px;
  font-size: 1rem;
  font-weight: 700;
  width: 100%;
  cursor: pointer;
}
#mod_option_frm .btn_confirm .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border: 0;
  background: none;
  border-left: 1px solid #c5c5c5;
  font-size: 0.9375rem;
}
#mod_option_frm .btn_confirm .btn_close:hover {
  background: #f5f5f5;
}

#sit_tot_price {
  margin: 10px 0;
  font-size: 1.25rem;
  color: #cc2300;
  line-height: 25px;
  font-weight: 700;
  text-align: right;
}
#sit_tot_price:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: '';
}
#sit_tot_price span {
  float: left;
  color: #000;
}
#sit_ov_soldout {
  padding: 20px 0;
  margin: 10px 0;
  color: #cc2300;
  background: #fff0f0;
  font-weight: 700;
  text-align: center;
}

/* Shop Product Button */
#sit_ov_btn {
  margin-top: 20px;
}
#sit_ov_btn:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: '';
}
#sit_ov_btn button {
  width: 200px;
  float: left;
  margin-right: 5px;
  height: 50px;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 16px;
}
#sit_btn_buy {
  background: #cc2300;
  color: #fff;
  border: 0;
}
#sit_btn_buy:hover {
  background: #e52700;
}
#sit_btn_cart {
  border: 1px solid #cc2300;
  background: #fff;
  color: #cc2300;
}
#sit_btn_cart:hover {
  background: #f5f5f5;
}
#sit_btn_wish {
  display: inline-block;
  margin-bottom: 10px;
  text-align: center;
  font-size: 16px;
  float: right;
  width: 70px;
  height: 50px;
  line-height: 48px;
  height: 50px;
  border: 1px solid #c5c5c5;
  color: #656565;
  font-weight: 700;
}
#sit_btn_wish:hover {
  color: #cc2300;
}
#sit_btn_alm {
  display: inline-block;
  width: 215px;
  float: left;
  margin-right: 5px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 16px;
  background: #d50c0c;
  color: #fff;
  border: 0;
  text-align: center;
}
@media (max-width: 1199px) {
  #sit_ov_btn button {
    width: 170px;
  }
  #sit_btn_wish {
    width: 50px;
  }
}
@media (max-width: 991px) {
  #sit_ov_btn button {
    width: 120px;
    font-size: 14px;
  }
}

/*---------- Item Use ----------*/
.product-use-top {
  position: relative;
  margin: 20px 0 20px;
  line-height: 40px;
}
.product-use-top h4 {
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  margin-right: 10px;
  color: #cc2300;
}
.product-use-top .li-divider {
  display: inline-block;
  width: 2px;
  height: 10px;
  margin: 0 10px;
  background: #e5e5e5;
}
.product-use-top .product-use-btn {
  float: right;
}
.product-use-wrap {
  border-top: 1px solid #eaeaea;
}
.product-use-list {
  position: relative;
  padding: 15px;
  padding-left: 150px;
  min-height: 85px;
  border: 1px solid #eaeaea;
  border-top: 0;
}
.product-use-thumbnail {
  float: left;
  margin-right: 15px;
}
.product-use-thumbnail img {
  max-width: 70px;
  height: auto;
}
.product-use-title {
  font-weight: 700;
  font-size: 1rem;
}
.product-use-more {
  border: 1px solid #656565;
  padding: 2px 15px;
  color: #fff;
  font-size: 0.75rem;
  margin: 10px 0;
  background: #656565;
}
.product-use-more:hover {
  background: #858585;
  border-color: #858585;
}
.product-use-dl {
  margin: 0;
  position: absolute;
  top: 15px;
  left: 15px;
  zoom: 1;
}
.product-use-dl:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: '';
}
.product-use-dl dt {
  position: absolute;
  font-size: 0;
  line-height: 0;
  content: '';
}
.product-use-dl dd {
  color: #252525;
  line-height: 1.5;
}
.product-use-dl dd i {
  color: #959595;
  margin-right: 5px;
}
.product-use-dl .product-use-star {
  margin: -3px 0 5px;
}
.product-use-cont {
  display: none;
}
.product-use-p {
  padding: 20px 0;
}
.product-use-cmd {
  text-align: right;
}
@media (max-width: 767px) {
  .product-use-list {
    padding-left: 15px;
  }
  .product-use-dl {
    position: relative;
    top: inherit;
    left: inherit;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #f0f0f0;
  }
  .product-use-dl dd {
    float: left;
    display: inline-block;
    margin-right: 10px;
  }
  .product-use-dl .product-use-star {
    margin: -2px 10px 0 0;
  }
}
.product-use-reply {
  position: relative;
  border-top: 1px solid #f0f0f0;
  margin: 15px 0 0;
  padding: 15px 0 0 30px;
}
.product-use-reply-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 10px;
  height: 25px;
  text-indent: -999px;
  border-left: 1px solid #757575;
  border-bottom: 1px solid #757575;
}
.product-use-reply-icon:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #757575;
  position: absolute;
  bottom: -6px;
  right: -8px;
}
.product-use-reply-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
.product-use-reply-name {
  font-size: 0.9375rem;
  color: #959595;
  margin: 10px 0;
}
.product-use-reply-p {
  padding: 0;
  background: #fff;
}

/*---------- Item Qa ----------*/
.product-qa-btn {
  float: right;
  margin-bottom: 20px;
}
.product-qa-wrap {
  border-top: 1px solid #eaeaea;
}
.product-qa-list {
  position: relative;
  padding: 15px;
  border: 1px solid #eaeaea;
  border-top: 0;
  min-height: 56px;
}
.product-qa-title {
  display: block;
  float: left;
  width: 80%;
  text-align: left;
  font-weight: 700;
  font-size: 1rem;
  border: 0;
  background: none;
}
.product-qa-title .sit_qaa_done {
  background: #959595;
  color: #fff;
  width: 62px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
  padding: 0 5px;
  margin-right: 10px;
  font-size: 0.75rem;
  font-weight: normal;
}
.product-qa-title .sit_qaa_yet {
  background: #cc2300;
  border: 0;
  color: #fff;
  width: 62px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.75rem;
  text-align: center;
  padding: 0 5px;
  font-weight: normal;
}
.product-qa-dl {
  color: #757575;
  margin: 0;
  float: left;
  width: 20%;
  text-align: right;
  zoom: 1;
}
.product-qa-dl:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: '';
}
.product-qa-dl dt {
  position: absolute;
  font-size: 0;
  line-height: 0;
  content: '';
}
.product-qa-dl dd {
  display: inline-block;
  margin-left: 10px;
}
.product-qa-cont {
  display: none;
}
.product-qa-p {
  margin: 15px 0;
}
.product-qa-p .product-qa-alp {
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 1.5rem;
  color: #959595;
  font-weight: 700;
}
.product-qa-qaa {
  padding: 15px 0;
  padding-left: 30px;
  position: relative;
  min-height: 100px;
  border-top: 1px solid #eaeaea;
}
.product-qa-qaq {
  padding: 15px 0;
  padding-left: 30px;
  position: relative;
  min-height: 100px;
}
.product-qa-cont textarea {
  display: none;
}
.product-qa-cmd {
  text-align: right;
}
@media (max-width: 767px) {
  .product-qa-title {
    float: inherit;
    width: inherit;
  }
  .product-qa-dl {
    float: inherit;
    width: inherit;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #eaeaea;
  }
  .product-qa-dl dd {
    float: left;
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
  }
}