/* BASIC css start */
@font-face {
    font-family: 'Aggravo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: 700;
}



#contents { padding: 0 35%; overflow-x: hidden; background: #02002a; }

  .bluered_winner { background: #02002a; padding-bottom: 15%; }
  .bluered_winner img { width: 100%; }
  

  .winner-wrap {
    position: relative;
    overflow: hidden;
  }

  .winner-bn {
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 4.5%;
    display: flex;
    gap: 3%;
    align-items: flex-end;
    z-index: 2;
  }

  .winner-bn img {
    width: 31.333%;
  }



  .howto-section { text-align: center;
    width: 100%;
    margin: 0 auto 10%;
    padding: 3% 6.8% 0;
    box-sizing: border-box;
  }

  .winner_event { font-family: 'Aggravo'; color: #000; background: #ffe036; padding: 2% 5% 1%; border-radius: 12px; font-size: 1.25vw; display: inline-block; margin: 3% auto; }
  .winner_tit { font-size: 2.5vw !important; margin-bottom: 7%; }
  .winner_guide { margin: 5% auto 10%; font-size: 1.25vw; line-height: 1.5em; color: #fff; font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif; word-break: keep-all; }
  .winner_guide > span { color: #000; background: #fd90f7; padding: 1% 4% 1%; border-radius: 12px; font-weight: 700; box-shadow: 0 4px 0 #ac4ca6; margin: 0 1% 0 2%; }
  
  .wht-back { text-align: left; margin-top: 10%;
    width: 100%;
    padding: 7%;
    border-radius: 20px;
    background: #fff;
    box-sizing: border-box;
  }
  .howto-box {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    width: 100%;
  }

  .wht-back + .wht-back {
    margin-top: 5%;
  }

  .howto-box + .howto-box {
    margin-top: 5%;
  }
  
  .howto-title {
    flex: 0 0 100px;
    color: #eb62e3; font-family: 'Aggravo';
    font-size: 1vw;
    line-height: 1.5em;
    letter-spacing: -1px;
    white-space: nowrap;
  }
  
  .howto-subtit { flex: 0 0 100px; text-align: center; display: inline-block; box-sizing: border-box;
    color: #fff; font-family: 'Aggravo'; background: #eb62e3; border-radius: 12px; padding: 2% 1% 1%;
    font-size: 1vw;
    line-height: 1.5em;
    letter-spacing: -1px;
    white-space: nowrap;
  }

  .howto-text { font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif;
    flex: 1;
    color: #000;
    font-size: 1vw;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: -1px;
    word-break: keep-all;
  }

  .howto-text > span { color: #666;
    font-size: 1vw;
    font-weight: 300;
    line-height: 1.25em;
    letter-spacing: -1px;
    word-break: keep-all;
  }

  .howto-text > a { margin: 4% auto; display: inline-block; }


/* BASIC css end */