section.stnEstimateWrap {
    padding:0 2rem;
    max-width: var(--max-width);
    margin:0 auto;
    display: grid;
    grid-template-columns:240px 1fr;
    gap: 1rem;
}

section.stnEstimateWrap > aside.aside {

}
section.stnEstimateWrap > aside.aside > h3 {
    text-align: center; border:1px solid #dfdfdf; margin:0 0 0 0; padding:1rem 0; font-weight: 500; color:#333; font-size: 1.25rem;
    border-left:0; border-right:0;
}
section.stnEstimateWrap > aside.aside  dl,
section.stnEstimateWrap > aside.aside  dt,
section.stnEstimateWrap > aside.aside  dd { padding:0 0 0 0; margin:0 0 0 0; list-style: none; }
section.stnEstimateWrap > aside.aside > dl {
    padding:1rem 1rem;
    border-bottom:1px solid #dfdfdf;
}
section.stnEstimateWrap > aside.aside > dl > dt {
    position: relative; font-weight: 500; font-size:1rem; margin:.5rem 0; color:#333; padding-bottom:.5rem;
}

section.stnEstimateWrap > aside.aside >  dl > dt:before {
    content: '';
    position: absolute;
    width:30px;
    height:1px;
    background: #333;
    bottom:0;
}
section.stnEstimateWrap > aside.aside > dl > dd {
    font-size:.875rem; color:#333;
    padding-left:1rem; font-weight: 400;
    display:flex;align-items:center; gap: .25rem; cursor: pointer;
    line-height: 1.75rem;
}
section.stnEstimateWrap > aside.aside > dl > dd > i {
    font-size: 0.5rem;
}
section.stnEstimateWrap > aside.aside > dl > dd:hover {
    background: #f9f9f9; font-weight: 500; color:#000;
}



@media (max-width: 599px) {
    section.stnEstimateWrap {
        padding:0 2rem;
        max-width: var(--max-width);
        margin:0 auto;
        display: grid;
        grid-template-columns:1fr;
        gap: 1rem;
    }
    section.stnEstimateWrap > aside.aside { display: none; }

}

/* Fold / Flip */
@media (min-width: 600px) and (max-width: 767px) {
    section.stnEstimateWrap {
        padding:0 2rem;
        max-width: var(--max-width);
        margin:0 auto;
        display: grid;
        grid-template-columns:1fr;
        gap: 1rem;
    }
    section.stnEstimateWrap > aside.aside { display: none; }

}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    section.stnEstimateWrap {
        padding:0 2rem;
        max-width: var(--max-width);
        margin:0 auto;
        display: grid;
        grid-template-columns:1fr;
        gap: 1rem;
    }
    section.stnEstimateWrap > aside.aside { display: none; }

}

/* Small Desktop / Laptop */
@media (min-width: 1025px) and (max-width: 1439px) {

}

/* Large Desktop / WQHD 이상 */
@media (min-width: 1440px) {

}