/**/
#shop-list {}
#shop-list .product-container {
    margin-top:3.6rem;
}


/**/
#shop-view {
    padding:2.4rem 0 12rem 0;
}
#shop-view .count-blue {color: #3287D7;}
#shop-view .path {
    display:flex;
    margin-bottom:4rem;
}
#shop-view .path li {
    color: #777;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    margin-right:20px;
    position:relative;
}
#shop-view .path li:after {
    content:'';
    position:absolute;
    width: 5px;
    height:100%;
    right:-13px;
    background:url(/images/content/layout/path.png) no-repeat center center;
}
#shop-view .path li:last-child {
    margin-right:0;
}
#shop-view .path li:last-child:after {
    background:none;
    display:none;
}

#shop-view .product-head {
    display:flex;
    justify-content: space-between;
    gap:6.4rem;
}
#shop-view .product-head .product-image {
    width:100%;
    flex:0 0 704px;
    max-width:704px;
}
#shop-view .product-head .product-image .p-image {
    background-color:#EFF2F5;
    background-repeat: no-repeat;
    background-position: center center;
    height:580px;
}
#shop-view .product-head .product-image .preview {
    margin-top:7px;
}
#shop-view .product-head .product-image .preview ul {
    display:flex;
    gap:8px;
    overflow:auto;
}
#shop-view .product-head .product-image .preview li {
    width:80px;
    height:80px;
    flex:0 0 80px;
}
#shop-view .product-head .product-image .preview li button {
    width:100%;
    height:100%;
    background-size:cover;
    background-color:#EFF2F5;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: center center;
    overflow:hidden;
    display:block;
}
#shop-view .product-head .product-data {
    flex:1 1 auto;
}
#shop-view .product-head .product-data .cate {
    color: #777;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.8rem;
    margin-bottom:0.4rem;
}
#shop-view .product-head .product-data .name {
    color: #000;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.8rem;
    margin-bottom:2rem;
}
#shop-view .product-head .product-data .review {
    color: #3287D7;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6rem;
    margin-bottom:1rem;
    display:flex;
    align-items: center;
}
#shop-view .product-head .product-data .review .review-star {
    display:flex;
}
#shop-view .product-head .product-data .review .review-star img {
    transform:translateY(2px);
    margin-right:2px;
}
#shop-view .product-head .product-data .review .review-count {
    margin-left:1rem;
}
#shop-view .product-head .product-data .review .review-count span {}
#shop-view .product-head .product-data .price {
    color: #000;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 800;
    line-height: 135%;
    margin-bottom:1.6rem;
}
#shop-view .product-head .product-data .delivery-info {
    display:flex;
    gap:1.6rem;
}
#shop-view .product-head .product-data .delivery-info > div:nth-child(1) {
    color: #777;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4rem;
}
#shop-view .product-head .product-data .delivery-info .delivery-info-value {}
#shop-view .product-head .product-data .delivery-info .delivery-info-value p {
    font-size: 1.6rem;
    font-style: normal;
    line-height: 2.4rem;
}
#shop-view .product-head .product-data .delivery-info .delivery-info-value p:nth-child(1) {
    color: #000;
    font-weight: 700;
}
#shop-view .product-head .product-data .delivery-info .delivery-info-value p:nth-child(2) {
    color: #555;
    font-weight: 400;
}
#shop-view .product-head .product-data .order-quantity {
    background:#EFF2F5;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 1.6rem;
    align-items: flex-start;
    gap: 1.6rem;
    border-radius: 6px;
    margin:3.2rem 0;
}
#shop-view .product-head .product-data .order-quantity .i {
    display:flex;
    width:100%;
    justify-content: space-between;
    align-items: center;
}
#shop-view .product-head .product-data .order-quantity .p {
    color: #000;
    text-align: right;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
}
#shop-view .product-head .product-data .price-sum {
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:3.2rem;
}
#shop-view .product-head .product-data .price-sum p {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
}
#shop-view .product-head .product-data .price-sum .price-now {
    color: #000;
    text-align: right;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 700;
}
#shop-view .product-head .product-data .button-group {
    display:flex;
    gap:0.8rem;
}
#shop-view .product-head .product-data .button-group > button {
    flex:0 1 50%;
    border:1px solid #3287D7;
    height:64px;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius:6px;
}
#shop-view .product-head .product-data .button-group .cart {
    color:#3287D7;
}
#shop-view .product-head .product-data .button-group .order {
    background-color:#3287D7;
    color:#fff;
}
#shop-view .product-body {
    margin-top:12rem;
}
#shop-view .product-body .tab-menu {
    background:#F1F4F7;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
#shop-view .product-body .tab-menu ul {
    display:flex;
}
#shop-view .product-body .tab-menu li {}
#shop-view .product-body .tab-menu li button {
    padding:1.2rem 4rem;
    color: #000;
    text-align: center;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    position:relative;
    transition:color 100ms;
}
#shop-view .product-body .tab-menu li button.active {
    color:#3287D7;
}
#shop-view .product-body .tab-menu li button:focus {
    border:0;
    outline:0;
}
#shop-view .product-body .tab-menu li button:before {
    content:'';
    position:absolute;
    width:100%;
    height:3px;
    background:transparent;
    bottom:-1px;
    left:0;
    transition:background 100ms;
}
#shop-view .product-body .tab-menu li button.active:before {
    background:#3287D7;
}
#shop-view .product-content {
    display:none;
    padding:12rem 0;
}
#shop-view #product-content {display:block;}
#shop-view #product-content img {max-width: 100%;}
#shop-view .product-content .head {
    color: #000;
    font-family: Pretendard, sans-serif;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 800;
    line-height: 135%;
}
#shop-view .product-content .body {
    padding-top:4rem;
}
#shop-view .product-content .body .empty {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:6rem;
}
#shop-view .product-content .body .empty div {
    margin-bottom:1.6rem;
}
#shop-view .product-content .body .empty p {
    color: #555;
    text-align: center;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

@media(max-width:1300px){
    #shop-view .product-head .product-image {
        width:50%;
        flex: 0 0 50%;
        max-width:50%;
    }
}

@media(max-width:1023px){
    #shop-view .product-head {
        flex-direction: column;
    }
    #shop-view .product-head .product-image {
        width:100%;
        flex: 0 0 100%;
        max-width:100%;
    }
}


/**/
#product-review .head {}
#product-review .body {}
#product-review .body .review-row {
    border-bottom:1px solid #CCCCCC;
    padding:3.2rem 0;
}
#product-review .body .review-row .date {
    margin-bottom:1.2rem;
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
}
#product-review .body .review-row .review-star {
    margin-bottom:1.2rem;
}
#product-review .body .review-content {
    margin-bottom:1.2rem;
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
}
#product-review .body .review-image {
    display:flex;
}
#product-review .body .review-image li {}
#product-review .body .review-image li img {
    max-width:220px;
    max-height:220px;
}

/**/
#product-inquiry .head {
    display:flex;
    justify-content: space-between;
    align-items: center;
}
#product-inquiry .head > div {}
#product-inquiry .head .btn-inquiry-modal {
    color: #3287D7;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    display:flex;
    align-items: center;
}
#product-inquiry .head .btn-inquiry-modal img {
    margin-left:4px;
}
#product-inquiry .body {}
#product-inquiry .body .inquiry-list {}
#product-inquiry .body .inquiry-list li {
    border-bottom:1px solid #ccc;
    padding:4rem 0;
}
#product-inquiry .body .inquiry-list li:first-child {
    padding-top:0;
}
#product-inquiry .body .inquiry-list li .date {
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
}
#product-inquiry .body .inquiry-list li .subject {
    display:block;
    margin-top:1.6rem;
}
#product-inquiry .body .inquiry-list li .subject .title {
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
}

/**/
#product-guide .head {}
#product-guide .body section {
    padding-bottom:4rem;
    margin-bottom:4rem;
    border-bottom:1px solid #ddd;
}
#product-guide .body section:last-child {
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:0;
}
#product-guide .body section h2 {
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4rem;
    margin-bottom:0.4rem;
}
#product-guide .body section ul {}
#product-guide .body section ul li {
    color: #555;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6rem;
    padding-left:1.4rem;
    position:relative;
}
#product-guide .body section ul li:before {
    content:'-';
    position:absolute;
    top:0;
    left:0.2rem;
}
#product-guide .body section .color-ea {
    color:#EA5F61;
}

/**/
#container-modal-inquiry {
    display:none;
    align-items: center;
    justify-content: center;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.2);
    z-index:100;
}
#modal-inquiry {
    background:#EFF2F5;
    border-radius:20px;
    padding:5.6rem;
    width:560px;
    max-height:95vh;
    z-index:110;
}
#modal-inquiry .subject {
    color: #000;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 800;
    margin-bottom:5.6rem;
}
#modal-inquiry .upload {
    margin-bottom:2rem;
}
#modal-inquiry .form-group {
    margin-bottom:2rem;
}
#modal-inquiry ul {
    margin-bottom:5.6rem;
}
#modal-inquiry ul li {
    padding-left:14px;
    color: #999;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem;
    position:relative;
}
#modal-inquiry ul li:before {
    content:'';
    position:absolute;
    width:4px;
    height:4px;
    border-radius:100%;
    background:#999;
    top:11px;
    left:2px;
}
#modal-inquiry .foot {
    display:flex;
    justify-content: space-between;
}