@charset "utf-8";
/* responsive에 반응형있음*/
/* product 관련된 스타일 */
.empty_lst { display: flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 16px;
font-weight: 700;
padding: 90px 0 0 0;}
.viewInner { max-width:100% !important;}
.product-detail-container {width: 100%;padding: 80px 0;}
.product-inner {max-width: 1400px;margin: 0 auto;display: flex;flex-direction: row;justify-content: space-between;gap: 0px 78px;}

/* 판매 제품 보기 */
.product-images {flex: 0 0 550px;overflow: hidden;}
.product-images .main-image {float:unset !important;text-align:unset !important;overflow: hidden;border: 1px solid #EEEEEE;}
.product-images .main-image img {width: 100% !important;}
.product-images .thumb-images {margin-top: 6px;width: 100% !important;margin-bottom: 20px;}
.product-images .thumb-images ul {display: flex;flex-direction: row;}
.product-images .thumb-images ul li {border: 1px solid #eee;}
.thumb-images img {width: 80px;height: 80px;border: 1px solid #eee;}
#sit_pvi_big #popup_item_image{ display:none;}

/* 상단 평점,리뷰 */
.review_inline.mo-review { display:none;}
.review_inline {display: flex;align-items: center;gap: 12px;font-size: 16px;width: 100%;}
.review_inline ul.review-age {display: flex;align-items: center;}
.review_inline ul.review-age li{}
.review_inline ul.review-age li.rating-star {width: 18px;height: 18px;}
.review_inline ul.review-age li.rating-star.has-review {/*(채운별) */background: url('../img/review-start-01.svg') no-repeat center;}
.review_inline ul.review-age li.rating-star.no-review {/*(라인별) */background: url('../img/review-start-02.svg') no-repeat center; background-size: 20px;margin-right: 3px;}
.review_inline ul.review-age li.rating {font-weight: 700;font-size: 20px;}
.review_inline .review_cnt {padding:0;font-size: 20px;font-weight: 700;}
.review_inline .review_cnt > img{margin-right: 5px;width: 18px;margin-top: -5px;}
.review_inline a.review_link {color: #616161;font-size:16px;text-decoration: none;}
.review_inline a.review_link:hover {text-decoration: underline;}
.review_inline a.review_link > img {transform: rotate(-90deg);margin-top: -2px;}

/* 제품 설명 */
#sit_ov_from { border-bottom:0;}
.product-info {flex: 1; width: unset !important; }
.product-info h2{font-size:24px;font-weight: 700;margin-bottom:7px;}
.product-info .sub-title {font-size:16px;color:#616161;font-weight: 500;}


.info-list {display: flex;flex-direction: column;}
.info-list .price-info {  padding: 30px 0 20px; position: relative;  display: flex;  align-items: flex-end;border-bottom: 1px solid #eee;  }
.info-list .price-info .item {padding: 0;}
.info-list .price-info .item.price .desc{font-size: 26px;  font-weight: 800;  margin-right: 10px;}
.info-list .price-info .item.origin .desc {font-size: 14px;color: #717171;text-decoration: line-through;}
.info-list .price-info .item.sale { position:absolute; right:0;}
.info-list .price-info .item.sale .desc{font-size: 28px;color: #FF0000;font-weight: 800;}
.info-list .price-info .item.sale .desc span { font-size:19px; }
.info-list .price-info .item .tit { display:none;}
.info-list .option-info {border-bottom: 1px solid #eee;padding: 10px;}
.info-list .option-info:last-child {border-bottom:0;}


.info-list .item {display: flex;align-items: center;padding: 8px 0;list-style: none;margin: 0;}
.info-list .tit {width: 120px;flex-shrink: 0;font-size: 16px;font-weight: 500;}
.info-list .desc {flex: 1;font-size: 16px;color: #616161;}
.info-list .price .desc strong {font-size: 24px;font-weight: 700;letter-spacing: 0em;color: #2c2c2c;}

#sit_opt_added .sit_opt_list .sit_opt_subj, #sit_opt_added .sit_spl_list .sit_opt_subj  {padding: 0;font-size: 16px;font-weight: 500; width: 80%;line-height: 1.3; padding-right:10px;}



/* 장바구니,바로구매, fixed 옵션*/
#sit_opt_added .sit_opt_list {border-top: 1px solid #eee;border-bottom: 1px solid #eee;background: #F6F6F6;padding: 12px 10px;margin:0;position: relative;}
#sit_opt_added .sit_spl_list {border-top: 1px solid #eee;border-bottom: 1px solid #eee;background: #fdfdfd;padding: 12px 10px;margin:0;position: relative;}
#sit_buy { padding-top:20px;}
.detailFixedBtn .sit_sel_option { padding:0 10px;}
.sit_sel_option li { border-bottom:0;}
.sit_tot_price{ padding:0 10px 5px; font-size:16px;}
.sit_tot_price strong { letter-spacing: unset;font-size:20px; color:#ED1B24;}




.sit_opt_list { }
.opt_name { }
.opt_count { }
.btn-group {display: flex;flex-direction: column;}
#sit_opt_added .sit_opt_list .opt_count button, #sit_opt_added .sit_spl_list .sit_opt_min button, .sit_sel_option button{width: 32px;height: 16px;border-color: #BCBCBC; background-size:unset;}
 .detailFixedBtn .sit_sel_option .sit_opt_min button.sit_opt_del  {width: 32px;height: 16px; }
#sit_opt_added .sit_opt_list .opt_count button.sit_qty_minus, #sit_opt_added .sit_spl_list .sit_opt_min button.sit_qty_minus, .sit_sel_option button.sit_qty_minus, .detailFixedBtn .sit_sel_option .sit_opt_min button.sit_qty_minus {background-image: url("../img/arrow-down-icon.svg") !important;background-repeat: no-repeat !important;margin-top: -1px;background-position: center top 0px;position: absolute;bottom: 0;background-color: #fff;background-size: unset;}
#sit_opt_added .sit_opt_list .opt_count button.sit_qty_plus, #sit_opt_added .sit_spl_list .sit_opt_min button.sit_qty_plus, .sit_sel_option button.sit_qty_plus, .detailFixedBtn .sit_sel_option .sit_opt_min button.sit_qty_plus  {background-image: url("../img/arrow-up-icon.svg") !important;background-repeat: no-repeat !important;background-position: center top 4px;position: absolute;top: 0;background-color: #fff;background-size: unset;}
.sit_sel_option button.sit_qty_plus .fa , .sit_sel_option button.sit_qty_minus .fa  { display:none;}
.all-price {display: flex;justify-content: space-between; padding:20px 10px;}
.all-price > span {color:#2C2C2C;font-size: 18px;font-weight: 700;}
.all-price > b {color:#ED1B24;font-size: 26px;}
.sit_opt_list, .sit_spl_list {display: flex;align-items: center;}
#sit_opt_added .sit_opt_list .opt_count .num_input, #sit_opt_added .sit_spl_list .sit_opt_min input, .detailFixedBtn .sit_sel_option .opt_count .num_input
{width: 5rem;border-color: #BCBCBC;height: 31px;margin-right: 31px;text-align: left;padding: 8px;font-size: 14px;position: relative;text-indent: unset;}
.sit_sel_option .sit_opt_min .sit_qty_plus, .sit_sel_option .sit_opt_min .sit_qty_minus  { margin-right:24px; }
.detailFixedBtn .sit_sel_option .sit_opt_min input {width: 5rem;border-color: #BCBCBC;height: 31px;margin-right: 23px;text-align: left;padding: 8px;font-size: 14px;position: relative;text-indent: unset;}
/* 추가옵션 form */

#sit_ov h3 { color: #2c2c2c;font-size: 16px;padding-left: 10px; }
.sit_option .get_item_supply {padding: 10px;border: none;border-radius: 0;border-top: 1px solid #2c2c2c;margin: 0 !important;}
.sit_option .get_item_supply:last-child {border-bottom: 1px solid #2c2c2c; }
.get_item_supply .get_item_supply_img { width:80px; height:80px;}
.get_item_supply .get_item_supply_arr .get_item_supply_tit {font-size: 16px;font-weight: 500;     margin-bottom: 5px;}
.get_item_supply .get_item_supply_arr .td_sit_sel .it_supply { border-color: #BCBCBC;height: 31px;margin-right: 31px;border-radius: 0; }

#sit_opt_added { margin-top:20px;}
#sit_opt_added .sit_spl_list .sit_opt_min button { background:#fff;}
#sit_opt_added .sit_spl_list .sit_opt_min button.sit_opt_del {/*position: ;*/top: 6px;border:0;right: -31px;}
 .detailFixedBtn .sit_sel_option .sit_opt_min button.sit_opt_del {top: 0px;border: 0;right: -7px;}
#sit_ov_btn {padding-top:0;display: flex; gap: 0 4px !important;}
#sit_ov_btn button { height: 66px;font-size: 18px;font-weight: 500;border: none !important;   color:#fff;}
#sit_ov_btn button img {width: 17px;margin-right: 3px; }
#sit_ov_btn button.sit_btn_cart,#sit_ov_btn button.sit_btn_cart:hover {  background: #000000;}
#sit_ov_btn button.sit_btn_buy, #sit_ov_btn button.sit_btn_buy:hover { background: #ED1B24;}
#sit_opt_added .sit_opt_list .opt_count, #sit_opt_added .sit_spl_list .sit_opt_min{gap :0;position: absolute;right: 0px;display: flex;align-items: center;justify-content: end;}


#sit_opt_added .sit_opt_list .opt_count {right: 10px;} 
#sit_opt_added .sit_spl_list .sit_opt_min {margin-right: 30px;}
#sit_opt_added .sit_opt_list .opt_count button.sit_qty_plus::before,#sit_opt_added .sit_opt_list .opt_count button.sit_qty_minus::before { content:none;}

/*footer fixed 옵션*/
.detailFixedBtn .sit_sel_option .sit_opt_added li {border-top: 1px solid #eee;border-bottom: 1px solid #eee;background: #F6F6F6;padding: 15px 10px;margin:0;position: relative;}
.detailFixedBtn .sit_sel_option .sit_opt_added li.sit_spl_list {border-bottom: 1px solid #eee;background: #fdfdfd;}
.detailFixedBtn .sit_sel_option .opt_count, .detailFixedBtn .sit_sel_option .sit_opt_min {gap :0;position: absolute;right: 10px;display: flex;align-items: center;justify-content: end;}
#sit_opt_added li .opt_name { width:100%;}

/* 제품 상세보기,리뷰,배송교환,추천상품 TAB*/
#sit_info { width:1400px; margin:0 auto;}
.pro-datail-tab { display:flex; }
.pro-datail-tab li {background:#FAFAFA;width:calc( 100% / 4 );height: 58px;line-height: 58px;border: 1px solid #EEEEEE;border-right: 0;}
.pro-datail-tab li:last-child {border:1px solid #eeeeee;}
.pro-datail-tab li.on { background:#ffffff; border-bottom:2px solid #626262;}
.pro-datail-tab li a {font-size:16px;font-weight:500;display: block;text-align: center;}
.pro-datail-tab li.on  a { font-weight:700;}
#sit_inf, #sit_use, #sit_dex, #sit_rela {scroll-margin-top: 244px;}
#sit_info .detail-info {}
#sit_info .detail-use { margin-bottom:150px;}
#sit_info .detail-dex { padding:10px; margin-bottom: 130px;}
#sit_info .detail-dex h3 {font-size:20px;font-weight:500;margin-bottom: 4px;}
#sit_info .detail-dex p { font-size:16px; color:#616161;}
#sit_info .detail-dex #sit_ex {margin:40px 0 20px 0}
#sit_info .detail-rela {}



#itemuse .turnUse .turnUseTop {height: 138px;border-top: 0;border-color: #eee;}
.sit_empty { font-size:16px; color:#616161;}


/* 상품후기 평점노출 노출 */
.detail-review {width: 100%;background: #FAFAFA;}
.detail-review__inner {max-width: 1400px;height: 100%;margin: 0 auto;padding: 0 30px;display: flex;align-items: center;box-sizing: border-box;}
.detail-review__score {width: 340px;padding-right: 60px;box-sizing: border-box;}
.detail-review__count {width: 330px;padding-left: 65px;border-left: 1px solid #ddd;box-sizing: border-box;}
.detail-review__write {margin-left: auto;text-align: center;}
.detail-review__label {margin: 0px 0 8px;font-size: 16px;font-weight: 500;}
.detail-review__score-row, .detail-review__count-row {display: flex;align-items: center;}
.detail-review__stars {display: flex;align-items: center;margin-right: 10px;}
.detail-review__star {display: block;width: 26px;height: 26px;}
.detail-review__rating {display: flex;align-items: baseline;line-height: 1;}
.detail-review__rating strong {font-size: 25px;font-weight: 700;}
.detail-review__rating span {margin-left: 4px;font-size: 25px;font-weight: 600;color: #C5C5C5;}
.detail-review__icon {margin-right: 10px;}
.detail-review__icon img {width: 20px; }
.detail-review__count-row strong {font-size: 25px;font-weight: 700;}
.detail-review__btn {display: flex;align-items: center;justify-content: center;width: 170px;height: 34px;background: #82C13B;color: #fff !important;font-size: 14px;font-weight: 500;text-decoration: none;box-sizing: border-box;}
.detail-review__btn:hover {background: #82C13B;}

/* 상품후기 게시판 노출 */
.review-line-list {width: 100%;margin: 0;padding: 0;list-style: none;}
.review-line-list .review-line-item {position: relative;display: grid;grid-template-columns: 1fr 130px 160px;align-items: center;min-height: 58px;padding: 0 20px;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}
.review-line-list .review-line__content {min-width: 0;padding-right: 20px;}
.review-line-list .review-line__text {overflow: hidden;color: #616161;font-size: 14px;line-height: 42px;white-space: nowrap;text-overflow: ellipsis;}
.review-line-list .review-line__score {display: flex;align-items: center;justify-content: flex-start;gap: 6px;}
.review-line-list .review-line__stars {display: flex;align-items: center;}
.review-line-list .review-line__stars img {display: block;width: 15px;height: 15px;}
.review-line-list .review-line__score span {font-size: 14px;}
.review-line-list .review-line__meta {display: flex;align-items: center;justify-content: flex-end;gap: 14px;color: #616161;font-size: 12px;white-space: nowrap;}
.review-line-list .review-line__name {color: #616161;}
.review-line-list .review-line__date {color: #616161;}
.review-line-list .review-line__date::before {content:"";width:1px;height: 11px;background-color: #c9c9c9;position: absolute;margin-left: -7px;margin-top: 1px;}
.review-line-list .review-line__cmd {position: absolute;top: 50%;right: -70px;display: flex;gap: 4px;transform: translateY(-50%);}
.review-line-list .review-line__cmd a {display: inline-flex;align-items: center;justify-content: center;height: 22px;padding: 0 6px;border: 1px solid #ccc;background: #fff;color: #333;font-size: 11px;text-decoration: none;box-sizing: border-box;}
.review-line-list .review-line__reply {grid-column: 1 / -1;margin: 0 0 14px;padding: 14px 16px;background: #f8f8f8;color: #555;font-size: 13px;line-height: 1.6;}
.review-line-list .review-line__reply strong {margin-right: 8px;color: #82C13B;}


/* tab click */
#sit_inf, #sit_use, #sit_dex, #sit_rela {scroll-margin-top: 244px;}

/* 상세 추천상품 */
.detail-rela {width: 100%;}
.detail-rel-section {width: 100%;padding-top: 30px;padding-bottom: 0;}
.detail-rel-section .pro-inner-wrap {max-width: 1500px;margin: 0 auto;box-sizing: border-box;padding: 0 47px;position: relative;}
.detail-rel-section .pro-inner-wrap h2 {font-size: 34px;text-align: center;font-weight: 700;letter-spacing: 3px;margin-bottom: 95px;}
.detail-rel-section .detail-rel-swiper {position: relative;width: 100%;overflow: hidden;box-sizing: border-box;}
/* 상품 이미지 */
.detail-rel-section .tob-image-box {border: 1px solid #E7E7E7;width: 100%;height: 360px;overflow: hidden;margin-bottom: 15px;display: flex;justify-content: center;align-items: center;}
.detail-rel-section .tob-image-box img {width: 100%;height: 100%;object-fit: cover;}
/* 상품명, 가격 */
.detail-rel-section .tob-meta-box {padding: 0 15px;}
.detail-rel-section .tob-meta-box .tob-item-name {font-size: 18px;line-height: 1.1;height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 6px;font-weight: 600;}
.detail-rel-section .tob-meta-box .tob-item-price {font-size: 18px;font-weight: 600;}
.detail-rel-section .pro-inner-wrap {position: relative;max-width: 1400px;margin: 0 auto;padding: 0;box-sizing: border-box;}
.detail-rel-section .pro-inner-wrap h2 {margin-bottom: 95px;font-size: 34px;font-weight: 700;letter-spacing: 3px;text-align: center;}
.detail-rel-swiper {width: 100%;overflow: hidden;}
.detail-rel-item__link {display: block;color: inherit;text-decoration: none;}
.detail-rel-section .tob-meta-box {padding: 0 15px;}
.detail-rel-section .tob-item-name {height: 40px;margin-bottom: 6px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 18px;font-weight: 600;line-height: 1.1;}
.detail-rel-section .tob-item-price {font-size: 18px;font-weight: 600;}
.detail-rel-empty {width: 100%;padding: 60px 0;text-align: center;color: #777;font-size: 15px;}
/* 추천상품 swiper 버튼*/
#turnRelItem.product-section .swiper-button-prev{ margin-top:-100px; left:-100px;}
#turnRelItem.product-section .swiper-button-next { margin-top:-100px; right:-100px;} 




.product-title {font-size: 24px;margin: 0px 0 8px;font-weight: 700;}

.product-desc {color: #616161;font-size: 16px;margin-bottom: 25px;}

.price-section {padding-bottom: 25px;border-bottom: 1px solid #eee;position: relative;}

.current-price {font-size: 26px;font-weight: 800;margin-right: 10px;}

.original-price {font-size: 16px;color: #717171;text-decoration: line-through;}

.discount-rate {position: absolute;right: 0;top: 0;font-size: 28px;color: #d9534f;font-weight: 800;}

.discount-rate span {font-size: 19px;}

.spec-table {padding: 25px 0;font-size: 15px;}

.spec-row {display: flex;margin-bottom: 15px;align-items: flex-start;}

.spec-row .label {width: 140px;font-size: 16px;font-weight: 500;}

.spec-row .value {font-size: 16px;color: #616161;line-height: 1.4;}


.purchase-box {background: #f6f6f6;padding: 0 20px;margin-top: 20px;border-radius: 4px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.purchase-box.option-item {padding-top: 20px;}

.option-select {width: 100%;padding: 12px;border: 1px solid #ddd;margin-bottom: 15px;}

.selected-row {display: flex;justify-content: space-between;align-items: center;padding: 10px 0;}

.item-name {font-size: 16px;}

.qty-control {display: flex;align-items: center;gap: 5px;}

.qty-control input {width: 50px;padding: 5px;text-align: center;border: 1px solid #ccc;}

.remove-btn {background: none;border: none;font-size: 20px;cursor: pointer;color: #999;}

.total-price-section {display: flex;justify-content: space-between;align-items: center;padding: 30px 0;border-top: 1px solid #eee;margin-top: 30px;}

.total-label {font-size: 18px;font-weight: 700;display: flex;align-items: center;margin: unset;justify-content: space-between;width: 100%;}

.total-label b {font-size: 26px;color: #ed1b24;}


.button-group {display: flex;gap: 10px;}

.button-group button {flex: 1;padding: 20px 0;font-size: 18px;font-weight: bold;cursor: pointer;border: none;}

.cart-btn {background: #111;color: #fff;}

.buy-btn {background: #d9534f;color: #fff;}



@media (max-width: 1099px) {
    .review-line-list .review-line-item {grid-template-columns:1fr 88px;grid-template-rows:auto auto;align-items:start;min-height:auto;padding: 14px 10px;}
    .review-line-list .review-line__content {grid-column:1 / 2;grid-row:1 / 3;min-width:0;padding-right:14px;}
    .review-line-list .review-line__text {display:-webkit-box;overflow:hidden;color:#616161;font-size:13px;line-height:1.55;white-space:normal;text-overflow:initial;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
    .review-line-list .review-line__score {grid-column:2 / 3;grid-row:1 / 2;display:flex;align-items:center;justify-content:flex-end;gap:5px;padding-top:1px;}
    .review-line-list .review-line__stars {display:flex;align-items:center;}
    .review-line-list .review-line__stars img {display:block;width:13px;height:13px;}
    .review-line-list .review-line__score span {font-size:13px;color:#333;}
    .review-line-list .review-line__meta {grid-column:2 / 3;grid-row:2 / 3;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:5px;color:#616161;font-size:11px;white-space:nowrap;}
    .review-line-list .review-line__name {color:#616161;}
    .review-line-list .review-line__date {color:#616161;}
    .review-line-list .review-line__date::before {content:"";width:1px;height:10px;background-color:#c9c9c9;position:absolute;margin-left:-5px;margin-top:2px;}
    .review-line-list .review-line__cmd {display:none;}
    .review-line-list .review-line__reply {grid-column:1 / -1;margin:12px 0 0;padding:12px 14px;background:#f8f8f8;color:#555;font-size:12px;line-height:1.6;}
    .review-line-list .review-line__reply strong {margin-right:6px;color:#82C13B;}
    
    .product-section .pro-inner-wrap {max-width: 100%;padding: 0 20px;}
    .detail-rel-section .pro-inner-wrap {padding:0 20px;}
    .detail-rel-section .pro-inner-wrap h2 {font-size:26px;margin-bottom:40px;}
    /* 추천상품 이미지 100%*/ 
    .detail-rel-section .tob-image-box {width:100%;height:auto;aspect-ratio:1 / 1;margin-bottom:14px;}
    .detail-rel-section .tob-image-box a img {width: 100%;height: 100%;object-fit: cover;}


    .detail-rel-section .tob-meta-box {padding:0;}
    .detail-rel-section .tob-item-name {height:40px;font-size:14px;line-height:1.4;margin-bottom:6px;}
    .detail-rel-section .tob-item-price {font-size:15px;}
    #turnRelItem.product-section .swiper-button-prev,
    #turnRelItem.product-section .swiper-button-next {display:none;}

}

@media (max-width: 767px) {

#sit_opt_added .sit_spl_list .sit_opt_subj  { width: 75%;}

}

/* 제품 popover , 흐려지는 효과 제거하기 */
.product-section .sct_li.overlay::before,
.product-section .sct_li.overlay::after,
.product-section .sct_img::before,
.product-section .sct_img::after,
.product-section .sct_img a::before,
.product-section .sct_img a::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
.product-section .sct_li.overlay,
.product-section .sct_img,
.product-section .sct_img a,
.product-section .sct_img img {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
}

.product-section .sct_img:hover img,
.product-section .sct_li:hover img,
.product-section .swiper-slide:hover img,
.turnItem .imgArea:hover > span {
    opacity: 1 !important;
    filter: none !important;
}