/**/
#sub-visual {
    display:none;
}
.container-section {
    background: #EFF2F5;
}

/**/
#my-page {
    position:relative;
}
#my-page .wrap {
    display:flex;
    gap:8rem;
}
#my-page nav {
    width:23rem;
}
#my-page nav ul {
    background:#fff;
    border-radius:6px;
}
#my-page nav ul li {
    border-bottom: 1px solid #EFF2F5;
}
#my-page nav ul li a {
    padding:2rem;
    display:block;
    color: #555;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.8rem;
    transition:color 200ms;
}
#my-page nav ul li:first-child {}
#my-page nav ul li:first-child a {}
#my-page nav ul li:last-child {
    border-bottom:0;
}
#my-page nav ul li:last-child a {}
#my-page nav ul li a:hover,
#my-page nav ul li a.active {
    color:#3287D7;
}
.container-mypage .card.empty {
    text-align:center;
    padding:6rem;
}
.container-mypage .card.empty p {
    color: #555;
    text-align: center;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    margin-top:1rem;
}

@media(max-width:1023px){
    #my-page {
        padding-top:0;
    }
    #my-page .wrap {
        position:initial;
        flex-direction: column;
        gap:3rem;
        padding:0;
    }
    #my-page nav {
        width:100%;
        overflow:auto;
        position:absolute;
        top:0;
        left:0;
    }
    #my-page nav ul {
        display:flex;
        justify-content: center;
    }
    #my-page nav ul li {
        background:#fff;
    }
    #my-page nav ul li a {
        white-space: nowrap;
    }
    #my-page .container-mypage {
        padding-top:10rem;
    }
}
@media(max-width:864px){
    #my-page nav ul {
        justify-content: flex-start;
    }
}

/**/
.container-mypage {
    flex:1 0 auto;
    min-height:600px;
}
.container-mypage .head {
    margin-bottom:4rem;
}
.container-mypage .head p {
    color: #000;
    font-size: 4rem;
    font-style: normal;
    font-weight: 800;
    line-height: 6.4rem;
}

/**/
#my-info {}
#my-info .head {}
#my-info .body {
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
#my-info .foot {
    display:flex;
    justify-content: center;
    margin-top:4rem;
}

/**/
#my-orders {}
#my-orders .nav {
    display:flex;
    justify-content: space-between;
}
#my-orders .nav button {
    width:49%;
}

/**/
.my-orders .card {
    margin-bottom:1.2rem;
}
.my-orders .regis {
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    margin-bottom:1.6rem;
}
.my-orders .product-data {
    display:flex;
    gap:2rem;
    margin-bottom:1.6rem;
}
.my-orders .product-data .img {
    width:140px;
    height:140px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color:#EFF2F5;
    border-radius:6px;
    overflow:hidden;
}
.my-orders .product-data .data {
    flex:1 0 auto;
}
.my-orders .product-data .data .step {
    margin-bottom:1rem;
}
.my-orders .product-data .data .name {
    color: #000;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.6rem;
    margin-bottom:0.4rem;
}
.my-orders .product-data .data .ea-no {
    margin-bottom:1rem;
    display:flex;
    color: #000;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    opacity: 0.6;
}
.my-orders .product-data .data .ea-no .ea {
    padding-right:0.8rem;
    margin-right:0.8rem;
    position:relative;
}
.my-orders .product-data .data .ea-no .ea:after {
    content:'';
    position:absolute;
    margin:auto;
    top:0; right:0; bottom:0; left:auto;
    width:1px;
    height:10px;
    background:#EFF2F5;
}
.my-orders .product-data .data .ea-no .order-no {}
.my-orders .product-data .data .price {
    color: #000;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
}
.my-orders .product-data .data .price span {}

/**/
#my-review {}
#my-review .card {
    margin-bottom:1.2rem;
}
#my-review .product-data {
    padding-bottom:1.6rem;
    margin-bottom:1.6rem;
    border-bottom:1px solid #eee;
}
#my-review .review-content {
    padding:1.6rem 0;
}
#my-review .review-image {}
#my-review .review-image {
    display:flex;
}
#my-review .review-image li {}
#my-review .review-image li img {
    max-width:220px;
    max-height:220px;
}

/**/
#my-product {}
#my-product .card {
    margin-bottom:1.2rem;
}
#my-product .product-data {
    border-bottom:1px solid #eee;
    padding-bottom:1.6rem;
    margin-bottom:1.6rem;
}
#my-product .product-inquiry {
}
#my-product .product-inquiry > .head {
    margin-bottom:1.6rem;
}
#my-product .product-inquiry > .body {
    margin-bottom:1.6rem;
    color: #555;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 162.5% */
}
#my-product .product-inquiry .date {
    color: #000;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    opacity: 0.6;
}

/**/
#my-estimate {}
#my-estimate .card {
    margin-bottom:1.2rem;
}