<div class="commonEvent__wrapper">
  <div class="commonEvent__content">
    <style>
      /* 글로벌 이벤트 css */
      .commonEvent__wrapper {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
      }
      .commonEvent__content {
        width: 100%;
        display: inline-block;
        margin: 0 auto;
        position: relative;
      }
      .mWebOnlyEvent {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
      }
      .mWebOnlyEvent__link {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
        text-align: left;
        text-indent: -1000em;
      }
      .PCOnlyEvent {
        display: none;
        padding: 0 !important;
      }
      .PCOnlyEvent__container {
        display: flex;
        width: 100%;
        position: relative;
        overflow: hidden;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
      }
      .PCOnlyEvent__content {
        flex-shrink: 0;
        width: 1372px;
        margin: 0;
        padding: 0;
        position: relative;
      }
      .commonEvent__content__img {
        width: 100%;
        max-width: 1372px;
        height: auto;
        margin: 0 auto;
        vertical-align: top;
      }
      @media (min-width: 1201px) {
        .mWebOnlyEvent {
          display: none;
        }
        .PCOnlyEvent {
          display: block;
        }
      }
      /* IE polyfill */
      _:-ms-lang(x),
      .mWebOnlyEvent {
        display: none;
      }
      _:-ms-lang(x),
      .PCOnlyEvent {
        display: block;
      }
      _:-ms-lang(x),
      .PCOnlyEvent__content {
        left: 50%;
        transform: translateX(-50%);
      }

      /* 로컬 css */
      .event_200924_monthlycoupon_btn {
        display: block;
        width: 468px;
        height: 119px;
        overflow: hidden;
        text-indent: -1000em;
        position: absolute;
        background-color: #202121;
        transition: 0.3s;
      }
      .event_200924_monthlycoupon_btn > img {
        position: absolute;
        left: 0;
        top: 0;
      }
      .event_200924_monthlycoupon_btn:hover {
        box-shadow: inset 0 0 0 4.3em #df3e4d;
      }
      .event_200924_monthlycoupon_btn:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-position: center;
        transition: background 0.8s;
      }
      .event_200924_monthlycoupon_btn:hover:before {
        background: #f17682 radial-gradient(circle, transparent 1%, #f17682 1%)
          center/15000%;
      }
      .event_200924_monthlycoupon_btn:active:before {
        background: #f17682;
        background-size: 100%;
        transition: background 0s;
      }
    </style>
    
    <div role="main" class="PCOnlyEvent">
      <div class="PCOnlyEvent__container">
        <div class="PCOnlyEvent__content">
          <picture>
            <source
              media="(max-width: 1200px)"
              sizes="(max-width: 1200px) 100vw"
              srcset="
                https://img.dogpre.com/event/catpre/event_200819_monthlycoupon/dog_monthlycoupon_m.jpg 100w
              "
            />
            <img
              src="https://img.dogpre.com/event/dogpre/event_200924_monthlycoupon/dog_monthlycoupon_1005.jpg"
              alt=""
              class="commonEvent__content__img"
            />
          </picture>

          
          <a
            href="/"
            class="event_200924_monthlycoupon_btn goToMain"
            style="left: 198px; top: 2596px"
          >
            <img
              src="https://img.dogpre.com/event/dogpre/event_200924_monthlycoupon/txt_goToMain.png"
              alt="쇼핑하러 가기"
            />
          </a>
          <a
            href="/member/sign-up"
            class="event_200924_monthlycoupon_btn goToJoin"
            style="left: 704px; top: 2596px"
          >
            <img
              src="https://img.dogpre.com/event/dogpre/event_200924_monthlycoupon/txt_goToJoin.png"
              alt="회원가입 하러가기"
            />
          </a>
          
        </div>
      </div>
    </div>
    

    
    <div class="touchEffectArea mWebOnlyEvent">
      <picture>
        <source
          media="(max-width: 1200px)"
          sizes="(max-width: 1200px) 100vw"
          srcset="
            https://img.dogpre.com/event/dogpre/event_200819_monthlycoupon/dog_monthlycoupon_m.jpg 100w
          "
        />
        <img
          src="https://img.dogpre.com/event/dogpre/event_200924_monthlycoupon/dog_monthlycoupon_1005.jpg"
          alt=""
          class="commonEvent__content__img"
        />
      </picture>

      
      <div style="width: 62.4%; position: absolute; left: 18.8%; top: 93.81%">
        <div style="padding-top: 25.43%"></div>
        <a
          href="/"
          class="touch_effect"
          style="
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            overflow: hidden;
            text-align: left;
            text-indent: -1000em;
          "
        ></a>
      </div>
      
    </div>
    
  </div>
</div>

이달의 쿠폰

강아지대통령 회원을 위한 특별한 혜택