<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="신세계백화점">
<meta property="og:description" content="행복한 라이프 스타일을 디자인하는 신세계입니다.">
<meta property="og:image" content="./images/og_img.jpg">
<title>포트폴리오용 신세계백화점</title>
<link rel="shortcut icon" href="./images/favicons.png">
<link rel="stylesheet" href="./css/common.css" type="text/css">
<link rel="stylesheet" href="./css/slick.css" type="text/css">
<link rel="stylesheet" href="./css/ani.css" type="text/css">
<link rel="stylesheet" href="./css/main.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="./js/slick.min.js" type="text/javascript"></script>
<script src="./js/common.js" type="text/javascript"></script>
</head>
<body>
<div id="wrap">
<header id="header">
<div class="inner clearfix">
<h1><a href="index.html"><img src="./images/h1_logo.png" alt="신세계백화점 로고"></a></h1>
<nav>
<ul class="gnb">
<li><a href="#">쇼핑정보</a>
<ul class="depth2">
<li><a href="#">지역점포</a></li>
<li><a href="#">스타일마켓</a></li>
</ul>
</li>
<li><a href="#">신세계브랜드</a>
<ul class="depth2">
<li><a href="#">프로그램안내</a></li>
<li><a href="#">지원안내</a></li>
<li><a href="#">지원하기</a></li>
<li><a href="#">최종선발자</a></li>
</ul>
</li>
<li><a href="#">아트&컬처</a>
<ul class="depth2">
<li><a href="#">오리엔테이션</a></li>
<li><a href="#">프론티어소개</a></li>
<li><a href="#">프론티어게시판</a></li>
<li><a href="#">프론티어앨범</a></li>
</ul>
</li>
<li><a href="#">매거진</a>
<ul class="depth2">
<li><a href="#">공지사항</a></li>
<li><a href="#">1:1문의</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</li>
<li><a href="#">고객서비스</a>
<ul class="depth2">
<li><a href="#">공지사항</a></li>
<li><a href="#">1:1문의</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</li>
</ul>
</nav>
<ul class="util">
<li><a href="#">로그인</a></li>
<li class="btnSearch"><a href="#">검색</a></li>
</ul>
</div> <!-- inner end -->
<div class="depth2_bg"></div>
<div class="searchBox">
<form>
<fieldset>
<legend>검색영역</legend>
<!-- input은 띄어쓰기를 하게 되면 text로 인식이 되기 때문에 띄어쓰기 지움-->
<input type="text" placeholder="검색어를 입력해 주세요."><input type="submit" value="검색">
</fieldset>
</form>
</div> <!-- searchBox end -->
</header> <!-- header end -->
<article id="mainSlide">
<ul class="ms">
<li class="ms1 ">
<div class="inner">
<h2>
푸빌라와 친구들의<br>
신비한 바닷 속 모험 이야기
</h2>
<p class="btnMore">
<a href="#">
VIEW MORE
</a>
</p>
</div> <!-- inner end -->
</li>
<li class="ms2">
<div class="inner">
<h2>
일상의 쉼표 한 모금<br>
향긋한 여름 커피의 추억
</h2>
<p class="btnMore">
<a href="#">
VIEW MORE
</a>
</p>
</div> <!-- inner end -->
</li>
<li class="ms3">
<div class="inner">
<h2>
MAGAZINE<br>
SHINSEGAE
</h2>
<p class="btnMore">
<a href="#">
VIEW MORE
</a>
</p>
</div> <!-- inner end -->
</li>
</ul>
</article> <!-- mainSlide end -->
<div id="contents">
<!-- <section id="now">
<div class="inner">
<h3>Shinsegae Now</h3>
<ul class="nowList clearfix">
<li><a href="#"><img src="./images/now_list_01.jpg" alt="여름 사용설명서"></a></li>
<li><a href="#"><img src="./images/now_list_02.jpg" alt="깨끗한 지구 만들기"></a></li>
<li><a href="#"><img src="./images/now_list_03.jpg" alt="계절과 식탁"></a></li>
<li><a href="#"><img src="./images/now_list_04.jpg" alt="푸드마켓 오픈 기념 방문 인증 이벤트"></a></li>
</ul>
<dl>
<dt>SHINSEGAE CHANNEL</dt>
<dd>신세계백화점의 쇼핑 소식을 가장 빠르게 만나보세요!</dd>
</dl>
<ul class="sns clearfix">
<li><a href="#"><img src="./images/ico_facebook.png" alt="ico_facebook image"></a></li>
<li><a href="#"><img src="./images/ico_instagram.png" alt="ico_instagram image"></a></li>
<li><a href="#"><img src="./images/ico_youtube.png" alt="ico_youtube image"></a></li>
<li><a href="#"><img src="./images/ico_kakao.png" alt="ico_kakao image"></a></li>
<li><a href="#"><img src="./images/ico_post.png" alt="ico_post image"></a></li>
</ul>
</div>
</section> -->
<section id="now" class="inner">
<h2>Shinsegae Now</h2>
<ul class="now_list clearfix">
<li class="ani_stop ani-start-fadeUp">
<a href="#">
<img src="./images/now_list_01.jpg" alt="now1">
<div class="over_txt">
<p class="sns_sort">youtube</p>
<h3>신세계가 제안하는 여름 사용설명서! '푸빌라와 친구들'과 함께 모험을 떠나보세요!</h3>
<p class="more">more</p>
</div>
</a>
</li>
<li class="ani_stop ani-start-fadeUp ani-delay-04">
<a href="#">
<img src="./images/now_list_02.jpg" alt="now2">
<div class="over_txt">
<p class="sns_sort">instargram</p>
<h3>신세계백화점과 함께 깨끗한 지구 만들기에 동참해 보세요.</h3>
<p class="more">more</p>
</div>
</a>
</li>
<li class="ani_stop ani-start-fadeUp ani-delay-07">
<a href="#">
<img src="./images/now_list_03.jpg" alt="now3">
<div class="over_txt">
<p class="sns_sort">magazine</p>
<h3>삼복(三伏) 더위를 이겨낼 특색있는 제주 닭 레시피를 만나보세요.</h3>
<p class="more">more</p>
</div>
</a>
</li>
<li class="ani_stop ani-start-fadeUp ani-delay-10">
<a href="#">
<img src="./images/now_list_04.jpg" alt="now4">
<div class="over_txt">
<p class="sns_sort">instargram</p>
<h3>신세계 경기점 푸드마켓 오픈 기념 방문 인증 이벤트에 참여해 보세요!</h3>
<p class="more">more</p>
</div>
</a>
</li>
</ul>
<h4>shinsegae channel</h4>
<p class="comment">신세계백화점의 쇼핑 소식을 가장 빠르게 만나보세요!</p>
<ul class="sns clearfix">
<li>
<a href="#"><img src="./images/ico_facebook.png" alt="facebook"></a>
</li>
<li>
<a href="#"><img src="./images/ico_instagram.png" alt="instagram"></a>
</li>
<li>
<a href="#"><img src="./images/ico_youtube.png" alt="youtube"></a>
</li>
<li>
<a href="#"><img src="./images/ico_kakao.png" alt="kakao"></a>
</li>
<li>
<a href="#"><img src="./images/ico_post.png" alt="post"></a>
</li>
</ul>
</section> <!-- now end -->
<section id="shoppingEvent">
<div class="inner">
<h3>Shopping Event</h3>
<ul class="event">
<li>
<a href="#">
<img src="./images/event_01.jpg" alt="event_01 image">
<dl>
<dt>다시 만난 푸빌라와 친구들</dt>
<dd>2021.7.9(금) - 2021.8.4(수)</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/event_02.jpg" alt="event_02 image">
<dl>
<dt>햇살보다 빛나는 여름, 스타일을 즐기다</dt>
<dd>2021.7.9(금)부터</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/event_03.jpg" alt="event_03 image">
<dl>
<dt>서머 해양 스포츠 & 친환경 액티비티</dt>
<dd>2021.7.9(금)부터</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/event_04.jpg" alt="event_04 image">
<dl>
<dt>인생을 담은 화폭 예술이 선사하는 여유</dt>
<dd>2021.9.26(일)까지</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/event_05.jpg" alt="event_05 image">
<dl>
<dt>추억을 남기는 방법 여름 기록 아카데미</dt>
<dd>2021.7.9(금) - 2021.8.4(수)</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/event_01.jpg" alt="event_01 image">
<dl>
<dt>다시 만난 푸빌라와 친구들</dt>
<dd>2021.7.9(금) - 2021.8.4(수)</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/event_02.jpg" alt="event_02 image">
<dl>
<dt>햇살보다 빛나는 여름, 스타일을 즐기다</dt>
<dd>2021.7.9(금)부터</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/event_03.jpg" alt="event_03 image">
<dl>
<dt>서머 해양 스포츠 & 친환경 액티비티</dt>
<dd>2021.7.9(금)부터</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/event_04.jpg" alt="event_04 image">
<dl>
<dt>인생을 담은 화폭 예술이 선사하는 여유</dt>
<dd>2021.9.26(일)까지</dd>
</dl>
</a>
</li>
<li>
<a href="#">
<img src="./images/event_05.jpg" alt="event_05 image">
<dl>
<dt>추억을 남기는 방법 여름 기록 아카데미</dt>
<dd>2021.7.9(금) - 2021.8.4(수)</dd>
</dl>
</a>
</li>
</ul>
</div> <!-- inner end -->
<div class="news inner clearfix">
<ul class="tab">
<li>
<h4>공지사항</h4>
<ul>
<li><a href="#">신세계백화점 쇼핑관련 안내1<span>2021.07.01</span></a></li>
<li><a href="#">신세계백화점 쇼핑관련 안내2<span>2021.07.02</span></a></li>
<li><a href="#">신세계백화점 쇼핑관련 안내3<span>2021.07.03</span></a></li>
<li><a href="#">신세계백화점 쇼핑관련 안내4<span>2021.07.04</span></a></li>
</ul>
</li>
<li>
<h4>쇼핑테마</h4>
<ul>
<li><a href="#">[헤지스 레이디스] S/S 패션 제안1<span>센텀시티점 3F</span></a></li>
<li><a href="#">[헤지스 레이디스] S/S 패션 제안2<span>센텀시티점 4F</span></a></li>
<li><a href="#">[헤지스 레이디스] S/S 패션 제안3<span>센텀시티점 5F</span></a></li>
<li><a href="#">[헤지스 레이디스] S/S 패션 제안4<span>센텀시티점 6F</span></a></li>
</ul>
</li>
</ul>
<div class="promotion">
<a href="#">7월 신세계 제휴카드<br>무이자 할부 혜택</a>
</div> <!-- promotion end -->
</div> <!-- news end -->
</section> <!-- shoppingEvent -->
<section id="art">
<h2>Art & Culture</h2>
<ul class="artList">
<li class="art1">
<div class="inner">
<h4>SHINSEGAE GALLERY</h4>
<h3>센텀시티점 갤러리<br>
웨이브 스플래시! Wave Splash!
</h3>
<p class="btnMore">
<a href="#">VIEW MORE</a>
</p>
<img src="./images/art_01.jpg" alt="art_01 image">
</div>
</li>
<li class="art2">
<div class="inner">
<h4>SHINSEGAE GALLERY</h4>
<h3>센텀시티점 갤러리<br>
봄의 산책
</h3>
<p class="btnMore">
<a href="#">VIEW MORE</a>
</p>
<img src="./images/art_02.jpg" alt="art_02 image">
</div>
</li>
</ul>
</section> <!-- art end -->
<section id="magazine" class="inner">
<h2>Magazine</h2>
<div class="allGrid clearfix">
<div class="grid">
<article class="mList">
<a href="#">
<img src="./images/magazine_01.jpg" alt="magazine_01 image">
<dl>
<dt>바다에서 즐기는 해양 레저 스포츠의 세계</dt>
<dd>지금 바다에서 경험할 수 있는 스포츠를 소개한다.</dd>
</dl>
</a>
</article>
<article class="mList">
<a href="#">
<img src="./images/magazine_02.jpg" alt="magazine_02 image">
<dl>
<dt>MEN’S SUMMER STYLING</dt>
<dd>도심 속 실내 바캉스를 계획 중인 남성을 위해 스타일링 팁을 제안한다.</dd>
</dl>
</a>
</article>
</div> <!-- grid end -->
<div class="grid">
<article class="mList">
<a href="#">
<img src="./images/magazine_03.jpg" alt="magazine_03 image">
<dl>
<dt>HOUSE of WOMAN</dt>
<dd>신세계백화점 강남점 1F. HOUSE of WOMAN.</dd>
</dl>
</a>
</article>
<article class="mList">
<a href="#">
<img src="./images/magazine_04.jpg" alt="magazine_04 image">
<dl>
<dt>Art & Science with Shinsegae 대전신세계 엑스포점</dt>
<dd>새로운 하루가 시작되는 대전신세계 엑스포점이 곧 오픈한다.</dd>
</dl>
</a>
</article>
</div> <!-- grid end -->
<div class="grid">
<article class="mList">
<a href="#">
<img src="./images/magazine_05.jpg" alt="magazine_05 image">
<dl>
<dt>Elevate Your HAIRSTYLE</dt>
<dd>서머 룩 스타일링에 활용도 높은 다채로운 헤어 액세서리.</dd>
</dl>
</a>
</article>
<article class="mList">
<a href="#">
<img src="./images/magazine_06.jpg" alt="magazine_06 image">
<dl>
<dt>Buyer’s Pick</dt>
<dd>무더위를 잊게 할 만큼 쿨하고 세련된 패션, 뷰티, 라이프스타일 아이템을 한자리에 모았다.</dd>
</dl>
</a>
</article>
</div> <!-- grid end -->
<div class="grid">
<article class="mList">
<a href="#">
<img src="./images/magazine_07.jpg" alt="magazine_07 image">
<dl>
<dt>여름철 남성 그루밍</dt>
<dd>본격적인 여름을 준비하는 똑똑한 남자들의 꼼꼼한 뷰티 솔루션.</dd>
</dl>
</a>
</article>
<article class="mList">
<a href="#">
<img src="./images/magazine_08.jpg" alt="magazine_08 image">
<dl>
<dt>REFINED STRUCTURE</dt>
<dd>정교하게 시간을 맞물리는 스켈레톤 워치 컬렉션.</dd>
</dl>
</a>
</article>
</div> <!-- grid end -->
</div> <!-- allGrid end -->
<p class="btnMore">
<a href="#">VIEW MORE</a>
</p>
</section> <!-- magazine end -->
</div> <!-- contents end -->
<footer id="footer">
<div class="inner">
<p class="footerLogo">
<img src="./images/footer_logo.png" alt="SHINSEGAE">
</p>
<ul class="footerLink">
<li><a href="#">회사소개</a></li>
<li><a href="#">개인정보처리방침</a></li>
<li><a href="#">이용약관</a></li>
<li><a href="#">사이트맵</a></li>
</ul>
<address>
서울특별시 중구 소공로 63(충무로 1가) 대표전화 : 1588-1234 대표이사 : 차정호
</address>
<p class="copy">
COPYRIGHT © 2019 SHINSEGAE. ALL RIGHTS RESERVED.
</p>
<form>
<select class="family">
<option>Family Site</option>
</select>
</form>
</div> <!-- inner end -->
</footer> <!-- footer end -->
<a href="#" id="gotop"><img src="./images/btn_gotop.png" alt="위로"></a>
</div> <!-- wrap end -->
</body>
</html>
Engineering is the closest thing to magic that exists in the world.