.query-condition {

    margin-bottom: 40px;

    display: flex;

    flex-direction: column;

    align-items: stretch;

    gap: 40px
}

.query-condition .query-input {

    display: flex;

    flex-direction: column;

    gap: 16px
}

@media (min-width: 700px) {

    .query-condition .query-input {

        flex-direction: row;

        align-items: flex-end
    }
}

.query-condition .query-input > * {

    flex: 1 1 0%
}

.query-condition .query-button {

    display: flex;

    flex-direction: column;

    gap: 8px
}

@media (min-width: 700px) {

    .query-condition .query-button {

        flex-direction: row;

        justify-content: center
    }
}

.query-condition .query-button a {

    width: 100%
}

@media (min-width: 700px) {

    .query-condition .query-button a {

        width: 207px
    }
}

.query-result {

    margin-bottom: 40px;

    display: flex;

    flex-direction: column;

    gap: 24px;

    overflow: hidden;

    padding-left: 0px;

    padding-right: 0px;

    padding-bottom: 0px
}

@media (min-width: 700px) {

    .query-result {

        padding: 40px
    }
}

.query-result .no-info,
.query-result.result-list .query-list,
.query-result.result-detail .query-detail {

    display: flex;

    flex-direction: column;

    gap: 4px;

    padding-left: 24px;

    padding-right: 24px
}

@media (min-width: 700px) {

    .query-result .no-info,
.query-result.result-list .query-list,
.query-result.result-detail .query-detail {

        padding-left: 0px;

        padding-right: 0px
    }
}

.query-result .query-list .v3-twm-small-tab > * {

    flex: 1 1 0%;

    text-align: center
}

.advanced-search .content {

    display: flex;

    flex-direction: column;

    gap: 24px
}

.advanced-search .content .condition-box {

    display: flex;

    flex-direction: column;

    gap: 16px
}

.advanced-search .content .condition-box .box {

    display: grid;

    grid-template-columns: repeat(1, minmax(0, 1fr));

    gap: 16px
}

@media (min-width: 700px) {

    .advanced-search .content .condition-box .box {

        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width: 1024px) {

    .advanced-search .content .condition-box .box {

        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width: 1440px) {

    .advanced-search .content .condition-box .box {

        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width: 700px) {

    .advanced-search .content .condition-box .box .agree-checkbox label {

        align-items: center
    }

    .advanced-search .content .condition-box .box .agree-checkbox label .checked {

        top: 50%;

        --tw-translate-y: -50%;

        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.advanced-search .content .condition-box .box .agree-checkbox label span {

    display: flex;

    align-items: center;

    gap: 8px
}

.advanced-search .content .condition-box .box .agree-checkbox label span .icon,
.feature-block .feature-box .feature .icon {

    --tw-text-opacity: 1;

    color: rgb(255 103 0 / var(--tw-text-opacity))
}

@media (min-width: 700px) {

    .advanced-search .content .condition-box .box .agree-checkbox label span .icon,
.feature-block .feature-box .feature .icon {

        height: 32px;

        width: 32px
    }
}

.query-result .query-detail,
.query-result .query-list,
.query-result.result-list .no-info,
.query-result.result-list .query-detail,
.query-result.result-detail .no-info,
.query-result.result-detail .query-list {

    display: none
}

#location-direct,
#location-join {

    overflow: visible
}

.query-result .box {

    display: grid;

    grid-template-columns: repeat(1, minmax(0, 1fr));

    gap: 16px
}

@media (min-width: 700px) {

    .query-result .box {

        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width: 1024px) {

    .query-result .box {

        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.query-result .location-card {

    display: flex;

    flex-direction: column;

    gap: 4px;

    border-radius: 20px;

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    padding: 24px;

    transition-duration: 300ms;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 700px) {

    .query-result .location-card {

        gap: 8px
    }
}

.query-result .location-card:not(.result) {

    cursor: pointer
}

.query-result .location-card:not(.result):hover .btn-circle {

    --tw-bg-opacity: 1;

    background-color: rgb(238 243 246 / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: rgb(244 81 0 / var(--tw-text-opacity))
}

.query-result .location-card .title {

    margin-bottom: 4px;

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 0.9375rem;

    line-height: 1.5;

    letter-spacing: 1.5px;

    --tw-text-opacity: 1;

    color: rgb(45 48 51 / var(--tw-text-opacity))
}

@media (min-width: 700px) {

    .query-result .location-card .title {

        font-size: 1.125rem;

        line-height: 1.5;

        letter-spacing: 1.8px
    }
}

.query-result .location-card .title span {

    display: flex;

    height: 20px;

    width: 20px;

    align-items: center;

    justify-content: center;

    border-radius: 40px;

    --tw-bg-opacity: 1;

    background-color: rgb(255 103 0 / var(--tw-bg-opacity));

    font-size: 0.75rem;

    line-height: 1;

    letter-spacing: 0px;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.query-result .location-card p,
.feature-block .feature-box .feature {

    font-size: 0.8125rem;

    line-height: 1.5;

    letter-spacing: 0.52px;

    --tw-text-opacity: 1;

    color: rgb(81 90 104 / var(--tw-text-opacity))
}

@media (min-width: 700px) {

    .query-result .location-card p,
.feature-block .feature-box .feature {

        font-size: 0.9375rem;

        line-height: 1.5;

        letter-spacing: 0.9px
    }
}

.query-result .location-card .btn-circle {

    position: static;

    margin-left: auto;

    --tw-translate-y: 0px;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.service-block,
.feature-block {

    display: flex;

    flex-direction: column;

    gap: 8px
}

@media (min-width: 700px) {

    .service-block,
.feature-block {

        flex-direction: row;

        gap: 24px
    }

    .feature-block {

        align-items: center
    }
}

.service-block .info-title,
.feature-block .info-title {

    min-width: 81px
}

.service-block .service-box {

    display: flex;

    flex-direction: column;

    gap: 12px
}

@media (min-width: 700px) {

    .service-block .service-box {

        gap: 24px
    }
}

@media (min-width: 1024px) {

    .service-block .service-box {

        display: grid;

        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (min-width: 1440px) {

    .service-block .service-box {

        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

.service-block .service-box .service {

    display: flex;

    flex-direction: column;

    gap: 4px
}

@media (min-width: 700px) {

    .service-block .service-box .service {

        gap: 12px
    }
}

.service-block .service-box .service h5 {

    width: -moz-max-content;

    width: max-content;

    border-radius: 4px;

    --tw-bg-opacity: 1;

    background-color: rgb(244 244 244 / var(--tw-bg-opacity));

    padding-left: 12px;

    padding-right: 12px;

    padding-top: 4px;

    padding-bottom: 4px;

    font-size: 0.8125rem;

    line-height: 1.5;

    letter-spacing: 0.52px;

    --tw-text-opacity: 1;

    color: rgb(81 90 104 / var(--tw-text-opacity))
}

.service-block .service-box .service p {

    padding-left: 12px;

    text-align: justify;

    --tw-text-opacity: 1;

    color: rgb(45 48 51 / var(--tw-text-opacity))
}

.feature-block .feature-box {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width: 700px) {

    .feature-block .feature-box {

        gap: 24px
    }
}

.feature-block .feature-box .feature {

    display: flex;

    align-items: center;

    gap: 4px;

    --tw-text-opacity: 1;

    color: rgb(45 48 51 / var(--tw-text-opacity))
}

@media (min-width: 700px) {

    .feature-block .feature-box .feature {

        gap: 8px
    }
}

.map-box,
.map-box iframe {

    width: 100%
}

.back-list {

    margin-left: auto;

    margin-bottom: 16px;

    display: flex;

    align-items: center;

    gap: 4px;

    font-size: 0.9375rem;

    line-height: 1;

    letter-spacing: 1.2px;

    --tw-text-opacity: 1;

    color: rgb(255 103 0 / var(--tw-text-opacity))
}

/*# sourceMappingURL=location-inquiry.css.map */