.a18jCon {
    padding: 0 7.34vw;
}
.a18jFlex {
    display: flex;
    align-items: flex-start;
    column-gap: 1.61vw;
    padding: 0.52vw 0 3.12vw 0;
}
.a18jGrid {
    display: grid;
    justify-items: center;
    gap: 0.93vw;
    color: #000;
    font-family: Poppins-SemiBold;
    font-size: 1.56vw;
    line-height: 1;
    opacity: 0;
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.a18jFlexMar {
    margin-top: 4.16vw;
}
.a18jGrid.slide-up {
    transform: translateY(60px);
}
.a18jGrid.slide-down {
    transform: translateY(-60px);
}
.a18jGrid.visible {
    opacity: 1;
    transform: translateY(0);
}

.a18jStylePin {
    position: relative;
}
.a18jStyle {
    color: #000;
    padding: 7.29vw 0 1.82vw 0;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.a18jStyleTit {
    font-family: CELATTIN;
    font-size: 7.29vw;
    line-height: 1;
}
.a18jStyleLit {
    font-family: Poppins-Regular;
    font-size: 1.04vw;
    line-height: 1.3;
}
.a18jStyleLeft {
    position: absolute;
    top: 5.85vw;
    left: 0;
    width: 19.68vw;
}
.a18jStyleMid {
    position: absolute;
    top: 3.25vw;
    left: 50%;
    transform: translateX(-50%);
}
.a18jStyleCen {
    margin-bottom: 3.12vw;
}
.a18jStyleRight {
    position: absolute;
    top: 10.54vw;
    right: 0;
    width: 21.58vw;
}
.a18jBuiltPin {
    position: relative;
}
.a18jBuilt {
    color: #000;
    position: relative;
    text-align: right;
    padding: 3.64vw 8.8vw 3.51vw 0;
}
.a18jBuiltAbs {
    position: absolute;
    top: 7.9vw;
    left: 9.8vw;
    text-align: left;
}
.a18jBuiltGrid {
    display: grid;
    gap: 3.9vw;
    margin-top: 3.85vw;
    font-family: Poppins-SemiBold;
}
.a18jBuiltTit {
    font-size: 1.04vw;
    line-height: 1.5;
}
.a18jBuiltLit {
    font-size: 3.9vw;
    line-height: 1;
    color: #ffa7a7;
}
.a18jBuilt img {
    width: 38.33vw;
}
.a18jOne {
    padding: 5.73vw 0 4.29vw 0;
    position: relative;
}
.a18jOneImgs {
    position: relative;
}
.a18jOneImg {
    width: 100%;
    display: none;
}
.a18jOneImg.active {
    display: block;
}
.a18jOneAbs {
    position: absolute;
    top: 5.73vw;
    right: 0;
    color: #000;
    display: grid;
    justify-items: center;
    gap: 5.93vw;
}
.a18jOneGird {
    display: grid;
    gap: 2.08vw;
}
.a18jOneAbs input {
    border: none;
    background-color: #b5b5b5 !important;
    color: #fff !important;
    font-family: Poppins-Bold;
    font-size: 1.48vw;
    line-height: 1;
    padding: 1.3vw 2.08vw;
    border-radius: 0.93vw;
    cursor: pointer;
    transition: background 0.3s ease;
}
.a18jModeBtn.active {
    background: linear-gradient(to bottom, #c9ecfe, #58c9ff);
    pointer-events: none;
}
.a18jPurePin {
    position: relative;
}
.a18jPure {
    color: #000;
    padding: 3.25vw 0 4.89vw 0;
    display: flex;
    column-gap: 2.34vw;
    align-items: flex-start;
    justify-content: flex-end;
}
.a18jPureCon {
    writing-mode: vertical-rl;
}
.a18jPure img {
    width: 62.08vw;
}
.a18jRefPin {
    position: relative;
}
.a18jRef {
    color: #000;
    padding: 5.2vw 0 6.77vw 0;
    position: relative;
}
.a18jRefAbs {
    position: absolute;
    top: 6.25vw;
    right: 0;
}
.a18jRef img {
    width: 63.56vw;
}
.a18jSlider {
    text-align: center;
    color: #000;
    padding: 2.99vw 0 5.85vw 0;
}
.a18jSliderWrap {
    display: flex;
    align-items: center;
    column-gap: 3.5vw;
    padding-top: 3.38vw;
}
.a18jSliderBtn {
    cursor: pointer;
    flex-shrink: 0;
    width: 0.93vw;
}
.a18jSliderViewport {
    overflow: hidden;
    flex: 1;
}
.a18jSliderTrack {
    display: flex;
    column-gap: 1.56vw;
    transition: transform 0.5s ease;
}
.a18jSliderTrack img {
    flex-shrink: 0;
}
.a18jSpec {
    display: flex;
    padding: 3.38vw 0 3.25vw 0;
    color: #000;
    column-gap: 2.34vw;
    position: relative;
    align-items: flex-end;
    justify-content: space-between;
}
.a18jSpecCon {
    flex: 1;
}
.a18jSpecAbs {
    font-family: CELATTIN;
    font-size: 7.29vw;
    line-height: 1;
    position: absolute;
    top: 7.7vw;
    left: 0;
}
.a18jSpecFlex {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #000;
}
.a18jSpecTit {
    font-family: Poppins-SemiBold;
    font-size: 1.4vw;
    line-height: 1.8;
}
.a18jSpecLit {
    font-family: Poppins-Regular;
    font-size: 1.4vw;
    line-height: 1.8;
}
.a18jSpec img {
    width: 55vw;
}

@media (min-width: 769px) and (max-width: 1024px) {
    .a18jCon {
        padding: 0 5vw;
    }
    .a18jFlex {
        flex-wrap: wrap;
        column-gap: 3vw;
        row-gap: 4vw;
    }
    .a18jGrid {
        flex: 1 1 calc(50% - 3vw);
        min-width: calc(50% - 3vw);
        gap: 1.5vw;
        font-size: 2.2vw;
    }
    .a18jFlexMar {
        margin-top: 0;
    }
    .a18jStyle {
        padding: 8vw 0 3vw 0;
    }
    .a18jStyleTit {
        font-size: 8vw;
    }
    .a18jStyleLit {
        font-size: 1.6vw;
    }
    .litMar {
        margin-top: 4vw;
    }
    .a18jStyleLeft {
        width: 22vw;
        top: 7vw;
    }
    .a18jStyleRight {
        width: 24vw;
        top: 18vw;
    }
    .a18jBuilt {
        padding: 4vw 0;
    }
    .a18jBuiltAbs {
        top: 8vw;
        left: 0;
    }
    .a18jStyleCen {
        width: 75vw;
    }
    .a18jBuiltTit {
        font-size: 1.6vw;
    }
    .a18jBuiltLit {
        font-size: 4.5vw;
    }
    .a18jBuilt img {
        width: 42vw;
    }
    .a18jOneAbs {
        top: 6vw;
        gap: 4vw;
    }
    .a18jOneAbs input {
        font-size: 2vw;
        padding: 1.8vw 3vw;
        border-radius: 1.2vw;
    }
    .a18jPure {
        column-gap: 3vw;
    }
    .a18jPure img {
        width: 65vw;
    }
    .a18jRefAbs {
        top: 5vw;
    }
    .a18jRef img {
        width: 66vw;
    }
    .a18jSliderWrap {
        column-gap: 2.5vw;
    }
    .a18jSliderBtn {
        width: 3vw;
    }
    .a18jSliderTrack {
        column-gap: 2vw;
    }
    .a18jSpecAbs {
        font-size: 8vw;
        top: 5vw;
    }
    .a18jSpecTit,
    .a18jSpecLit {
        font-size: 2vw;
    }
    .a18jBr {
        display: none;
    }
}

@media (max-width: 768px) {
    .a18jCon {
        padding: 0 4vw;
    }
    .a18jFlex {
        flex-wrap: wrap;
        column-gap: 4vw;
        row-gap: 6vw;
    }
    .a18jGrid {
        flex: 1 1 calc(50% - 4vw);
        min-width: calc(50% - 4vw);
        gap: 2vw;
        font-size: 3.5vw;
    }
    .a18jFlexMar {
        margin-top: 0;
    }
    .a18jStyle {
        padding: 10vw 0 4vw 0;
    }
    .a18jStyleTit {
        font-size: 9vw;
    }
    .a18jStyleLit {
        font-size: 2.8vw;
        line-height: 1.4;
    }
    .litMar {
        margin-top: 5vw;
    }
    .a18jStyleLeft {
        width: 28vw;
        top: 8vw;
    }
    .a18jStyleMid {
        top: 4vw;
    }
    .a18jStyleRight {
        width: 30vw;
        top: 14vw;
    }
    .a18jBuilt {
        padding: 5vw 0;
    }
    .a18jBuiltAbs {
        position: relative;
        top: 0;
        left: 0;
        text-align: left;
        padding: 0 4vw;
    }
    .a18jBuiltTit {
        font-size: 2.8vw;
    }
    .a18jBuiltLit {
        font-size: 6vw;
    }
    .a18jBuiltGrid {
        gap: 5vw;
        margin: 4vw;
        display: flex;
        justify-content: space-around;
    }
    .a18jBuilt img {
        width: 100%;
    }
    .a18jOne {
        padding: 6vw 0;
    }
    .a18jOneAbs {
        position: relative;
        top: 0;
        right: 0;
        padding: 4vw;
        text-align: center;
        gap: 4vw;
    }
    .a18jOneGird {
        display: flex;
        gap: 3vw;
    }
    .a18jOneAbs input {
        font-size: 3.5vw;
        padding: 2.5vw 5vw;
        border-radius: 2vw;
    }
    .a18jPure {
        flex-direction: column;
        column-gap: 0;
        row-gap: 4vw;
        align-items: center;
    }
    .a18jPureCon {
        writing-mode: horizontal-tb;
        text-align: center;
    }
    .a18jPure img {
        width: 90vw;
    }
    .a18jRef {
        padding: 6vw 0;
    }
    .a18jRefAbs {
        position: relative;
        top: 0;
        right: 0;
        text-align: center;
        padding: 4vw 0;
    }
    .a18jRef img {
        width: 90vw;
    }
    .a18jSlider {
        padding: 4vw 0 6vw 0;
    }
    .a18jSliderWrap {
        column-gap: 2vw;
        padding-top: 4vw;
    }
    .a18jSliderBtn {
        width: 4vw;
    }
    .a18jSliderTrack {
        column-gap: 2.5vw;
    }
    .a18jSpec {
        flex-direction: column;
        column-gap: 0;
        row-gap: 4vw;
    }
    .a18jSpecCon {
        width: 100%;
    }
    .a18jSpecAbs {
        position: relative;
        top: 0;
        font-size: 9vw;
        margin-bottom: 4vw;
    }
    .a18jSpecTit,
    .a18jSpecLit {
        font-size: 3.2vw;
    }
    .a18jSpec img {
        width: 100%;
    }
    .a18jBr {
        display: none;
    }
}