:root {  --kacd-container-wide: calc(1rem * (1600 / var(--base-font))); --kacd-container-default: calc(1rem * (1440 / var(--base-font))); --kacd-container-narrow: calc(1rem * (1200 / var(--base-font))); --kacd-container-compact: calc(1rem * (1100 / var(--base-font)));  --kacd-gutter: var(--kacd-gutter--s);  --at-site-box-max-width: var(--kacd-container-default); --at-section-max-width: 100%;  --kacd-layout-wide: min( var(--kacd-container-wide), calc( 100% - var(--kacd-gutter) - var(--kacd-gutter) ) ); --kacd-layout-default: min( var(--kacd-container-default), calc( 100% - var(--kacd-gutter) - var(--kacd-gutter) ) ); --kacd-layout-narrow: min( var(--kacd-container-narrow), calc( 100% - var(--kacd-gutter) - var(--kacd-gutter) ) ); --kacd-layout-compact: min( var(--kacd-container-compact), calc( 100% - var(--kacd-gutter) - var(--kacd-gutter) ) );}:where(:root) .bricks-color-primary {color: var(--at-primary-d-2)}:where(:root) .bricks-background-primary {background-color: var(--at-primary-d-2)}:where(:root) .bricks-color-secondary {color: var(--at-secondary)}:where(:root) .bricks-background-secondary {background-color: var(--at-secondary)}:where(:root) .bricks-color-light {color: var(--at-primary-l-5)}:where(:root) .bricks-background-light {background-color: var(--at-primary-l-5)}:where(:root) .bricks-color-dark {color: var(--at-primary-d-5)}:where(:root) .bricks-background-dark {background-color: var(--at-primary-d-5)}:where(:root) .bricks-color-muted {color: var(--at-neutral-l-2)}:where(:root) .bricks-background-muted {background-color: var(--at-neutral-l-2)}:where(:root) .bricks-color-info {color: var(--at-info)}:where(:root) .bricks-background-info {background-color: var(--at-info)}:where(:root) .bricks-color-success {color: var(--at-success)}:where(:root) .bricks-background-success {background-color: var(--at-success)}:where(:root) .bricks-color-warning {color: var(--at-warning)}:where(:root) .bricks-background-warning {background-color: var(--at-warning)}:where(:root) .bricks-color-danger {color: var(--at-danger)}:where(:root) .bricks-background-danger {background-color: var(--at-danger)} html {background-color: var(--at-white)} body {background: none} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > a)), :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a, :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source=bricks]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a, :where(.brxe-text-link) {color: var(--at-link-color)} :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source="bricks"]) a:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > a)):hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover, :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source=bricks]) a:hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover, :where(.brxe-text-link):hover {color: var(--at-link-color--hover)} :where(.brxe-accordion .accordion-content-wrapper) a:active, :where(.brxe-icon-box .content) a:active, :where(.brxe-list) a:active, :where(.brxe-post-content):not([data-source="bricks"]) a:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > a)):active, :where(.brxe-posts .dynamic p) a:active, :where(.brxe-shortcode) a:active, :where(.brxe-tabs .tab-content) a:active, :where(.brxe-team-members) .description a:active, :where(.brxe-testimonials) .testimonial-content-wrapper a:active, :where(.brxe-text) a:active, :where(a.brxe-text):active, :where(.brxe-text-basic) a:active, :where(a.brxe-text-basic):active, :where(.brxe-post-comments) .comment-content a:active, :where(.brxe-accordion .accordion-content-wrapper) a:active, :where(.brxe-icon-box .content) a:active, :where(.brxe-list) a:active, :where(.brxe-post-content):not([data-source=bricks]) a:active, :where(.brxe-posts .dynamic p) a:active, :where(.brxe-shortcode) a:active, :where(.brxe-tabs .tab-content) a:active, :where(.brxe-team-members) .description a:active, :where(.brxe-testimonials) .testimonial-content-wrapper a:active, :where(.brxe-text) a:active, :where(a.brxe-text):active, :where(.brxe-text-basic) a:active, :where(a.brxe-text-basic):active, :where(.brxe-post-comments) .comment-content a:active, :where(.brxe-text-link):active {color: var(--at-link-color--active)} html {font-size: calc(var(--base-font) / 16 * 100%)} body {font-size: var(--at-text--s); font-family: "Pretendard", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", Arial, sans-serif; line-height: 1.5; color: var(--at-black-t-1)} h1, h2, h3, h4, h5, h6 {color: var(--at-black)} h1 {font-size: var(--at-heading--xl); line-height: 1.3} h2 {font-size: var(--at-heading--l); line-height: 1.3; font-weight: 600} h3 {font-size: var(--at-heading--s); font-weight: 600} h4 {font-size: var(--at-heading--s); font-weight: 600} h5 {font-size: var(--at-heading--xs); font-weight: 600} h6 {font-size: var(--at-heading--2xs); font-weight: 600} body.bricks-is-frontend :focus-visible {outline: var(--at-focus-outline-width) solid var(--at-focus-outline-color)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: var(--at-focus-outline-width) solid var(--at-focus-outline-color); }} .brxe-section {row-gap: var(--at-container-gap); max-width: var(--at-section-max-width); padding-top: var(--at-section-padding-block); padding-right: var(--at-gutter); padding-bottom: var(--at-section-padding-block); padding-left: var(--at-gutter)} .brxe-container {row-gap: var(--at-content-gap); width: 100%; max-width: var(--at-site-box-max-width)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--at-site-box-max-width)} .brxe-block {column-gap: var(--at-content-gap); row-gap: var(--at-content-gap)}.brxe-form .form-group label {font-size: var(--at-form-label-font-size); color: var(--at-form-label-color)}.brxe-form .form-group .label {font-size: var(--at-form-label-font-size); color: var(--at-form-label-color)}.brxe-form ::placeholder {font-size: var(--at-form-placeholder-font-size); color: var(--at-form-placeholder-color)}.brxe-form select {font-size: var(--at-form-placeholder-font-size); color: var(--at-form-placeholder-color); font-size: var(--at-form-input-font-size); color: var(--at-form-input-color); background-color: var(--at-form-input-background-color); border-width: var(--at-form-input-border-width); border-color: var(--at-form-input-border-color); border-radius: var(--at-form-input-border-radius); padding-top: var(--at-form-input-padding-block); padding-right: var(--at-form-input-padding-inline); padding-bottom: var(--at-form-input-padding-block); padding-left: var(--at-form-input-padding-inline)}.brxe-form .form-group input {font-size: var(--at-form-input-font-size); color: var(--at-form-input-color); background-color: var(--at-form-input-background-color); border-width: var(--at-form-input-border-width); border-color: var(--at-form-input-border-color); border-radius: var(--at-form-input-border-radius); padding-top: var(--at-form-input-padding-block); padding-right: var(--at-form-input-padding-inline); padding-bottom: var(--at-form-input-padding-block); padding-left: var(--at-form-input-padding-inline)}.brxe-form textarea {font-size: var(--at-form-input-font-size); color: var(--at-form-input-color); background-color: var(--at-form-input-background-color); border-width: var(--at-form-input-border-width); border-color: var(--at-form-input-border-color); border-radius: var(--at-form-input-border-radius); padding-top: var(--at-form-input-padding-block); padding-right: var(--at-form-input-padding-inline); padding-bottom: var(--at-form-input-padding-block); padding-left: var(--at-form-input-padding-inline)}.brxe-form .form-group input:focus {color: var(--at-form-input-color--focus); background-color: var(--at-form-input-background-color--focus); border-color: var(--at-focus-outline-color); border-radius: var(--at-form-input-border-radius--focus)}.brxe-form select:focus {color: var(--at-form-input-color--focus); background-color: var(--at-form-input-background-color--focus); border-color: var(--at-focus-outline-color); border-radius: var(--at-form-input-border-radius--focus)}.brxe-form textarea:focus {color: var(--at-form-input-color--focus); background-color: var(--at-form-input-background-color--focus); border-color: var(--at-focus-outline-color); border-radius: var(--at-form-input-border-radius--focus)}.brxe-form .flatpickr {background-color: var(--at-form-input-background-color); border-width: var(--at-form-input-border-width); border-color: var(--at-form-input-border-color); border-radius: var(--at-form-input-border-radius); padding-top: var(--at-form-input-padding-block); padding-right: var(--at-form-input-padding-inline); padding-bottom: var(--at-form-input-padding-block); padding-left: var(--at-form-input-padding-inline)}.brxe-form .form-field-richtext + .tox-tinymce {background-color: var(--at-form-input-background-color); border-width: var(--at-form-input-border-width); border-color: var(--at-form-input-border-color); border-radius: var(--at-form-input-border-radius); padding-top: var(--at-form-input-padding-block); padding-right: var(--at-form-input-padding-inline); padding-bottom: var(--at-form-input-padding-block); padding-left: var(--at-form-input-padding-inline)}.brxe-form .flatpickr:focus {background-color: var(--at-form-input-background-color--focus); border-color: var(--at-focus-outline-color); border-radius: var(--at-form-input-border-radius--focus)}.brxe-form .form-field-richtext + .tox-tinymce:focus {background-color: var(--at-form-input-background-color--focus); border-color: var(--at-focus-outline-color); border-radius: var(--at-form-input-border-radius--focus)}.brxe-form .bricks-button {border-width: var(--at-form-input-border-width); border-color: var(--at-form-input-border-color); border-radius: var(--at-form-input-border-radius)}.brxe-form .choose-files {border-width: var(--at-form-input-border-width); border-color: var(--at-form-input-border-color); border-radius: var(--at-form-input-border-radius)}.brxe-form .bricks-button:focus {border-color: var(--at-focus-outline-color); border-radius: var(--at-form-input-border-radius--focus)}.brxe-form .choose-files:focus {border-color: var(--at-focus-outline-color); border-radius: var(--at-form-input-border-radius--focus)}.brxe-form .form-group {padding-top: 0; padding-bottom: 0} .bricks-button {color: var(--at-primary); font-size: 15px; font-weight: 500; text-wrap: nowrap; border: 1px solid var(--at-primary-l-2); border-radius: var(--at-radius--xs); padding-top: 0.8em; padding-right: 1.4em; padding-bottom: 0.8em; padding-left: 1.4em} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--at-white-t-6)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--at-white); border-style: solid; border-color: var(--at-primary-l-2); border-radius: var(--at-radius--xs)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {color: var(--at-primary)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--at-primary-d-2)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--at-white)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--at-white); border-radius: var(--at-radius--s)} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {color: var(--at-primary); border-color: var(--at-primary)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--at-primary-d-2)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--at-white)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {font-weight: 600; color: var(--at-primary); border: 1px solid var(--at-primary-l-1); border-radius: var(--at-radius--xs)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)):hover, .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)):hover {color: var(--at-white)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: var(--at-white)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)):hover {background-color: var(--at-primary-d-2)} .bricks-button:where(.bricks-color-light.outline):hover {background-color: var(--at-primary-l-4)}.brxe-post-taxonomy .bricks-button {padding-top: var(--at-space--3xs); padding-right: var(--at-space--2xs); padding-bottom: var(--at-space--3xs); padding-left: var(--at-space--2xs); background-color: var(--at-primary-l-6); border: 1px solid var(--at-primary-l-5); border-radius: var(--at-radius--m); color: var(--at-primary-l-1); font-size: var(--at-text--xs); font-weight: 600}