https://www.kg-mobility.com/assets/KGM_FO_BR_1.1.3.1_t-Cih6MS2T.js

1import{_ as a,r as s,o as e,K as t,n as l,a as o,c as i,b as d,s as c,v as n,f as r,I as p,b7 as v,p as m,j as u,g}from"./index-Dg0AKBzW.js";import{_ as b,a as f,b as w,c as C,d as K}from"./img-logo-Bqm_FVYd.js";import{_ as y,a as G}from"./img-slogan-text-02-B4zJmAzm.js";const M=a=>(m("data-v-d7709e7e"),a=a(),u(),a),h=M((()=>d("p",null,[d("img",{src:b,alt:""})],-1))),L=[M((()=>d("span",{class:"text"},"KGM CI & BI 알아보기",-1)))],x={class:"section-group-wrap"},I=p('<div class="section ci-guide" data-v-d7709e7e><div class="inner-box" data-v-d7709e7e><div class="section-contents-wrap" data-v-d7709e7e><div class="brand-indentity-title-wrap" data-v-d7709e7e><p class="info-title" data-v-d7709e7e>CI Guide</p><p class="info-description" data-v-d7709e7e> KG Mobility는 회사 상호로 법률 상<br class="mobile-hide" data-v-d7709e7e> 상호의 표기 및 공식 문서에 사용할 때만 적용합니다. </p><p class="download-btn" data-v-d7709e7e><a href="#" data-v-d7709e7e>CI 다운로드</a></p></div><div class="brand-indentity-contents-wrap" data-v-d7709e7e><div class="top-area white-black" data-v-d7709e7e><dl class="brand-ci-wrap eng" data-v-d7709e7e><dt class="brand-ci-title" data-v-d7709e7e>English</dt><dd class="brand-img-wrap" data-v-d7709e7e><ul class="brand-ci-list" data-v-d7709e7e><li class="item" data-v-d7709e7e><p class="img-logo" data-v-d7709e7e><img src="'+f+'" alt="" data-v-d7709e7e></p><p class="img-text" data-v-d7709e7e><img src="'+w+'" alt="KG MOBILITY" data-v-d7709e7e></p></li><li class="item" data-v-d7709e7e><p class="img-text" data-v-d7709e7e><img src="'+w+'" alt="KG MOBILITY" data-v-d7709e7e></p></li></ul></dd></dl><dl class="brand-ci-wrap kor" data-v-d7709e7e><dt class="brand-ci-title" data-v-d7709e7e>Korean</dt><dd class="brand-img-wrap" data-v-d7709e7e><ul class="brand-ci-list" data-v-d7709e7e><li class="item" data-v-d7709e7e><p class="img-logo" data-v-d7709e7e><img src="'+f+'" alt="" data-v-d7709e7e></p><p class="img-text" data-v-d7709e7e><img src="'+C+'" alt="KG 모빌리티" data-v-d7709e7e></p></li><li class="item" data-v-d7709e7e><p class="img-text" data-v-d7709e7e><img src="'+C+'" alt="KG 모빌리티" data-v-d7709e7e></p></li></ul></dd></dl></div><div class="pagination" data-v-d7709e7e><span class="item active" data-v-d7709e7e></span><span class="item" data-v-d7709e7e></span></div><div class="bottom-area" data-v-d7709e7e><div class="scroll-wrap" data-v-d7709e7e><ul class="ci-color-guide-list" data-v-d7709e7e><li class="item purple" data-v-d7709e7e><p class="color-name" data-v-d7709e7e>KG Royal Purple</p><p class="color-info info-1" data-v-d7709e7e>Pantone 268C</p><p class="color-info info-2" data-v-d7709e7e>C 85 M 100 Y 0 K 20</p></li><li class="item violet" data-v-d7709e7e><p class="color-name" data-v-d7709e7e>KG Violet</p><p class="color-info info-1" data-v-d7709e7e>Pantone 2602C</p><p class="color-info info-2" data-v-d7709e7e>C 57 M 100 Y 0 K 0</p></li><li class="item magenta" data-v-d7709e7e><p class="color-name" data-v-d7709e7e>KG Magenta</p><p class="color-info info-1" data-v-d7709e7e>Pantone 213C</p><p class="color-info info-2" data-v-d7709e7e>C 0 M 100 Y 10 K 0</p></li><li class="item orange" data-v-d7709e7e><p class="color-name" data-v-d7709e7e>KG Orange</p><p class="color-info info-1" data-v-d7709e7e>Pantone 158C</p><p class="color-info info-2" data-v-d7709e7e>C 0 M 58 Y 100 K 0</p></li><li class="item yellow" data-v-d7709e7e><p class="color-name" data-v-d7709e7e>KG Yellow</p><p class="color-info info-1" data-v-d7709e7e>Pantone 130C</p><p class="color-info info-2" data-v-d7709e7e>C 0 M 30 Y 90 K 0</p></li></ul></div></div></div></div></div></div><div class="section bi-guide" data-v-d7709e7e><div class="inner-box" data-v-d7709e7e><div class="section-contents-wrap" data-v-d7709e7e><div class="brand-indentity-title-wrap" data-v-d7709e7e><p class="info-title" data-v-d7709e7e>BI Guide</p><p class="info-description" data-v-d7709e7e> CI 가이드 이 외의 모든 대내외 커뮤니케이션은<br class="mobile-hide" data-v-d7709e7e> KGM으로 통일하여 사용합니다.<br data-v-d7709e7e><br data-v-d7709e7e> CI, BI는 소개 혹은 브랜드 구조의 설명 등의 특별한 목적을 제외하고는 병기하여 사용하지 않습니다. </p><p class="download-btn" data-v-d7709e7e><a href="#" data-v-d7709e7e>BI 다운로드</a></p></div><div class="brand-indentity-contents-wrap" data-v-d7709e7e><div class="top-area white-black" data-v-d7709e7e><p class="img-logo-wrap" data-v-d7709e7e><img src="'+K+'" alt="KGM" data-v-d7709e7e></p></div><div class="pagination" data-v-d7709e7e><span class="item active" data-v-d7709e7e></span><span class="item" data-v-d7709e7e></span></div><div class="bottom-area" data-v-d7709e7e><div class="scroll-wrap" data-v-d7709e7e><ul class="ci-color-guide-list" data-v-d7709e7e><li class="item astral-aura" data-v-d7709e7e><p class="color-name" data-v-d7709e7e>KGM Astral Aura</p><p class="color-info info-1" data-v-d7709e7e>Pantone 19-3830</p><p class="color-info info-2" data-v-d7709e7e>C 89 M 90 Y 53 K 27 / R 47 G 44 B 77</p></li><li class="item light-gray" data-v-d7709e7e><p class="color-name" data-v-d7709e7e>KGM Light Gray</p><p class="color-info info-1" data-v-d7709e7e>Pantone Cool Gray 4C</p><p class="color-info info-2" data-v-d7709e7e>C 0 M 0 Y 0 K 25 / R 200 G 200 B 200</p></li></ul></div></div></div></div></div></div><div class="section slogan" data-v-d7709e7e><div class="inner-box" data-v-d7709e7e><div class="section-contents-wrap" data-v-d7709e7e><div class="brand-indentity-title-wrap" data-v-d7709e7e><p class="info-title" data-v-d7709e7e>SLOGAN</p><p class="info-description" data-v-d7709e7e> 창의성과 실용적인 KGM 제품으로<br data-v-d7709e7e> 즐겁고 안전한 모빌리티 라이프를 자신 있게 즐길 수 있는 <br class="mobile-hide" data-v-d7709e7e> 고객의 엔드 베네핏을 직관적이고, 간결하게 표현한 슬로건입니다. </p><p class="download-btn" data-v-d7709e7e><a href="#" data-v-d7709e7e>슬로건 다운로드</a></p></div><div class="brand-indentity-contents-wrap" data-v-d7709e7e><div class="top-area" data-v-d7709e7e><div class="slogan-text-wrap" data-v-d7709e7e><p class="text-1" data-v-d7709e7e><img src="'+y+'" alt="모든 순간, 자신 있게 즐기도록" data-v-d7709e7e></p><p class="text-2" data-v-d7709e7e><img src="'+G+'" alt="Endoy Width Confidence" data-v-d7709e7e></p></div></div><div class="pagination" data-v-d7709e7e><span class="item active" data-v-d7709e7e></span><span class="item" data-v-d7709e7e></span><span class="item" data-v-d7709e7e></span></div></div></div></div></div>',3),Y=M((()=>d("div",{class:"brand-indentity-title-wrap"},[d("p",{class:"info-title"},"Color Guide"),d("p",{class:"info-description"},[g(" KGM 슬로건의 고유한 색상으로 로고타입 등에"),d("br"),g(" 적용되어 KGM의 이미지를 형성하는"),d("br"),g(" 중요한 핵심요소입니다."),d("br"),d("br"),g(" 표현 매체에 따라 명도, 채도 등의 차이가"),d("br"),g(" 날 수 있으므로 색상 재현 시 최상의 표준 색상을"),d("br"),g(" 얻기 위해서는 컬러 팔레트에 명시된 컬러 값을"),d("br"),g(" 참고하여 가장 근접한 색상으로 표현해야 합니다. ")])],-1))),A=[M((()=>d("p",{class:"color-name"},"KGM Astral Aura",-1))),M((()=>d("p",{class:"color-info info-1"},"Pantone 19-3830",-1))),M((()=>d("p",{class:"color-info info-2"},"C 89 M 90 Y 53 K 27 / R 47 G 44 B 77",-1)))],P=[M((()=>d("p",{class:"color-name"},"KGM Light Gray",-1))),M((()=>d("p",{class:"color-info info-1"},"Pantone Cool Gray 4C",-1))),M((()=>d("p",{class:"color-info info-2"},"C 0 M 0 Y 0 K 25 / R 200 G 200 B 200",-1)))],_=M((()=>d("div",{class:"top-area"},[d("p",{class:"color-logo-wrap"},[d("img",{src:K,alt:"KGM"})])],-1))),k=M((()=>d("div",{class:"brand-indentity-title-wrap"},[d("p",{class:"info-title"},"Color Guide"),d("p",{class:"info-description"},[g(" KG 그룹 CI 컬러 구성으로 "),d("br"),g(" KGM 슬로건 BI 활용에 있어 베리에이션 및 "),d("br"),g(" 포인트 컬러로 활용이 가능합니다. ")])],-1))),B=[M((()=>d("p",{class:"color-name"},"KG Royal Purple",-1))),M((()=>d("p",{class:"color-info info-1"},"Pantone 268C",-1))),M((()=>d("p",{class:"color-info info-2"},"C 85 M 100 Y 0 K 20",-1)))],E=[M((()=>d("p",{class:"color-name"},"KG Violet",-1))),M((()=>d("p",{class:"color-info info-1"},"Pantone 2602C",-1))),M((()=>d("p",{class:"color-info info-2"},"C 57 M 100 Y 0 K 0",-1)))],R=[M((()=>d("p",{class:"color-name"},"KG Magenta",-1))),M((()=>d("p",{class:"color-info info-1"},"Pantone 213C",-1))),M((()=>d("p",{class:"color-info info-2"}

1,"C 0 M 100 Y 10 K 0",-1)))],O=[M((()=>d("p",{class:"color-name"},"KG Orange",-1))),M((()=>d("p",{class:"color-info info-1"},"Pantone 158C",-1))),M((()=>d("p",{class:"color-info info-2"},"C 0 M 58 Y 100 K 0",-1)))],S=[M((()=>d("p",{class:"color-name"},"KG Yellow",-1))),M((()=>d("p",{class:"color-info info-1"},"Pantone 130C",-1))),M((()=>d("p",{class:"color-info info-2"},"C 0 M 30 Y 90 K 0",-1)))],j=M((()=>d("div",{class:"top-area"},[d("p",{class:"color-logo-wrap purple"},[d("img",{src:K,alt:"KGM"})])],-1))),q=a({__name:"KGM_FO_BR_1.1.3.1_t",setup(a){const p=s(!1),m=s(null),u=s(null),g=s(window.isMobile()),b=[];e((async()=>{"desktop"===document.documentElement.getAttribute("id")&&document.documentElement.classList.add("snap-scroll"),await t((()=>{const a=document.querySelectorAll(".section, footer");a.forEach((a=>{const{stop:s}=v(a,(async([a])=>{const{isIntersecting:s,target:e}=a;s?(await _delay(400),e.classList.add("step-1")):(await _delay(400),e.classList.remove("step-1"))}),{rootMargin:"100% 0px -15% 0px",threshold:.01});b.push(s)})),a.forEach((a=>{const{stop:s}=v(a,(async([a])=>{const{isIntersecting:s,target:e}=a;s?e.classList.add("step-2"):e.classList.remove("step-2")}),{rootMargin:"500% 0px -130% 0px",threshold:.06});b.push(s)})),a.forEach((a=>{const{stop:s}=v(a,(async([a])=>{const{isIntersecting:s,target:e}=a;s?e.classList.add("step-3"):e.classList.remove("step-3")}),{rootMargin:g.value?"700% 0px -160% 0px":"700% 0px -190% 0px",threshold:.06});b.push(s)})),m.value=document.querySelectorAll(".section.color-guide.type-1 button")[0],u.value=document.querySelectorAll(".section.color-guide.type-2 button")[0]}))})),l((()=>{"desktop"===document.documentElement.getAttribute("id")&&document.documentElement.classList.remove("snap-scroll"),b.forEach((a=>a()))}));const f=async()=>{const a=window.innerHeight+1+(g.value?50:0);p.value=!0,await _delay(400),window.scrollTo({top:a,behavior:"smooth"})},w=a=>{const s=a.target,e="button"===s.tagName.toLowerCase()?s:s.closest("button"),t=e.closest(".color-guide");if(!e.classList.contains("active")){e.classList.add("active");const a=t.querySelector(".color-logo-wrap"),s=e.closest(".item");t.classList.contains("type-1")?(m.value.classList.remove("active"),m.value=e,s.classList.contains("astral-aura")?a.setAttribute("class","color-logo-wrap aura"):s.classList.contains("light-gray")&&a.setAttribute("class","color-logo-wrap light-gray")):t.classList.contains("type-2")&&(u.value.classList.remove("active"),u.value=e,s.classList.contains("purple")?a.setAttribute("class","color-logo-wrap purple"):s.classList.contains("violet")?a.setAttribute("class","color-logo-wrap violet"):s.classList.contains("magenta")?a.setAttribute("class","color-logo-wrap magenta"):s.classList.contains("orange")?a.setAttribute("class","color-logo-wrap orange"):s.classList.contains("yellow")&&a.setAttribute("class","color-logo-wrap yellow"))}};return(a,s)=>(o(),i("div",null,[d("div",{class:"intro-section"},[d("div",{class:"inner-box"},[d("div",{class:"intro-info-wrap"},[h,d("p",{class:"intro-btn-wrap"},[d("button",{type:"button",class:"intro-btn",onClick:f},L)])])])]),c(d("div",x,[I,d("div",{class:"section color-guide type-1"},[d("div",{class:"inner-box"},[d("div",{class:"section-contents-wrap"},[Y,d("div",{class:"brand-indentity-contents-wrap"},[d("div",{class:"bottom-area"},[d("div",{class:"scroll-wrap"},[d("ul",{class:"ci-color-guide-list"},[d("li",{class:"item astral-aura"},[d("button",{class:"color-select-btn active",onClick:w},A)]),d("li",{class:"item light-gray"},[d("button",{class:"color-select-btn",onClick:w},P)])])])]),_])])])]),d("div",{class:"section color-guide type-2"},[d("div",{class:"inner-box"},[d("div",{class:"section-contents-wrap"},[k,d("div",{class:"brand-indentity-contents-wrap"},[d("div",{class:"scroll-wrap"},[d("ul",{class:"ci-color-guide-list"},[d("li",{class:"item purple"},[d("button",{class:"color-select-btn active",onClick:w},B)]),d("li",{class:"item violet"},[d("button",{class:"color-select-btn",onClick:w},E)]),d("li",{class:"item magenta"},[d("button",{class:"color-select-btn",onClick:w},R)]),d("li",{class:"item orange"},[d("button",{class:"color-select-btn",onClick:w},O)]),d("li",{class:"item yellow"},[d("button",{class:"color-select-btn",onClick:w},S)])])]),j])])])])],512),[[n,r(p)]])]))}},[["__scopeId","data-v-d7709e7e"]]);export{q as default};