<div class="full-center">

  <img src="https://image.hago.kr/mall/editor/event/3357/pc/pc_01_2.jpg" border="0">

</div>

<div class="full-center">

  <img src="https://image.hago.kr/mall/editor/event/3357/pc/pc_08.gif" usemap="#Map2" border="0">

  <map name="Map2">

    <area shape="rect" coords="893,472,1114,564" href="javascript:mm.link('/goods/detail/462534');">

  </map>

</div>

<div class="full-center">

  <img src="https://image.hago.kr/mall/editor/event/3357/pc/pc_09.gif" usemap="#Map3" border="0">

  <map name="Map3">

    <area shape="rect" coords="561,188,859,279" href="https://www.instagram.com/yunnnie" target="_blank">

    <area shape="rect" coords="1342,428,1751,729" href="javascript:mm.link('/goods/detail/462534');">

    <area shape="rect" coords="1309,882,1785,1155" href="javascript:mm.link('/goods/detail/462489');">

    <area shape="rect" coords="558,1606,977,1689" href="https://www.instagram.com/kaengee1022" target="_blank">

    <area shape="rect" coords="307,1872,792,2111" href="javascript:mm.link('/goods/detail/462534');">

    <area shape="rect" coords="305,2236,768,2451" href="javascript:mm.link('/goods/detail/462486');">

  </map>

</div>

<div class="full-center">

  <img src="https://image.hago.kr/mall/editor/event/3357/pc/pc_10.jpg" border="0">

</div>

<!--rolling-->

<div class="hago-roller" data-roller="true" data-max-width="2000" data-items="1" data-roller-second="20">

    <div class="swiper-wrapper">

      <div class="swiper-slide"><img src="https://image.hago.kr/mall/editor/event/3357/pc/pc_11_1.jpg"></div>

      <div class="swiper-slide"><img src="https://image.hago.kr/mall/editor/event/3357/pc/pc_11_2.jpg"></div>

    </div>

    <div class="hago-roller-background"><img src="https://image.hago.kr/mall/editor/event/3357/pc/pc_11_cover.png"></div>

</div>

<!--rolling-->

<style>

.con_img_wrap img {position:relative;left:50%;transform:translateX(-50%)}

.full-center img {position:relative;left:50%;transform:translateX(-50%)}

.countwrap img {position:relative;left:50%;transform:translateX(-50%)}

.full-center_bar img {margin-top:50px; position:relative;left:50%;transform:translateX(-50%)}

.countwrap{position:relative;width:100%;max-width:1000px;margin:0 auto;padding:0 0 6% 0;}

ul.countsimple {position: relative; width: 100%; margin: 0 auto; padding: 15px 0 20px 0; border-width: 1px 0; overflow: hidden; font-weight: bold;}

ul.countsimple li {position:relative;margin: 0;padding: 0;display: block;width: 33.33%;text-align: center;float:left;}

ul.countsimple li .number{position:relative;font-family:'ProximaNova-Bold';color:#000;font-size:100px;}

ul.countsimple li .label{position:relative;font-family:'ProximaNova-Semibold';color: #000;text-transform: uppercase;font-size:26px; margin-top:1%:}

ul.countsimple li .number:after{position:absolute;top:50%;right:-5%;content:':';transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%); font-size:80px}

ul.countsimple li:last-child .number:after{content:""}

ul.countsimple li:last-child .number:after{display:none}

.countdown_title{margin-bottom:3%}

@media (max-width: 1902px){

  ul.countsimple li .number{font-size:7vw}

  ul.countsimple li .label{font-size:1.3542vw}

  ul.countsimple li .number:after{font-size:4.206vw}

}

@media (max-width: 800px){

  .countwrap{width:80.645%; max-width:800px;padding:10% 0;}

  ul.countsimple li .number{font-size:14.625vw}

  ul.countsimple li .label{font-size:3.3vw}

  .countdown_title{margin-bottom:10%}

  ul.countsimple li .label{margin-top:23%;}

}

</style>

<script type="text/javascript" src="https://image.hago.kr/mall/editor/event/441/pc/num_countdown2.js"></script>

<style>

  .full-center img {position:relative;left:50%;transform:translateX(-50%)}

</style>