@charset "UTF-8";

@-webkit-keyframes text-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes text-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/**
 * ellipsis
 *
 * @param {number} line number
**/
@-webkit-keyframes ir-text {
    0% {
        color: transparent;
    }

    100% {
        color: inherit;
    }
}

@keyframes ir-text {
    0% {
        color: transparent;
    }

    100% {
        color: inherit;
    }
}

/**
 * icon (svg system icons)
 *
 * @param {string} Design Shape
 * @param {string} Icon name
 * @param {string} Fill & Line
 * @param {string} Hexadecimal & RGB values
 * @param {string} Hexadecimal & RGB values
**/
/**
 * image (background-image)
 *
 * @param {string} file name
 * @param {string} file format
 * @param {number} file location
**/

html.overflow-hidden {
    overflow-y: hidden;
}

body:not(.fixed) #wrapper.edm {
    padding-top: 0;
}

body:not(.fixed) #wrapper.edm header {
    position: relative;
}

body:has(.modeBlue) .navi-display.temp-a {
    position: fixed;
    width: 100%;
    top: 72px;
    z-index: 20;
}

.edm {
    font-family: 'Pretendard', 'Pretendard Variable', NanumSquareNeo, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif;
}

.edm *{
    font-family: 'Pretendard', 'Pretendard Variable', NanumSquareNeo, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif;
}

.edm #content {
    padding-bottom: 0;
}

.edm,
.viewDetail,
.viewList {
    word-break: keep-all;
    overflow-wrap: break-word;
}

.edm :where(.btn.module-b, .mark.module-b),
.viewDetail :where(.btn.module-b, .mark.module-b),
.viewList :where(.btn.module-b, .mark.module-b) {
    padding-right: var(--btn-padding-right);
    padding-left: var(--btn-padding-left);
    border: var(--btn-border-width) solid var(--btn-border-color);
    border-color: var(--btn-border-color);
    background-color: var(--btn-background-color);
}

.edm .section.module-a,
.viewDetail .section.module-a,
.viewList .section.module-a {
    margin: var(--section-margin);
    padding: var(--section-padding);
}

.edm .section.module-a:not([class*=type-]) .section-wrap .section-head,
.viewDetail .section.module-a:not([class*=type-]) .section-wrap .section-head,
.viewList .section.module-a:not([class*=type-]) .section-wrap .section-head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.edm .section.module-a.style-a,
.viewDetail .section.module-a.style-a,
.viewList .section.module-a.style-a {
    --section-padding: 0 24px;
}

.edm .section.module-a:not(:first-child),
.viewDetail .section.module-a:not(:first-child),
.viewList .section.module-a:not(:first-child) {
    --section-margin: 24px 0 0;
}

.edm .content-display.comp-a .para-head,
.viewDetail .content-display.comp-a .para-head,
.viewList .content-display.comp-a .para-head {
    font-weight: 700;
}

.edm .coupon-display.comp-a + .button-display,
.viewDetail .coupon-display.comp-a + .button-display,
.viewList .coupon-display.comp-a + .button-display {
    margin: 20px 0 0;
}

.navi-display.temp-a {
    overflow: hidden;
    position: relative;
    padding: 0 20px;
}

.navi-display.temp-a:not([data-bui-swiper]) .navi-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
}

.navi-display.temp-a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 780px;
    height: 100%;
    background-color: var(--color-admin-normal-095);
}

.navi-display.temp-a .navi-list .navi-item {
    width: auto;
    --font-color: var(--color-admin-normal-150);
    --font-weight: 400;
}

.navi-display.temp-a .navi-list .navi-item .navi-name {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 40px;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    color: var(--font-color);
    font-weight: var(--font-weight);
}

.navi-display.temp-a .navi-list .navi-item .navi-name::before {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    bottom: 0;
    left: 100%;
    height: 2px;
    background-color: var(--font-color);
}

.navi-display.temp-a .navi-list .navi-item.current {
    --font-color: var(--color-admin-normal-110);
    --font-weight: 700;
}

.navi-display.temp-a .navi-list .navi-item.current .navi-name::before {
    right: 0;
    left: 0;
}

/**
 * section
**/
.section[class*=comp-]:not([data-component-subject=true]):not([data-component-summary=true]) .section-wrap .section-head {
    display: none;
}

.section[class*=comp-]:not([data-component-subject=true]) .section-wrap .section-head .section-subject {
    display: none;
}

.section[class*=comp-]:not([data-component-summary=true]) .section-wrap .section-head .section-summary {
    display: none;
}

.section.comp-a {
    padding: 28px 20px;
    overflow: hidden;
}

.section.comp-a .section-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 24px;
}

.section.comp-a .section-wrap .section-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section.comp-a.align-c .section-wrap .section-head {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.section.comp-a .section-wrap .section-head .section-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 8px;
    margin: 0;
}

.section.comp-a .section-wrap .section-head .section-subject .section-name {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    max-width: 100%;
    line-height: var(--baseline-7x);
    font-size: calc(var(--baseline-7x) / 1.3333);
    font-weight: 600;
    color: var(--color-admin-normal-000);
    word-break: break-word;
}

.section.comp-a .section-wrap .section-head .section-summary {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.4285);
    color: var(--color-admin-normal-140);
    word-break: break-word;
}

.section.comp-a:has(.coupon-display.comp-a) {
    background-color: var(--color-admin-normal-095);
}

.section.comp-a[style*="--style: b"] .section-wrap .section-head .section-subject {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    margin: 0;
}

.section.comp-a[style*="--style: b"] .section-wrap .section-head .section-subject::after {
    content: "";
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: block;
    height: 2px;
    background-color: var(--color-admin-normal-010);
}

.section.comp-a[style*="--style: c"] .section-wrap .section-head {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.section.comp-a[style*="--style: c"] .section-wrap .section-head .section-subject {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.section.comp-a[style*="--style: c"] .section-wrap .section-head .section-subject::before {
    content: "";
    display: block;
    width: 32px;
    height: 2px;
    background-color: var(--color-admin-normal-010);
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
}

.section.comp-a[style*="--style: c"] .section-wrap .section-head .section-subject .section-name {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    line-height: var(--baseline-7x);
    font-size: calc(var(--baseline-7x) / 1.5);
    font-weight: 800;
    font-family: NanumMyeongjo, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif;
    color: var(--color-admin-normal-000);
}

.section.comp-a::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 32px);
    right: calc(100% + 24px);
    width: 80px;
    height: 64px;
    background: var(--icon-image) no-repeat right top;
}

.section.comp-c::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 32px);
    right: calc(100% + 24px);
    width: 80px;
    height: 64px;
    background: var(--icon-image) no-repeat right top;
}

.section.comp-c .section-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 24px;
}

.section.comp-c .section-wrap .section-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
}

.section.comp-c .section-wrap .section-head .section-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 8px;
    margin: 0;
}

.section.comp-c .section-wrap .section-head .section-subject .section-name{
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    max-width: 100%;
    line-height: var(--baseline-7x);
    font-size: calc(var(--baseline-7x) / 1.3333);
    font-weight: 600;
    color: var(--color-admin-normal-000);
    word-break: break-word;
}

.section.comp-c .section-wrap .section-head .section-summary {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.4285);
    color: var(--color-admin-normal-140);
    word-break: break-word;
}

.section.comp-c .content-display.comp-a .para-head, .section.comp-c .content-display.comp-a .para-text, .section.comp-c .content-display.comp-a .data-list {
    padding: 0 20px;
}

.section.comp-c .content-display.comp-a .image {
    border-radius: 0px;
}

.section.comp-c .display-board.comp-a:not([data-component-module-swiper=true]) .board-list {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 0;
}

.section.comp-c .display-board.comp-a:not([data-component-module-swiper=true]) .board-list .board-item {
width: 50%;
}

.section.comp-c .display-board.comp-a .board-list .board-item .board-wrap {
border-radius:0;
}

.navi-display.comp-a:not([data-component-module-swiper=true]) {
    --flex-direction: row;
    --column-count: 4;
    --column-gap: 16px;
    --row-gap: 24px;
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
    --module-text-align: center;
    --module-align: center;
    --thumbnail-width: 100%;
    --thumbnail-height: auto;
    --thumbnail-border-radius: 0;
}

.navi-display.comp-a:not([data-component-module-swiper=true]) .navi-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.navi-display.comp-a:not([data-component-module-swiper=true]) .navi-list .navi-item {
    width: var(--width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.navi-display.comp-a .navi-list .navi-item .navi-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: var(--module-align);
    -ms-flex-align: var(--module-align);
    align-items: var(--module-align);
    row-gap: 4px;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.3333);
    color: var(--color-admin-normal-110);
    text-decoration: none;
    text-align: var(--module-text-align);
}

.navi-display.comp-a .navi-list .navi-item .navi-name::before {
    content: "";
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--icon-image) no-repeat center/cover;
}

.navi-display.comp-a[style*="--align: a;"] {
    --module-align: flex-start;
    --module-text-align: left;
}

.navi-display.comp-a[style*="--align: b;"] {
    --module-align: flex-end;
    --module-text-align: right;
}

.navi-display.comp-a[style*="--align: c;"] {
    --module-align: center;
    --module-text-align: center;
}

.data-list.comp-a {
    --list-padding-left: calc(var(--list-line-height) + var(--list-column-gap));
    --list-column-gap: 4px;
    --list-row-gap: var(--list-column-gap);
    --list-line-height: var(--baseline-5x);
    --list-font-size: calc(var(--list-line-height) / 1.5);
    --list-color: var(--color-admin-normal-000);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--list-row-gap);
}
.data-list.comp-a[style*="--bullet: none"] {
    --list-line-height: none !important;
    --icon-image: none;
    list-style-type:none;    
    --list-font-size: calc(var(--baseline-5x) / 1.3);    
}
.data-list.comp-a[style*="--bullet: dash"] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9 12H15V13H9V12Z"/></svg>');
}

.data-list.comp-a[style*="--bullet: circle"] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12Z"/></svg>');
}

.data-list.comp-a[style*="--bullet: star"] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M11.4444 17V13.3333L8.86111 15.9306L8.06944 15.1389L10.6667 12.5556H7V11.4444H10.6667L8.06944 8.86111L8.86111 8.06944L11.4444 10.6667V7H12.5556V10.6667L15.1389 8.06944L15.9306 8.86111L13.3333 11.4444H17V12.5556H13.3333L15.9306 15.1389L15.1389 15.9306L12.5556 13.3333V17H11.4444Z"/></svg>');
}

.data-list.comp-a[style*="--bullet: square"] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M15 15H9V9H15V15Z"/></svg>');
}

.data-list.comp-a[style*="--bullet: mark"] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M11.9267 7.92973C11.6228 7.92973 11.4003 7.84324 11.2592 7.67027C11.1289 7.4973 11.0638 7.25946 11.0638 6.95676C11.0638 6.66486 11.1289 6.43243 11.2592 6.25946C11.4003 6.08649 11.6228 6 11.9267 6C12.2307 6 12.4532 6.08649 12.5943 6.25946C12.7463 6.43243 12.8223 6.66486 12.8223 6.95676C12.8223 7.25946 12.7463 7.4973 12.5943 7.67027C12.4532 7.84324 12.2307 7.92973 11.9267 7.92973ZM6.99322 17.7568L6.24423 17.0108L11.2266 11.9838L6.22795 6.97297L6.97693 6.21081L11.9919 11.2216L17.0231 6.22703L17.772 6.97297L12.7571 11.9838L17.7395 17.027L16.9905 17.773L11.9919 12.7459L6.99322 17.7568ZM6.87924 12.973C6.61872 12.973 6.40706 12.9027 6.24423 12.7622C6.08141 12.6108 6 12.3676 6 12.0324C6 11.6973 6.08141 11.4541 6.24423 11.3027C6.40706 11.1514 6.61872 11.0757 6.87924 11.0757C7.15061 11.0757 7.36771 11.1514 7.53053 11.3027C7.69335 11.4541 7.77476 11.6973 7.77476 12.0324C7.77476 12.3676 7.69335 12.6108 7.53053 12.7622C7.36771 12.9027 7.15061 12.973 6.87924 12.973ZM17.1045 12.973C16.844 12.973 16.6323 12.9027 16.4695 12.7622C16.3066 12.6108 16.2252 12.3676 16.2252 12.0324C16.2252 11.6973 16.3066 11.4541 16.4695 11.3027C16.6323 11.1514 16.844 11.0757 17.1045 11.0757C17.3758 11.0757 17.5929 11.1514 17.7558 11.3027C17.9186 11.4541 18 11.6973 18 12.0324C18 12.3676 17.9186 12.6108 17.7558 12.7622C17.5929 12.9027 17.3758 12.973 17.1045 12.973ZM11.9267 18C11.6228 18 11.4003 17.9135 11.2592 17.7405C11.1289 17.5676 11.0638 17.3297 11.0638 17.027C11.0638 16.7351 11.1289 16.5027 11.2592 16.3297C11.4003 16.1568 11.6228 16.0703 11.9267 16.0703C12.2307 16.0703 12.4532 16.1568 12.5943 16.3297C12.7463 16.5027 12.8223 16.7351 12.8223 17.027C12.8223 17.3297 12.7463 17.5676 12.5943 17.7405C12.4532 17.9135 12.2307 18 11.9267 18Z"/></svg>');
}

.data-list.comp-a[style*="--bullet: ordered"] {
    --icon-image: none;
    --list-color: none;
    counter-reset: data-list-order;
}

.data-list.comp-a[style*="--bullet: ordered"] .data-item {
    counter-increment: data-list-order;
}

.data-list.comp-a[style*="--bullet: ordered"] .data-item::before {
    content: counter(data-list-order) "."" ";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    background-color: transparent;
}

.data-list.comp-a .data-item {
    position: relative;
    padding-left: var(--list-padding-left);
    line-height: var(--list-line-height);
    font-size: var(--list-font-size);
    color: var(--list-color);
    word-break: break-word;
}

.data-list.comp-a .data-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: var(--list-line-height);
    height: var(--list-line-height);
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--list-color);
}

.guide-board[class*=comp-]:not([data-component-subject=true]):not([data-component-summary=true]) .board-wrap .board-head {
    display: none;
}

.guide-board[class*=comp-]:not([data-component-subject=true]) .board-wrap .board-head .board-subject {
    display: none;
}

.guide-board[class*=comp-]:not([data-component-summary=true]) .board-wrap .board-head .board-summary {
    display: none;
}

.guide-board.comp-a .board-wrap .board-inform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
    padding: 20px;
    background-color: var(--color-admin-normal-097);
}

.guide-board.comp-a .board-wrap .board-inform .board-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
}

.guide-board.comp-a .board-wrap .board-inform .board-head .board-subject {
    margin: 0;
    line-height: var(--baseline-6x);
    font-size: calc(var(--baseline-6x) / 1.5);
    font-weight: 600;
    color: var(--color-admin-normal-110);
}

.guide-board.comp-a .board-wrap .board-inform .board-head .board-subject .board-name {
    display: block;
}

.guide-board.comp-a .board-wrap .board-inform .board-head .board-summary {
    margin: 0;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    color: var(--color-admin-normal-040);
}

.guide-board.comp-a .board-wrap .board-inform .board-body .data-list {
    --list-color: var(--color-admin-normal-140);
}

.guide-board.comp-a .board-wrap .board-inform .board-body .data-list .data-item {
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.3333);
}

.display-board[class*=comp-]:not([data-component-subject=true]):not([data-component-summary=true]) .board-wrap .board-inform .board-head {
    display: none;
}

.display-board[class*=comp-]:not([data-component-subject=true]) .board-wrap .board-inform .board-head .board-subject {
    display: none;
}

.display-board[class*=comp-]:not([data-component-summary=true]) .board-wrap .board-inform .board-head .board-summary {
    display: none;
}

.display-board[class*=comp-]:not([data-component-badge=true]) .board-wrap .board-inform .board-type:not(:has(.type-line)) {
    display: none;
}

.display-board[class*=comp-]:not([data-component-badge=true]) .board-wrap .board-inform .board-type .badge.type-fill {
    display: none;
}

.display-board[class*=comp-]:not([data-component-image=true]) .board-wrap .board-figure {
    display: none !important;
}

.display-board[class*=comp-]:not([data-component-image=true]) .board-wrap .board-inform .board-type {
    position: static;
}

.display-board.comp-a:not([data-component-module-swiper=true]) {
    --flex-direction: row;
    --column-count: 1;
    --column-gap: 8px;
    --row-gap: 12px;
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
    --thumbnail-width: 100%;
    --thumbnail-height: auto;
    --thumbnail-border-radius: 0;
}

.display-board.comp-a:not([data-component-module-swiper=true]) .board-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}

.display-board.comp-a:not([data-component-module-swiper=true]) .board-list .board-item {
    width: var(--width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.display-board.comp-a[data-component-module-swiper=true] {
    overflow: hidden;
}

.display-board.comp-a .board-list .board-item .board-wrap {
    display: block;
    border-radius: var(--border-radius);
    overflow: hidden;
}

.display-board.comp-a .board-list .board-item .board-wrap img {
    display: block;
}

.display-board.comp-a[style*="--type: a"] {
    --border-radius: 8px;
}

.display-board.comp-a[style*="--type: b"] {
    --border-radius: 0;
}

@-webkit-keyframes intro-motion {
    0% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }

    80% {
        -webkit-clip-path: inset(0 0 80% 0);
        clip-path: inset(0 0 80% 0);
    }

    100% {
        -webkit-clip-path: inset(100% 0 100% 0);
        clip-path: inset(100% 0 100% 0);
        opacity: 0;
    }
}

@keyframes intro-motion {
    0% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }

    80% {
        -webkit-clip-path: inset(0 0 80% 0);
        clip-path: inset(0 0 80% 0);
    }

    100% {
        -webkit-clip-path: inset(100% 0 100% 0);
        clip-path: inset(100% 0 100% 0);
        opacity: 0;
    }
}

/**
 * form system
**/
.display-board.comp-c {
    --width: var(--container-width);
}

.display-board.comp-c[data-component-image=true][data-component-animation=true] .board-wrap::before {
    content: "";
    display: block;
    position: fixed;
    z-index: 20;
    top: 72px;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 780px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    background-image: var(--background-image);
    pointer-events: none;
    -webkit-animation-name: intro-motion;
    animation-name: intro-motion;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.display-board.comp-c[data-component-image=true][data-component-animation=true] .board-wrap .board-figure {
    aspect-ratio: 1.8/1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    background-image: var(--background-image);
}

.display-board.comp-c[data-component-image=true][data-component-animation=true] .board-wrap .board-figure .board-sign {
    position: relative;
}

.display-board.comp-c[data-component-animation=pause] .board-wrap .board-figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    aspect-ratio: 1.8/1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    background-image: var(--background-image);
}

.display-board.comp-c[data-component-animation=pause] .board-wrap .board-figure .board-sign {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.display-board.comp-c .board-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.display-board.comp-c .board-wrap:has(.board-figure) .board-type {
    position: absolute;
    top: 0px;
    left: 0px;
}

.display-board.comp-c .board-wrap .board-figure {
    overflow: hidden;
}

.display-board.comp-c .board-wrap .board-figure .board-sign {
    display: block;
}

.display-board.comp-c .board-wrap .board-figure .board-sign img {
    display: block;
    width: 100%;
}

.display-board.comp-c .board-wrap .board-inform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    row-gap: 16px;
    padding: 32px 20px 28px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.display-board.comp-c .board-wrap .board-inform .board-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.display-board.comp-c .board-wrap .board-inform .board-type .badge {
    --color: #002d62;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 8px;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    font-weight: 700;
    font-family: Open Sans, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif;
    -webkit-box-shadow: inset 0 0 0 1px var(--color);
    box-shadow: inset 0 0 0 1px var(--color);
}

.display-board.comp-c .board-wrap .board-inform .board-type .badge.type-line {
    color: var(--color);
    background-color: var(--color-admin-normal-100);
}

.display-board.comp-c .board-wrap .board-inform .board-type .badge.type-fill {
    color: var(--color-admin-normal-100);
    background-color: var(--color);
}

.display-board.comp-c .board-wrap .board-inform .board-type .badge .badge-name {
    display: block;
}

.display-board.comp-c .board-wrap .board-inform .board-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    text-align: center;
}

.display-board.comp-c .board-wrap .board-inform .board-head .board-subject {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0;
    line-height: var(--baseline-10x);
    font-size: calc(var(--baseline-10x) / 1.5);
    font-weight: bold;
    color: var(--color-admin-normal-000);
    word-break: break-word;
}

.display-board.comp-c .board-wrap .board-inform .board-head .board-subject .board-name {
    display: block;
}

.display-board.comp-c .board-wrap .board-inform .board-head .board-summary {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0;
    line-height: var(--baseline-6x);
    font-size: calc(var(--baseline-6x) / 1.333);
    color: var(--color-admin-normal-110);
    word-break: break-word;
}

.display-board.comp-c .board-wrap .board-inform .board-head .board-infoset {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.display-board.comp-c .board-wrap .board-inform .board-head .board-infoset .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.display-board.comp-c .board-wrap .board-inform .board-head .board-infoset .data-list .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.display-board.comp-c .board-wrap .board-inform .board-head .board-infoset .data-list .data-item .head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.display-board.comp-c .board-wrap .board-inform .board-head .board-infoset .data-list .data-item .body {
    display: block;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    color: var(--color-admin-normal-060);
}

.display-board.comp-c .board-wrap .board-inform .board-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.display-board.comp-c .board-wrap .board-inform .board-info:not(:has(.data-list)) {
    display: none;
    overflow: hidden;
    height: 0;
}

.display-board.comp-c .board-wrap .board-inform .board-info .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.display-board.comp-c .board-wrap .board-inform .board-info .data-list .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.display-board.comp-c .board-wrap .board-inform .board-info .data-list .data-item .head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.display-board.comp-c .board-wrap .board-inform .board-info .data-list .data-item .body {
    display: block;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.4);
    color: var(--color-admin-normal-160);
}

.display-board.comp-c .board-wrap .board-inform .board-func {
    z-index: 2;
}

.display-board.comp-c .board-wrap .board-inform .board-func > .button-display > .button-area {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
}

.display-board.comp-c .board-wrap .board-inform .board-func > .button-display > .button-area .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.display-board.comp-c .board-wrap .board-inform .board-func > .button-display > .button-area .btn .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.display-board.comp-c .board-wrap .board-inform .board-func > .button-display > .button-area .btn::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-color: var(--color-admin-normal-170);
}

.display-board.comp-c .board-wrap .board-inform .board-func > .button-display > .button-area .btn.share::before {
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M17 9.99976C19.2091 9.99976 21 8.20889 21 5.99976C21 3.79062 19.2091 1.99976 17 1.99976C14.7909 1.99976 13 3.79062 13 5.99976C13 6.53827 13.1064 7.05192 13.2994 7.52084L10.0828 9.45078C9.3491 8.56444 8.2405 7.99976 7 7.99976C4.79086 7.99976 3 9.79062 3 11.9998C3 14.2089 4.79086 15.9998 7 15.9998C8.24043 15.9998 9.34898 15.4351 10.0827 14.5489L13.2993 16.4788C13.1064 16.9477 13 17.4613 13 17.9998C13 20.2089 14.7909 21.9998 17 21.9998C19.2091 21.9998 21 20.2089 21 17.9998C21 15.7906 19.2091 13.9998 17 13.9998C15.7597 13.9998 14.6512 14.5643 13.9175 15.4504L10.7008 13.5203C10.8937 13.0516 11 12.5381 11 11.9998C11 11.4615 10.8937 10.9481 10.7009 10.4793L13.9177 8.54929C14.6514 9.43531 15.7598 9.99976 17 9.99976ZM17 8.79976C15.4536 8.79976 14.2 7.54615 14.2 5.99976C14.2 4.45336 15.4536 3.19976 17 3.19976C18.5464 3.19976 19.8 4.45336 19.8 5.99976C19.8 7.54615 18.5464 8.79976 17 8.79976ZM7 14.7998C5.4536 14.7998 4.2 13.5462 4.2 11.9998C4.2 10.4534 5.4536 9.19976 7 9.19976C8.5464 9.19976 9.8 10.4534 9.8 11.9998C9.8 13.5462 8.5464 14.7998 7 14.7998ZM19.8 17.9998C19.8 19.5462 18.5464 20.7998 17 20.7998C15.4536 20.7998 14.2 19.5462 14.2 17.9998C14.2 16.4534 15.4536 15.1998 17 15.1998C18.5464 15.1998 19.8 16.4534 19.8 17.9998Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M17 9.99976C19.2091 9.99976 21 8.20889 21 5.99976C21 3.79062 19.2091 1.99976 17 1.99976C14.7909 1.99976 13 3.79062 13 5.99976C13 6.53827 13.1064 7.05192 13.2994 7.52084L10.0828 9.45078C9.3491 8.56444 8.2405 7.99976 7 7.99976C4.79086 7.99976 3 9.79062 3 11.9998C3 14.2089 4.79086 15.9998 7 15.9998C8.24043 15.9998 9.34898 15.4351 10.0827 14.5489L13.2993 16.4788C13.1064 16.9477 13 17.4613 13 17.9998C13 20.2089 14.7909 21.9998 17 21.9998C19.2091 21.9998 21 20.2089 21 17.9998C21 15.7906 19.2091 13.9998 17 13.9998C15.7597 13.9998 14.6512 14.5643 13.9175 15.4504L10.7008 13.5203C10.8937 13.0516 11 12.5381 11 11.9998C11 11.4615 10.8937 10.9481 10.7009 10.4793L13.9177 8.54929C14.6514 9.43531 15.7598 9.99976 17 9.99976ZM17 8.79976C15.4536 8.79976 14.2 7.54615 14.2 5.99976C14.2 4.45336 15.4536 3.19976 17 3.19976C18.5464 3.19976 19.8 4.45336 19.8 5.99976C19.8 7.54615 18.5464 8.79976 17 8.79976ZM7 14.7998C5.4536 14.7998 4.2 13.5462 4.2 11.9998C4.2 10.4534 5.4536 9.19976 7 9.19976C8.5464 9.19976 9.8 10.4534 9.8 11.9998C9.8 13.5462 8.5464 14.7998 7 14.7998ZM19.8 17.9998C19.8 19.5462 18.5464 20.7998 17 20.7998C15.4536 20.7998 14.2 19.5462 14.2 17.9998C14.2 16.4534 15.4536 15.1998 17 15.1998C18.5464 15.1998 19.8 16.4534 19.8 17.9998Z"/></svg>') no-repeat center/cover;
}

.display-board.comp-c .board-wrap .board-inform .board-func > .button-display > .button-area .btn.bookmark::before {
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M5.39844 3.9999C5.39844 3.66853 5.66707 3.3999 5.99844 3.3999H17.9984C18.3298 3.3999 18.5984 3.66853 18.5984 3.9999V19.9999C18.5984 20.2064 18.4923 20.3983 18.3174 20.5081C18.1425 20.6179 17.9235 20.63 17.7376 20.5402L11.9716 17.7566L6.26127 20.5393C6.07532 20.6299 5.8558 20.6183 5.6804 20.5087C5.50499 20.399 5.39844 20.2068 5.39844 19.9999V3.9999ZM6.59844 4.5999V19.0401L11.7075 16.5504C11.8727 16.4699 12.0657 16.4695 12.2312 16.5494L17.3984 19.044V4.5999H6.59844Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M5.39844 3.9999C5.39844 3.66853 5.66707 3.3999 5.99844 3.3999H17.9984C18.3298 3.3999 18.5984 3.66853 18.5984 3.9999V19.9999C18.5984 20.2064 18.4923 20.3983 18.3174 20.5081C18.1425 20.6179 17.9235 20.63 17.7376 20.5402L11.9716 17.7566L6.26127 20.5393C6.07532 20.6299 5.8558 20.6183 5.6804 20.5087C5.50499 20.399 5.39844 20.2068 5.39844 19.9999V3.9999ZM6.59844 4.5999V19.0401L11.7075 16.5504C11.8727 16.4699 12.0657 16.4695 12.2312 16.5494L17.3984 19.044V4.5999H6.59844Z"/></svg>') no-repeat center/cover;
}

.display-board.comp-c .board-wrap .board-inform .board-func > .button-display > .button-area .btn.bookmark.on::before {
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M5.39844 3.9999C5.39844 3.66853 5.66707 3.3999 5.99844 3.3999H17.9984C18.3298 3.3999 18.5984 3.66853 18.5984 3.9999V19.9999C18.5984 20.2064 18.4923 20.3983 18.3174 20.5081C18.1425 20.6179 17.9235 20.63 17.7376 20.5402L11.9716 17.7566L6.26127 20.5393C6.07532 20.6299 5.8558 20.6183 5.6804 20.5087C5.50499 20.399 5.39844 20.2068 5.39844 19.9999V3.9999Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M5.39844 3.9999C5.39844 3.66853 5.66707 3.3999 5.99844 3.3999H17.9984C18.3298 3.3999 18.5984 3.66853 18.5984 3.9999V19.9999C18.5984 20.2064 18.4923 20.3983 18.3174 20.5081C18.1425 20.6179 17.9235 20.63 17.7376 20.5402L11.9716 17.7566L6.26127 20.5393C6.07532 20.6299 5.8558 20.6183 5.6804 20.5087C5.50499 20.399 5.39844 20.2068 5.39844 19.9999V3.9999Z"/></svg>') no-repeat center/cover;
    background-color: #231f20;
}

.display-board.comp-c::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 32px);
    right: calc(100% + 24px);
    width: 80px;
    height: 64px;
    background: var(--icon-image) no-repeat right top;
}

.display-board.comp-c[style*="--type: b"] .board-wrap .board-inform .board-type {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.display-board.comp-c[style*="--type: b"] .board-wrap .board-inform .board-head {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: start;
}

.display-board.comp-c[style*="--type: b"] .board-wrap .board-inform .board-info {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.display-board.comp-c[style*="--type: b"] .board-wrap .board-inform .board-info .data-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.display-board.comp-c[style*="--style: c"] .board-wrap .board-head .board-subject {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.display-board.comp-c[style*="--style: c"] .board-wrap .board-head .board-subject .board-name {
    font-family: NanumMyeongjo, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif;
}

/**
 * posts system
**/
.posts-display.comp-a {
    --thumbnail-border-radius: 8px;
}

.posts-display.comp-a:not([data-component-module-swiper=true]) {
    --flex-direction: row;
    --column-count: 1;
    --column-gap: 12px;
    --row-gap: 24px;
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
    --thumbnail-width: 100%;
    --thumbnail-height: auto;
}

.posts-display.comp-a:not([data-component-module-swiper=true]) .posts-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}

.posts-display.comp-a:not([data-component-module-swiper=true]) .posts-list .posts-item {
    width: var(--width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.posts-display.comp-a[data-component-module-swiper=true] {
    overflow: hidden;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 12px;
    text-align: var(--module-text-align);
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-figure .posts-thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    min-width: var(--thumbnail-width);
    height: var(--thumbnail-height);
    border-radius: var(--thumbnail-border-radius);
    width: 104px;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-figure .posts-thumbnail img {
    display: block;
    aspect-ratio: 1/1;
    height: 100%;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    justify-content: center;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    -webkit-box-pack: var(--module-align);
    -ms-flex-pack: var(--module-align);
    justify-content: var(--module-align);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-type .badge {
    --color: #002d62;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 6px;
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.4);
    font-weight: 500;
    -webkit-box-shadow: inset 0 0 0 1px var(--color);
    box-shadow: inset 0 0 0 1px var(--color);
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-type .badge.type-line {
    color: var(--color);
    background-color: var(--color-admin-normal-100);
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-type .badge.type-fill {
    color: var(--color-admin-normal-100);
    background-color: var(--color);
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-type .badge .badge-name {
    display: block;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
    -webkit-box-align: var(--module-align);
    -ms-flex-align: var(--module-align);
    align-items: var(--module-align);
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: var(--module-align);
    -ms-flex-pack: var(--module-align);
    justify-content: var(--module-align);
    margin: 0;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name {
    display: block;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-6x) / 1.5);
    color: var(--color-admin-normal-110);
    font-weight: 600;
    word-break: break-word;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name:not(:hover) {
    text-decoration: none;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-summary {
    display: block;
    margin: 0;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    color: var(--color-admin-normal-140);
    word-break: break-word;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-summary:not(:hover) {
    text-decoration: none;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-summary a {
    color: inherit;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-summary a:not(:hover) {
    text-decoration: none;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-infoset .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-pack: var(--module-align);
    -ms-flex-pack: var(--module-align);
    justify-content: var(--module-align);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-infoset .data-list .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-infoset .data-list .data-item .head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-infoset .data-list .data-item .body {
    display: block;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    color: var(--color-admin-normal-060);
    word-break: break-all;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-info {
    margin-top: 2px;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-info .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-pack: var(--module-align);
    -ms-flex-pack: var(--module-align);
    justify-content: var(--module-align);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-info .data-list .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-info .data-list .data-item .head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-info .data-list .data-item .body {
    display: block;
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.3333);
    color: var(--color-admin-normal-160);
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-foot .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: var(--module-align);
    -ms-flex-pack: var(--module-align);
    justify-content: var(--module-align);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 4px;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-foot .data-list:has(.price-bargain) .price-selling .body {
    text-decoration: line-through;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-foot .data-list .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: var(--module-align);
    -ms-flex-pack: var(--module-align);
    justify-content: var(--module-align);
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-foot .data-list .data-item .head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-foot .data-list .data-item .body {
    display: block;
    word-break: break-all;
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-foot .data-list .data-item.price-selling {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.5);
    color: var(--color-admin-normal-160);
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-foot .data-list .data-item.discount-rate {
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.25);
    font-weight: 600;
    color: var(--color-admin-accent-250);
}

.posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-foot .data-list .data-item.price-bargain {
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.25);
    font-weight: 600;
    color: var(--color-admin-normal-000);
}

.posts-display.comp-a:not([data-component-module-badge=true]):not([data-component-module-subject=true]):not([data-component-module-summary=true]):not([data-component-module-period=true]):not([data-component-module-posted=true]):not([data-component-module-writer=true]):not([data-component-module-price-selling=true]):not([data-component-module-price-bargain=true]):not([data-component-module-discount-rate=true]) .posts-inform {
    display: none !important;
}

.posts-display.comp-a[data-component-module-badge=false] .posts-type {
    display: none !important;
}

.posts-display.comp-a:not([data-component-module-subject=true]):not([data-component-module-summary=true]):not([data-component-module-infoset=true]) .posts-head {
    display: none !important;
}

.posts-display.comp-a[data-component-module-thumbnail=false] .posts-figure {
    display: none !important;
}

.posts-display.comp-a[data-component-module-subject=false] .posts-subject {
    display: none !important;
}

.posts-display.comp-a[data-component-module-summary=false] .posts-summary {
    display: none !important;
}

.posts-display.comp-a[data-component-module-infoset=false] .posts-infoset {
    display: none !important;
}

.posts-display.comp-a:not([data-component-module-period=true]):not([data-component-module-posted=true]):not([data-component-module-writer=true]) .posts-info {
    display: none !important;
}

.posts-display.comp-a[data-component-module-period=false] .data-item.period {
    display: none !important;
}

.posts-display.comp-a[data-component-module-posted=false] .data-item.posted {
    display: none !important;
}

.posts-display.comp-a[data-component-module-writer=false] .data-item.writer {
    display: none !important;
}

.posts-display.comp-a:not([data-component-module-price-selling=true]):not([data-component-module-price-bargain=true]):not([data-component-module-discount-rate=true]) .posts-foot {
    display: none !important;
}

.posts-display.comp-a[data-component-module-price-selling=false] .price-selling {
    display: none !important;
}

.posts-display.comp-a[data-component-module-price-bargain=false] .price-bargain {
    display: none !important;
}

.posts-display.comp-a[data-component-module-discount-rate=false] .discount-rate {
    display: none !important;
}

.posts-display.comp-a[style*="--align: a;"] {
    --module-align: flex-start;
    --module-text-align: left;
}

.posts-display.comp-a[style*="--align: b;"] {
    --module-align: flex-end;
    --module-text-align: right;
}

.posts-display.comp-a[style*="--align: c;"] {
    --module-align: center;
    --module-text-align: center;
}

.posts-display.comp-a[style*="--display: b;"],
.posts-display.comp-a[style*="--display: a;"] {
    --thumbnail-width: 104px;
    --thumbnail-height: 104px;
}

.posts-display.comp-a[style*="--display: b"] .posts-list .posts-item .posts-wrap .posts-figure {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.posts-display.comp-a[style*="--display: b"] .posts-list .posts-item .posts-wrap .posts-inform {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.posts-display.comp-a[style*="--display: c"] .posts-list .posts-item .posts-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.posts-display.comp-a[style*="--display: c"] .posts-list .posts-item .posts-wrap .posts-figure .posts-thumbnail {
    width: 100%;
}

.posts-display.comp-a[style*="--display: c"] .posts-list .posts-item .posts-wrap .posts-inform {
    padding: 0;
}

.posts-display.comp-a[style*="--display: c;"][style*="--column-count: 1"] .posts-list {
    row-gap: 16px;
}

.posts-display.comp-a[style*="--display: c;"][style*="--column-count: 1"] .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name {
    line-height: var(--baseline-6x);
    font-size: calc(var(--baseline-6x) / 1.3333);
}

.posts-display.comp-a[style*="--display: c;"][style*="--column-count: 1"] .posts-list .posts-item .posts-wrap .posts-inform .posts-info .data-list .data-item .body {
    line-height: var(--baseline-4);
    font-size: calc(var(--baseline-4x) / 1.3333);
}

.posts-display.comp-a[data-component-module=news] {
    --row-gap: 5px;
}

.posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform .posts-type .badge {
    padding: 2px 6px;
}

.posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform .posts-head {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    max-height: 1.5em;
    word-wrap: break-word;
    overflow: hidden;
    max-height: none;
}

.posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name {
    font-weight: 400;
    font-size: calc(var(--baseline-5x) / 1.5);
}

/**
 * goods system
**/
.goods-display.comp-a {
    --thumbnail-border-radius: 8px;
}

.goods-display.comp-a:not([data-component-module-swiper=true]) {
    --flex-direction: row;
    --column-count: 1;
    --column-gap: 12px;
    --row-gap: 24px;
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
    --thumbnail-width: 100%;
    --thumbnail-height: auto;
}

.goods-display.comp-a:not([data-component-module-swiper=true]) .goods-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}

.goods-display.comp-a:not([data-component-module-swiper=true]) .goods-list .goods-item {
    width: var(--width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.goods-display.comp-a[data-component-module-swiper=true] {
    overflow: hidden;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 12px;
    text-align: var(--module-text-align);
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-figure {
    position: relative;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-figure .goods-thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    width: var(--thumbnail-width);
    height: var(--thumbnail-height);
    border-radius: var(--thumbnail-border-radius);
    width: 104px;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-figure .goods-thumbnail img {
    display: block;
    aspect-ratio: 1/1;
    height: 100%;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-figure > .button-display {
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-figure > .button-display .button-area .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.4);
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-figure > .button-display .button-area .btn .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-figure > .button-display .button-area .btn::before {
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--color-admin-normal-100);
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-figure > .button-display .button-area .btn.linked::before {
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12.75 6.75C12.75 6.33579 12.4142 6 12 6C11.5858 6 11.25 6.33579 11.25 6.75V11.25H6.75C6.33579 11.25 6 11.5858 6 12C6 12.4142 6.33579 12.75 6.75 12.75H11.25V17.25C11.25 17.6642 11.5858 18 12 18C12.4142 18 12.75 17.6642 12.75 17.25V12.75H17.25C17.6642 12.75 18 12.4142 18 12C18 11.5858 17.6642 11.25 17.25 11.25H12.75V6.75Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12.75 6.75C12.75 6.33579 12.4142 6 12 6C11.5858 6 11.25 6.33579 11.25 6.75V11.25H6.75C6.33579 11.25 6 11.5858 6 12C6 12.4142 6.33579 12.75 6.75 12.75H11.25V17.25C11.25 17.6642 11.5858 18 12 18C12.4142 18 12.75 17.6642 12.75 17.25V12.75H17.25C17.6642 12.75 18 12.4142 18 12C18 11.5858 17.6642 11.25 17.25 11.25H12.75V6.75Z"/></svg>') no-repeat center/cover;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 12px 0 0;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    -webkit-box-pack: var(--module-align);
    -ms-flex-pack: var(--module-align);
    justify-content: var(--module-align);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-type .badge {
    --color: #002d62;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 6px;
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.5);
    -webkit-box-shadow: inset 0 0 0 1px var(--color);
    box-shadow: inset 0 0 0 1px var(--color);
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-type .badge.type-line {
    color: var(--color);
    background-color: var(--color-admin-normal-100);
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-type .badge.type-fill {
    color: var(--color-admin-normal-100);
    background-color: var(--color);
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-type .badge .badge-name {
    display: block;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: var(--module-align);
    -ms-flex-align: var(--module-align);
    align-items: var(--module-align);
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: var(--module-align);
    -ms-flex-pack: var(--module-align);
    justify-content: var(--module-align);
    margin: 4px 0 0;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject .goods-name {
    display: block;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.3);
    font-weight: 600;
    color: var(--color-admin-normal-110);
    word-break: break-word;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject .goods-name:not(:hover) {
    text-decoration: none;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-summary {
    display: block;
    margin: 0;
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.333);
    color: var(--color-admin-normal-140);
    word-break: break-word;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-summary:not(:hover) {
    text-decoration: none;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-summary a {
    color: inherit;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-summary a:not(:hover) {
    text-decoration: none;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-infoset .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    -webkit-box-pack: var(--module-align);
    -ms-flex-pack: var(--module-align);
    justify-content: var(--module-align);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-infoset .data-list .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-infoset .data-list .data-item.brand .body {
    color: var(--color-admin-normal-110);
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-infoset .data-list .data-item .head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-infoset .data-list .data-item .body {
    display: block;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    color: var(--color-admin-normal-140);
    word-break: break-all;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-info .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-pack: var(--module-align);
    -ms-flex-pack: var(--module-align);
    justify-content: var(--module-align);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-info .data-list .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-info .data-list .data-item .head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-info .data-list .data-item .body {
    display: block;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    color: var(--color-admin-normal-060);
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: var(--module-align);
    -ms-flex-pack: var(--module-align);
    justify-content: var(--module-align);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list:has(.price-bargain) .price-selling .body {
    text-decoration: line-through;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: var(--module-align);
    -ms-flex-pack: var(--module-align);
    justify-content: var(--module-align);
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item:not(.limited-rate) .head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item .body {
    display: block;
    word-break: break-all;
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-selling {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.2);
    color: var(--color-admin-normal-160);
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.discount-rate {
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.333);
    font-weight: 600;
    color: var(--color-admin-accent-250);
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-bargain {
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.333);
    font-weight: 600;
    color: var(--color-admin-normal-110);
}

.goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.limited-rate {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    margin-top: 4px;
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.333);
    color: var(--color-admin-normal-160);
}

.goods-display.comp-a .goods-list .goods-item:not([data-component-module-brand=true]):not([data-component-module-number=true]) .goods-subject {
    margin-top: 0 !important;
}

.goods-display.comp-a .goods-list .goods-item:not([data-component-module-brand=true]) .brand {
    display: none !important;
}

.goods-display.comp-a .goods-list .goods-item:not([data-component-module-number=true]) .number {
    display: none !important;
}

.goods-display.comp-a .goods-list .goods-item:not([data-component-module-limited=true]) .limited-rate {
    display: none !important;
}

.goods-display.comp-a .goods-list .goods-item:not([data-component-module-discount=true]) .discount-rate {
    display: none !important;
}

.goods-display.comp-a .goods-list .goods-item:not([data-component-module-price=true]) .price-selling {
    display: none !important;
}

.goods-display.comp-a .goods-list .goods-item:not([data-component-module-link=true]) .goods-figure > .button-display {
    display: none !important;
}

.goods-display.comp-a:not([data-component-module-badge=true]):not([data-component-module-subject=true]):not([data-component-module-summary=true]):not([data-component-module-period=true]):not([data-component-module-posted=true]):not([data-component-module-writer=true]):not([data-component-module-price-selling=true]):not([data-component-module-price-bargain=true]):not([data-component-module-discount-rate=true]) .goods-inform {
    display: none !important;
}

.goods-display.comp-a[data-component-module-badge=false] .goods-type {
    display: none !important;
}

.goods-display.comp-a:not([data-component-module-subject=true]):not([data-component-module-summary=true]):not([data-component-module-infoset=true]) .goods-head {
    display: none !important;
}

.goods-display.comp-a[data-component-module-thumbnail=false] .goods-figure {
    display: none !important;
}

.goods-display.comp-a[data-component-module-subject=false] .goods-subject {
    display: none !important;
}

.goods-display.comp-a[data-component-module-summary=false] .goods-summary {
    display: none !important;
}

.goods-display.comp-a[data-component-module-infoset=false] .goods-infoset {
    display: none !important;
}

.goods-display.comp-a:not([data-component-module-period=true]):not([data-component-module-posted=true]):not([data-component-module-writer=true]) .goods-info {
    display: none !important;
}

.goods-display.comp-a[data-component-module-period=false] .data-item.period {
    display: none !important;
}

.goods-display.comp-a[data-component-module-posted=false] .data-item.posted {
    display: none !important;
}

.goods-display.comp-a[data-component-module-writer=false] .data-item.writer {
    display: none !important;
}

.goods-display.comp-a:not([data-component-module-price-selling=true]):not([data-component-module-price-bargain=true]):not([data-component-module-discount-rate=true]) .goods-foot {
    display: none !important;
}

.goods-display.comp-a[data-component-module-price-selling=false] .price-selling {
    display: none !important;
}

.goods-display.comp-a[data-component-module-price-bargain=false] .price-bargain {
    display: none !important;
}

.goods-display.comp-a[data-component-module-discount-rate=false] .discount-rate {
    display: none !important;
}

.goods-display.comp-a[style*="--align: a;"] {
    --module-align: flex-start;
    --module-text-align: left;
}

.goods-display.comp-a[style*="--align: b;"] {
    --module-align: flex-end;
    --module-text-align: right;
}

.goods-display.comp-a[style*="--align: c;"] {
    --module-align: center;
    --module-text-align: center;
}

.goods-display.comp-a[style*="--display: b;"],
.goods-display.comp-a[style*="--display: a;"] {
    --thumbnail-width: 104px;
    --thumbnail-height: 104px;
}

.goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap,
.goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform,
.goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform {
    padding: 0;
}

.goods-display.comp-a[style*="--display: b"] .goods-list .goods-item .goods-wrap .goods-figure {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.goods-display.comp-a[style*="--display: b"] .goods-list .goods-item .goods-wrap .goods-inform {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.goods-display.comp-a[style*="--display: c"] .goods-list .goods-item .goods-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.goods-display.comp-a[style*="--display: c"] .goods-list .goods-item .goods-wrap .goods-figure .goods-thumbnail {
    width: 100%;
}

.goods-display.comp-a[style*="--display: c"] .goods-list .goods-item .goods-wrap .goods-inform {
    padding: 0;
}

.goods-display.comp-a[style*="--display: c"][style*="--column-count: 1"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject .goods-name {
    line-height: var(--baseline-6x);
    font-size: calc(var(--baseline-6x) / 1.5);
}

.goods-display.comp-a[style*="--display: c"][style*="--column-count: 1"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-summary {
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
}

.goods-display.comp-a[style*="--display: c"][style*="--column-count: 1"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-infoset .data-list .data-item .body {
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.3333);
}

.goods-display.comp-a[style*="--display: c"][style*="--column-count: 1"] .goods-list .goods-item .goods-wrap .goods-inform .goods-info .data-list .data-item .body {
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
}

.goods-display.comp-a[style*="--display: c"][style*="--column-count: 1"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-selling {
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
}

.goods-display.comp-a[style*="--display: c"][style*="--column-count: 1"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.discount-rate {
    line-height: var(--baseline-7x);
    font-size: calc(var(--baseline-7x) / 1.5);
}

.goods-display.comp-a[style*="--display: c"][style*="--column-count: 1"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-bargain {
    line-height: var(--baseline-7x);
    font-size: calc(var(--baseline-7x) / 1.5);
}

.goods-display.comp-a[style*="--display: c"][style*="--column-count: 1"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.limited-rate {
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
}

/**
 * coupon system
**/
.coupon-display.comp-a:not([data-component-module-swiper=true]) {
    --flex-direction: row;
    --column-count: 1;
    --column-gap: 12px;
    --row-gap: 16px;
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
    --thumbnail-width: 100%;
    --thumbnail-height: auto;
    --thumbnail-border-radius: 100px;
}

.coupon-display.comp-a:not([data-component-module-swiper=true]) .coupon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}

.coupon-display.comp-a:not([data-component-module-swiper=true]) .coupon-list .coupon-item {
    width: var(--width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.coupon-display.comp-a .coupon-list .coupon-item {
    position: relative;
    padding-bottom: 60px;
}

.coupon-display.comp-a .coupon-list .coupon-item::before,
.coupon-display.comp-a .coupon-list .coupon-item::after {
    content: "";
    display: block;
    height: 20px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
    -webkit-mask-image: url("../../../assets/global/images/component/coupon_style_a.svg");
    mask-image: url("../../../assets/global/images/component/coupon_style_a.svg");
    background-color: var(--color-admin-normal-100);
}

.coupon-display.comp-a .coupon-list .coupon-item::before {
    position: absolute;
    right: 0;
    bottom: 60px;
    left: 16px;
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
}

.coupon-display.comp-a .coupon-list .coupon-item::after {
    width: 16px;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 16px;
    padding: 20px 24px 10px;
    border-radius: 8px 8px 0 0;
    background-color: var(--color-admin-normal-100);
    text-align: var(--module-text-align);
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap::before {
    content: "";
    display: block;
    position: absolute;
    height: 11px;
    bottom: 60px;
    left: 16px;
    right: 16px;
    border-top: 1px dashed var(--color-admin-normal-080);
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-figure .coupon-thumbnail {
    display: block;
    overflow: hidden;
    width: var(--thumbnail-width);
    height: var(--thumbnail-height);
    border-radius: var(--thumbnail-border-radius);
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-figure .coupon-thumbnail img {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-figure img {
    width: 170px;
    aspect-ratio: 1/1;
    display: block;
    border-radius: var(--thumbnail-border-radius);
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform:has(.coupon-util) .coupon-info .data-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
    -webkit-box-align: var(--module-align);
    -ms-flex-align: var(--module-align);
    align-items: var(--module-align);
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: var(--module-align);
    -ms-flex-pack: var(--module-align);
    justify-content: var(--module-align);
    margin: 0;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-subject .coupon-name {
    display: block;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.333);
    font-weight: 600;
    color: var(--color-admin-normal-110);
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    max-height: 1.5em;
    word-wrap: break-word;
    overflow: hidden;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-subject .coupon-name:not(:hover) {
    text-decoration: none;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-summary {
    display: block;
    margin: 0;
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.333);
    color: var(--color-admin-normal-140);
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    max-height: 1.5em;
    word-wrap: break-word;
    overflow: hidden;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-summary a {
    color: inherit;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-summary a:not(:hover) {
    text-decoration: none;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-infoset .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-pack: var(--module-align);
    -ms-flex-pack: var(--module-align);
    justify-content: var(--module-align);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-infoset .data-list .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-infoset .data-list .data-item .head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-infoset .data-list .data-item .body {
    display: block;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    color: var(--color-admin-normal-060);
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info {
    position: absolute;
    right: 0;
    bottom: 5px;
    left: 0;
    padding: 0 20px;
    height: 55px;
    border-radius: 0 0 8px 8px;
    background-color: var(--color-admin-normal-100);
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info .data-list .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info .data-list .data-item.period {}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info .data-list .data-item:not(.limited) .head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info .data-list .data-item .body {
    display: block;
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.3333);
    color: var(--color-admin-normal-160);
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info .data-list .data-item.limited .head,
.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info .data-list .data-item.limited .body {
    display: block;
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.25);
    color: var(--color-admin-normal-160);
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util {
    position: absolute;
    bottom: 20px;
    right: 24px;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .pcver {
    color: var(--color-admin-normal-180);
    font-size: calc(var(--baseline-5x) / 1.333);
    display: none;
}


.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util > span.em {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: var(--baseline-10x);
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.25);
    color: var(--color-admin-normal-160);
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .btn:where(.download, .goto) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #28324E;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .btn:where(.download, .goto) .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .btn:where(.download, .goto)::before {
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--color-admin-normal-100);
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .btn.download::before {
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="m7.28 9.718 3.97 4.16V3.75a.75.75 0 0 1 1.5 0v10.125l3.966-4.157a.75.75 0 0 1 1.06 1.06l-5.203 5.455a.747.747 0 0 1-.575.267.747.747 0 0 1-.575-.267L6.22 10.779a.75.75 0 1 1 1.06-1.061ZM3.75 19.5a.75.75 0 0 0 0 1.5h16.5a.75.75 0 0 0 0-1.5H3.75Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="m7.28 9.718 3.97 4.16V3.75a.75.75 0 0 1 1.5 0v10.125l3.966-4.157a.75.75 0 0 1 1.06 1.06l-5.203 5.455a.747.747 0 0 1-.575.267.747.747 0 0 1-.575-.267L6.22 10.779a.75.75 0 1 1 1.06-1.061ZM3.75 19.5a.75.75 0 0 0 0 1.5h16.5a.75.75 0 0 0 0-1.5H3.75Z"/></svg>') no-repeat center/cover;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .btn.goto {
    background-color: var(--color-admin-normal-100);
    border: 1px solid var(--color-admin-normal-190);
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .btn.goto::before {
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12.217 6.223a.75.75 0 0 1 1.06 0l5.453 5.201.05.046a.748.748 0 0 1-.05 1.108l-5.452 5.201a.75.75 0 0 1-1.06-1.06l4.156-3.966H5.748a.75.75 0 0 1 0-1.5h10.63l-4.16-3.97a.75.75 0 0 1 0-1.06Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12.217 6.223a.75.75 0 0 1 1.06 0l5.453 5.201.05.046a.748.748 0 0 1-.05 1.108l-5.452 5.201a.75.75 0 0 1-1.06-1.06l4.156-3.966H5.748a.75.75 0 0 1 0-1.5h10.63l-4.16-3.97a.75.75 0 0 1 0-1.06Z"/></svg>') no-repeat center/cover;
    background-color: var(--color-admin-normal-140);
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .btn.downloaded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    cursor: auto;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .btn.downloaded::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--color-admin-normal-180);
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .btn.downloaded::after {
    content: "";
    width: 40px;
    height: 40px;
    background-color: var(--color-admin-normal-100);
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="m7.28 9.718 3.97 4.16V3.75a.75.75 0 0 1 1.5 0v10.125l3.966-4.157a.75.75 0 0 1 1.06 1.06l-5.203 5.455a.747.747 0 0 1-.575.267.747.747 0 0 1-.575-.267L6.22 10.779a.75.75 0 1 1 1.06-1.061ZM3.75 19.5a.75.75 0 0 0 0 1.5h16.5a.75.75 0 0 0 0-1.5H3.75Z"/></svg>') no-repeat center;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="m7.28 9.718 3.97 4.16V3.75a.75.75 0 0 1 1.5 0v10.125l3.966-4.157a.75.75 0 0 1 1.06 1.06l-5.203 5.455a.747.747 0 0 1-.575.267.747.747 0 0 1-.575-.267L6.22 10.779a.75.75 0 1 1 1.06-1.061ZM3.75 19.5a.75.75 0 0 0 0 1.5h16.5a.75.75 0 0 0 0-1.5H3.75Z"/></svg>') no-repeat center;
    -webkit-mask-size: 24px;
    mask-size: 24px;
}

.coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .btn.downloaded .btn-name {
    display: block;
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.25);
    color: var(--color-admin-normal-160);
}

.coupon-display.comp-a:not([data-component-module-badge=true]):not([data-component-module-subject=true]):not([data-component-module-summary=true]):not([data-component-module-period=true]):not([data-component-module-posted=true]):not([data-component-module-writer=true]):not([data-component-module-price-selling=true]):not([data-component-module-price-bargain=true]):not([data-component-module-discount-rate=true]) .coupon-inform {
    display: none !important;
}

.coupon-display.comp-a[data-component-module-badge=false] .coupon-type {
    display: none !important;
}

.coupon-display.comp-a:not([data-component-module-subject=true]):not([data-component-module-summary=true]):not([data-component-module-infoset=true]) .coupon-head {
    display: none !important;
}

.coupon-display.comp-a[data-component-module-thumbnail=false] .coupon-figure {
    display: none !important;
}

.coupon-display.comp-a[data-component-module-subject=false] .coupon-subject {
    display: none !important;
}

.coupon-display.comp-a[data-component-module-summary=false] .coupon-summary {
    display: none !important;
}

.coupon-display.comp-a[data-component-module-infoset=false] .coupon-infoset {
    display: none !important;
}

.coupon-display.comp-a:not([data-component-module-period=true]):not([data-component-module-posted=true]):not([data-component-module-writer=true]):not([data-component-module-limited=true]) .coupon-info {
    display: none !important;
}

.coupon-display.comp-a[data-component-module-period=false] .data-item.period {
    display: none !important;
}

.coupon-display.comp-a[data-component-module-posted=false] .data-item.posted {
    display: none !important;
}

.coupon-display.comp-a[data-component-module-writer=false] .data-item.writer {
    display: none !important;
}

.coupon-display.comp-a[data-component-module-limited=false] .data-item.limited {
    display: none !important;
}

.coupon-display.comp-a:not([data-component-module-price-selling=true]):not([data-component-module-price-bargain=true]):not([data-component-module-discount-rate=true]) .goods-foot {
    display: none !important;
}

.coupon-display.comp-a[data-component-module-price-selling=false] .price-selling {
    display: none !important;
}

.coupon-display.comp-a[data-component-module-price-bargain=false] .price-bargain {
    display: none !important;
}

.coupon-display.comp-a[data-component-module-discount-rate=false] .discount-rate {
    display: none !important;
}

.coupon-display.comp-a[style*="--type: b;"] {
    --thumbnail-border-radius: 8px;
}

.coupon-display.comp-a[style*="--align: a;"] {
    --module-align: flex-start;
    --module-text-align: left;
}

.coupon-display.comp-a[style*="--align: b;"] {
    --module-align: flex-end;
    --module-text-align: right;
}

.coupon-display.comp-a[style*="--align: c;"] {
    --module-align: center;
    --module-text-align: center;
}

.coupon-display.comp-a[style*="--display: b;"],
.coupon-display.comp-a[style*="--display: a;"] {
    --thumbnail-width: 60px;
    --thumbnail-height: 60px;
}

.coupon-display.comp-a[style*="--display: b;"] .coupon-list .coupon-item .coupon-wrap,
.coupon-display.comp-a[style*="--display: a;"] .coupon-list .coupon-item .coupon-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.coupon-display.comp-a[style*="--display: b"] .coupon-list .coupon-item .coupon-wrap .coupon-figure {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.coupon-display.comp-a[style*="--display: b"] .coupon-list .coupon-item .coupon-wrap .coupon-inform {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.coupon-display.comp-a[style*="--display: c"] .coupon-list .coupon-item .coupon-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.content-display.comp-a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    color: var(--color-admin-normal-010);
    text-align: var(--module-text-align);
}

.content-display.comp-a .image {
    border-radius: 8px;
}

.content-display.comp-a .para-head {
    margin: 0;
    margin-bottom: -10px;
    line-height: var(--baseline-6x);
    font-size: calc(var(--baseline-6x) / 1.3);
    font-weight: 600;
    color: var(--color-admin-normal-110);
}

.content-display.comp-a .para-text {
    margin: 0;
    white-space: pre;
    white-space: pre-wrap;
    line-height: var(--baseline-6x);
    font-size: calc(var(--baseline-6x) / 1.5);
    color: var(--color-admin-normal-140);
}

.content-display.comp-a .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: var(--module-align);
    -ms-flex-align: var(--module-align);
    align-items: var(--module-align);
}

.content-display.comp-a .data-list .data-item {
    --list-color: var(--color-admin-normal-140);
}

.content-display.comp-a[style*="--type: b;"] {
    --thumbnail-border-radius: 8px;
}

.content-display.comp-a[style*="--align: a;"] {
    --module-align: flex-start;
    --module-text-align: left;
}

.content-display.comp-a[style*="--align: b;"] {
    --module-align: flex-end;
    --module-text-align: right;
}

.content-display.comp-a[style*="--align: c;"] {
    --module-align: center;
    --module-text-align: center;
}

.content-display.comp-a[style*="--display: b;"],
.content-display.comp-a[style*="--display: a;"] {
    --thumbnail-width: 72px;
    --thumbnail-height: 72px;
}

.content-display.comp-a[style*="--display: b;"] .coupon-list .coupon-item .coupon-wrap,
.content-display.comp-a[style*="--display: a;"] .coupon-list .coupon-item .coupon-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-display.comp-a[style*="--display: b"] .coupon-list .coupon-item .coupon-wrap .coupon-figure {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.content-display.comp-a[style*="--display: b"] .coupon-list .coupon-item .coupon-wrap .coupon-inform {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.content-display.comp-a[style*="--display: c"] .coupon-list .coupon-item .coupon-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/**
 * swiper
**/
.navi-display.comp-a:not([data-component-module-swiper=true]) .swiper-util,
.display-board.comp-a:not([data-component-module-swiper=true]) .swiper-util,
.posts-display.comp-a:not([data-component-module-swiper=true]) .swiper-util,
.goods-display.comp-a:not([data-component-module-swiper=true]) .swiper-util {
    display: none !important;
}

.navi-display.comp-a:not([data-component-module-swiper=true]) .swiper-util .swiper-pages,
.navi-display.comp-a:not([data-component-module-swiper=true]) .swiper-util .swiper-controls,
.display-board.comp-a:not([data-component-module-swiper=true]) .swiper-util .swiper-pages,
.display-board.comp-a:not([data-component-module-swiper=true]) .swiper-util .swiper-controls,
.posts-display.comp-a:not([data-component-module-swiper=true]) .swiper-util .swiper-pages,
.posts-display.comp-a:not([data-component-module-swiper=true]) .swiper-util .swiper-controls,
.goods-display.comp-a:not([data-component-module-swiper=true]) .swiper-util .swiper-pages,
.goods-display.comp-a:not([data-component-module-swiper=true]) .swiper-util .swiper-controls {
    display: none !important;
}

.navi-display.comp-a[data-component-module-swiper=true] .swiper-util,
.display-board.comp-a[data-component-module-swiper=true] .swiper-util,
.posts-display.comp-a[data-component-module-swiper=true] .swiper-util,
.goods-display.comp-a[data-component-module-swiper=true] .swiper-util {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    min-height: 16px;
    margin: 12px 0 0;
}

.navi-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-pages,
.display-board.comp-a[data-component-module-swiper=true] .swiper-util .swiper-pages,
.posts-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-pages,
.goods-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    position: static;
    width: auto;
}

.navi-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-pages .swiper-pagination-bullet,
.display-board.comp-a[data-component-module-swiper=true] .swiper-util .swiper-pages .swiper-pagination-bullet,
.posts-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-pages .swiper-pagination-bullet,
.goods-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-pages .swiper-pagination-bullet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 5px;
    height: 5px;
    margin: 0;
    border-radius: 5px;
    background-color: #cfdef6;
    opacity: 1;
}

.navi-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-pages .swiper-pagination-bullet.swiper-pagination-bullet-active,
.display-board.comp-a[data-component-module-swiper=true] .swiper-util .swiper-pages .swiper-pagination-bullet.swiper-pagination-bullet-active,
.posts-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-pages .swiper-pagination-bullet.swiper-pagination-bullet-active,
.goods-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-pages .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 18px;
    background-color: #004ED2;
}

.navi-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls,
.display-board.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls,
.posts-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls,
.goods-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navi-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls .auto-play:before,
.display-board.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls .auto-play:before,
.posts-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls .auto-play:before,
.goods-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls .auto-play:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6 6.25c0-.977 1.064-1.574 1.89-1.063l10.02 5.75a1.25 1.25 0 0 1 0 2.125L7.89 18.813c-.826.511-1.89-.086-1.89-1.062V6.249Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6 6.25c0-.977 1.064-1.574 1.89-1.063l10.02 5.75a1.25 1.25 0 0 1 0 2.125L7.89 18.813c-.826.511-1.89-.086-1.89-1.062V6.249Z"/></svg>') no-repeat center/cover;
    background-color: var(--color-admin-normal-010);
}

.navi-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls .auto-play.active:before,
.display-board.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls .auto-play.active:before,
.posts-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls .auto-play.active:before,
.goods-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls .auto-play.active:before {
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6.857 5C6.384 5 6 5.398 6 5.889V18.11c0 .491.384.889.857.889h3.429c.473 0 .857-.398.857-.889V5.89c0-.491-.384-.889-.857-.889H6.857Zm6.857 0c-.473 0-.857.398-.857.889V18.11c0 .491.384.889.857.889h3.429c.473 0 .857-.398.857-.889V5.89c0-.491-.384-.889-.857-.889h-3.429Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6.857 5C6.384 5 6 5.398 6 5.889V18.11c0 .491.384.889.857.889h3.429c.473 0 .857-.398.857-.889V5.89c0-.491-.384-.889-.857-.889H6.857Zm6.857 0c-.473 0-.857.398-.857.889V18.11c0 .491.384.889.857.889h3.429c.473 0 .857-.398.857-.889V5.89c0-.491-.384-.889-.857-.889h-3.429Z"/></svg>') no-repeat center/cover;
}

.navi-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls .auto-play .btn-text,
.display-board.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls .auto-play .btn-text,
.posts-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls .auto-play .btn-text,
.goods-display.comp-a[data-component-module-swiper=true] .swiper-util .swiper-controls .auto-play .btn-text {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.navi-display.comp-a[data-component-module-swiper=true]:not([data-component-module-auto-play=true]) .swiper-util .swiper-controls,
.display-board.comp-a[data-component-module-swiper=true]:not([data-component-module-auto-play=true]) .swiper-util .swiper-controls,
.posts-display.comp-a[data-component-module-swiper=true]:not([data-component-module-auto-play=true]) .swiper-util .swiper-controls,
.goods-display.comp-a[data-component-module-swiper=true]:not([data-component-module-auto-play=true]) .swiper-util .swiper-controls {
    display: none !important;
}

main:has(.viewDetail) {
    padding: 0;
}

main:has(.viewDetail) .display-board.comp-c .board-wrap .board-inform:first-of-type {
    padding-top: 0;
}

@media (min-width: 560px) {
    main:has(.viewDetail) {
        padding: 0 24px;
    }
}

@media (min-width: 750px) {
    .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .pcver {
        display: block;
    }
    .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .button-display {
        display: none;
    }
    
}


.viewDetail .section.comp-a .section-wrap .section-head .section-subject .section-name,
.viewDetail .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-subject .coupon-name,
.viewDetail .guide-board.comp-a .board-wrap .board-inform .board-head .board-subject .board-name,
.viewList .section.comp-a .section-wrap .section-head .section-subject .section-name,
.viewList .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-subject .coupon-name,
.viewList .guide-board.comp-a .board-wrap .board-inform .board-head .board-subject .board-name {
    font-weight: 700;
}

.viewDetail .goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject .goods-name,
.viewList .goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject .goods-name {
    font-weight: 500;
}

.viewList {
    margin-top: 20px;
}

.viewList .option-display.list-type-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 15px 0;
}

.viewList .option-display.list-type-select .option-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.viewList .option-display.list-type-select .option-list .option-item:nth-child(1) {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M4 6a2 2 0 0 1 2-2h12a2 2 0 1 1 0 4H6a2 2 0 0 1-2-2Zm0 6a2 2 0 0 1 2-2h12a2 2 0 1 1 0 4H6a2 2 0 0 1-2-2Zm2 4a2 2 0 1 0 0 4h12a2 2 0 1 0 0-4H6Z"/></svg>');
}

.viewList .option-display.list-type-select .option-list .option-item:nth-child(2) {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6 4C4.895 4 4 4.895 4 6V9C4 10.105 4.895 11 6 11H9C10.105 11 11 10.105 11 9V6C11 4.895 10.105 4 9 4H6ZM6 13C4.895 13 4 13.895 4 15V18C4 19.105 4.895 20 6 20H9C10.105 20 11 19.105 11 18V15C11 13.895 10.105 13 9 13H6ZM13 6C13 4.895 13.895 4 15 4H18C19.105 4 20 4.895 20 6V9C20 10.105 19.105 11 18 11H15C13.895 11 13 10.105 13 9V6ZM15 13C13.895 13 13 13.895 13 15V18C13 19.105 13.895 20 15 20H18C19.105 20 20 19.105 20 18V15C20 13.895 19.105 13 18 13H15Z"/></svg>');
}

.viewList .option-display.list-type-select .option-list .option-item:has(.form-elem:checked) .option-select .form.radio::before {
    background-color: var(--color-admin-normal-110);
}

.viewList .option-display.list-type-select .option-list .option-item .option-select .form.radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.viewList .option-display.list-type-select .option-list .option-item .option-select .form.radio::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    padding: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--color-admin-normal-180);
}

.viewList .option-display.list-type-select .option-list .option-item .option-select .form.radio .form-text {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.viewList .posts-display.comp-a[style*="display: a;"][style*="--column-count: 1"] {
    --row-gap: 16px;
}

.viewList .posts-display.comp-a[style*="display: a;"][style*="--column-count: 1"] .posts-list .posts-item + .posts-item {
    padding-top: 16px;
    border-top: 1px solid var(--color-admin-normal-190);
}

.viewList .posts-display.comp-a[style*="display: a;"][style*="--column-count: 1"] .posts-list .posts-item .posts-wrap .posts-inform {
    padding-top: 10px;
}

.viewList .posts-display.comp-a[style*="display: c;"] {
    --row-gap: 32px;
    --column-gap: 16px;
}

.viewList .posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name {
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.333);
    font-weight: 400;
    color: #111;
}

@media (min-width: 560px) {
    .viewList {
        margin: 80px 0 56px;
    }

    .viewList .posts-display.comp-a[style*="display: c;"] {
        --row-gap: 64px;
        --column-gap: 40px;
    }
}

.viewDetail {
    max-width: 780px;
    margin: 0 auto;
}

.viewDetail .section.comp-a {
    padding: 28px 24px;
}

.viewDetail .posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name {
    font-weight: 700;
}

@media (min-width: 560px) {

    #wrapper.edm #content .navi-display.temp-a .navi-list .navi-item .navi-name,
    .viewDetail .navi-display.temp-a .navi-list .navi-item .navi-name {
        height: 72px;
        line-height: var(--baseline-7x);
        font-size: calc(var(--baseline-7x) / 1.5);
    }

    #wrapper.edm #content .display-board.comp-c .board-wrap .board-inform,
    .viewDetail .display-board.comp-c .board-wrap .board-inform {
        padding: 48px 0 50px;
        row-gap: 16px;
    }

    #wrapper.edm #content .display-board.comp-c .board-wrap .board-inform .board-type,
    .viewDetail .display-board.comp-c .board-wrap .board-inform .board-type {
        top: 0;
        left: 0;
    }

    #wrapper.edm #content .display-board.comp-c .board-wrap .board-inform .board-type .badge,
    .viewDetail .display-board.comp-c .board-wrap .board-inform .board-type .badge {
        padding: 4px 8px;
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }

    #wrapper.edm #content .display-board.comp-c .board-wrap .board-inform .board-head,
    .viewDetail .display-board.comp-c .board-wrap .board-inform .board-head {
        row-gap: 4px;
    }

    #wrapper.edm #content .display-board.comp-c .board-wrap .board-inform .board-head .board-subject,
    .viewDetail .display-board.comp-c .board-wrap .board-inform .board-head .board-subject {
        line-height: var(--baseline-12x);
        font-size: calc(var(--baseline-12x) / 1.5);
    }

    #wrapper.edm #content .display-board.comp-c .board-wrap .board-inform .board-head .board-summary,
    .viewDetail .display-board.comp-c .board-wrap .board-inform .board-head .board-summary {
        line-height: var(--baseline-7x);
        font-size: calc(var(--baseline-7x) / 1.5);
    }

    #wrapper.edm #content .display-board.comp-c .board-wrap .board-inform .board-info .data-list .data-item .body,
    .viewDetail .display-board.comp-c .board-wrap .board-inform .board-info .data-list .data-item .body {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }

    #wrapper.edm #content .display-board.comp-a[style*="--type: a"],
    .viewDetail .display-board.comp-a[style*="--type: a"] {
        --border-radius: 16px;
    }

    #wrapper.edm #content > .section.comp-a,
    .viewDetail > .section.comp-a {
        padding: 50px 30px;
    }

    #wrapper.edm #content > .section.comp-a > .section-wrap,
    .viewDetail > .section.comp-a > .section-wrap {
        row-gap: 40px;
    }

    #wrapper.edm #content > .section.comp-a > .section-wrap > .section-head,
    .viewDetail > .section.comp-a > .section-wrap > .section-head {
        row-gap: 8px;
    }

    #wrapper.edm #content > .section.comp-a > .section-wrap > .section-head > .section-subject .section-name,
    .viewDetail > .section.comp-a > .section-wrap > .section-head > .section-subject .section-name {
        line-height: var(--baseline-12x);
        font-size: calc(var(--baseline-12x) / 1.5);
    }

    #wrapper.edm #content > .section.comp-a > .section-wrap > .section-head .section-summary,
    .viewDetail > .section.comp-a > .section-wrap > .section-head .section-summary {
        line-height: var(--baseline-7x);
        font-size: calc(var(--baseline-7x) / 1.5);
    }

    #wrapper.edm #content > .section.comp-a > .section-wrap > .section-body > .navi-display.comp-a > .navi-list > .navi-item .navi-name,
    .viewDetail > .section.comp-a > .section-wrap > .section-body > .navi-display.comp-a > .navi-list > .navi-item .navi-name {
        line-height: var(--baseline-7x);
        font-size: calc(var(--baseline-7x) / 1.5);
        row-gap: 16px;
    }

    #wrapper.edm #content > .section.comp-a > .section-wrap > .section-body > .navi-display.comp-a > .navi-list > .navi-item .navi-name::before,
    .viewDetail > .section.comp-a > .section-wrap > .section-body > .navi-display.comp-a > .navi-list > .navi-item .navi-name::before {
        width: 104px;
        height: 104px;
    }

    #wrapper.edm #content .content-display.comp-a,
    .viewDetail .content-display.comp-a {
        row-gap: 24px;
    }

    #wrapper.edm #content .content-display.comp-a .image,
    .viewDetail .content-display.comp-a .image {
        border-radius: 16px;
    }

    #wrapper.edm #content .content-display.comp-a .para-head,
    .viewDetail .content-display.comp-a .para-head {
        line-height: var(--baseline-9x);
        font-size: calc(var(--baseline-9x) / 1.333);
    }

    #wrapper.edm #content .content-display.comp-a .para-text,
    .viewDetail .content-display.comp-a .para-text {
        line-height: var(--baseline-7x);
        font-size: calc(var(--baseline-7x) / 1.333);
    }

    #wrapper.edm #content .content-display.comp-a .data-list.comp-a,
    .viewDetail .content-display.comp-a .data-list.comp-a {
        --list-line-height: var(--baseline-6x);
    }

    #wrapper.edm #content .posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name,
    .viewDetail .posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name {
        font-weight: 400;
    }

    #wrapper.edm #content .posts-display.comp-a,
    .viewDetail .posts-display.comp-a {
        --thumbnail-border-radius: 16px;
    }

    #wrapper.edm #content .posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform,
    .viewDetail .posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform {
        row-gap: 12px;
    }

    #wrapper.edm #content .posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-type,
    .viewDetail .posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-type {
        -webkit-column-gap: 6px;
        -moz-column-gap: 6px;
        column-gap: 6px;
    }

    #wrapper.edm #content .posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-type .badge,
    .viewDetail .posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-type .badge {
        padding: 2px 6px;
        line-height: var(--baseline-4x);
        font-size: calc(var(--baseline-4x) / 1.4);
    }

    #wrapper.edm #content .posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name,
    .viewDetail .posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name {
        line-height: var(--baseline-8x);
        font-size: calc(var(--baseline-8x) / 1.333);
        color: var(--color-admin-normal-110);
    }

    #wrapper.edm #content .posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name,
    .viewDetail .posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.333);
    }


    #wrapper.edm #content .posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-summary,
    .viewDetail .posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-summary {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }

    #wrapper.edm #content .posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-info .data-list .data-item .body,
    .viewDetail .posts-display.comp-a .posts-list .posts-item .posts-wrap .posts-inform .posts-info .data-list .data-item .body {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }

    #wrapper.edm #content .posts-display.comp-a[style*="--display: b;"],
    #wrapper.edm #content .posts-display.comp-a[style*="--display: a;"],
    .viewDetail .posts-display.comp-a[style*="--display: b;"],
    .viewDetail .posts-display.comp-a[style*="--display: a;"] {
        --thumbnail-width: 330px;
        --thumbnail-height: 330px;
    }

    #wrapper.edm #content .posts-display.comp-a[style*="--display: b;"] .posts-list .posts-item .posts-wrap,
    #wrapper.edm #content .posts-display.comp-a[style*="--display: a;"] .posts-list .posts-item .posts-wrap,
    .viewDetail .posts-display.comp-a[style*="--display: b;"] .posts-list .posts-item .posts-wrap,
    .viewDetail .posts-display.comp-a[style*="--display: a;"] .posts-list .posts-item .posts-wrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }

    #wrapper.edm #content .posts-display.comp-a[style*="--display: b;"] .posts-list .posts-item .posts-wrap .goods-figure .goods-thumbnail,
    #wrapper.edm #content .posts-display.comp-a[style*="--display: a;"] .posts-list .posts-item .posts-wrap .goods-figure .goods-thumbnail,
    .viewDetail .posts-display.comp-a[style*="--display: b;"] .posts-list .posts-item .posts-wrap .goods-figure .goods-thumbnail,
    .viewDetail .posts-display.comp-a[style*="--display: a;"] .posts-list .posts-item .posts-wrap .goods-figure .goods-thumbnail {
        width: 312px;
    }

    #wrapper.edm #content .posts-display.comp-a[style*="--display: b;"] .posts-list .posts-item .posts-wrap .posts-inform,
    #wrapper.edm #content .posts-display.comp-a[style*="--display: a;"] .posts-list .posts-item .posts-wrap .posts-inform,
    .viewDetail .posts-display.comp-a[style*="--display: b;"] .posts-list .posts-item .posts-wrap .posts-inform,
    .viewDetail .posts-display.comp-a[style*="--display: a;"] .posts-list .posts-item .posts-wrap .posts-inform {
        padding: 0;
        -webkit-column-gap: 12px;
        -moz-column-gap: 12px;
        column-gap: 12px;
    }

    #wrapper.edm #content .posts-display.comp-a[style*="--display: c;"][style*="--column-count: 1"] .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name,
    .viewDetail .posts-display.comp-a[style*="--display: c;"][style*="--column-count: 1"] .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name {
        line-height: var(--baseline-9x);
        font-size: calc(var(--baseline-9x) / 1.5);
    }

    #wrapper.edm #content .posts-display.comp-a[style*="--display: c;"][style*="--column-count: 1"] .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-summary,
    .viewDetail .posts-display.comp-a[style*="--display: c;"][style*="--column-count: 1"] .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-summary {
        line-height: var(--baseline-7x);
        font-size: calc(var(--baseline-7x) / 1.5);
    }

    #wrapper.edm #content .posts-display.comp-a[style*="--display: c;"][style*="--column-count: 1"] .posts-list .posts-item .posts-wrap .posts-inform .posts-info .data-list .data-item .body,
    .viewDetail .posts-display.comp-a[style*="--display: c;"][style*="--column-count: 1"] .posts-list .posts-item .posts-wrap .posts-inform .posts-info .data-list .data-item .body {
        line-height: var(--baseline-7x);
        font-size: calc(var(--baseline-7x) / 1.5);
    }

    #wrapper.edm #content .posts-display.comp-a:not([data-component-module-swiper=true])[style*="--display: b;"],
    #wrapper.edm #content .posts-display.comp-a:not([data-component-module-swiper=true])[style*="--display: a;"],
    .viewDetail .posts-display.comp-a:not([data-component-module-swiper=true])[style*="--display: b;"],
    .viewDetail .posts-display.comp-a:not([data-component-module-swiper=true])[style*="--display: a;"] {
        --row-gap: 8px;
    }

    #wrapper.edm #content .posts-display.comp-a:not([data-component-module-swiper=true])[style*="--display: c;"],
    .viewDetail .posts-display.comp-a:not([data-component-module-swiper=true])[style*="--display: c;"] {
        --row-gap: 32px;
    }

    #wrapper.edm #content .posts-display.comp-a[style*="--column-count: 1"] .posts-list .posts-item .posts-wrap,
    .viewDetail .posts-display.comp-a[style*="--column-count: 1"] .posts-list .posts-item .posts-wrap {
        row-gap: 24px;
    }

    #wrapper.edm #content .posts-display.comp-a[style*="--column-count: 1"] .posts-list .posts-item .posts-wrap .posts-figure .posts-thumbnail,
    .viewDetail .posts-display.comp-a[style*="--column-count: 1"] .posts-list .posts-item .posts-wrap .posts-figure .posts-thumbnail {
        width: 100%;
    }

    #wrapper.edm #content .posts-display.comp-a[style*="--column-count: 1"] .posts-list .posts-item .posts-wrap .posts-figure .posts-thumbnail img,
    .viewDetail .posts-display.comp-a[style*="--column-count: 1"] .posts-list .posts-item .posts-wrap .posts-figure .posts-thumbnail img {
        width: 100%;
    }

    #wrapper.edm #content .posts-display.comp-a:not([data-component-module-swiper=true]),
    .viewDetail .posts-display.comp-a:not([data-component-module-swiper=true]) {
        --column-gap: 60px;
        --row-gap: 40px;
    }

    #wrapper.edm #content .posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform,
    .viewDetail .posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    #wrapper.edm #content .posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform .posts-type .badge,
    .viewDetail .posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform .posts-type .badge {
        padding: 3px 7px;
    }

    #wrapper.edm #content .posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform .posts-head,
    .viewDetail .posts-display.comp-a[data-component-module=news] .posts-list .posts-item .posts-wrap .posts-inform .posts-head {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

    #wrapper.edm #content .goods-display.comp-a,
    .viewDetail .goods-display.comp-a {
        --thumbnail-border-radius: 16px;
    }

    #wrapper.edm #content .goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-figure .button-display,
    .viewDetail .goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-figure .button-display {
        bottom: 8px;
        right: 8px;
    }

    #wrapper.edm #content .goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-figure .button-display .button-area .btn,
    .viewDetail .goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-figure .button-display .button-area .btn {
        width: 32px;
        height: 32px;
        border-radius: 10px;
    }

    #wrapper.edm #content .goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-figure .button-display .button-area .btn::before,
    .viewDetail .goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-figure .button-display .button-area .btn::before {
        width: 32px;
        height: 32px;
    }

    #wrapper.edm #content .goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform,
    .viewDetail .goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform {
        row-gap: 12px;
    }

    #wrapper.edm #content .goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.limited-rate,
    .viewDetail .goods-display.comp-a .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.limited-rate {
        margin-top: 8px;
    }

    #wrapper.edm #content .goods-display.comp-a:not([data-component-module-swiper=true]),
    .viewDetail .goods-display.comp-a:not([data-component-module-swiper=true]) {
        --column-gap: 60px;
        --row-gap: 32px;
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: b;"],
    #wrapper.edm #content .goods-display.comp-a[style*="--display: a;"],
    .viewDetail .goods-display.comp-a[style*="--display: b;"],
    .viewDetail .goods-display.comp-a[style*="--display: a;"] {
        --thumbnail-width: 312px;
        --thumbnail-height: 312px;
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: b;"] .goods-list,
    #wrapper.edm #content .goods-display.comp-a[style*="--display: a;"] .goods-list,
    .viewDetail .goods-display.comp-a[style*="--display: b;"] .goods-list,
    .viewDetail .goods-display.comp-a[style*="--display: a;"] .goods-list {
        row-gap: 16px;
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap,
    #wrapper.edm #content .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap,
    .viewDetail .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap,
    .viewDetail .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-figure .goods-thumbnail,
    #wrapper.edm #content .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-figure .goods-thumbnail,
    .viewDetail .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-figure .goods-thumbnail,
    .viewDetail .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-figure .goods-thumbnail {
        width: 312px;
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform,
    #wrapper.edm #content .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform,
    .viewDetail .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform,
    .viewDetail .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform {
        padding: 0;
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-infoset .data-list .data-item .body,
    #wrapper.edm #content .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-infoset .data-list .data-item .body,
    .viewDetail .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-infoset .data-list .data-item .body,
    .viewDetail .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-infoset .data-list .data-item .body {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject .goods-name,
    #wrapper.edm #content .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject .goods-name,
    .viewDetail .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject .goods-name,
    .viewDetail .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject .goods-name {
        line-height: var(--baseline-8x);
        font-size: calc(var(--baseline-8x) / 1.5);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-summary,
    #wrapper.edm #content .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-summary,
    .viewDetail .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-summary,
    .viewDetail .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-summary {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-selling,
    #wrapper.edm #content .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-selling,
    .viewDetail .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-selling,
    .viewDetail .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-selling {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.discount-rate,
    #wrapper.edm #content .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.discount-rate,
    .viewDetail .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.discount-rate,
    .viewDetail .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.discount-rate {
        margin-right: 4px;
        line-height: var(--baseline-9x);
        font-size: calc(var(--baseline-9x) / 1.5);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-bargain,
    #wrapper.edm #content .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-bargain,
    .viewDetail .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-bargain,
    .viewDetail .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-bargain {
        line-height: var(--baseline-9x);
        font-size: calc(var(--baseline-9x) / 1.5);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.limited-rate,
    #wrapper.edm #content .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.limited-rate,
    .viewDetail .goods-display.comp-a[style*="--display: b;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.limited-rate,
    .viewDetail .goods-display.comp-a[style*="--display: a;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.limited-rate {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap,
    .viewDetail .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap {
        row-gap: 12px;
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-figure .goods-thumbnail,
    .viewDetail .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-figure .goods-thumbnail {
        width: 100%;
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-figure .goods-thumbnail img,
    .viewDetail .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-figure .goods-thumbnail img {
        width: 100%;
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-infoset .data-list .data-item .body,
    .viewDetail .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-infoset .data-list .data-item .body {
        line-height: var(--baseline-5x);
        font-size: calc(var(--baseline-5x) / 1.5);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject,
    .viewDetail .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject {
        margin: 8px 0 0;
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject .goods-name,
    .viewDetail .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject .goods-name {
        line-height: var(--baseline-7x);
        font-size: calc(var(--baseline-7x) / 1.5);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-summary,
    .viewDetail .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-summary {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-selling,
    .viewDetail .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-selling {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.333);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.discount-rate,
    .viewDetail .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.discount-rate {
        margin-right: 4px;
        line-height: var(--baseline-8x);
        font-size: calc(var(--baseline-8x) / 1.333);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-bargain,
    .viewDetail .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-bargain {
        line-height: var(--baseline-8x);
        font-size: calc(var(--baseline-8x) / 1.333);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.limited-rate,
    .viewDetail .goods-display.comp-a[style*="--display: c;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.limited-rate {
        line-height: var(--baseline-5x);
        font-size: calc(var(--baseline-5x) / 1.333);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"][style*="--column-count: 1;"] .goods-list .goods-item .goods-wrap,
    .viewDetail .goods-display.comp-a[style*="--display: c;"][style*="--column-count: 1;"] .goods-list .goods-item .goods-wrap {
        row-gap: 24px;
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"][style*="--column-count: 1;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-infoset .data-list .data-item .body,
    .viewDetail .goods-display.comp-a[style*="--display: c;"][style*="--column-count: 1;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-infoset .data-list .data-item .body {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"][style*="--column-count: 1;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject .goods-name,
    .viewDetail .goods-display.comp-a[style*="--display: c;"][style*="--column-count: 1;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-subject .goods-name {
        line-height: var(--baseline-9x);
        font-size: calc(var(--baseline-9x) / 1.5);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"][style*="--column-count: 1;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-summary,
    .viewDetail .goods-display.comp-a[style*="--display: c;"][style*="--column-count: 1;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-head .goods-summary {
        line-height: var(--baseline-7x);
        font-size: calc(var(--baseline-7x) / 1.5);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"][style*="--column-count: 1;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.discount-rate,
    .viewDetail .goods-display.comp-a[style*="--display: c;"][style*="--column-count: 1;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.discount-rate {
        margin-right: 4px;
        line-height: var(--baseline-10x);
        font-size: calc(var(--baseline-10x) / 1.5);
    }

    #wrapper.edm #content .goods-display.comp-a[style*="--display: c;"][style*="--column-count: 1;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-bargain,
    .viewDetail .goods-display.comp-a[style*="--display: c;"][style*="--column-count: 1;"] .goods-list .goods-item .goods-wrap .goods-inform .goods-foot .data-list .data-item.price-bargain {
        line-height: var(--baseline-10x);
        font-size: calc(var(--baseline-10x) / 1.5);
    }

    #wrapper.edm #content .coupon-display.comp-a,
    .viewDetail .coupon-display.comp-a {
        --thumbnail-width: 170px;
        --thumbnail-height: 170px;
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list,
    .viewDetail .coupon-display.comp-a .coupon-list {
        --row-gap: 32px;
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item {
        padding-bottom: 96px;
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item::before,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item::before {
        bottom: 95px;
        height: 24px;
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item::after,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item::after {
        height: 23px;
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap {
        padding: 20px 48px 10px;
        column-gap: 40px;

    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap::before,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap::before {
        height: 48px;
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head {
        row-gap: 8px;
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-subject .coupon-name,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-subject .coupon-name {
        line-height: var(--baseline-8x);
        font-size: calc(var(--baseline-8x) / 1.5);
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-summary,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-summary {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-subject,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-head .coupon-subject {
        line-height: var(--baseline-7x);
        font-size: calc(var(--baseline-7x) / 1.5);
        font-weight: 600;
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info {
        height: 91px;
        padding: 16px 48px 20px;
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info .data-list,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info .data-list {
        height: 52px;
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info .data-list .data-item .head,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info .data-list .data-item .head {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info .data-list .data-item .body,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-info .data-list .data-item .body {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util {
        right: 48px;
        bottom: 28px;
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .button-display .button-area .btn,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .button-display .button-area .btn {
        width: 56px;
        height: 56px;
    }

    #wrapper.edm #content .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .button-display .button-area .btn::before,
    .viewDetail .coupon-display.comp-a .coupon-list .coupon-item .coupon-wrap .coupon-inform .coupon-util .button-display .button-area .btn::before {
        width: 40px;
        height: 40px;
    }

    #wrapper.edm #content .guide-board.comp-a .board-wrap .board-inform,
    .viewDetail .guide-board.comp-a .board-wrap .board-inform {
        padding: 32px 30px;
        row-gap: 16px;
    }

    #wrapper.edm #content .guide-board.comp-a .board-wrap .board-inform .board-head .board-subject,
    .viewDetail .guide-board.comp-a .board-wrap .board-inform .board-head .board-subject {
        line-height: var(--baseline-9x);
        font-size: calc(var(--baseline-9x) / 1.5);
    }

    #wrapper.edm #content .guide-board.comp-a .board-wrap .board-inform .board-head .board-summary,
    .viewDetail .guide-board.comp-a .board-wrap .board-inform .board-head .board-summary {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }

    #wrapper.edm #content .guide-board.comp-a .board-wrap .board-inform .board-body .data-list.comp-a,
    .viewDetail .guide-board.comp-a .board-wrap .board-inform .board-body .data-list.comp-a {
        --list-line-height: var(--baseline-6x);
        --list-color: var(--color-admin-normal-140);
    }

    #wrapper.edm #content .guide-board.comp-a .board-wrap .board-inform .board-body .data-list .data-item,
    .viewDetail .guide-board.comp-a .board-wrap .board-inform .board-body .data-list .data-item {
        line-height: var(--baseline-6x);
        font-size: calc(var(--baseline-6x) / 1.5);
    }
}

#wrapper.edm #content .display-board.comp-a .swiper-util,
#wrapper.edm #content .posts-display.comp-a .swiper-util,
#wrapper.edm #content .goods-display.comp-a .swiper-util,
.viewDetail .display-board.comp-a .swiper-util,
.viewDetail .posts-display.comp-a .swiper-util,
.viewDetail .goods-display.comp-a .swiper-util {
    min-height: 24px;
    margin: 24px 0 0;
}

#wrapper.edm #content .display-board.comp-a .swiper-util .swiper-pages .swiper-pagination-bullet,
#wrapper.edm #content .posts-display.comp-a .swiper-util .swiper-pages .swiper-pagination-bullet,
#wrapper.edm #content .goods-display.comp-a .swiper-util .swiper-pages .swiper-pagination-bullet,
.viewDetail .display-board.comp-a .swiper-util .swiper-pages .swiper-pagination-bullet,
.viewDetail .posts-display.comp-a .swiper-util .swiper-pages .swiper-pagination-bullet,
.viewDetail .goods-display.comp-a .swiper-util .swiper-pages .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 6px;
}

#wrapper.edm #content .display-board.comp-a .swiper-util .swiper-pages .swiper-pagination-bullet.swiper-pagination-bullet-active,
#wrapper.edm #content .posts-display.comp-a .swiper-util .swiper-pages .swiper-pagination-bullet.swiper-pagination-bullet-active,
#wrapper.edm #content .goods-display.comp-a .swiper-util .swiper-pages .swiper-pagination-bullet.swiper-pagination-bullet-active,
.viewDetail .display-board.comp-a .swiper-util .swiper-pages .swiper-pagination-bullet.swiper-pagination-bullet-active,
.viewDetail .posts-display.comp-a .swiper-util .swiper-pages .swiper-pagination-bullet.swiper-pagination-bullet-active,
.viewDetail .goods-display.comp-a .swiper-util .swiper-pages .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 27px;
}
}

/*# sourceMappingURL=component-template.css.map */