/*Component.css
1. 직접 만든 엘리먼트 및 커스텀 엘리먼트
*/
/*Base Layout*/
header.header ul {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    margin: 0 0 0 86px;
}

header.header li {
    float: left;
    display: flex;
    height: 100%;
}

header.header li a {
    display: block;
    color: var(--basic-white);
    text-align: center;
    text-decoration: none;
    margin: auto;
    font-size: var(--font-16);
    font-weight: 500;
    line-height: var(--line-24);
}

header.header.black-theme {
    background-color: var(--basic-white);
    box-shadow: -1px 4px 40px -5px rgba(176, 176, 176, 1);
    -webkit-box-shadow: -1px 4px 40px -5px rgba(176, 176, 176, 1);
    -moz-box-shadow: -1px 4px 40px -5px rgba(176, 176, 176, 1);
}

header.header.black-theme ._logo * {
    fill: var(--brand-primary);
}

header.header.black-theme li a {
    color: var(--basic-black);
}

header.header li:not(:last-child) {
    margin-right: 44px;
}

header.header li a.btn.btn-primary {
    color: var(--basic-white);
    line-height: var(--line-20);
}

header.header ._menu {
    margin-left: auto;
    padding: 6px;
    cursor: pointer;
    display: none;
}

header.header.black-theme ._menu * {
    stroke: var(--brand-primary);
}

.sidebar .sidebar-wrapper {
    position: relative;
    width: 100%;
    display: flex;
}

.sidebar .sidebar-wrapper ._close {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 1;
    padding: 12px;
    cursor: pointer;
}

.sidebar .sidebar-wrapper ul {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    margin: auto;
}

.sidebar .sidebar-wrapper li {
    display: flex;
    height: 100%;
}

.sidebar .sidebar-wrapper li:not(:last-child) {
    margin-bottom: 48px;
}

.sidebar .sidebar-wrapper li a {
    display: block;
    color: var(--basic-white);
    text-align: center;
    text-decoration: none;
    margin: auto;
    font-size: var(--font-16);
    font-weight: 500;
    line-height: var(--line-24);
}

.sidebar .sidebar-wrapper li a.btn.btn-primary {
    color: var(--basic-white);
    line-height: var(--line-20);
}

footer.footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

footer.footer li {
    display: flex;
    height: 100%;
}

footer.footer li > * {
    margin-top: 0;
    margin-bottom: auto;
}

footer.footer li:not(:last-child) {
    margin-bottom: 24px;
}

footer.footer li a {
    display: block;
    color: var(--basic-white);
    text-align: center;
    text-decoration: none;
    margin: 0;
    font-size: var(--font-16);
    font-weight: 500;
    line-height: var(--line-24);
}

footer.footer ul li.__title {
    font-size: var(--font-24);
    font-weight: 800;
    margin-bottom: 49px;
}

footer.footer ul li.__title > div {
    width: 100%;
    position: relative;
    margin-right: 0 !important;
}

footer.footer ul li.__title > div::after {
    position: absolute;
    content: '';
    bottom: -24px;
    left: 0;
    width: calc(100% + 30px);
    height: 1px;
    background-color: var(--basic-gray-dark);
    z-index: 1;
}

footer.footer ._cs ul li.__title > div::after {
    width: 100%;
}

footer.footer ._company ._logo {
    margin-bottom: 48px;
    cursor: pointer;
}

footer.footer ._company {
    color: var(--basic-gray-medium);
}

footer.footer ._company ul li > * {
    margin-top: 0;
}

footer.footer ul li > div:first-child {
    margin-right: 8px;
    white-space: nowrap;
}

footer.footer ._guide li a + a {
    margin-left: 16px;
}

footer.footer ._cs li div:first-child {
    margin-right: 4px;
}

/*Card*/
.proof-card {
    cursor: pointer;
}

.proof-card ._thumbnail {
    padding-top: 68%;
}

.proof-card ._thumbnail + ._body {
    margin-top: 32px;
}

.proof-card ._body .__title {
    font-size: var(--font-20);
    font-weight: 700;
    line-height: var(--line-28);
}

.proof-card ._body .__desc {
    font-size: var(--font-14);
    font-weight: 500;
    line-height: var(--line-24);

    margin-top: 24px;
}

.proof-card ._body .__price {
    display: inline-flex;
    font-size: var(--font-16);
    font-weight: 700;
    line-height: var(--line-24);

    margin-top: 24px;
}

.proof-card ._body .__price > *:first-child {
    margin-right: 0px;
}

.proof-card ._body .__price .___number {
    color: var(--brand-primary);
}

.store-card {
}

.store-card ._thumbnail {
    padding-top: 64%;
}

.store-card ._thumbnail + ._body {
    margin-top: 32px;
}

.store-card ._body .__title {
    font-size: var(--font-24);
    font-weight: 700;
    line-height: var(--line-28);
    position: relative;
}

.store-card ._body .__title .___string {
    padding-right: 120px;
}

.store-card ._body .__title .___call {
    position: absolute;
    top: 50%;
    right: 0;
    transform: var(--translate-tb-center);
}

.store-card ._body .__desc {
    font-size: var(--font-16);
    font-weight: 500;
    line-height: var(--line-24);

    margin-top: 24px;
}

.store-card ._body .__cs {
    display: inline-flex;
    font-size: var(--font-16);
    font-weight: 700;
    line-height: var(--line-24);

    margin-top: 12px;
}

.store-card ._body .__cs > *:first-child {
    margin-right: 4px;
}

.store-card ._body .__cs .___string {
    color: var(--basic-black);
}

.card-review-card {
    cursor: pointer;
}

.card-review-card ._thumbnail {
    padding-top: 37%;
}

.card-review-card ._thumbnail + ._body {
    margin-top: 32px;
}

.card-review-card ._body .__title {
    font-size: var(--font-24);
    font-weight: 700;
    line-height: var(--line-28);
    position: relative;
}

.card-review-card ._body .__title .___call {
    position: absolute;
    top: 50%;
    right: 0;
    transform: var(--translate-tb-center);
}

.card-review-card ._body {
    overflow: hidden;
}

.card-review-card ._body .__desc {
    font-size: var(--font-16);
    font-weight: 500;
    line-height: var(--line-24);

    margin-top: 24px;
}

.card-review-card ._body .__desc p, .card-review-card ._body .__desc span {
    width: 100%;
    display: inline-block;
    margin: 0 !important;
}

.card-review-card ._body .__cs {
    display: inline-flex;
    font-size: var(--font-16);
    font-weight: 700;
    line-height: var(--line-24);

    margin-top: 12px;
}

.card-review-card ._body .__cs > *:first-child {
    margin-right: 4px;
}

.card-review-card ._body .__cs .___string {
    color: var(--basic-black);
}

.review-card {

}

.review-card ._quote {
    display: flex;
    margin-bottom: 32px;
    width: fit-content;
}

.review-card ._quote > *,
.review-card ._name > * {
    margin-top: auto;
    margin-bottom: auto;
}

.review-card ._name {
    font-size: var(--font-16);
    font-weight: 500;
    line-height: var(--line-24);

    display: flex;
    margin-bottom: 24px;
}

.review-card ._name > .__string + div {
    margin-left: 4px;
}

.review-card ._desc {
    font-size: var(--font-24);
    font-weight: 700;
    line-height: var(--line-36);

    margin-bottom: 24px;
}

.review-card ._address {
    font-size: var(--font-16);
    font-weight: 500;
    line-height: var(--line-24);
}

.service-card {
    cursor: pointer;
}

.service-card {
    cursor: pointer;
    position: relative;
}

.service-card ._thumbnail {
    padding-top: 90%;
}

.service-card ._thumbnail + ._body {
    margin-top: 36px;
}

.service-card ._body .__title {
    font-size: var(--font-28);
    font-weight: 700;
    line-height: var(--line-36);

    position: relative;
    display: flex;
}

.service-card ._body .__title > * {
    margin-top: auto;
    margin-bottom: auto;
}

.service-card ._body .__title .___grade {
    position: absolute;
    top: 50%;
    right: 0;
    transform: var(--translate-tb-center);
    border-radius: 24px;

    padding: 8px 16px;

    font-size: var(--font-20);
    font-weight: 700;
    line-height: var(--line-24);
}

.service-card ._body .__title .___grade.basic {
    background-color: var(--basic-white);
    color: var(--basic-black);
}

.service-card ._body .__title .___grade.standard {
    background-color: var(--basic-black);
    color: var(--basic-white);
}

.service-card ._body .__title .___grade.premium {
    background-color: var(--brand-primary);
    color: var(--basic-white);
}

.service-card ._body .__desc {
    font-size: var(--font-16);
    font-weight: 300;
    line-height: var(--line-24);

    margin-top: 24px;
}

.benefit-card {
    text-align: center;
}

.benefit-card ._question {
    font-size: var(--font-24);
    font-weight: 700;
    line-height: var(--line-36);

    display: flex;
    justify-content: center;
}

.benefit-card ._question > * {
    margin-bottom: auto;
}

.benefit-card ._question .__q {
    margin-right: 8px;
}

.benefit-card ._img {
    text-align: center;
    margin-top: 40px;
}

.benefit-card ._img img {
    width: fit-content;
    width: -moz-fit-content;
    margin-left: auto;
    margin-right: auto;

}

.benefit-card ._body {
    margin-top: 60px;
}

.benefit-card ._body .__title {
    font-size: var(--font-36);
    font-weight: 700;
    line-height: var(--line-38);
}

.benefit-card ._body .__desc {
    font-size: var(--font-16);
    font-weight: 300;
    line-height: var(--line-24);

    margin-top: 24px;
    width: 75%;

    margin-right: auto;
    margin-left: auto;
}

/*Filter*/
.filter-container {
    border: none;
    padding: 32px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.filter-container > * {
    margin-top: auto;
    margin-bottom: auto;
}

.filter {
    display: flex;
    margin: 16px;
}

.filter > * {
    margin-top: auto;
    margin-bottom: auto;
}

.filter ._title {
    font-size: var(--font-16);
    font-weight: 800;
    line-height: var(--line-24);
    white-space: nowrap;
}

.filter .dropdown {
    margin-left: auto;
}

.filter .dropdown > a {
    display: flex;
    padding-right: 0;
}

.filter .dropdown > a > * {
    margin-top: auto;
    margin-bottom: auto;
}

.filter .dropdown > a,
.filter .dropdown.show > a,
.filter .dropdown > a:active {
    background-color: transparent;
    color: var(--basic-gray-medium);
    border: none;
}

.filter .dropdown > a.active {
    color: var(--basic-black);
}

.filter .dropdown > a .__string {
    min-width: 160px;
    text-align: right;
}

.filter .dropdown > a .__arrow {
    margin-left: 12px;
    transform: rotate(0);
    transition: transform .5s;
}

.filter .dropdown > a.active .__arrow * {
    fill: var(--basic-black);
}

.filter .dropdown.show > a .__arrow {
    transform: rotate(180deg);
    transition: transform .5s;
}

.filter .dropdown > a::after {
    display: none;
}

.filter .dropdown .dropdown-menu {
    border: var(--border-1px) var(--basic-gray-medium-light);
    border-radius: 0;
    padding: 8px;
    background-color: var(--basic-white);

    top: 8px !important;
    left: auto !important;
    right: 0;

    margin-top: 0;
}

.filter .dropdown .dropdown-menu .dropdown-item {
    color: var(--basic-black);
    padding: 8px;
    background-color: var(--basic-white);
}

.filter .dropdown .dropdown-menu .dropdown-item:hover,
.filter .dropdown .dropdown-menu .dropdown-item:active,
.filter .dropdown .dropdown-menu .dropdown-item.active {
    color: var(--brand-primary);
    font-weight: bold;
    background-color: var(--basic-white);
}


.input-filter {
    display: flex;
}

.input-filter > .dropdown {
    width: 100%;
}

.input-filter > * {
    margin-top: auto;
    margin-bottom: auto;
}

.input-filter ._title {
    font-size: var(--font-16);
    font-weight: 800;
    line-height: var(--line-24);
    white-space: nowrap;
}

.input-filter .dropdown > a {
    display: flex;
    padding: 24px 0;
    font-size: var(--font-20);
    font-weight: 500;
    line-height: var(--line-32);
    border-bottom: var(--border-1px) var(--basic-gray-light);
    border-radius: 0;
    color: var(--basic-gray-medium);
}

.input-filter .dropdown > a > * {
    margin-top: auto;
    margin-bottom: auto;
}

.input-filter .dropdown.show > a,
.input-filter .dropdown > a:active {
    background-color: transparent;
    color: var(--basic-gray-light);
    border-bottom: var(--border-1px) var(--basic-gray-light);
}

.input-filter .dropdown > a.active {
    color: var(--basic-black);
}

.input-filter .dropdown > a[aria-expanded="true"] {
    border-bottom: var(--border-1px) var(--basic-black);
}

.input-filter .dropdown > a .__string {
    min-width: 160px;
    text-align: left;
}

.input-filter .dropdown > a .__arrow {
    margin-left: auto;
    transform: rotate(0);
    transition: transform .5s;
}

.input-filter .dropdown > a.active .__arrow * {
    fill: var(--basic-black);
}

.input-filter .dropdown.show > a .__arrow {
    transform: rotate(180deg);
    transition: transform .5s;
}

.input-filter .dropdown > a::after {
    display: none;
}

.input-filter .dropdown .dropdown-menu {
    border: var(--border-1px) var(--basic-gray-medium-light);
    border-radius: 0;
    padding: 8px;
    background-color: var(--basic-white);

    top: 8px !important;
    left: auto !important;
    right: 0;

    margin-top: 0;

    width: 100%;
}

.input-filter .dropdown .dropdown-menu .dropdown-item {
    color: var(--basic-black);
    padding: 8px;
    background-color: var(--basic-white);
}

.input-filter .dropdown .dropdown-menu .dropdown-item:hover,
.input-filter .dropdown .dropdown-menu .dropdown-item:active,
.input-filter .dropdown .dropdown-menu .dropdown-item.active {
    color: var(--brand-primary);
    font-weight: bold;
    background-color: var(--basic-white);
}

/* <div class="__category-container">
            <div class="___category">
              <div class="____sub">
                유형
              </div>
              <div class="____main">
                20평대
              </div>
            </div>
            */
.__category-container {
    padding: 24px;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    border: var(--border-1px) var(--basic-gray-medium-light);
    justify-content: space-between;
    border-radius: 0;
}

.__category-container .___category {
    text-align: left;
    white-space: nowrap;
    padding: 8px 8px 8px 0px;
}

.__category-container .___category .____sub,
.__category-container .___category .____main {
    white-space: inherit;
}

.__category-container .___category .____sub {
    font-size: var(--font-16);
    font-weight: 300;
    line-height: var(--line-24);
}

.__category-container .___category .____main {
    font-size: var(--font-24);
    font-weight: 700;
    line-height: var(--line-32);
}

.__image-container {
    margin-top: 76px;
}

.__image-container > img {
    max-width: 100%;
}

.inquiry-form {
    background: var(--basic-white);
    box-shadow: 0px 0px 11px 4px rgba(168, 168, 168, 0.1);
    border-radius: 16px;
    padding: 40px;
}

.inquiry-form ._paragraph .__main {
    font-size: var(--font-32);
    font-weight: 700;
    line-height: var(--line-38);
}

.inquiry-form ._paragraph .__sub {
    font-size: var(--line-20);
    font-weight: 500;
    line-height: var(--line-32);
    margin-top: 24px;
}

.inquiry-form ._body {
    margin-top: 48px;
    margin-bottom: 48px;
}

.inquiry-form ._footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.inquiry-form ._footer > * {
    margin-top: auto;
    margin-bottom: auto;
}


.event-cta .main {
    color: var(--basic-black);
    font-size: 48px;
    font-family: Pretendard;
    font-weight: 300;
    line-height: 57px;
}

.event-cta .thumbnail {
    width: 100%;
}

.img-resize {
    width: 720px;
}

.img-wrapper {
    display: flex;
    justify-content: center;
}

.quill-editor-container > p > img {
    padding: 15px 0px 15px 0px;
}


.header-logo-wrap {
    width: 144px;
    height: 73px;
    cursor: pointer;
}

._thumbnail.wraper {
    height: 320px;
}

.footer-logo-wrap {
    cursor: pointer;
}

/*반응형 CSS*/
/* 가로 반응형 */
@media (min-width: 320px) {
    header.header ._menu {
        display: block;
    }

    header.header ul {
        display: none;
    }

    footer.footer ._guide ul li.__title > div::after {
        width: 100%;
    }

    footer.footer ul li.__title {
        font-size: var(--font-20);
    }

    footer.footer li:not(:last-child) {
        margin-bottom: 16px;
    }

    .content-wrapper ._cta .__paragraph .__paragraph-wrapper .___title .___main,
    .content-wrapper ._cta .__paragraph .__paragraph-wrapper .___title .___sub {
        font-size: var(--font-24);
        line-height: var(--line-36);
    }

    .content-wrapper ._cta .__paragraph .__paragraph-wrapper .___hashtags {
        font-size: var(--font-14);
        line-height: var(--line-24);
    }

    .review-card ._desc {
        font-size: var(--font-20);
        line-height: var(--line-28);
    }

    .service-card ._thumbnail {
        padding-top: 70%;
    }

    .service-card ._body .__title {
        position: static;
    }

    .service-card ._body .__title .___grade {
        top: 16px;
        right: 16px;
        transform: none;

        font-size: var(--font-16);
        line-height: var(--line-24);
    }

    .benefit-container {
        margin-top: -48px;
        margin-bottom: -48px;
    }

    .benefit-container > * {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .benefit-card ._question {
        margin-bottom: 0;
    }

    .benefit-card ._question .__q {
        margin-right: 8px;
        display: none;
    }

    .benefit-card ._img {
        margin-top: 32px;
    }

    .benefit-card ._body {
        margin-top: 32px;
    }

    .filter-container {
        padding: 16px 0;
    }

    .filter {
        width: 100%;
        margin: 4px;
    }

    .__category-container {
        padding: 0;
        justify-content: space-between;
        margin-bottom: 32px;
        border: var(--border-1px) transparent;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .__category-container .___category {
        text-align: center;
        white-space: nowrap;
    }

    .__category-container .___category .____sub {
        text-align: left;
    }

    .__category-container .___category .____main {
        font-size: var(--font-20);
        line-height: var(--line-24);
        text-align: left;
    }

    .__image-container {
        display: none;
    }

    .inquiry-form {
        margin-top: 64px;
        border: var(--border-1px) transparent;
        padding: 0;
        box-shadow: none;
    }

    .inquiry-form ._paragraph .__main {
        font-size: var(--font-24);
        line-height: var(--line-28);
    }

    .inquiry-form ._paragraph .__sub {
        font-size: var(--font-16);
        line-height: var(--line-24);
    }

    .inquiry-form ._footer {
        display: block;
    }

    .inquiry-form ._footer > button {
        margin-top: 24px;
    }

    .input-filter .dropdown > a {
        font-size: var(--font-16);
        line-height: var(--line-24);
    }

    .event-cta .main {
        color: var(--basic-black);
        font-size: 28px;
        line-height: 32px;
        font-family: Pretendard;
        font-weight: 300;
    }


    .header-logo-wrap {
        width: 70px;
        height: 36px;
    }


    ._thumbnail.wraper {
        height: 400px;
    }


}


@media (min-width: 576px) {
}

@media (min-width: 640px) {
    .filter {
        width: fit-content;
    }

    .filter-container {
        padding: 32px;
    }

    .filter {
        margin: 8px;
    }

    .header-logo-wrap {
        width: 107px;
        height: 55px;
    }
}

@media (min-width: 768px) {
    header.header ._menu {
        display: none;
    }

    header.header ul {
        display: flex;
        width: 100%;
        justify-content: center;
    }

    header.header li:first-child {
        margin-left: auto;
    }

    header.header li:nth-child(3) {
        margin-right: auto;
    }

    header.header li:last-child {
        margin-left: auto;
    }

    header.header li:not(:last-child) {
        margin-right: 36px;
    }

    footer.footer ul li.__title {
        font-size: var(--font-20);
    }

    footer.footer li:not(:last-child) {
        margin-bottom: 24px;
    }

    .content-wrapper ._cta .__paragraph .__paragraph-wrapper .___title .___main,
    .content-wrapper ._cta .__paragraph .__paragraph-wrapper .___title .___sub {
        font-size: var(--font-40);
        line-height: var(--line-60);
    }

    .content-wrapper ._cta .__paragraph .__paragraph-wrapper .___hashtags {
        font-size: var(--font-24);
        line-height: var(--line-32);
    }

    .review-card ._desc {
        font-size: var(--font-24);
        line-height: var(--line-36);
    }

    .benefit-card ._question {
        margin-bottom: 48px;
    }

    .benefit-card ._question .__q {
        margin-right: 8px;
        display: block;
    }

    .benefit-card ._img {
        margin-top: auto;
    }

    .benefit-card ._body {
        margin-top: auto;
        margin-bottom: auto;
    }

    .service-card ._thumbnail {
        padding-top: 70%;
    }

    .__category-container {
        padding: 0;
        justify-content: space-between;
        margin-bottom: 32px;
        border: var(--border-1px) transparent;
    }

    .__category-container .___category {
        text-align: center;
        white-space: nowrap;
    }

    .__category-container .___category .____sub {
        text-align: left;
    }

    .__category-container .___category .____main {
        font-size: var(--font-20);
        line-height: var(--line-28);
    }

    .inquiry-form {
        margin-top: 64px;
        border: var(--border-1px) transparent;
        padding: 40px;
        box-shadow: 0px 0px 11px 4px rgba(168, 168, 168, 0.1);
    }

    .inquiry-form ._paragraph .__main {
        font-size: var(--font-32);
        line-height: var(--line-38);
    }

    .inquiry-form ._paragraph .__sub {
        font-size: var(--font-20);
        line-height: var(--line-32);
    }

    .input-filter .dropdown > a {
        font-size: var(--font-20);
        line-height: var(--line-32);
    }

    .event-cta .main {
        color: var(--basic-black);
        font-size: 48px;
        font-family: Pretendard;
        font-weight: 300;
        line-height: 57px;
    }

    .event-cta .thumbnail {
        width: 100%;
    }
}

@media (min-width: 992px) {
    header.header ul {
        display: flex;
        width: auto;
        justify-content: left;
    }

    header.header li:first-child {
        margin-left: 0;
    }

    header.header li:nth-child(3) {
        margin-right: 44px;
    }

    header.header li:last-child {
        margin-left: 0;
    }

    header.header li:not(:last-child) {
        margin-right: 44px;
    }

    footer.footer ._guide ul li.__title > div::after {
        width: calc(100% + 30px);
    }

    footer.footer ul li.__title {
        font-size: var(--font-24);
    }

    .content-wrapper ._cta .__paragraph .__paragraph-wrapper .___title .___main,
    .content-wrapper ._cta .__paragraph .__paragraph-wrapper .___title .___sub {
        font-size: var(--font-56);
        line-height: var(--line-72);
    }

    .benefit-container {
        margin-top: 0;
        margin-bottom: 0;
    }

    .benefit-container > * {
        margin-top: 0;
        margin-bottom: 0;
    }

    .benefit-card ._question {
        margin-bottom: 0;
    }

    .benefit-card ._question .__q {
        margin-right: 8px;
        display: block;
    }

    .benefit-card ._img {
        margin-top: 40px;
    }

    .benefit-card ._body {
        margin-top: 60px;
    }

    .__image-container {
        display: block;
    }


    .event-cta .main {
        color: var(--basic-black);
        font-size: 48px;
        font-family: Pretendard;
        font-weight: 300;
        line-height: 57px;
    }

    .event-cta .thumbnail {
        width: 100%;
    }


    .header-logo-wrap {
        width: 144px;
        height: 73px;
    }

    ._thumbnail.wraper {
        height: 400px;
    }
}

@media (min-width: 1200px) {
    .service-card ._body .__title {
        position: relative;
    }

    .service-card ._body .__title .___grade {
        top: 50%;
        right: 0;
        transform: var(--translate-tb-center);

        font-size: var(--font-20);
        line-height: var(--line-24);
    }

    .service-card ._thumbnail {
        padding-top: 90%;
    }

    .__category-container {
        padding: 32px;
        justify-content: space-between;
        margin-bottom: 0;
        border: var(--border-1px) var(--basic-gray-medium-light);
    }

    .__category-container .___category {
        text-align: left;
        white-space: nowrap;
    }

    .__category-container .___category .____sub {
        text-align: left;
    }

    .__category-container .___category .____main {
        font-size: var(--font-20);
        line-height: var(--line-32);
    }

    .__category-container {
        padding: 0;
        justify-content: space-between;
        margin-bottom: 32px;
        border: var(--border-1px) transparent;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .inquiry-form {
        margin-top: 0px;
        border: var(--border-1px) transparent;
        padding: 40px;
        box-shadow: 0px 0px 11px 4px rgba(168, 168, 168, 0.1);
    }


    .event-cta .main {
        color: var(--basic-black);
        font-size: 48px;
        font-family: Pretendard;
        font-weight: 300;
        line-height: 57px;
    }

    .event-cta .thumbnail {
        width: 100%;
    }


    ._thumbnail.wraper {
        height: 320px;
    }
}

@media (min-width: 1400px) {
    .inquiry-form ._footer {
        display: flex;
    }

    .inquiry-form ._footer > button {
        margin-top: 0;
    }
}

/* 높이 반응형 */
@media (max-height: 480px) {
}

@media (min-height: 640px) {
}

@media (min-height: 960px) {
}

@media (min-height: 1024px) {
}