/* product.css */
body {
    padding-top:80px;
}
main {}
main .product_wrap {
    width:1200px; margin:80px auto;
    text-align: center;
}
main .product_wrap .path {
    display: flex; align-content:start; gap:5px;
    width:max-content;
    margin-bottom: 50px;
}
main .product_wrap .path a {
    font-size: 0.625rem;
}

main .product_wrap section {
    display: flex; gap:80px;
    align-items:end;
    margin-bottom: 135px;
}
main .product_wrap section .left_thumnail {
    width:max-content;
    display: flex; gap:20px;
}
main .product_wrap section .left_thumnail .small {
    width:max-content;
    display: flex; flex-flow:column nowrap; gap:5px;
}
main .product_wrap section .left_thumnail .small a {
    width:80px; height:80px;
}
main .product_wrap section .left_thumnail .small a img {
    width:100%;
}
main .product_wrap section .left_thumnail .small a:nth-child(4) img {
    width:80px; height:80px; border-radius: 20px;
}

main .product_wrap section .right_order {
    text-align: left; display: flex; flex-flow: column nowrap;
}
main .product_wrap section .right_order h1 {
    font-size: 1.5rem; margin-bottom: 20px;
}
main .product_wrap section .right_order .price_wrap {
    display: flex; align-items: end; gap:10px;
}
main .product_wrap section .right_order .price_wrap .sale_price {}
main .product_wrap section .right_order .price_wrap .sale_price del {
    color:rgba(52,52,52,0.5)
}
main .product_wrap section .right_order .price_wrap .price {}
main .product_wrap section .right_order .price_wrap .price em {
    font-size: 1.75rem;
}
main .product_wrap section .right_order .delivery {
    display: flex;
    margin:20px 0 40px 0; padding:20px 0;
}
main .product_wrap section .right_order .delivery dt {
    margin-right:50px;
}
main .product_wrap section .right_order .delivery dd {}
main .product_wrap section .right_order .delivery dd:nth-child(3) {
    margin-left:10px; font-size:0.75rem; align-self: end;
}
main .product_wrap section .right_order .order {width:100%;}
main .product_wrap section .right_order .order .order_top {
    display: flex; justify-content: space-between;
    padding:20px; margin-bottom: 20px;
    border-top:0.1px solid rgba(52,52,52,0.1);
    border-bottom:0.1px solid rgba(52,52,52,0.1);
}
main .product_wrap section .right_order .order .order_top h2 {}
main .product_wrap section .right_order .order .order_top .order_num {}
main .product_wrap section .right_order .order .order_top .order_num #minus {}
main .product_wrap section .right_order .order .order_top .order_num input {
    width:20px; background-color: transparent; text-align: center;
}
main .product_wrap section .right_order .order .order_top .order_num #plus {}
main .product_wrap section .right_order .order .total_price {
    display: flex; justify-content: end;
}
main .product_wrap section .right_order .order .total_price span {
    font-size: 0.75rem; margin-right:10px; align-self: end;
}
main .product_wrap section .right_order .order .total_price em {
    font-size: 1.5rem;
}

main .product_wrap section .right_order .btn_wrap {
    display:flex; align-items: center; gap:10px;
    margin:40px 0;
}

main .product_wrap section .right_order .btn_wrap #like_btn {}
main .product_wrap section .right_order .btn_wrap #like_btn img {}
main .product_wrap section .right_order .btn_wrap #like_btn img:hover {
    background-image: url(../images/product_detail/icon_favorite_on.png);
    animation:opacity 0.7s ease;
}
main .product_wrap section .right_order .btn_wrap .pay_btn {
    padding:10px 55px; border:1px solid #333; border-radius: 10px;
    transition:all 0.5s ease;
}
main .product_wrap section .right_order .btn_wrap .pay_btn:hover {
    background-color: #333; color:#fff;
}
@keyframes opacity {
    0% {opacity:0}
    100% {opacity:1}
}

main .product_wrap section .right_order .naver_pay {
    display: flex;
    border-top:0.1px solid rgba(52,52,52,0.2);
    padding-top: 40px;
}
main .product_wrap section .right_order .naver_pay .left {
    margin-right:20px;
}
main .product_wrap section .right_order .naver_pay .left h2 {}
main .product_wrap section .right_order .naver_pay .left h2 img {}
main .product_wrap section .right_order .naver_pay .left p {
    font-size: 0.75rem; margin-top:5px;
}
main .product_wrap section .right_order .naver_pay button {
    border:1px solid #03c75a;
    border-radius: 10px;
    padding:10px 30px 5px;
    transition:all 0.5s ease;
}
main .product_wrap section .right_order .naver_pay button:hover {
    background-color: #03c75a;
}
main .product_wrap section .right_order .naver_pay .button img {
    
}

main .product_wrap .page_info {
    width:1000px; margin:0 auto 200px;
    display: flex; justify-content: space-between;
}
main .product_wrap .page_info > button {
    width:250px; padding:20px 0;
    border-right:0.1px solid rgba(52,52,52,0.2);
    font-weight: 500;
}
main .product_wrap .page_info > button:hover {
    background-color: #333; color:#fff;
}
main .product_wrap .page_info > button:first-child {
    border-left:0.1px solid rgba(52,52,52,0.2);
}
main .product_wrap .detail img {}