.customer-service-body .tab-menu-section.tab-menu-section-on{
    gap:40px;
}

.customer-service-head{
    padding-bottom:16px;
    border-bottom:1px solid var(--Grey-color-100);
}

.common-input-field.w400{
    width:400px;
}


.customer-service-head .customer-service-search p a{
    font-size:14px;
    font-weight:600;
    line-height:18px;
    color:var(--black);
    text-decoration: underline;
}


.customer-service .product-card-wrap{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.customer-service .product-card-wrap .empty{
    padding:60px 0;
    font-size:14px;
    font-weight:400;
    line-height: 22px;
    color: var(--Grey-color-500);
    text-align: center;
    flex:1;
}

.customer-service .product-card-wrap .product-card {
    width: calc((100% - 30px) / 4);
}

.customer-service .product-card-wrap .product-card .product-card-2 {
    height: auto;
}

.customer-service .product-card-wrap .product-card-3-head .product-card-3-head-img {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    padding: 10px 0 16px;
}

.customer-service .product-card-wrap .product-card-3-body-text {
    height: 72px;
}

.customer-service .product-card-wrap .product-card-3-body-text h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
}

.customer-service .product-card-wrap .product-card-3-body-text p {
    margin-top: 4px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    color: var(--Grey-color-400);
}

.customer-service .product-card-wrap .product-card-3-footer {
    margin-top: 12px;
    display: flex;
    align-items: center;
}

.customer-service .product-card-wrap .product-card-3-footer .product-card-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    border-radius: 6px;
    text-align: center;
    background: var(--black);
    color: var(--white);
}

.customer-service .product-card-wrap .product-card-3-footer .product-card-btn .icon {
    color: var(--white);
}






/*팝업*/
.popup-product-model{
    max-width:680px;
}

.popup-product-model .common-popup__inner{
    min-height:444px;
}

.popup-product-model .common-popup__body{
    overflow: hidden;
    display:flex;
    gap:32px;
    align-items: center;
}

.popup-product-model .productModel{
    display:flex;
    flex-direction: column;
    gap:4px;
    flex:0 0 360px;
}

.popup-product-model .productModel strong{
    font-size:14px;
    font-weight:600;
    line-height: 22px;
    color: var(--black);
}

.popup-product-model .productModel ul{
    padding:10px 16px;
    border:1px solid var(--Grey-color-200);
    border-radius:6px;
    height:216px;
    overflow-y: scroll;
    display:flex;
    flex-direction: column;
    gap:10px;
}

.popup-product-model .productModel ul li{
    font-size:14px;
    font-weight:400;
    line-height:22px;
    color:var(--Grey-color-200);
    cursor: pointer;
}

.popup-product-model .productModel ul li.is-active,
.popup-product-model .productModel ul li:hover{
    color:var(--black);
}

.popup-product-model .productModel p{
    margin-top:6px;
    font-size:12px;
    font-weight:400;
    line-height: 16px;
    color:var(--Grey-color-400);
    position:relative;
    padding-left:17px;
}

.popup-product-model .productModel p:before{
    content: '';
    position: absolute;
    width:3px;
    height:3px;
    border-radius:50%;
    background:var(--Grey-color-400);
    left:0;
    top:50%;
    transform: translateY(-50%);
}

.popup-product-model .productInfo{
    display:flex;
    flex-direction: column;
    gap:16px;
    padding:0 30px;
}

.popup-product-model .productInfo .imgWrap{
    width:180px;
    height:180px;
    position:relative;
}

.popup-product-model .productInfo .text{
    display:flex;
    flex-direction: column;
    gap:4px;
}

.popup-product-model .productInfo .text strong{
    font-size:18px;
    font-weight:500;
    line-height:24px;
    color:var(--black);
    text-align: center;
}

.popup-product-model .productInfo .text small{
    font-size:14px;
    font-weight:400;
    line-height: 22px;
    color:var(--Grey-color-400);
    text-align: center;
}


.popup-product-model .common-popup__foot{
    display: flex;
    gap:8px;
    align-items: center;
    justify-content: center;
}

.popup-product-model .common-popup__foot .common-button-wrap{
    flex:0 0 120px;
}
.common-input-field.search{display:block;}