
:root{--blue:#146ef5;--navy:#071b33;--text:#0a1e38;--line:#dde6f0;--soft:#f4f8fd;--green:#03c75a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#fff;font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;font-size:16px}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}a{color:inherit}section{scroll-margin-top:76px}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid #e6edf4;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}.header-inner{display:flex;height:70px;align-items:center;justify-content:space-between}.brand{display:grid;text-decoration:none}.brand strong{font-size:23px}.brand strong span{color:var(--blue)}.brand small{font-size:10px;font-weight:800}.desktop-nav{display:flex;gap:28px}.desktop-nav a{font-size:14px;font-weight:800;text-decoration:none}.desktop-nav a.active,.desktop-nav a:hover{color:var(--blue)}.menu-button{border:0;background:none;font-size:26px;cursor:pointer}.menu-backdrop{position:fixed;inset:0;z-index:109;background:rgba(3,14,28,.56)}.menu-backdrop[hidden],.mobile-menu[hidden]{display:none}.mobile-menu{position:fixed;top:0;right:0;z-index:110;width:min(340px,86vw);height:100dvh;background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.25)}.mobile-menu__head{display:flex;height:70px;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.mobile-menu__head strong span{color:var(--blue)}.mobile-menu__head button{width:40px;height:40px;border:0;border-radius:50%;font-size:25px}.mobile-menu nav{display:grid;padding:16px 20px}.mobile-menu nav a{padding:15px 4px;border-bottom:1px solid #edf1f5;font-size:16px;font-weight:800;text-decoration:none}body.menu-open{overflow:hidden}

.hero{position:relative;min-height:350px;overflow:hidden;color:#fff}.hero-photo{position:absolute;inset:0;background:url("../assets/store/the-pick-store.jpg") center 48%/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,34,.93) 0,rgba(4,17,34,.78) 45%,rgba(4,17,34,.20) 100%)}.hero-content{position:relative;z-index:1;padding:58px 0}.hero-content>p,.company-explain p,.service-copy>p,.section-heading p,.representative-copy>p:first-child,.store-copy>p,.contact p{margin:0 0 10px;color:#6ea8ff;font-size:13px;font-weight:900;letter-spacing:.11em}.hero h1{margin:0;font-size:48px;line-height:1.08;letter-spacing:-2.5px}.hero h1 span{color:#6ea8ff}.hero-content>div:not(.hero-buttons){max-width:650px;margin-top:16px;color:rgba(255,255,255,.78);font-size:17px;line-height:1.65}.hero-buttons{display:flex;gap:10px;margin-top:22px}.hero-buttons a{padding:13px 17px;border-radius:7px;color:#071b33;background:#fff;font-size:13px;font-weight:900;text-decoration:none}.hero-buttons .outline{border:1px solid rgba(255,255,255,.65);color:#fff;background:rgba(255,255,255,.08)}

.summary-bar{padding:18px 0;background:#0b3263;color:#fff}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr)}.summary-grid article{display:grid;gap:4px;padding:8px 24px;border-right:1px solid rgba(255,255,255,.18)}.summary-grid article:last-child{border:0}.summary-grid strong{font-size:19px}.summary-grid span{color:rgba(255,255,255,.66);font-size:12px}

.company-explain{padding:68px 0;background:#fff}.explain-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.company-explain h2,.section-heading h2,.service-copy h2,.representative h2,.store h2{margin:0;font-size:40px;line-height:1.2;letter-spacing:-1.8px}.company-explain h2 span,.service-copy h2 span,.section-heading h2 span,.representative h2 span,.store h2 span{color:var(--blue)}.explain-copy strong{display:block;font-size:24px;line-height:1.5}.explain-copy p{margin:18px 0 0;color:#5f6f82;font-size:15px;line-height:1.85}

.service-section{padding:72px 0;border-top:1px solid #e4ebf3}.service-section--phone{background:#f5f9ff}.service-section--car{background:#fff}.service-section--marketing{background:#f7f5ff}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.service-grid--reverse .service-image{order:2}.service-image{overflow:hidden;border-radius:18px;box-shadow:0 16px 42px rgba(7,27,51,.10)}.service-image img{display:block;width:100%;height:360px;object-fit:cover}.service-copy>strong{display:block;margin-top:16px;font-size:22px;line-height:1.45}.service-copy>p:not(:first-child){color:#5f6f82;font-size:15px;line-height:1.8}.service-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0;padding:0;list-style:none}.service-copy li{padding:11px 13px;border:1px solid #dce5ef;border-radius:8px;background:#fff;font-size:13px;font-weight:800}.service-copy>a{display:inline-block;margin-top:22px;padding:12px 16px;border-radius:7px;color:#fff;background:var(--blue);font-size:13px;font-weight:900;text-decoration:none}

.difference{padding:70px 0;color:#fff;background:#071b33}.section-heading{margin-bottom:28px}.section-heading h2{color:#fff}.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.difference-grid article{padding:25px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.055)}.difference-grid b{color:#6ea8ff;font-size:13px}.difference-grid h3{margin:18px 0 10px;font-size:21px;line-height:1.45}.difference-grid p{margin:0;color:rgba(255,255,255,.66);font-size:14px;line-height:1.7}

.representative{padding:78px 0;background:#fff}.representative-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.representative-photo{overflow:hidden;min-height:520px;border-radius:20px;background:linear-gradient(145deg,#eaf2fb,#d1dfef)}.representative-photo img{display:block;width:100%;height:100%;min-height:520px;object-fit:contain;object-position:center bottom}.representative-copy blockquote{margin:24px 0;padding:20px 22px;border-left:4px solid var(--blue);color:#0b3263;background:#eef5ff;font-size:21px;font-weight:800;line-height:1.55}.representative-copy>p:not(:first-child){color:#5f6f82;font-size:15px;line-height:1.8}.profile-box{display:grid;gap:0;margin-top:24px;border-top:1px solid var(--line)}.profile-box>div{display:grid;grid-template-columns:130px 1fr 1fr;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.profile-box strong{font-size:13px}.profile-box span{color:#59697b;font-size:13px}.naver-profile{display:inline-block;margin-top:22px;padding:12px 16px;border-radius:7px;color:#fff;background:var(--green);font-size:13px;font-weight:900;text-decoration:none}

.store{padding:78px 0;background:#f5f8fc}.store-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.store-image{overflow:hidden;border-radius:18px;box-shadow:0 16px 45px rgba(7,27,51,.12)}.store-image img{display:block;width:100%;height:520px;object-fit:cover}.store-copy>strong{display:block;margin-top:15px;font-size:21px}.store-copy>p:not(:first-child){color:#5f6f82;font-size:15px;line-height:1.8}.store dl>div{display:grid;grid-template-columns:90px 1fr;padding:11px 0;border-bottom:1px solid var(--line)}.store dt{font-size:13px;font-weight:900}.store dd{margin:0;color:#667085;font-size:13px}.store-buttons{display:flex;gap:10px;margin-top:22px}.store-buttons a{padding:12px 15px;border:1px solid var(--blue);border-radius:7px;color:var(--blue);font-size:13px;font-weight:900;text-decoration:none}.store-buttons .naver-place{border-color:var(--green);color:#fff;background:var(--green)}

.contact{padding:56px 0;color:#fff;background:linear-gradient(100deg,#0a2e5e,#146ef5)}.contact-grid{display:flex;align-items:center;justify-content:space-between}.contact h2{margin:0;font-size:33px;line-height:1.35}.contact-grid>a{padding:15px 19px;border-radius:8px;color:#071b33;background:#fff;font-size:14px;font-weight:900;text-decoration:none}.footer{padding:28px 0;color:#fff;background:#040f1c}

@media(max-width:900px){.desktop-nav{gap:15px}.desktop-nav a{font-size:12px}.service-grid,.representative-grid,.store-grid,.explain-grid{gap:35px}.company-explain h2,.section-heading h2,.service-copy h2,.representative h2,.store h2{font-size:34px}}
@media(max-width:760px){.wrap{width:min(100% - 24px,1180px)}.desktop-nav{display:none}.hero{min-height:390px}.hero-content{padding:50px 0}.hero h1{font-size:37px}.hero-content>div:not(.hero-buttons){font-size:15px}.hero-buttons{flex-wrap:wrap}.summary-grid{grid-template-columns:1fr 1fr}.summary-grid article:nth-child(2){border-right:0}.summary-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)}.company-explain,.service-section,.difference,.representative,.store{padding:54px 0}.explain-grid,.service-grid,.representative-grid,.store-grid{grid-template-columns:1fr}.service-grid--reverse .service-image{order:0}.company-explain h2,.section-heading h2,.service-copy h2,.representative h2,.store h2{font-size:30px}.explain-copy strong{font-size:20px}.service-image img{height:260px}.service-copy ul{grid-template-columns:1fr}.difference-grid{grid-template-columns:1fr}.representative-photo,.representative-photo img{min-height:400px}.profile-box>div{grid-template-columns:1fr;gap:5px}.store-image img{height:390px}.contact-grid{align-items:flex-start;gap:24px;flex-direction:column}.contact h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* COMPANY Part 2 */
.history-section{padding:76px 0;background:#fff}
.history-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.history-heading>p,.organization-section .section-heading>p,.partner-heading p,.trust-proof-copy>p{margin:0 0 10px;color:#146ef5;font-size:13px;font-weight:900;letter-spacing:.11em}
.history-heading h2,.organization-section h2,.partner-heading h2,.trust-proof-copy h2{margin:0;font-size:40px;line-height:1.2;letter-spacing:-1.8px}
.history-heading h2 span,.organization-section h2 span,.partner-heading h2 span,.trust-proof-copy h2 span{color:#146ef5}
.history-heading>div{margin-top:18px;color:#5f6f82;font-size:15px;line-height:1.8}
.history-list{border-top:2px solid #071b33}
.history-list article{display:grid;grid-template-columns:95px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #dfe6ef}
.history-list>article>span{color:#146ef5;font-size:12px;font-weight:900}
.history-list h3{margin:0 0 8px;font-size:19px}
.history-list p{margin:0;color:#667085;font-size:14px;line-height:1.7}

.organization-section{padding:72px 0;color:#fff;background:#071b33}
.light-heading h2{color:#fff}
.organization-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.organization-grid article{min-height:220px;padding:23px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.055)}
.organization-grid strong{color:#6ea8ff;font-size:12px}
.organization-grid h3{margin:28px 0 10px;font-size:19px;line-height:1.4}
.organization-grid p{margin:0;color:rgba(255,255,255,.63);font-size:13px;line-height:1.7}

.partner-section{padding:72px 0;background:#f5f8fc}
.partner-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}
.partner-heading small{color:#667085;font-size:12px}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.partner-grid article{padding:20px;border:1px solid #dfe6ef;border-radius:13px;background:#fff}
.partner-logo{display:grid;height:66px;place-items:center;border-radius:10px;font-size:17px;font-weight:900}
.partner-logo--samsung{color:#fff;background:#0f55d8}
.partner-logo--apple{color:#fff;background:#111}
.partner-logo--telecom{color:#0b3263;background:#eaf3ff}
.partner-logo--hyundai{color:#fff;background:#0b4f9c}
.partner-logo--kia{color:#fff;background:#cf1f32}
.partner-logo--finance{color:#fff;background:#146ef5}
.partner-grid strong{display:block;margin-top:14px;font-size:16px}
.partner-grid span{display:block;margin-top:5px;color:#667085;font-size:12px}

.trust-proof-section{padding:72px 0;background:#fff}
.trust-proof-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}
.trust-proof-list{border-top:2px solid #071b33}
.trust-proof-list article{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid #dfe6ef}
.trust-proof-list b{color:#146ef5;font-size:13px}
.trust-proof-list h3{margin:0 0 7px;font-size:19px}
.trust-proof-list p{margin:0;color:#667085;font-size:14px;line-height:1.7}

@media(max-width:900px){
  .history-layout,.trust-proof-layout{gap:35px}
  .organization-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .history-section,.organization-section,.partner-section,.trust-proof-section{padding:54px 0}
  .history-layout,.trust-proof-layout{grid-template-columns:1fr}
  .history-heading h2,.organization-section h2,.partner-heading h2,.trust-proof-copy h2{font-size:30px}
  .organization-grid,.partner-grid{grid-template-columns:1fr}
  .partner-heading{align-items:flex-start;gap:15px;flex-direction:column}
}


/* COMPANY Part 3 Final */
.startup-section{padding:76px 0;border-top:1px solid #dfe7f1;background:linear-gradient(110deg,#edf5ff 0,#fff 58%,#eef7ff 100%)}
.startup-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.startup-copy>p:first-child{margin:0 0 10px;color:#146ef5;font-size:13px;font-weight:900;letter-spacing:.11em}
.startup-copy h2{margin:0;font-size:40px;line-height:1.2;letter-spacing:-1.8px}
.startup-copy h2 span{color:#146ef5}
.startup-copy>strong{display:block;margin-top:18px;font-size:21px;line-height:1.5}
.startup-copy>p:not(:first-child){color:#5f6f82;font-size:15px;line-height:1.8}
.startup-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.startup-tags span{padding:9px 12px;border:1px solid #cfe0f2;border-radius:999px;color:#0b3263;background:#fff;font-size:12px;font-weight:800}
.startup-copy>a{display:inline-block;margin-top:22px;padding:13px 17px;border-radius:7px;color:#fff;background:#146ef5;font-size:13px;font-weight:900;text-decoration:none}
.startup-process{border-top:2px solid #071b33}
.startup-process article{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid #dbe4ee}
.startup-process b{color:#146ef5;font-size:13px}
.startup-process h3{margin:0 0 7px;font-size:19px}
.startup-process p{margin:0;color:#667085;font-size:14px;line-height:1.65}

@media(max-width:760px){
  .startup-section{padding:54px 0}
  .startup-layout{grid-template-columns:1fr;gap:34px}
  .startup-copy h2{font-size:30px}
  .startup-copy>strong{font-size:18px}
}
