<!-- S : 이벤트 복사영역 여기서부터 -->
<style type="text/css">@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
body {
min-width: 1440px;
margin: 0;
padding: 0;
}
body * {
box-sizing: border-box;
}
.wrap .special-sub-wrap .sub-top .editor-wrap {
min-width: 1440px;
}
.art-container-event {
background: #000000;
color: #ffffff;
font-family: Pretendard, sans-serif !important;
position: relative;
width: 100%;
max-width: 1920px;
text-align: center;
overflow: hidden;
}
.art-content-inner img {
display: block;
width: 100%;
}
.art-content-inner p,
.art-content-inner ul {
margin: 0;
padding: 0;
}
/* content */
.mv_wrap {
position: relative;
}
.mv {
position: relative;
width: 100%;
overflow: hidden;
}
.mv::before {
content: "";
display: block;
padding-top: clamp(587px, 40.73vw, 782px);
}
.mv img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
animation: fade 8s infinite;
}
.mv img:nth-child(1) {
opacity: 1;
animation-delay: 0s;
}
.mv img:nth-child(2) {
animation-delay: 4s;
}
@keyframes fade {
0% {
opacity: 0;
}
25% {
opacity: 1;
}
50% {
opacity: 1;
}
75% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.mv_txt_img {
position: absolute;
width: 100%;
max-width: clamp(1339px, 93.02vw, 1786px);
top: clamp(274px, 19.01vw, 365px);
left: 50%;
transform: translateX(-50%);
}
.content_copy {
display: flex;
justify-content: center;
align-items: center;
gap: 76px;
padding: 80px 0;
background-color: #2F3341;
}
.content_copy_ttl {
font-size: 28px;
font-weight: 600;
line-height: 100%;
color: #ffffff;
}
.content_copy_txt {
font-size: 16px;
font-weight: 300;
line-height: 160%;
letter-spacing: -0.96px;
text-align: left;
color: #ffffff;
}
.content_intro {
padding: 64px 0;
background-color: #FFD5DE;
}
.content_intro_logo img {
width: auto !important;
max-height: 44px !important;
margin: 0 auto !important;
}
.content_intro_ttl {
margin: 36px auto 0 !important;
font-size: 32px;
font-weight: 700;
line-height: 132%;
letter-spacing: -1.12px;
color: #000000;
}
.content_intro_txt {
margin: 18px auto 0 !important;
font-size: 16px;
font-weight: 300;
line-height: 160%;
letter-spacing: -0.64px;
color: #000000;
}
.content {
padding: 64px 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.content_ttl {
font-size: 32px;
font-weight: 700;
line-height: 132%;
letter-spacing: -1.12px;
color: #000000;
}
.content_sub_ttl {
margin: 24px auto 0 !important;
font-size: 16px;
font-weight: 600;
line-height: 100%;
letter-spacing: -0.64px;
color: #000000;
}
.content_txt {
margin: 32px auto 0 !important;
font-size: 16px;
font-weight: 300;
line-height: 160%;
letter-spacing: -0.64px;
color: #000000;
}
.content._01 {
background-image: url(https://image.a-rt.com/art/editor/202603/1774404371127.jpg);
}
.content._01 .content_ttl {
line-height: 100%;
}
.content01_img01 {
max-width: 550px;
margin-top: 50px !important;
margin-right: auto !important;
margin-left: auto !important;
}
.content01_img02 {
max-width: 550px;
margin-top: 48px !important;
margin-right: auto !important;
margin-left: auto !important;
}
.content01_img03 {
max-width: 434px;
margin-top: 30px !important;
margin-right: auto !important;
margin-left: auto !important;
}
.content01_img04 {
max-width: 550px;
margin-top: 30.95px !important;
margin-right: auto !important;
margin-left: auto !important;
}
.content._02 {
background-image: url(https://image.a-rt.com/art/editor/202603/1774404425731.jpg);
}
.content._02 .content_ttl_wrap {
display: flex;
flex-direction: column;
align-items: center;
max-width: 349px;
margin: 16px auto 0 !important;
}
.content._02 .content_ttl_wrap .content_ttl {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px 0;
font-size: 32px;
font-weight: 700;
line-height: 128%;
letter-spacing: -1px;
border-radius: 500px;
}
.content._02 .content_ttl_wrap .content_ttl:nth-of-type(1) {
position: relative;
align-self: flex-start;
width: 249px;
color: #ffffff;
background-color: #000000;
z-index: 2;
transform: rotate(-7.54deg);
animation: rotate01 2s ease-in-out infinite;
}
.content._02 .content_ttl_wrap .content_ttl:nth-of-type(2) {
position: relative;
align-self: flex-end;
width: 211px;
margin-top: -6px;
color: #000000;
background-color: #ffffff;
border: 3px solid #000000;
z-index: 1;
transform: rotate(7.08deg);
animation: rotate02 2s ease-in-out infinite;
}
@keyframes rotate01 {
0% {
transform: rotate(-7.54deg);
}
50% {
transform: rotate(-4deg);
}
100% {
transform: rotate(-7.54deg);
}
}
@keyframes rotate02 {
0% {
transform: rotate(7.08deg);
}
50% {
transform: rotate(4deg);
}
100% {
transform: rotate(7.08deg);
}
}
.content02_img {
position: relative;
width: 100%;
max-width: 614px;
margin-top: -2px !important;
margin-right: auto !important;
margin-left: auto !important;
background-image: url(https://image.a-rt.com/art/editor/202603/1774404434373.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.16));
overflow: hidden;
}
.content02_img::before {
content: "";
display: block;
padding-top: 800px;
}
.content02_img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
animation: fade2 12s infinite;
}
.content02_img img:nth-child(1) {
animation-delay: 0s;
}
.content02_img img:nth-child(2) {
animation-delay: 3s;
}
.content02_img img:nth-child(3) {
animation-delay: 6s;
}
.content02_img img:nth-child(4) {
animation-delay: 9s;
}
@keyframes fade2 {
0% {
opacity: 0;
}
8% {
opacity: 1;
}
25% {
opacity: 1;
}
33% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.content._03 {
background-image: url(https://image.a-rt.com/art/editor/202603/1774404479495.jpg);
}
.content03_img01 {
max-width: 614px;
margin-top: 48px !important;
margin-right: auto !important;
margin-left: auto !important;
filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.16));
}
.content03_flex_row {
display: flex;
justify-content: center;
gap: 36px;
margin: 44px auto 0 !important;
}
.content03_flex_col {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
}
.content03_img02 {
max-width: 422px;
margin-top: 0 !important;
margin-right: auto !important;
margin-left: auto !important;
filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.16));
}
.content03_img03 {
max-width: 422px;
margin-top: 0 !important;
margin-right: auto !important;
margin-left: auto !important;
filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.16));
}
.content03_img04 {
max-width: 420px;
margin-top: 0 !important;
margin-right: auto !important;
margin-left: auto !important;
;
}
.content._04 {
background-image: url(https://image.a-rt.com/art/editor/202603/1774404528856.jpg);
}
.content04_img01 {
max-width: 614px;
margin-top: 48px !important;
margin-right: auto !important;
margin-left: auto !important;
filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.16));
}
.content04_flex_row {
display: flex;
justify-content: center;
align-items: center;
gap: 36px;
margin: 43px auto 0 !important;
}
.content04_img02 {
max-width: 422px;
margin-top: 0 !important;
margin-right: auto !important;
margin-left: auto !important;
filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.16));
}
.content04_img03 {
max-width: 422px;
margin-top: 0 !important;
margin-right: auto !important;
margin-left: auto !important;
filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.16));
}
.content._05 {
background-color: #FFE5EB;
}
.content05_flex_wrap {
margin: 48px auto 0 !important;
}
.content_05_flex_ttl {
font-size: 28px;
font-weight: 700;
line-height: 132%;
letter-spacing: -1.12px;
color: #E95D7E;
}
.content05_flex_box {
display: flex;
flex-direction: column;
gap: 24px;
align-items: flex-start;
width: 720px;
margin: 22px auto 0 !important;
padding: 44px 0 44px 80px;
background-color: #ffffff;
border-radius: 20px;
}
.content05_flex_box .txt_wrap {
display: flex;
gap: 34px;
text-align: left;
}
.content05_flex_box .txt_wrap p {
width: 70px;
font-size: 20px;
font-weight: 600;
line-height: 150%;
letter-spacing: -1px;
color: rgba(0, 0, 0, 1);
}
.content05_flex_box .txt_wrap ul li {
font-size: 20px;
font-weight: 400;
line-height: 150%;
letter-spacing: -1px;
color: rgba(0, 0, 0, 0.7);
list-style: none;
}
.content05_flex_wrap:nth-of-type(1) .content05_flex_box .txt_wrap:nth-of-type(2) ul li {
padding-left: 1em;
text-indent: -1em;
}
.content05_flex_wrap:nth-of-type(1) .content05_flex_box .txt_wrap:nth-of-type(2) ul li:nth-of-type(1) {
color: rgba(207, 0, 0, 0.7);
}
/* footer */
.footer {
padding: 23px 0 106.8px;
background-color: #000000;
}
.footer .btn {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
width: 800px;
height: 80px;
margin: 0 auto;
font-size: 20px;
font-weight: 700;
line-height: 1;
letter-spacing: -0.8px;
text-align: center;
text-decoration: none;
color: #ffffff;
background-color: #000000;
border: 1px solid #ffffff;
transition: .3s ease;
box-sizing: border-box;
}
.footer .btn:hover {
color: #000000;
background: #ffffff;
}
.footer .btn .ico {
display: inline-block;
width: 32px;
height: 32px;
background: url(https://image.a-rt.com/art/editor/202511/1762486356070.png) center/cover no-repeat;
transition: .3s ease;
}
.footer .btn:hover .ico {
background: url(https://image.a-rt.com/art/editor/202511/1762486365218.png) center/cover no-repeat;
}
.footer .copy {
margin-top: 31.6px !important;
text-align: center;
font-size: 18px;
font-weight: 500;
line-height: 1;
color: #D3D3D3;
}
.footer .copy .attention {
font-weight: 700;
color: #ffffff;
}
</style>
<!--
data-x : X 시작 위치 (-10%, 50px 등)
data-y : Y 시작 위치 (10%, -50px 등)
data-speed : 애니메이션 속도 (.7s, 1s 등)
data-delay : 애니메이션 지연 시간 (.3s, .5s 등)
data-threshold : 화면에 보이는 비율 (0~1, 예: 0.3)
--><!-- s : art-container-event -->
<div class="art-container-event">
<div class="art-content-inner">
<div class="mv_wrap">
<div class="mv"><img alt="" src="https://image.a-rt.com/art/editor/202603/1774422348305.jpg" /> <img alt="" src="https://image.a-rt.com/art/editor/202603/1774422361408.jpg" /></div>
<div class="mv_txt_img"><img alt="" src="https://image.a-rt.com/art/editor/202603/1774422368995.png" /></div>
</div>
<div class="content_copy">
<p class="content_copy_ttl">LAUNCHING</p>
<p class="content_copy_txt">지금 공개된 신상부터 주목받는 브랜드까지,<br />
당신을 위한 첫 번째 소식을 지금 바로 만나보세요.</p>
</div>
<div class="content_intro">
<div class="content_intro_logo"><img alt="" src="https://image.a-rt.com/art/editor/202603/1774404355746.png" /></div>
<p class="content_intro_ttl">유행보다, 내 스타일로<br />
AIR MAX 95 PINK FOAM</p>
<p class="content_intro_txt">시대를 초월한 나이키만의 실루엣에<br />
핑크 컬러를 더한 에어맥스 95를 선보입니다.<br />
유행에 흔들리지 않고 자신만의 스타일을<br />
선보이는 패션 인플루언서와 한정 기간 진행되는<br />
팝업스토어 이벤트도 함께 만나보세요.</p>
</div>
<div class="content _01">
<p class="content_ttl">AIR MAX 95 PINK FOAM</p>
<p class="content_sub_ttl">부드러운 핑크를 담은 에어맥스 95</p>
<div class="ani" data-delay="" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="">
<div class="content01_img01"><img alt="" src="https://image.a-rt.com/art/editor/202603/1774404388776.png" /></div>
</div>
<p class="content_txt">에어맥스 95에 부드러운 핑크를 더해<br />
한층 더 특별하게 완성한 이번 모델은<br />
타인의 시선과 유행을 벗어나<br />
자신만의 보법으로 걷는 스타일을 제안합니다.</p>
<div class="ani" data-delay="" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="">
<div class="content01_img02"><img alt="" src="https://image.a-rt.com/art/editor/202603/1774404397186.png" /></div>
</div>
<div class="ani" data-delay="" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="">
<div class="content01_img03"><img alt="" src="https://image.a-rt.com/art/editor/202603/1774404406643.png" /></div>
</div>
<div class="ani" data-delay="" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="">
<div class="content01_img04"><img alt="" src="https://image.a-rt.com/art/editor/202603/1774404416844.png" /></div>
</div>
<p class="content_txt">혼합 소재의 레이어 구조와 에어 쿠셔닝으로<br />
가볍고 편안한 착화감을 더하고<br />
핑크 컬러를 더해 새로운 분위기를 담았습니다.</p>
</div>
<div class="content _02">
<div class="content_ttl_wrap">
<p class="content_ttl"># 인플루언서</p>
<p class="content_ttl"># 스타일링</p>
</div>
<div class="ani" data-delay="" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="">
<div class="content02_img"><img alt="@Sae Eun" src="https://image.a-rt.com/art/editor/202603/1774404443644.png" /> <img alt="@Gemma" src="https://image.a-rt.com/art/editor/202603/1774404452597.png" /> <img alt="@Sae Eun" src="https://image.a-rt.com/art/editor/202603/1774404460602.png" /> <img alt="@Gemma" src="https://image.a-rt.com/art/editor/202603/1774404468376.png" /></div>
</div>
<p class="content_txt">모두에게 사랑 받는 디자인,<br />
데일리로 신기 좋은 에어맥스 95 핑크폼과<br />
패션 인플루언서들이 제안하는 다양한 스타일을 확인해보세요.</p>
</div>
<div class="content _03">
<p class="content_ttl">STYLING 1</p>
<div class="ani" data-delay="" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="">
<div class="content03_img01"><img alt="@Sae Eun" src="https://image.a-rt.com/art/editor/202603/1774404489149.png" /></div>
</div>
<p class="content_txt">톤온톤 컬러 셋업 위에 더해진 레이어드 코디,<br />
핑크 포인트로 스타일의 밀도를 더해 룩의 완성도를 높여보세요.</p>
<div class="content03_flex_row">
<div class="ani" data-delay="" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="">
<div class="content03_img02"><img alt="" src="https://image.a-rt.com/art/editor/202603/1774404498358.png" /></div>
</div>
<div class="content03_flex_col ani" data-delay="0.5s" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="">
<div class="content03_img03"><img alt="" src="https://image.a-rt.com/art/editor/202603/1774404508987.png" /></div>
<div class="content03_img04"><img alt="" src="https://image.a-rt.com/art/editor/202603/1774422381526.png" /></div>
</div>
</div>
</div>
<div class="content _04">
<p class="content_ttl">STYLING 2</p>
<div class="ani" data-delay="" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="">
<div class="content04_img01"><img alt="@Gemma" src="https://image.a-rt.com/art/editor/202603/1774404537629.png" /></div>
</div>
<p class="content_txt">차분한 블랙과 화사한 핑크의 조합,<br />
은은한 대비로 리듬을 더해 조화로운 스타일을 완성해보세요.</p>
<div class="content04_flex_row">
<div class="ani" data-delay="" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="">
<div class="content04_img02"><img alt="" src="https://image.a-rt.com/art/editor/202603/1774404543996.png" /></div>
</div>
<div class="ani" data-delay="0.5s" data-speed="0.7s" data-threshold="0.3" data-x="" data-y="">
<div class="content04_img03"><img alt="" src="https://image.a-rt.com/art/editor/202603/1774404553489.png" /></div>
</div>
</div>
</div>
<div class="content _05">
<p class="content_ttl">나이키 에어맥스 95<br />
핑크폼 팝업스토어</p>
<div class="content05_flex_wrap">
<p class="content_05_flex_ttl">이벤트 정보</p>
<div class="content05_flex_box">
<div class="txt_wrap">
<p>행사 기간</p>
<ul>
<li>3. 26 (목) ~ 3. 29 (일)</li>
</ul>
</div>
<div class="txt_wrap">
<p>이벤트</p>
<ul>
<li>1. 에어맥스 95 핑크폼 3/26(목) GS 성수점 선판매</li>
<li>2. 핑크 루프탑에서 만나는 에어맥스 95 스토리</li>
<li>3. 양말 · 바지 밑단 커스텀 진행</li>
<li>4. 포토존 촬영 + 사진 출력</li>
<li>5. 방문인증 시 그랜드스테이지 알페트백 or 나이키 미니 선물 증정 (택1)</li>
<li>6. 에어맥스 95 구매자 한정 맥스 핑크 토트백 증정</li>
</ul>
</div>
</div>
</div>
<div class="content05_flex_wrap">
<p class="content_05_flex_ttl">매장 정보</p>
<div class="content05_flex_box">
<div class="txt_wrap">
<p>매장명</p>
<ul>
<li>GS 성수점</li>
</ul>
</div>
<div class="txt_wrap">
<p>운영 시간</p>
<ul>
<li>10:30 - 22:00</li>
</ul>
</div>
<div class="txt_wrap">
<p>주소</p>
<ul>
<li>서울 성동구 성수동2가 320-4 GS 성수점</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer"><a class="btn" href="https://www.a-rt.com/display/webzine/magazine">더 많은 콘텐츠 보러가기<span class="ico"></span></a>
<p class="copy">콘텐츠가 마음에 들었다면 <span class="attention">좋아요</span>를 눌러주세요.</p>
</div>
</div>
</div>
<!-- e : art-container-event --><!-- 애니메이션 --><script>
(function(){
function initAni(){
const style = document.createElement("style");
style.textContent = `
.ani{
--ani-x:0;
--ani-y:0;
--ani-speed:.7s;
--ani-delay:0s;
opacity:0;
transform:translate(var(--ani-x),var(--ani-y));
transition:
opacity var(--ani-speed) var(--ani-delay),
transform var(--ani-speed) var(--ani-delay);
}
.ani.on{
opacity:1;
transform:translate(0,0);
}
.ani.z_index1{position:relative;z-index:1;}
.ani.z_index2{position:relative;z-index:2;}
.ani.z_index3{position:relative;z-index:3;}
@keyframes aniMove{
from{
opacity:0;
transform:translate(var(--ani-x),var(--ani-y));
}
to{
opacity:1;
transform:translate(0,0);
}
}`;
document.head.appendChild(style);
document.querySelectorAll(".ani").forEach(el => {
if (el.dataset.x) el.style.setProperty("--ani-x", el.dataset.x);
if (el.dataset.y) el.style.setProperty("--ani-y", el.dataset.y);
if (el.dataset.speed) el.style.setProperty("--ani-speed", el.dataset.speed);
if (el.dataset.delay) el.style.setProperty("--ani-delay", el.dataset.delay);
const threshold = parseFloat(el.dataset.threshold) || 0.3;
const io = new IntersectionObserver(entries=>{
entries.forEach(e=>{
if(e.isIntersecting){
e.target.classList.add("on");
io.unobserve(e.target);
}
});
},{
threshold:threshold
});
io.observe(el);
});
}
if(document.readyState === "loading"){
document.addEventListener("DOMContentLoaded", initAni);
}else{
initAni();
}
})();
</script><!-- 1920px 스크립트 --><script>
function editorCalcWidth() {
var width_size = $(window).width();
if (width_size > 1440) $('.editor-wrap').css({ width: width_size });
}
$(document).ready(function () {
editorCalcWidth();
});
$(window).on('scroll resize', function () {
editorCalcWidth();
});
</script><!-- E : 이벤트 복사영역 여기까지 -->
-
나이키
우먼스 나이키 에어맥스 95 빅 버블
229,000원
출시일
2026.03.28 오전 10:00