.wrap.sub {padding-top: 180px;}

/* -------- 상품리스트 -------- */
.product_list {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; column-gap: 40px; row-gap: 50px;}
.product_list .prd_info .prd_name {font-size: 20px; width: 100%;}
.product_list .prd_info .prd_price {font-size: 20px;}
.product_list .prd_info .prd_sale {font-size: 18px;}
.product_list .prd_info dl {padding: 10px 0;}
.product_list .prd_info .prd_tag span {font-size: 12px;}

.prd_list_wrap .paging {margin-top: 70px;}

.prd_tabmenu {width: 100%; margin-bottom: 50px; border-top: 1px solid #666; border-bottom: 1px solid #666;}
.prd_tabmenu ul {display: flex; flex-wrap: wrap;}
.prd_tabmenu li {width: 20%; padding: 14px 4px; text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center;}
.prd_tabmenu li.on::after {content: ""; display: block; width: 100%; height: 4px; background-color: #aa9380; bottom: -1px; left: 50%; transform: translateX(-50%); position: absolute;}
.prd_tabmenu li:last-child {border-bottom: none;}
.prd_tabmenu li:nth-of-type(5n) {border-right: none;}
.prd_tabmenu span {font-size: 18px; color: #888; line-height: 1.2; word-break: keep-all;}
.prd_tabmenu li.on span {color: #333; font-weight: 700;}

.prd_list_wrap .prd_con .prd_thumb .prd_opt {display: flex; align-items: center; justify-content: center; background: transparent; transition: all .1s; opacity: 0;}
.prd_list_wrap .prd_con .prd_thumb .prd_opt button {border-right: none; position: relative; background: rgba(255, 255, 255, .7); display: block; width: 50px; height: 50px; border-radius: 100%;}
.prd_list_wrap .prd_con .prd_thumb .prd_opt button i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168220526069496.png) no-repeat center/contain; display: block; width: 55%; height: 55%; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; opacity: 1;}
.prd_list_wrap .prd_con .prd_thumb .prd_opt button.on i {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168219704615301.png) no-repeat center/contain;}

.prd_list_wrap .prd_con .prd_thumb:hover .prd_opt {opacity: 1;}
.prd_list_wrap .prd_con.soldout .prd_thumb:hover .prd_opt {opacity: 0;}

 

/* -------- 상품 상세페이지 -------- */
.wrap.sub.product {overflow: initial;}

.prd_nav {width: 100%; padding-bottom: 40px;}
.prd_nav ul {display: flex; align-items: center; gap: 12px;}
.prd_nav i {display: block; width: 14px; height: 14px; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168168341452897.png) no-repeat center/contain;}
.prd_nav .home {cursor: pointer; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168168366140115.png) no-repeat center/contain;}
.prd_nav span {font-size: 14px; color: #aaa; cursor: pointer;}
.prd_nav li.on span {color: #555; font-weight: 600;}

.detail_wrap {height: auto;}

.detail_box {display: flex; align-items: flex-start; padding-bottom: 50px;}
.detail_box .product_img {width: 50%; position: relative; position: sticky; top: 150px;}
.detail_box .product_img::after {content: ""; display: block; width: 100%; padding-bottom: 100%; position: absolute; top: 0; left: 0;}
.detail_box .product_img img {display: block; width: 100%; height: 100%; object-fit: cover;}

.detail_box .product_info {display: flex; flex-direction: column; align-items: flex-start; width: 50%; padding-left: 40px; position: sticky; top: 140px;}
.detail_box .product_info .name {font-weight: 700; word-break: keep-all; line-height: 1.4; padding-bottom: 60px; font-size: clamp(20px, 3vw, 36px); width: 100%;}
.detail_box .product_info .price_box {border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 0; display: flex; flex-direction: column; width: 100%; gap: 8px;}
.detail_box .product_info .price_box dl {display: flex; align-items: center;}
.detail_box .product_info .price_box dt {width: 120px;}
.detail_box .product_info .price_box dd {width: calc(100% - 120px); font-weight: 800;}
.detail_box .product_info .price_box dd.etc {font-weight: 400;}

.detail_box .option_box {width: 100%; padding: 15px 0; border-bottom: 1px solid #eee; display: flex; flex-direction: column; gap: 15px;}
.detail_box .option_box .opt_con {display: flex; align-items: center;}
.detail_box .option_box span {display: block; width: 120px;}
.detail_box .option_box .opt_prd {width: calc(100% - 120px);}
.detail_box .option_box .opt_prd ul {width: 100%; max-height: 20vh; overflow-y: auto;}



.detail_box .option_add {width: 100%; padding: 15px 0; border-bottom: 1px solid #eee; display: flex; flex-direction: column; gap: 15px; display: flex; flex-direction: column; gap: 10px;}
.detail_box .option_add .opt_con {display: flex; align-items: center;}
.detail_box .option_add span {display: block; width: 120px;}
.detail_box .option_add .opt_prd {width: calc(100% - 120px);}
.detail_box .option_add .opt_prd ul {width: 100%;}
/* .detail_box .option_add .discription {margin-bottom: 0; padding: 20px; line-height: 1.4; font-size: 14px; word-break: keep-all; background-color: #f7f3f0;} */
 
.detail_box .slt_prod {padding: 15px 0; width: 100%; border-bottom: 1px solid #eee; display: flex; width: 100%; flex-direction: column; gap: 12px;}
.detail_box .slt_prod .slt_con {display: flex; flex-direction: column; gap: 15px; padding: 15px; background-color: #f7f7f7;}
.detail_box .slt_prod .slt_con .title {display: flex; align-content: center; width: 100%; justify-content: space-between;}
.detail_box .slt_prod .slt_con .opt_name {font-size: 18px; font-weight: 600;}
.detail_box .slt_prod .slt_con .delete {display: block; width: 18px; height: 18px; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168168314821887.png) no-repeat center/contain; cursor: pointer;}
.detail_box .slt_prod .slt_optlist {display: flex; gap: 6px; width: 100%; flex-wrap: wrap;}
.detail_box .slt_prod .slt_optlist .opt_item {display: flex; align-items: center; gap: 15px; padding: 4px 12px; border-radius: 5px; background: #ddd; width: max-content;}
.detail_box .slt_prod .slt_optlist .opt_item span {font-size: 14px; display: flex; align-items: center; gap: 4px; width: max-content;}
.detail_box .slt_prod .slt_optlist .opt_item .delete {width: 14px; height: 14px;}

.detail_box .slt_prod .opt_sub {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.detail_box .slt_prod .opt_sub .total {font-weight: 700;}


.detail_box .slt_prod .discription {margin-bottom: 0; padding: 20px; line-height: 1.4; font-size: 14px; word-break: keep-all; background-color: #f7f3f0;}

.detail_box .detail_totalbox {display: flex; flex-direction: column; padding: 15px 0; width: 100%; gap: 10px;}
.detail_box .detail_total {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.detail_box .detail_total .price {font-weight: 800; font-size: 24px; color: #725a45; display: flex; flex-direction: column; align-items: flex-end;}
.detail_box .detail_total .price i {font-size: 14px; color: #777; display: inline-block; margin-top: -6px;}
.detail_box .detail_total.extra .price {font-size: 16px; font-weight: 500; color: #555;}

.detail_box .btn_box {align-items: stretch; padding-top: 20px; width: 100%; flex-wrap: nowrap;}
.detail_box .btn_box i {display: block; padding: 10px 30px; border: 1px solid #6e6862; cursor: pointer; position: relative;}
.detail_box .btn_box .btn_cart::after {content: ""; display: block; position: absolute; width: 50%; height: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168168479796791.png) no-repeat center/contain;}
.detail_box .btn_box .btn_like {background-color: #aea297; border-color: #aea297;}
.detail_box .btn_box .btn_like::after {content: ""; display: block; position: absolute; width: 40%; height: 60%; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168168471431364.png) no-repeat center/contain;}
.detail_box .btn_box .btn_like.on::after {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/NEUTINAMU/publishing/168226677112855.png) no-repeat center/contain;}
.detail_box .btn_box button {width: calc(100% - 75px); font-size: 20px;}
.detail_box .product_info .soldout_btn {padding: 15px 4px; text-align: center; background-color: #f1f1f1; color: #888; width: 100%; font-size: clamp(15px, 1.5vw, 18px);}



.detail_contents .discription {margin-bottom: 20px; position: relative;}
.detail_contents .discription::after {content: ""; display: block; width: 100%; height: 1px; bottom: -20px; left: 0; position: absolute; background-color: #666;}
.detail_contents .title {font-size: 20px; font-weight: 700; padding-bottom: 15px; width: 100%; color: #555;}
.detail_contents .detail_cont {width: 100%; padding-top: 20px;}
.detail_contents .detail_cont img {width: 100%; height: 100%; display: block; object-fit: contain; margin: 0 auto;}
.detail_contents .detail_cont p {width: 100%;}
.detail_contents .detail_cont p img {width: 100% !important; max-width: 900px !important;}


/* -------- 1440px -------- */
@media screen and (max-width: 1440px) {
    .prd_tabmenu li {padding: 10px 4px;}
    .prd_tabmenu span {font-size: 16px;}

}


/* -------- 1280px -------- */
@media screen and (max-width: 1280px) {
    .product_list {grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 30px; row-gap: 40px;}

}



/* -------- 1080px -------- */
@media screen and (max-width: 1080px) {
    .wrap.sub {padding-top: 130px;}

    /* 상품리스트 */
    .prd_tabmenu li {width: 25%;}
    .prd_tabmenu li:nth-of-type(5n) {border-right: 1px solid #eee;}
    .prd_tabmenu li:nth-of-type(4n) {border-right: none;}

    /* 상품상세 */
    .detail_box .product_info {padding-left: 30px;}
    .detail_box .product_info .name {padding-bottom: 40px;}
}


/* -------- 850px -------- */
@media screen and (max-width: 850px) {
    /* 상품리스트 */
    .product_list {grid-template-columns: 1fr 1fr 1fr; column-gap: 20px; row-gap: 30px;}
    .prd_tabmenu {margin-bottom: 30px;}
    .prd_tabmenu li {padding: 8px 4px;}

    .product_list .prd_info .prd_name, .product_list .prd_info .prd_price {font-size: 18px;}
    .prd_list_wrap .prd_con .prd_thumb .prd_opt button {width: 45px; height: 45px;}

    /* 상품상세 */
    .detail_box .product_img {width: 40%;}
    .detail_box .product_info {width: 60%;}
    .detail_box .product_info .price_box dt {font-size: 15px; width: 100px;}
    .detail_box .option_box span {font-size: 15px; width: 100px;}
    .detail_box .option_add span {font-size: 15px; width: 100px;}
    .detail_box .product_info .price_box dd, .detail_box .option_box .opt_prd, .amount_box, .detail_box .option_add .opt_prd {width: calc(100% - 100px);}
    .detail_box .product_info .price_box dd.etc {font-size: 14px; width: calc(100% - 100px);}
    
    .detail_box .detail_total {font-size: 15px;}
    .detail_box .detail_total .price {font-size: 20px;}
    .detail_box .detail_total .price i {font-size: 13px;}

    .detail_box .btn_box button {font-size: 18px; padding: 10px 20px;}
    .detail_box .slt_prod .discription {font-size: 13px; padding: 15px;}
    .detail_box .slt_prod .slt_con .opt_name {font-size: 16px;}
    .detail_box .slt_prod .slt_con .delete {width: 16px; height: 16px;}
    .detail_box .slt_prod .slt_con {gap: 12px;}
    .detail_box .detail_totalbox {gap: 5px;}

    .detail_contents .title {font-size: 18px;}
    
}



/* -------- 650px -------- */
@media screen and (max-width: 650px) {
    .wrap.sub {padding-top: 100px;}

    .prd_nav {padding-bottom: 20px;}
    
    /* 상품리스트 */
    .product_list {grid-template-columns: 1fr 1fr; column-gap: 15px; row-gap: 30px;}
    .prd_tabmenu span {font-size: 14px;}
    .prd_tabmenu li {width: 33.3333%; padding: 10px 4px;}
    .prd_tabmenu li:nth-of-type(4n) {border-right: 1px solid #eee;}
    .prd_tabmenu li:nth-of-type(3n) {border-right: none;}


    /* 상품상세 */
    .detail_box {flex-direction: column;}
    .detail_box .product_info .name {padding-bottom: 25px;}
    .detail_box .product_img {width: 100%; position: relative; top: 0;}
    .detail_box .product_info {width: 100%; padding-left: 0; padding-top: 20px;}
    .detail_box .option_box span, .detail_box .option_add span {font-size: 14px;}
    .detail_box .option_box .opt_prd, .detail_box .option_add .opt_prd {padding: 0 12px; height: 36px; line-height: 36px;}
    .detail_box .option_box .nice-select .option, .detail_box .option_add .nice-select .option {padding: 0 12px; line-height: 36px; min-height: 36px; font-size: 14px;}
    .detail_box .btn_box {padding-top: 10px;}


    .product_list .prd_info .prd_name, .product_list .prd_info .prd_price {font-size: 15px;}
}