@charset "utf-8";
/* 세르프 리프팅 전용 - 기존 4개 CSS 통합 후 미사용/중복 스타일 정리 */
@font-face{font-family:"Pretendard Variable";src:url("https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/woff2/PretendardVariable.woff2") format("woff2-variations"), url("https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/woff2/PretendardVariable.woff2") format("woff2");font-weight:45 920;font-style:normal;font-display:swap;}
:root{--color-white:var(--palette-3);--color-blue:var(--palette-78);--color-blue-dark:var(--palette-79);--color-gray-light:var(--palette-80);--color-gray-line:var(--palette-81);--color-gray-text:var(--palette-82);--color-black:var(--palette-77);--font-eng:"DM Serif Display",serif;--font-kor:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Malgun Gothic",dotum,sans-serif;--container-w:1440px;--container-pad:32px;--radius:16px;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-kor);font-size:19px;line-height:1.7;color:var(--color-black);background:var(--color-white);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;}
img{max-width:100%;height:auto;display:block;}
p, h1, h2, h3, h4, h5, h6, li, dt, dd, span, a, button, figcaption{word-break:keep-all;overflow-wrap:break-word;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-family:var(--font-kor);}
a{color:inherit;text-decoration:none;}
.inner{max-width:var(--container-w);margin:0 auto;padding:0 var(--container-pad);}
.section{padding:120px 0;}
.skip-link{position:absolute;top:-9999px;left:-9999px;z-index:9999;background:var(--color-black);color:var(--color-white);padding:12px 20px;}
.skip-link:focus{top:0;left:0;}
.sub-label{font-family:var(--font-eng);font-size:14px;font-weight:600;color:var(--color-blue);text-transform:uppercase;letter-spacing:0.2em;margin:0 0 16px;}
.sub-label.white{color:var(--color-white);}
.sec-title{font-size:52px;font-weight:700;color:var(--color-black);margin:0 0 24px;line-height:1.3;}
.sec-title.white{color:var(--color-white);}
.sec-subtitle{font-size:22px;font-weight:600;color:var(--color-black);margin:0 0 20px;}
.sec-subtitle.white{color:var(--color-white);}
.sec-desc{font-size:19px;color:var(--color-black);opacity:0.62;margin:0 0 18px;line-height:1.85;}
.sec-desc.center{text-align:center;max-width:720px;margin:0 auto 18px;}
.sec-desc.left{text-align:left;max-width:720px;margin:0 0 18px;}
.sec-desc.white{color:var(--color-white);opacity:0.78;}
.section-head{text-align:left;margin:0 0 64px;}
.section-head .sub-label{text-align:left;}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;font-size:19px;font-weight:600;border-radius:var(--radius);transition:all 0.3s ease;cursor:pointer;}
.btn-primary{background:var(--color-blue);color:var(--color-white);}
.btn-primary:hover{background:var(--color-blue-dark);}
.hero-section{position:relative;width:100%;height:calc(100vh - 80px);min-height:560px;max-height:840px;display:flex;align-items:stretch;justify-content:center;overflow:hidden;}
.hero-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb, var(--palette-2) 45.0%, transparent);z-index:1;}
.hero-fade{opacity:0;transform:translateY(28px);animation:heroFadeIn 1.3s cubic-bezier(0.16,1,0.3,1) forwards;}
@keyframes heroFadeIn{from{opacity:0;transform:translateY(28px);}
to{opacity:1;transform:translateY(0);}
}
.hero-content{position:relative;z-index:2;text-align:left;color:var(--color-white);width:100%;max-width:var(--container-w);height:100%;margin:0 auto;padding:40px max(32px, calc((100vw - var(--container-w)) / 2 + var(--container-pad))) 60px;display:flex;flex-direction:column;justify-content:center;transform:translateY(48px);}
.hero-content-center{align-items:center;text-align:center;}
.hero-content .eng-label{font-family:var(--font-eng);font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:0.3em;color:var(--color-white);opacity:1;margin:0 0 12px;text-shadow:0 2px 12px color-mix(in srgb, var(--palette-76) 35.0%, transparent);}
.hero-title{font-family:var(--font-eng);font-size:88px;font-weight:400;color:var(--color-white);letter-spacing:0.04em;margin:0 0 16px;text-shadow:0 2px 16px color-mix(in srgb, var(--palette-76) 35.0%, transparent);}
.hero-subtitle{font-family:var(--font-kor);font-size:32px;font-weight:600;color:var(--color-white);margin:24px 0 24px;text-shadow:0 2px 12px color-mix(in srgb, var(--palette-76) 30.0%, transparent);}
.hero-desc{font-size:19px;color:var(--color-white);opacity:0.92;margin:0 0 40px;line-height:1.8;text-shadow:0 2px 12px color-mix(in srgb, var(--palette-76) 30.0%, transparent);}
a.hero-cta, .hero-content a.hero-cta{display:inline-flex;align-items:center;justify-content:center;height:auto;line-height:1.2;margin:24px auto 0;border-radius:999px;padding:20px 64px;font-size:16px;box-shadow:0 8px 24px color-mix(in srgb, var(--palette-76) 35.0%, transparent);animation:heroCtaBounce 2.2s ease-in-out infinite;transition:transform 0.25s ease,box-shadow 0.25s ease,background 0.25s ease;}
a.hero-cta:hover, .hero-content a.hero-cta:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 14px 32px color-mix(in srgb, var(--palette-76) 45.0%, transparent);background:var(--color-white);color:var(--color-blue);animation-play-state:paused;}
@keyframes heroCtaBounce{0%,100%{transform:translateY(0);}
50%{transform:translateY(-10px);}
}
.hero-scroll-indicator{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--color-white);opacity:0.85;}
.hero-scroll-indicator span{font-family:var(--font-eng);font-size:12px;letter-spacing:0.2em;text-transform:uppercase;}
.hero-scroll-indicator .hero-scroll-line{position:relative;width:2px;height:40px;overflow:hidden;background:color-mix(in srgb, var(--palette-3) 40.0%, transparent);}
.hero-scroll-indicator .hero-scroll-line:before{content:"";position:absolute;left:0;top:-40%;width:100%;height:40%;background:var(--color-white);animation:heroScrollLine 2s ease-in-out infinite;}
@keyframes heroScrollLine{0%{top:-40%;}
60%{top:100%;}
100%{top:100%;}
}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin:0 0 120px;}
.grid-2:last-child{margin-bottom:0;}
.media-col{margin:0;}
.media-col img{width:100%;border-radius:var(--radius);}
.feature-head{text-align:left;margin:0 0 64px;}
.feature-head .sec-title{margin:0 0 20px;}
.feature-row-list{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;}
.feature-row-item{text-align:center;padding:48px 24px;border-left:1px solid var(--color-gray-line);transition:background 0.3s ease,transform 0.3s ease;cursor:default;}
.feature-row-item:first-child{border-left:0;}
.feature-row-item:hover{background:var(--color-blue);transform:translateY(-8px);}
.feature-row-item:hover .feature-icon-lg{color:var(--color-white);transform:scale(1.08);}
.feature-row-item:hover .feature-row-num, .feature-row-item:hover .feature-row-title, .feature-row-item:hover .feature-row-desc{color:var(--color-white);}
.feature-row-item:hover .feature-row-num{opacity:0.7;}
.feature-row-item:hover .feature-row-desc{opacity:0.85;}
.feature-icon-lg{display:inline-flex;align-items:center;justify-content:center;width:180px;height:180px;color:var(--color-gray-text);font-size:88px;margin:0 0 28px;overflow:hidden;transition:transform 0.3s ease;}
.feature-icon-lg img{width:100%;height:100%;object-fit:contain;box-sizing:border-box;transition:filter 0.3s ease;}
.feature-row-item:hover .feature-icon-lg img{filter:brightness(0) invert(1);}
.feature-row-num{font-family:var(--font-eng);font-size:20px;font-weight:700;color:var(--color-black);transition:color 0.3s ease,opacity 0.3s ease;opacity:0.4;margin:0 0 14px;}
.feature-row-title{font-size:22px;font-weight:700;color:var(--color-black);margin:0 0 16px;line-height:1.4;transition:color 0.3s ease;}
.feature-row-desc{font-size:19px;color:var(--color-black);opacity:0.6;line-height:1.75;margin:0;transition:color 0.3s ease,opacity 0.3s ease;}
.area-grid{display:flex;gap:24px;align-items:stretch;}
.target-section{background:var(--color-white);padding:0;overflow:hidden;}
.target-row{display:flex;align-items:stretch;width:100%;min-height:480px;}
.target-media-full{flex:0 0 50%;margin:0;overflow:hidden;}
.target-media-full img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;}
.target-text-col{flex:1;display:flex;flex-direction:column;justify-content:center;padding:140px 64px;padding-right:max(32px, calc((100vw - var(--container-w)) / 2 + var(--container-pad)));background:var(--color-blue);}
.target-list{display:flex;flex-direction:column;gap:18px;margin:36px 0 0;}
.target-text-col .sub-label, .target-text-col .sec-title, .target-text-col .sec-subtitle{color:var(--color-white);}
.target-list li{font-size:19px;color:var(--color-black);padding:18px 20px;background:var(--color-gray-light);border-radius:var(--radius);position:relative;padding-left:56px;}
.target-list li:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:26px;top:19px;color:var(--color-blue);font-size:13px;}
.faq-section{background:var(--color-blue);}
.faq-section .sub-label{color:var(--color-white);opacity:0.85;}
.faq-section .sec-title{color:var(--color-white);}
.faq-section .sec-desc.left{color:var(--color-white);opacity:0.8;}
.faq-columns{display:grid;grid-template-columns:400px minmax(0,1fr);gap:80px;align-items:start;}
.faq-head-col{margin:0;position:sticky;top:120px;}
.faq-list{max-width:none;margin:0;border-top:1px solid color-mix(in srgb, var(--palette-3) 25.0%, transparent);}
.faq-item{border-bottom:1px solid color-mix(in srgb, var(--palette-3) 25.0%, transparent);}
.faq-question{margin:0;}
.faq-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 8px;background:transparent;border:0;text-align:left;font-size:22px;font-weight:500;color:var(--color-white);}
.faq-num{display:inline-block;margin-right:12px;font-weight:700;color:var(--color-white);opacity:0.7;}
.faq-toggle i{color:var(--color-white);font-size:14px;transition:transform 0.25s ease;flex-shrink:0;}
.faq-toggle[aria-expanded="true"] i{transform:rotate(45deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease;}
.faq-answer p{font-size:19px;color:var(--color-white);opacity:0.8;padding:0 8px 26px;margin:0;line-height:1.8;}
@media (max-width:1024px){
    .inner{width: 100%;}
    .section{padding:88px 0;}
    .feature-row-list{grid-template-columns:1fr;}
    .feature-row-item{border-left:0;border-right:0;border-top:1px solid var(--color-gray-line);}
    .feature-row-item:first-child{border-top:0;}
    .feature-row-item:hover{background:transparent;transform:none;}
    .feature-row-item:hover .feature-icon-lg{transform:none;}
    .feature-row-item:hover .feature-icon-lg img{filter:none;}
    .feature-row-item:hover .feature-row-num, .feature-row-item:hover .feature-row-title, .feature-row-item:hover .feature-row-desc{color:var(--color-black);opacity:inherit;}
    .feature-row-item:hover .feature-row-num{opacity:0.4;}
    .feature-row-item:hover .feature-row-desc{opacity:0.6;}
    .feature-icon-lg{width:120px;height:120px;font-size:52px;}
    .feature-head{text-align:left;margin:0 0 32px;}
    .area-grid{flex-direction:column;}
    .grid-2{grid-template-columns:1fr;gap:40px;margin:0 0 80px;}
    .target-row{flex-direction:column;min-height:auto;}
    .target-media-full{flex:none;width:100%;aspect-ratio:4/3;}
    .target-text-col{padding:48px 24px;}
    .hero-title{font-size:52px;}
    .sec-title{font-size:48px;}
    a.hero-cta, .hero-content a.hero-cta{padding:16px 48px;}
    #target-section .sub-label, #target-section .sec-title, #target-section .sec-subtitle{text-align:center;}
    .faq-toggle{font-size:19px;}
    .faq-columns{grid-template-columns:1fr;gap:32px;}
    .faq-head-col{position:relative;top:auto;}
}
@media (max-width:640px){
    .hero-title{font-size:38px;line-height:1.05;margin:0 0 10px;}
    .hero-content .eng-label{margin:0 0 8px;}
    .hero-subtitle{margin:12px 0 12px;}
    .hero-desc{margin:0 0 24px;}
    .hero-section{height:auto;aspect-ratio:0.78 / 1;min-height:auto;max-height:none;}
    .hero-bg-img{object-fit:cover;object-position:center;}
    .sec-title{font-size:42px;}
    .sec-subtitle{font-size:20px;}
    .hero-desc{font-size:14px;line-height:1.6;}
    .hero-subtitle{font-size:22px;}
    .hero-content .eng-label{font-size:12px;}
    #main-content{padding-top:64px;}
    .feature-row-list{grid-template-columns:1fr;}
    .feature-row-item{border-left:0;border-right:0;border-top:1px solid var(--color-gray-line);}
    .feature-row-item:first-child{border-top:0;}
}
.principle-section{background:var(--color-gray-light);}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:principle;list-style:none;margin:0;padding:0;}
.principle-card{background:var(--color-white);border-radius:var(--radius);overflow:hidden;padding:0 0 32px;text-align:center;transition:background 0.3s ease;}
.principle-card:hover{background:var(--color-blue);}
.principle-card:hover .principle-title, .principle-card:hover .principle-desc, .principle-card:hover .principle-num{color:var(--color-white);opacity:1;}
.principle-media{width:100%;aspect-ratio:4/3;overflow:hidden;margin:0 0 28px;}
.principle-media img{width:100%;height:100%;object-fit:cover;}
.principle-num{font-family:var(--font-eng);font-size:16px;font-weight:700;color:var(--color-blue);margin:0 24px 8px;transition:color 0.3s ease;}
.principle-title{font-size:20px;font-weight:700;color:var(--color-black);margin:0 24px 12px;line-height:1.5;transition:color 0.3s ease;}
.principle-desc{font-size:19px;color:var(--color-black);opacity:0.6;margin:0 24px;line-height:1.8;transition:color 0.3s ease,opacity 0.3s ease;}
.sec-subtitle-accent{color:var(--color-blue);}
#about-section .media-col{position:relative;aspect-ratio:800/650;overflow:hidden;border-radius:var(--radius);background:var(--color-gray-light);}
#about-section .media-col img{width:100%;height:100%;object-fit:cover;border-radius:0;}
#principle-section .section-head, #effect-section .section-head{text-align:center;}
#principle-section .section-head .sub-label, #effect-section .section-head .sub-label{text-align:center;}
.tech-section{background:var(--color-white);}
.feature-icon-lg.icon-font{align-items:center;justify-content:center;background:var(--color-gray-light);border-radius:50%;}
.feature-icon-lg.icon-font i{font-size:64px;color:var(--color-blue);transition:color 0.3s ease;}
.feature-row-item:hover .feature-icon-lg.icon-font{background:color-mix(in srgb, var(--palette-3) 15.0%, transparent);}
.feature-row-item:hover .feature-icon-lg.icon-font i{color:var(--color-white);}
.pill-label{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:999px;background:var(--color-blue);color:var(--color-white);font-size:22px;font-weight:700;margin:0 auto 40px;text-align:center;}
.effect-section{background:var(--color-white);}
#target-section .target-text-col{background:var(--color-gray-light);padding-top:140px;padding-bottom:140px;}
#target-section .target-text-col .sub-label{color:var(--color-blue);}
#target-section .target-text-col .sec-title, #target-section .target-text-col .sec-subtitle{color:var(--color-black);}
#target-section .target-row{align-items:stretch;}
#target-section .target-media-full{flex:0 0 50%;align-self:stretch;background:var(--color-gray-light);aspect-ratio:auto;overflow:hidden;}
#target-section .target-media-full img{width:100%;height:100%;object-fit:cover;}
#target-section .target-list li{background:var(--color-white);}
.effect-group{flex:1 1 0;min-width:0;display:flex;flex-direction:column;background:var(--color-gray-light);border-radius:var(--radius);overflow:hidden;padding:0 0 40px;}
.effect-img{width:100%;aspect-ratio:4/3;overflow:hidden;margin:0 0 28px;}
.effect-img img{width:100%;height:100%;object-fit:cover;}
.effect-group .effect-list{padding-left:32px;padding-right:32px;}
.effect-list{list-style:none;margin:0;display:flex;flex-direction:column;gap:20px;}
.effect-list li{padding-left:26px;position:relative;}
.effect-list li:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:4px;font-size:13px;color:var(--color-blue);}
.effect-item-title{display:block;font-size:19px;font-weight:700;color:var(--color-black);margin:0 0 6px;}
.effect-item-desc{display:block;font-size:19px;color:var(--color-black);opacity:0.65;line-height:1.75;}
@media (max-width:1024px){
.principle-grid{grid-template-columns:1fr;}
.pill-label{font-size:19px;padding:12px 24px;}
.effect-group{flex:none;}
}
#xerf-tech-section .feature-head, #xerf-tip-section .section-head{text-align:center;}
#xerf-tech-section .feature-head .sub-label, #xerf-tip-section .section-head .sub-label{text-align:center;}
#xerf-tech-section{background:var(--color-white);}
#xerf-tip-section{background:var(--color-gray-light);}
.tip-intro{max-width:760px;margin:0 auto 56px;text-align:center;}
.tip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;margin:0;padding:0;}
.tip-card{background:var(--color-white);border-radius:var(--radius);padding:48px 24px;text-align:center;transition:background 0.3s ease;}
.tip-card:hover{background:var(--color-blue);}
.tip-card:hover .tip-letter, .tip-card:hover .tip-name, .tip-card:hover .tip-size, .tip-card:hover .tip-desc{color:var(--color-white);}
.tip-letter{display:flex;align-items:center;justify-content:center;width:100%;height:170px;margin:0 auto 24px;transition:all 0.3s ease;}
.tip-letter img{width:100%;height:100%;max-width:190px;object-fit:contain;}
.tip-name{font-size:20px;font-weight:700;color:var(--color-black);margin:0 0 8px;transition:color 0.3s ease;}
.tip-size{display:inline-block;font-family:var(--font-eng);font-size:17px;font-weight:700;color:var(--color-blue);margin:0 0 16px;transition:color 0.3s ease;}
.tip-desc{font-size:17px;color:var(--color-black);opacity:0.65;line-height:1.7;transition:color 0.3s ease;}
@media (max-width:1024px){
.tip-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
.tip-grid{grid-template-columns:1fr;}
}
:root{--palette-1:#616161;--palette-2:#000000;--palette-3:#ffffff;--palette-4:#9ed4ff;--palette-5:#558ab7;--palette-6:#aaaaaa;--palette-7:#e9e9e9;--palette-8:#393939;--palette-9:#212020;--palette-10:#383838;--palette-11:#2c2c2c;--palette-12:#4a4a4a;--palette-13:#919191;--palette-14:#da22f5;--palette-15:#e0e2e5;--palette-16:#3a8afd;--palette-17:#080808;--palette-18:#f7f7f8;--palette-19:#555555;--palette-20:#4158d1;--palette-21:#b6b9bb;--palette-22:#c5d6da;--palette-23:#e7eeef;--palette-24:#e3e3e3;--palette-25:#5b5b5b;--palette-26:#333333;--palette-27:#3059c7;--palette-28:#ff3061;--palette-29:#f4f4f4;--palette-30:#21272e;--palette-31:#898989;--palette-32:#cccccc;--palette-33:#b8c9c2;--palette-34:#f7f7f7;--palette-35:#fafafa;--palette-36:#3b3c3f;--palette-37:#4b545e;--palette-38:#2375eb;--palette-39:#dcdcdc;--palette-40:#969696;--palette-41:#434a54;--palette-42:#bababa;--palette-43:#253dbe;--palette-44:#0025eb;--palette-45:#b9bdd3;--palette-46:#646982;--palette-47:#ebedf6;--palette-48:#707070;--palette-49:#f9f9f9;--palette-50:#d13f4a;--palette-51:#ff3746;--palette-52:#ececec;--palette-53:#c1d1d5;--palette-54:#d7e0e2;--palette-55:#e8e8e8;--palette-56:#666666;--palette-57:#ecf0f1;--palette-58:#d1dee2;--palette-59:#e5ecef;--palette-60:#f5f8f9;--palette-61:#d0d3db;--palette-62:#dddddd;--palette-63:#3f51b5;--palette-64:#f6f6f6;--palette-65:#5d910b;--palette-66:#e8180c;--palette-67:#8abc2a;--palette-68:#d6e9ff;--palette-69:#6794d3;--palette-70:#f2838f;--palette-71:#da4453;--palette-72:#ff005a;--palette-73:#bbbbbb;--palette-74:#eeeeee;--palette-75:#959595;--palette-76:#001450;--palette-77:#111111;--palette-78:#0033c3;--palette-79:#00268f;--palette-80:#f5f5f5;--palette-81:#e5e5e5;--palette-82:#767676;--text-muted:#686868;--text-soft:#717171;--text-on-blue:#ffffff;}
#xerf-tip-section .section-head{text-align:center;}
#effect-section .area-grid{width:100%;max-width:100%;margin:0 auto;}
#effect-section .effect-img{aspect-ratio:16/9;}
.sec-desc, .principle-desc, .feature-row-desc, .effect-item-desc, .tip-desc{color:var(--text-muted);opacity:1;}
.feature-row-item:hover .feature-row-desc, .principle-card:hover .principle-desc, .tip-card:hover .tip-desc{color:var(--color-white);opacity:1;}
.feature-row-num{color:var(--text-soft);opacity:1;}
.feature-row-item:hover .feature-row-num{color:var(--color-white);opacity:1;}
.faq-toggle{white-space:normal;text-align:left;}
.faq-toggle>span{min-width:0;}
.faq-toggle i{flex-shrink:0;}
.grid-2>*{min-width:0;}
section{scroll-margin-top:96px;}
:focus-visible{outline:2px solid var(--color-blue);outline-offset:5px;}
.faq-section :focus-visible{outline-color:var(--color-white);}
@media(max-width:1024px){
.feature-row-item:hover .feature-row-desc, .feature-row-item:hover .feature-row-num{color:var(--text-muted);opacity:1;}
}
@media(max-width:640px){
#effect-section .effect-img{aspect-ratio:4/3;}
.tip-name{overflow-wrap:anywhere;}
.pill-label{max-width:100%;}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto;}
*, *::before, *::after{animation:none!important;transition:none!important;}
.hero-fade{opacity:1;transform:none;}
}
#about-section .media-col img{object-fit:contain;}
:root{--color-faq-blue:#2f71d4;}
.faq-section{background:var(--color-faq-blue);}
.faq-num{color:var(--color-white);opacity:0.7;}
.faq-answer p{color:var(--color-white);opacity:0.8;}
#effect-section .effect-list{padding-left:32px;padding-right:32px;gap:20px;}
#effect-section .effect-list li{padding-left:26px;}
#effect-section .effect-item-title{font-size:19px;font-weight:700;margin:0 0 6px;}
#effect-section .effect-item-desc{font-size:19px;line-height:1.75;color:var(--color-black);opacity:0.65;}
@media(prefers-reduced-motion:reduce){
.faq-answer{transition:none;}
}
.principle-media{background:var(--color-white);}
.principle-media img{object-fit:contain;}
#target-section .target-row{align-items:stretch;min-height:480px;}
#target-section .target-media-full{position:relative;flex:0 0 50%;min-height:0;aspect-ratio:auto;}
#target-section .target-media-full img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
#target-section .target-text-col{min-width:0;padding-top:140px;padding-bottom:140px;}
@media(max-width:1024px){
#effect-section .area-grid{max-width:100%;}
#target-section .target-row{min-height:auto;}
#target-section .target-media-full{flex:none;width:100%;aspect-ratio:4/3;}
#target-section .target-text-col{padding:48px 24px;}
}
.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.45);z-index:1;}
@keyframes heroFadeIn{from { opacity:0;transform:translateY(28px);} to { opacity:1;transform:translateY(0);}}
.hero-content .eng-label{font-family:var(--font-eng);font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:0.3em;color:var(--color-white);opacity:1;margin:0 0 12px;text-shadow:0 2px 12px rgba(0,20,80,0.35);}
.hero-title{font-family:var(--font-eng);font-size:88px;font-weight:400;color:var(--color-white);letter-spacing:0.04em;margin:0 0 16px;text-shadow:0 2px 16px rgba(0,20,80,0.35);}
.hero-subtitle{font-family:var(--font-kor);font-size:32px;font-weight:600;color:var(--color-white);margin:24px 0 24px;text-shadow:0 2px 12px rgba(0,20,80,0.3);}
.hero-desc{font-size:19px;color:var(--color-white);opacity:0.92;margin:0 0 40px;line-height:1.8;text-shadow:0 2px 12px rgba(0,20,80,0.3);}
a.hero-cta, .hero-content a.hero-cta{display:inline-flex;align-items:center;justify-content:center;height:auto;line-height:1.2;margin:24px auto 0;border-radius:999px;padding:20px 64px;font-size:16px;box-shadow:0 8px 24px rgba(0,20,80,0.35);animation:heroCtaBounce 2.2s ease-in-out infinite;transition:transform 0.25s ease,box-shadow 0.25s ease,background 0.25s ease;}
a.hero-cta:hover, .hero-content a.hero-cta:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 14px 32px rgba(0,20,80,0.45);background:var(--color-white);color:var(--color-blue);animation-play-state:paused;}
@keyframes heroCtaBounce{0%,100% { transform:translateY(0);} 50% { transform:translateY(-10px);}}
.hero-scroll-indicator .hero-scroll-line{position:relative;width:2px;height:40px;overflow:hidden;background:rgba(255,255,255,0.4);}
@keyframes heroScrollLine{0% { top:-40%;} 60% { top:100%;} 100% { top:100%;}}
@media (max-width:1024px){
.hero-title{font-size:52px;}
a.hero-cta, .hero-content a.hero-cta{padding:16px 48px;}
}
@media (max-width:640px){
.hero-title{font-size:38px;line-height:1.05;margin:0 0 10px;}
.hero-content .eng-label{margin:0 0 8px;}
.hero-subtitle{margin:12px 0 12px;}
.hero-desc{margin:0 0 24px;}
.hero-section{height:auto;aspect-ratio:0.78 / 1;min-height:auto;max-height:none;}
.hero-bg-img{object-fit:cover;object-position:center;}
.hero-desc{font-size:14px;line-height:1.6;}
.hero-subtitle{font-size:22px;}
.hero-content .eng-label{font-size:12px;}
}
@media(prefers-reduced-motion:reduce){
.hero-fade{animation:none;opacity:1;transform:none;}
.hero-cta{animation:none;}
}
#effect-section .effect-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;padding:0;}
#effect-section .effect-list{min-width:0;justify-content:center;padding:48px 40px;}
#effect-section .effect-img{position:relative;min-width:0;min-height:440px;aspect-ratio:auto;margin:0;}
#effect-section .effect-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
@media(max-width:1024px){
#effect-section .effect-group{grid-template-columns:1fr;}
#effect-section .effect-list{padding:40px 32px;}
#effect-section .effect-img{min-height:0;aspect-ratio:3/2;}
}
@media(max-width:640px){
#effect-section .effect-list{padding:32px 24px;}
#effect-section .effect-img{aspect-ratio:4/3;grid-row:1;}
}



/* =========================================================
   실버라이닝의 특별함
========================================================= */

.special-section{background:var(--color-white);}
#special-section .section-head{margin-bottom:0;text-align:center;}
#special-section .section-head .sub-label{text-align:center;}
#special-section .section-head .sec-desc{margin-bottom:40px;}

.special-list{list-style:none;margin:0;padding:0;}
.special-row{display:grid;grid-template-columns:600px 1fr;gap:64px;align-items:center;padding:56px 0;border-top:1px solid rgba(17,17,17,0.1);}
.special-list .special-row:first-child{border-top:0;padding-top:0;}

.special-media{margin:0;border-radius:var(--radius);overflow:hidden;}
.special-media img{width:100%;height:auto;object-fit:cover;display:block;}

.special-content{display:flex;flex-direction:column;}
.special-num{font-family:var(--font-eng);font-size:44px;font-weight:600;color:var(--color-black);opacity:0.3;line-height:1;margin:0 0 20px;}
.special-eng{font-family:var(--font-eng);font-size:15px;font-weight:600;color:var(--color-blue);text-transform:uppercase;letter-spacing:0.15em;margin:0 0 16px;}
.special-title-txt{font-size:24px;font-weight:700;color:var(--color-black);line-height:1.5;margin:0 0 20px;}
.special-desc{font-size:19px;color:var(--color-black);opacity:0.62;line-height:1.85;margin:0;}

/* 짝수 행 이미지와 텍스트 위치 반전 */
.special-row:nth-child(even){grid-template-columns:1fr 600px;}
.special-row:nth-child(even) .special-media{order:2;}
.special-row:nth-child(even) .special-content{order:1;}

/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width:1024px){
  .special-row,.special-row:nth-child(even){grid-template-columns:1fr;gap:32px;padding:40px 0;}
  .special-row:nth-child(even) .special-media,.special-row:nth-child(even) .special-content{order:0;}
  .special-num{font-size:36px;}
}