/* 핫딜 */
#hot_bg {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    /* background: url(../images/hot_bg.jpg) no-repeat; */
    background-size: cover;
    background-position: center;
}

.pirce_percent{color: #8380f8; font-size: 16px; font-weight: bold; padding-left: 5px;}
.pirce_percent::before{content: "(";}
.pirce_percent::after{content: ")";}
/* 새로운 상품 after */
.new_product::after{
    content: ""; 
    background-image: url(../images/new_product.svg); 
    display: inline-block; 
    width: 48px; 
    height: 24px; 
    margin-left: 10px; 
    vertical-align: middle; 
    background-repeat: no-repeat;
}

/* 핫딜 */
.wrap #hot_bg .hot_bg_text{ position: absolute; width: 1600px; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.wrap #hot_bg .hot_bg_text .title{ font-family: 'GmarketSansMedium'; font-size: 48px; color: #000; font-weight: bold;}
.wrap #hot_bg .hot_bg_text p{ font-size: 24px; font-weight: 300; line-height: 1.4; color: #000; margin-bottom: 0;}
.wrap .md_contents .hot_wrap{margin: 100px auto;}

/* 전체상품 페이지 시작 */
.wrap .product_wrap{margin: 100px auto;}
.product_filter{width: 100%; border-bottom: 1px solid #e1e1e1; margin-bottom: 4.5rem;}
.product_filter ul{display: flex; justify-content: center;}
.product_filter ul li{width: 120px; padding: 10px 10px 15px 10px; text-align: center; font-size: 17px; border-bottom: 2px solid transparent; cursor: pointer;}
.li_active{border-bottom: 2px solid #8380f8 !important;}

/* 상품 상세페이지 시작 */

/* 상품 상세 */
.space{border-right: 20px solid transparent;}
.wrap .pdp-wrap{max-width: 1600px; margin: 80px auto;}
.wrap .pdp-wrap .pdp-top{display: flex; margin-bottom: 4rem; justify-content: space-between;}
.wrap .pdp-wrap .pdp-top .pdp-w{width: calc( 50% - 15px ); flex: 0 0 auto;}
.wrap .pdp-wrap .pdp-top .pdp_sub_title{font-size: 18px; color: #333; font-weight: bold;}
.wrap .pdp-wrap .pdp-top .pdp_title{font-size: 24px; font-weight: bold;}
.wrap .pdp-wrap .pdp-top .pdp_info{ border-collapse: separate; border-spacing: 0px 10px; margin-bottom: 2rem;}
.wrap .pdp-wrap .pdp-top .pdp_info tr th{font-size: 15px; color: #666666; font-weight: 400;}
.wrap .pdp-wrap .pdp-top .pdp_info tr .regular_price{font-size: 15px; color: #666666; text-decoration: line-through;}
.wrap .pdp-wrap .pdp-top .pdp_info tr .dp_price{font-size: 20px; color: black; font-weight: bold;}
.wrap .pdp-wrap .pdp-top .pdp_info tr .sell_price{font-size: 20px; color: #DA3D3D; font-weight: bold;}
.wrap .pdp-wrap .pdp-top .pdp_info tr .sell_price span{color: #8380f8; font-size: 15px;}
.wrap .pdp-wrap .pdp-top .pdp_amount{display: flex; justify-content: space-between; align-items: flex-end; background-color: #f7f7f7; padding: 15px 25px;}
.wrap .pdp-wrap .pdp-top .pdp_amount .amount_text{font-size: 17px; color: #333; font-weight: 500; margin-bottom: 1rem;}
.wrap .pdp-wrap .pdp-top .pdp_amount .amount_chk{background-color: white; border: 1px solid #e1e1e1; width: 90px; text-align: center; border-radius: 2px;}
.wrap .pdp-wrap .pdp-top .pdp_amount .amount_chk .plus{font-size: 18px; text-align: center; padding: 0 6px; }
.wrap .pdp-wrap .pdp-top .pdp_amount .amount_chk .minus{font-size: 18px; text-align: center; padding: 0 6px; }
.wrap .pdp-wrap .pdp-top .pdp_amount .pdp_Sum{font-size: 22px; color: black; font-weight: bold;}

.wrap .pdp-wrap .pdp-bt .section_title {font-size: 20px; color: black; font-weight: 500; margin-bottom: 1rem;}
.wrap .pdp-wrap .pdp-bt .pdp_product_sell_info, 
.wrap .pdp-wrap .pdp-bt .pdp_product_detail_info,
.wrap .pdp-wrap .pdp-bt .pdp_product_review,
.wrap .pdp-wrap .pdp-bt .pdp_product_qna{margin-top: 4rem;}
/* 상품판매정보 */
.wrap .pdp-wrap .pdp-bt .pdp_product_sell_info tr{border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.wrap .pdp-wrap .pdp-bt .pdp_product_sell_info th{background-color: #fafafa; font-size: 16px; font-weight: 300; width: 13%; padding: 15px 0px 15px 20px;}
.wrap .pdp-wrap .pdp-bt .pdp_product_sell_info td{padding: 15px 0 15px 20px;}
/* 상세정보 */
.wrap .pdp-wrap .pdp-bt .pdp_product_detail_info .detail_inner{padding: 30px; background-color: #fafafa;}
.wrap .pdp-wrap .pdp-bt .pdp_product_detail_info .detail_inner h5{font-size: 1.25rem;}
.wrap .pdp-wrap .pdp-bt .pdp_product_detail_info .detail_inner h5::before{ content: ""; display: inline-block; background-image: url(../images/fluent_chat-warning.png); background-size: 24px 24px; width: 24px; height: 30px; vertical-align: middle; margin-right: 10px; background-repeat: no-repeat; }
.wrap .pdp-wrap .pdp-bt .pdp_product_detail_info ul{font-size: 18px; color: #666666; font-weight: 500; margin-top: 2rem;}
.wrap .pdp-wrap .pdp-bt .pdp_product_detail_info ul li{font-size: 16px; color: #666666; font-weight: 300;}
.wrap .pdp-wrap .pdp-bt .pdp_product_detail_info ul li:nth-child(1){margin-top: 0.5rem;}
/* 리뷰 */
.wrap .pdp-wrap .pdp-bt .pdp_product_review p{font-size: 14px; color: #666666; font-weight: lighter; margin-top: 0.5rem; margin-bottom: 0;}
.wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner{border: 1px solid #e1e1e1; background-color: white; display: flex; justify-content: center; padding: 20px 0;}
.wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner .review_rating{ font-family: 'GmarketSansBold'; font-size: 40px; font-weight: bold; margin-right: 3rem;}
.wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner2 .review_tab .review_item{border-bottom: 1px solid black; display: flex; justify-content: space-between; align-items: center;}
.wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner2 .review_tab .review_item .review_filter{color: #666666; padding: 0.5rem 1rem 0.5rem 0; cursor: pointer;}
.wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner2 .review_tab .review_item .review_filter.active{color: black; font-weight: bold;}
.wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner2 .review_tab .review_item .rek{color: black; padding-right: 0; font-size: 14px;}
.wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner2 .review_tab .review_item .rek::after{ content: ""; display: inline-block; background-image: url(../images/rek.svg); background-size: 8px 8px; width: 8px; height: 10px; vertical-align: middle; background-repeat: no-repeat; margin-left: 5px;}
.wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner2 .review_tab .review_items{border-bottom: 1px solid #dee2e6; padding-top: 1rem; padding-bottom: 1rem;}
.wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner2 .review_tab .review_items .user_name,
.wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner2 .review_tab .review_items .user_date{font-size: 14px; color: #666666; line-height: 16px;}
.wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner2 .review_tab .review_items .user_name::before{content: "Ι"; font-size: 14px; color: #666666;padding: 0 10px;}
.wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner2 .review_tab .review_items .user_name::after{content: "Ι"; font-size: 14px; color: #666666; padding: 0 10px;}
/* 상품문의 */
.wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner{background-color: #fafafa; padding: 12px 30px; font-size: 14px; color: #666666;}
.wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .qna_tab{border-bottom: 1px solid black; display: flex; margin-top: 1.5rem; justify-content: space-between; align-items: end;}
.wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .qna_tab div{color: #666666; padding: 0.5rem 1rem 0.5rem 0; cursor: pointer;}
.wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .qna_tab .qna_write{padding-right: 0; font-size: 14px;}
.wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .qna_tab .qna_write::after{ content: ""; display: inline-block; background-image: url(../images/qna_write.svg); background-size: 8px 8px; width: 8px; height: 11px; vertical-align: middle; background-repeat: no-repeat; margin-left: 5px;}
.wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .qna_tab div.active{color: black; font-weight: bold;}
.wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .qna_items {border-bottom: 1px solid #dee2e6; padding: 1.5rem;}
.wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .qna_item {display: flex; justify-content: space-between; align-items: center;}
.wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .qna_items .answer_inner1,
.wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .qna_items .answer_inner2{display: flex;}
.wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .answer_inner1{font-size: 15px;}
.wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .answer_inner2 .user_name,
.wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .answer_inner2 .user_date{font-size: 14px;  font-weight: 300; color: #666666; line-height: 16px;}
.wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .answer_inner2 .user_name::after{content: "Ι"; font-size: 14px; color: #666666; padding: 0 10px;}
/* 반품교환정보 */
.wrap .pdp-wrap .pdp-bt .pdp_product_ch{padding-top: 2rem; margin-top: 3rem; display: flex;}
.wrap .pdp-wrap .pdp-bt .pdp_product_ch .ch_inner{background-color: #fafafa; padding: 30px;}
.wrap .pdp-wrap .pdp-bt .pdp_product_ch .ch_inner dt{font-size: 17px; font-weight: 500; margin-bottom: 0.25rem;}
.wrap .pdp-wrap .pdp-bt .pdp_product_ch .ch_inner dd{font-size: 15px; font-weight: 300; margin-bottom: 1rem;}


.wrap .pdp-wrap .pdp_btn1{width: calc(50% - 12px); background-color: #fff; font-size: 16px; color: #8380f8; padding: 1.1em; border-radius: 2px; font-weight: bold; border: 1px solid #8380f8; float: left;}
.wrap .pdp-wrap .pdp_btn2{width: calc(50% - 12px); background-color: #000; font-size: 16px; color: #fff; padding: 1.1em; border-radius: 2px; font-weight: bold; border: none; float: right;}
.wrap .pdp-wrap .pdp_allAmount{font-size: 18px; font-weight: 400; }
.wrap .pdp-wrap .pdp_allAmount span{font-size: 26px; font-weight: bold; }
.wrap .pdp-wrap .pdp_allAmount span::after{content: "개"; font-size: 18px; font-weight: 400;}
.wrap .pdp-wrap .pdp_allSum{font-size: 26px; font-weight: bold; color: #8380f8;}
.wrap .pdp-wrap .pdp_allSum::after{content: "원";}
.wrap .pdp-wrap .pdp-top .pdp_amount .pdp_Sum::after{content: "원";}

/* 상품판매정보 */
/* 탭5개 기준으로 설정되어있어서 3개로 변경에 함에 따라 width 변경*/
.wrap .pdp-wrap .pdp-bt .pdp_product_tab ul{display: flex; width: 100%; justify-content: space-between;}
/*.wrap .pdp-wrap .pdp-bt .pdp_product_tab ul li{text-align: center; width: 20%; font-size: 16px;padding: 10px 0;}*/
.wrap .pdp-wrap .pdp-bt .pdp_product_tab ul li{text-align: center; width: 33.3%; font-size: 16px;padding: 10px 0;}
.wrap .pdp-wrap .pdp-bt .pdp_product_tab ul li a{color: black; width: 100%; display: inline-block;}
.wrap .pdp-wrap .pdp-bt .pdp_product_tab ul li a:hover{color: black;}
.wrap .pdp-wrap .pdp-bt .pdp_product_tab ul li.active{border-bottom: 2px solid black; font-weight: 500;}



@media screen and (max-width:1600px) {
    .wrap #hot_bg .hot_bg_text{width: 100%; margin: 0 30px;}
    .wrap .pdp-wrap .pdp-top{margin: 0 30px 4rem 30px;}
    .wrap .pdp-wrap .pdp-bt{margin: 0 30px;}
}

@media screen and (max-width:1024px){
    .wrap .pdp-wrap .pdp-top{flex-direction: column;}
    .wrap .pdp-wrap .pdp-top .pdp-w{width: 100%;}
    .wrap .pdp-wrap .pdp-top .pdp-w:nth-child(1){margin-bottom: 2rem;}
    .wrap .pdp-wrap .pdp_product_ch{flex-direction: column;}
}

@media screen and (max-width:768px){
    #hot_bg{ background: url(../images/hot_mo_bg.jpg) no-repeat; height: 300px; background-size: cover; min-height: 190px; height: 39.0625vw;}
    .wrap #hot_bg .hot_bg_text .title{font-size: 24px;}
    .wrap #hot_bg .hot_bg_text p{font-size: 18px;}
    .wrap .md_contents .hot_wrap{margin: 40px auto;}

    .wrap .product_wrap {margin: 40px auto;}

    .wrap .pdp-wrap{margin: 40px auto;}
    .wrap .pdp-wrap .pdp-top{margin: 0 20px 4rem 20px;}
    .wrap .pdp-wrap .pdp-top .pdp_sub_title{font-size: 16px; font-weight: 400;}
    .wrap .pdp-wrap .pdp-top .pdp_title{font-size: 20px;}
    .wrap .pdp-wrap .pdp-top .pdp_info tr th,
    .wrap .pdp-wrap .pdp-top .pdp_info tr td{font-size: 14px;}
    .wrap .pdp-wrap .pdp-top .pdp_info tr .sell_price{font-size: 18px;}
    .wrap .pdp-wrap .pdp-top .pdp_amount .amount_text, 
    .wrap .pdp-wrap .pdp-top .pdp_allAmount,
    .wrap .pdp-wrap .pdp-top .pdp_allAmount span::after{font-size: 15px;}
    .wrap .pdp-wrap .pdp-top .pdp_btn1,
    .wrap .pdp-wrap .pdp-top .pdp_btn2{width: calc(50% - 5px); padding: 0.6em; font-size: 14px;}
    .wrap .pdp-wrap .pdp-top .pdp_amount .pdp_Sum{font-size: 18px;}
    .wrap .pdp-wrap .pdp-top .pdp_allAmount span,
    .wrap .pdp-wrap .pdp-top .pdp_allSum{font-size: 20px;}

    .wrap .pdp-wrap .pdp-bt{margin: 0 20px;}    
    .wrap .pdp-wrap .pdp-bt .section_title{font-size: 18px;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_tab ul{overflow-x: scroll;  -ms-overflow-style: none; scrollbar-width: none;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_tab ul::-webkit-scrollbar { display: none;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_tab ul li{text-align: center; font-size: 15px;padding: 10px 20px; width: auto;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_sell_info th,
    .wrap .pdp-wrap .pdp-bt .pdp_product_sell_info td{padding: 15px; font-size: 14px;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_detail_info ul{font-size: 16px; margin-top: 1.5rem;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_detail_info ul li{font-size: 14px;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_detail_info .detail_inner h5{font-size: 1rem;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_detail_info .detail_inner{padding: 20px;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_review p{font-size: 12px;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner{font-size: 12px;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner .review_rating{font-size: 30px; margin-right: 2rem;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner2 .review_tab .review_item{align-items: center; margin-top: 1rem;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_review .review_inner2 .review_tab .review_item .review_filter{font-size: 14px;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .qna_tab{font-size: 14px; align-items: center;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .qna_items{padding: 1rem 0;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .answer_inner1{font-size: 14px;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_qna .qna_inner2 .answer_inner1 .user_answer{ width: calc(100vw - 268px); display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_ch .ch_inner{padding: 20px;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_ch .ch_inner dt{font-size: 16px;}
    .wrap .pdp-wrap .pdp-bt .pdp_product_ch .ch_inner dd{font-size: 14px;}
}


@media screen and (max-width:520px){
    .product_filter ul{justify-content: space-between;}
    .product_filter ul li{width: 25%; font-size: 14px;}
}

@media screen and (max-width:500px){
    .wrap #hot_bg .hot_bg_text .title{font-size: 22px; font-weight: bold;}
    .wrap #hot_bg .hot_bg_text p{font-size: 16px;}
    .new_product::after{
    content: "";
    background-image: url(../images/new_product.svg);
    display: inline-block;
    width: 35px;
    height: 18px;
    margin-left: 5px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    }
}