@charset "utf-8";

.guarantee-featured {width:min(1280px,100vw);margin:8px 0 5px calc((1280px - min(1280px,100vw))/2);padding:0;box-sizing:border-box}
.guarantee-featured-title {display:flex;align-items:center;justify-content:center;gap:8px;height:44px;margin:0;padding:0}
.guarantee-featured-title img {display:block;width:28px;height:28px;object-fit:contain}
.guarantee-featured-title h2 {margin:0;color:#e8e8e8;font-family:"Paperlogy-8ExtraBold","Noto Sans KR",sans-serif;font-size:22px;font-weight:400;line-height:1}
.guarantee-featured-title h2 span {color:#38b6f4}
:root[data-theme="light"] .guarantee-featured-title h2 {color:#222}
:root[data-theme="light"] .guarantee-featured-title h2 span {color:#003070}
.guarantee-featured-banner {width:100%;height:84px;margin:0;padding:0;box-sizing:border-box}
.guarantee-featured-item,.guarantee-featured-item a {display:block;width:100%;height:100%;overflow:hidden}
.guarantee-featured-picture {display:block;width:100%;height:100%}
.guarantee-featured-media {display:block;width:100%;height:100%;border:0;object-fit:cover}
.guarantee-featured-media--mobile {display:none}

@media (max-width:1024px) {
    .guarantee-featured {width:100%;margin:6px 0 4px;padding:0 2px}
    .guarantee-featured-banner {height:auto}
    .guarantee-featured-item {aspect-ratio:7.6/1}
    .guarantee-featured-media--desktop {display:none}
    .guarantee-featured-media--mobile {display:block}
}

@media (max-width:700px) {
    .guarantee-featured {margin:4px 0;padding:0}
    .guarantee-featured-title {height:40px;gap:6px}
    .guarantee-featured-title img {width:24px;height:24px}
    .guarantee-featured-title h2 {font-size:18px}
}