html, body { overflow-x: hidden; width: 100%;}body { word-break: keep-all;}*, *::before, *::after{box-sizing:border-box;}h1{ font-size: clamp(2.5rem, 4.5vw, 3.2rem); }h2{ font-size: clamp(1.8rem, 4vw, 2.8rem); }h3{ font-size: clamp(1.6rem, 3.5vw, 1.9rem); }h4{ font-size: clamp(1.3rem, 3vw, 1.6rem); }h5{ font-size: clamp(1.1rem, 2.5vw, 1.3rem); }h6{ font-size: clamp(0.9rem, 2vw, 1.1rem); }.single-post h1{font-size:clamp(2.1rem,4.5vw,2.6rem) !important;}.single-post h2{font-size:clamp(1.6rem,3.8vw,1.8rem)!important;margin:35px 0 10px 0;padding:8px;border-bottom:1px solid transparent;border-left:5px solid #FF6000;border-image:linear-gradient(to right,#FF6000,#FFC299) 1;}.single-post h3{font-size:clamp(1.4rem,3.2vw,1.5rem) !important;margin:30px 0 10px 0;padding-left:8px;border-left:3px solid;border-image:linear-gradient(to bottom,#FF6000,#FFC299) 1;}.single-post h4{font-size:clamp(1.2rem,2.6vw,1.3rem) !important;margin:25px 0 10px 0;padding-left:40px;position:relative;}.single-post h4::before{content:"";position:absolute;left:15px;top:50%;transform:translateY(-50%);width:5px;height:5px;background:#FF6000;border-radius:50%;}.single-post h4::after{content:"";position:absolute;left:22px;top:50%;transform:translateY(-50%);width:14px;height:2px;background:linear-gradient(to right,#FF6000,#FFC299);border-radius:1px;}.single-post h5, .wp-block-accordion-heading__toggle-title{font-size:clamp(1.2rem,2.2vw,1.3rem) !important;margin-bottom: 10px;}.single-post h6{font-size:clamp(1.1rem,2vw,1.2rem) !important;margin-bottom: 10px;}.single-post p{font-size:clamp(1.1rem,2.2vw,1.1rem) !important;margin-bottom: 10px;line-height:1.8;}.single-post .wp-block-button {margin: 20px 0 !important;}.single-post figure, #rank-math-faq {margin: 20px 0;}.single-post p>a {background: #eff8cc;color:#010101;font-weight:600;}.orange { color: #ff6000;}.black { color: #010101;}.bg-gradation { background-image: linear-gradient(90deg, #ecf7c8 0%, #f9fde9 100%); padding: 3px 8px;}.ellipsis { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}.splide__track { transition-timing-function: linear !important;}.main-btn1 { overflow: hidden; position: relative; transition: all 0.3s ease; z-index: 1;}.main-btn1:hover { background-color: #000000 !important; color: #c6e643 !important; box-shadow: 0 0 20px rgba(198, 230, 67, 0.6); border-color: #c6e643 !important;}.main-btn1::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(198, 230, 67, 0.2), transparent ); transition: all 0.5s;}.main-btn1:hover::after { left: 100%;}.fill-card { position: relative; overflow: hidden; z-index: 1; background-color: #d1e61c; transition: all 0.4s ease;}.fill-card::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #000000; z-index: 0; transition: height 0.4s ease;}.fill-card:hover::before { height: 100%;}.fill-card:hover,.fill-card:hover .brxe-text,.fill-card:hover .brxe-heading,.fill-card:hover .brxe-basic-text,.fill-card:hover * { color: #ffffff !important;}.fill-card:hover lottie-player { background-color: #ffffff !important; transition: background-color 0.4s ease;}.fill-card * { position: relative; z-index: 2;}.fill-card:hover img, .fill-card:hover svg,.fill-card:hover i { filter: brightness(0) invert(1); transition: filter 0.4s ease;}.fill-card2 { transition: all 0.3s ease-in-out; border: 1px solid transparent;}.fill-card2:hover { transform: translateY(-10px); border-color: #c6e643 !important; box-shadow: 0 20px 40px rgba(0,0,0,0.08);}@media (max-width:768px){ body{ font-size:0.95rem; } h1{ font-size:clamp(2.2rem, 6vw, 3rem); } h2{ font-size:clamp(1.9rem, 5vw, 2.4rem); } h3{ font-size:clamp(1.6rem, 4.5vw, 1.9rem); } h4{ font-size:clamp(1.3rem, 4vw, 1.6rem); } h5{ font-size:clamp(1.1rem, 3.5vw, 1.3rem); } h6{ font-size:clamp(0.95rem, 3vw, 1.1rem); } body.single-post h1{font-size:clamp(1.9rem,6vw,2.3rem)!important;} body.single-post h2{font-size:clamp(1.5rem,5vw,1.8rem)!important;} body.single-post h3{font-size:clamp(1.25rem,4.5vw,1.45rem)!important;}}.dm-card{ --dm-point:#FF6000; --dm-ink:#030712; --dm-tx:#111827; --dm-dim:#4B5563; --dm-sub:#374151; --dm-line:#E5E7EB; --dm-bg:#F3F4F6; --dm-card:#FFFFFF; container-type:inline-size; position:relative; width:100%; max-width:600px; margin:32px auto; aspect-ratio:1/1; overflow:hidden; border-radius:16px; background:var(--dm-bg); font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif; word-break:keep-all; color:var(--dm-tx);}.dm-card--flat{ background:#f8f8f8; }.dm-card > .dm-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.dm-card--faint > .dm-bg{ opacity:.16; } .dm-card--cover > .dm-bg{ opacity:.20; } .dm-card--veil::after{ content:""; position:absolute; inset:0; background:rgba(255,255,255,.90); } .dm-in{ position:relative; z-index:2; height:100%; padding:7.4cqw; display:flex; flex-direction:column; justify-content:center; gap:3.7cqw; }.dm-in--center{ align-items:center; text-align:center; }.dm-badge{ display:inline-flex; align-items:center; align-self:flex-start; background:var(--dm-bg); color:var(--dm-point); font-size:2.6cqw; font-weight:800; letter-spacing:.02em; padding:.93cqw 2.2cqw; border-radius:100px; white-space:nowrap; }.dm-card--cover .dm-badge,.dm-card--veil .dm-badge{ background:rgba(255,255,255,.9); }.dm-in--center .dm-badge{ align-self:center; }.dm-title{ font-size:7.4cqw; font-weight:800; line-height:1.14; letter-spacing:-.02em; color:var(--dm-ink); }.dm-title--lg{ font-size:8.3cqw; }.dm-title--sm{ font-size:6.5cqw; }.dm-title .dm-hl{ color:var(--dm-point); }.dm-sub{ font-size:3.3cqw; font-weight:400; line-height:1.5; color:var(--dm-sub); }.dm-note{ font-size:3.3cqw; font-weight:700; line-height:1.45; color:var(--dm-ink); }.dm-head{ display:flex; flex-direction:column; gap:2cqw; }.dm-listbox{ width:100%; background:rgba(255,255,255,.92); border-radius:1.85cqw; padding:3.15cqw 3.7cqw; display:flex; flex-direction:column; gap:1.7cqw; }.dm-li{ display:flex; align-items:center; gap:1.7cqw; font-size:3.5cqw; font-weight:600; color:var(--dm-tx); line-height:1.4; }.dm-li::before{ content:""; flex:none; width:1.2cqw; height:1.2cqw; border-radius:50%; background:var(--dm-point); }.dm-table{ width:100%; border-collapse:separate; border-spacing:0; border-radius:1.3cqw; overflow:hidden; font-size:2.9cqw; box-shadow:0 .8cqw 2cqw rgba(3,7,18,.06); }.dm-table th{ background:var(--dm-point); color:#fff; font-weight:700; text-align:center; padding:1.5cqw 1.7cqw; white-space:nowrap; }.dm-table td{ background:#fff; color:var(--dm-tx); text-align:center; padding:1.5cqw 1.7cqw; border-top:1px solid var(--dm-line); font-weight:500; }.dm-table td.dm-k{ color:var(--dm-dim); font-weight:700; }.dm-table td.dm-hl{ color:var(--dm-point); font-weight:800; }.dm-label{ font-size:2.96cqw; font-weight:700; color:var(--dm-dim); }.dm-big{ font-size:11cqw; font-weight:900; color:var(--dm-point); line-height:1; letter-spacing:-.03em; }.dm-memo{ width:100%; background:#fff; border-radius:2cqw; padding:3.3cqw 3.7cqw; box-shadow:0 1cqw 2.8cqw rgba(3,7,18,.08); }.dm-memo .dm-mt{ font-size:3.1cqw; font-weight:800; color:var(--dm-ink); margin-bottom:2cqw; }.dm-memo ul{ list-style:none; margin:0; padding:0; }.dm-memo li{ display:flex; align-items:flex-start; gap:1.1cqw; font-size:2.9cqw; font-weight:600; color:var(--dm-tx); line-height:1.45; }.dm-memo li + li{ margin-top:1.3cqw; }.dm-memo li::before{ content:""; flex:none; width:.85cqw; height:.85cqw; margin-top:.9cqw; border-radius:50%; background:var(--dm-point); }.dm-grid{ display:grid; grid-template-columns:1fr 1fr; gap:2.2cqw; }.dm-cell{ background:#fff; border:1px solid var(--dm-line); border-radius:1.7cqw; padding:2.8cqw 2.6cqw; box-shadow:0 .8cqw 2cqw rgba(3,7,18,.05); }.dm-cell .dm-ct{ font-size:3.3cqw; font-weight:800; color:var(--dm-ink); line-height:1.35; }.dm-cell .dm-cd{ font-size:2.8cqw; font-weight:400; color:var(--dm-dim); line-height:1.5; margin-top:.6cqw; }.dm-num{ display:inline-flex; align-items:center; justify-content:center; width:4.1cqw; height:4.1cqw; border-radius:.9cqw; background:var(--dm-point); color:#fff; font-weight:900; font-size:2.4cqw; margin-bottom:1.3cqw; }.dm-rows{ display:flex; flex-direction:column; }.dm-row{ display:flex; align-items:flex-start; gap:2.2cqw; padding:1.9cqw 0; border-bottom:1px solid var(--dm-line); }.dm-row:first-child{ border-top:1px solid var(--dm-line); }.dm-row .dm-n{ flex:none; width:4.1cqw; height:4.1cqw; border-radius:.9cqw; background:var(--dm-point); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:2.2cqw; }.dm-row .dm-rt{ font-size:3.3cqw; font-weight:700; color:var(--dm-ink); line-height:1.3; }.dm-row .dm-rd{ font-size:2.9cqw; font-weight:400; color:var(--dm-dim); line-height:1.5; margin-top:.4cqw; }.dm-checks{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:1.8cqw; }.dm-checks li{ display:flex; align-items:center; gap:2cqw; background:#fff; border:1px solid var(--dm-line); border-radius:1.5cqw; padding:2.6cqw 3cqw; font-size:3.5cqw; font-weight:600; color:var(--dm-tx); line-height:1.4; }.dm-checks li::before{ content:""; flex:none; width:4.8cqw; height:4.8cqw; border-radius:1.1cqw; background:var(--dm-point); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; background-size:2.8cqw; }.dm-steps{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; }.dm-steps li{ display:flex; gap:2.8cqw; }.dm-steps .dm-rail{ display:flex; flex-direction:column; align-items:center; }.dm-steps .dm-sn{ flex:none; width:5.9cqw; height:5.9cqw; border-radius:50%; background:var(--dm-point); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:3cqw; }.dm-steps .dm-line{ width:.28cqw; flex:1; background:var(--dm-line); margin:.6cqw 0; }.dm-steps li:last-child .dm-line{ display:none; }.dm-steps .dm-sb{ padding-bottom:3.3cqw; }.dm-steps .dm-st{ font-size:3.7cqw; font-weight:800; color:var(--dm-ink); line-height:1.3; }.dm-steps .dm-sd{ font-size:2.9cqw; font-weight:400; color:var(--dm-dim); line-height:1.5; margin-top:.7cqw; }.dm-faq{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:2.4cqw; }.dm-faq .dm-qa{ background:#fff; border:1px solid var(--dm-line); border-radius:1.8cqw; padding:3.3cqw 3.7cqw; box-shadow:0 .8cqw 2cqw rgba(3,7,18,.05); }.dm-faq .dm-q{ display:flex; align-items:flex-start; gap:2cqw; }.dm-faq .dm-q::before{ content:"Q"; flex:none; width:4.8cqw; height:4.8cqw; border-radius:1.1cqw; background:var(--dm-point); color:#fff; font-weight:900; font-size:2.6cqw; display:flex; align-items:center; justify-content:center; }.dm-faq .dm-qt{ font-size:3.5cqw; font-weight:800; color:var(--dm-ink); line-height:1.35; padding-top:.5cqw; }.dm-faq .dm-a{ font-size:2.96cqw; font-weight:400; color:var(--dm-dim); line-height:1.55; margin-top:2cqw; padding-left:6.8cqw; }.dm-box{ width:100%; background:var(--dm-point); border-radius:1.7cqw; padding:3.3cqw 3.7cqw; }.dm-box .dm-bl{ font-size:2.6cqw; font-weight:800; color:rgba(255,255,255,.85); margin-bottom:1.3cqw; }.dm-box .dm-bv{ font-size:4cqw; font-weight:800; color:#fff; line-height:1.3; }.dm-box .dm-bv--code{ font-family:'SFMono-Regular',Consolas,monospace; letter-spacing:-.01em; }.dm-callout{ border:1px solid var(--dm-line); border-radius:1.5cqw; background:#fff; padding:3cqw 3.3cqw; font-size:2.96cqw; font-weight:500; line-height:1.55; color:var(--dm-tx); }.dm-callout .dm-lead{ display:block; font-size:3.5cqw; font-weight:800; color:var(--dm-ink); line-height:1.4; margin-bottom:1.3cqw; }.dm-callout .dm-lead .dm-hl{ color:var(--dm-point); }.dm-lead-lg{ font-size:5.6cqw; font-weight:800; line-height:1.3; letter-spacing:-.02em; color:var(--dm-ink); }.dm-lead-lg .dm-hl{ color:var(--dm-point); }.dm-by{ font-size:3cqw; font-weight:600; color:var(--dm-dim); }.dm-desc{ font-size:3.5cqw; font-weight:400; line-height:1.6; color:var(--dm-sub); }.dm-desc b{ color:var(--dm-ink); font-weight:700; }.dm-pills{ display:flex; flex-direction:column; gap:1.5cqw; width:100%; }.dm-pill{ display:flex; align-items:center; gap:2cqw; background:#fff; border:1px solid var(--dm-line); border-radius:1.3cqw; padding:2.4cqw 3cqw; box-shadow:0 .6cqw 1.6cqw rgba(3,7,18,.05); }.dm-pill .dm-k{ min-width:12cqw; font-size:2.8cqw; font-weight:800; color:var(--dm-point); }.dm-pill .dm-v{ font-size:2.96cqw; font-weight:600; color:var(--dm-tx); line-height:1.4; }.dm-imgband{ width:100%; border-radius:1.7cqw; overflow:hidden; }.dm-imgband img{ width:100%; display:block; }:where(:root) .bricks-color-primary {color: var(--accent-1)}:where(:root) .bricks-background-primary {background-color: var(--accent-1)}:where(:root) .bricks-color-secondary {color: var(--accent-2)}:where(:root) .bricks-background-secondary {background-color: var(--accent-2)} html {font-size: 100%} body {font-size: var(--text-m); color: var(--gray-700); letter-spacing: -1px; line-height: 1.5; font-family: "Pretendard"} h1 {line-height: 1.2; color: var(--gray-950); font-weight: 700; letter-spacing: -1.5px} h2 {color: var(--gray-950); line-height: 1.2; font-weight: 700; letter-spacing: -1.5px} h3 {line-height: 1.2; color: var(--gray-950); font-weight: 600; letter-spacing: -1.5px} h4 {color: var(--gray-950); font-weight: 600; line-height: 1.3; letter-spacing: -1.5px} h5 {color: var(--gray-950); font-weight: 600; line-height: 1.3} h6 {color: var(--gray-950); font-weight: 600; line-height: 1.5} .brxe-section {padding-top: var(--p-100); padding-right: var(--p-16); padding-bottom: var(--p-100); padding-left: var(--p-16); align-items: center; justify-content: center; row-gap: var(--gap-50); display: block} .brxe-container {width: 100%; max-width: 1400px; flex-direction: column; justify-content: center; align-items: center; row-gap: var(--gap-50)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1400px} .bricks-button {letter-spacing: -1px}@media (max-width: 991px) { body {font-size: var(--text-m); line-height: 1.5} h1 {line-height: 1.2} h4 {font-weight: 600; line-height: 1.3} h5 {font-weight: 600; line-height: 1.5} h6 {font-weight: 600; line-height: 1.5} h2 {font-weight: 700} h3 {font-weight: 600; line-height: 1.3} .brxe-section {padding-top: var(--p-100); padding-right: var(--p-16); padding-bottom: var(--p-100); padding-left: var(--p-16)}}@media (max-width: 767px) { .brxe-section {padding-left: var(--p-16)}}