@charset "UTF-8";
/*
    flex-item : 오뎅 / axis(direction) : 나무
    flex-direction : 축 (수직, 수평)
    flex-wrap : 줄 넘김 처리
    flex-flow = flex-direction + flex-wrap
    (수평) justify-content : 좌측, 우측, 중앙, 중간 공백추가 (space-between, space-around, space-evenly)
    (수직) align-item : stretch, flex-start, flex-end, center, baseline

    flex-basis : 기본크기
    flex-grow : 유연하게 늘리기
    flex-shink : 유연하게 줄이기

    아이템만 수직정렬 : align-self
    하나만 가져오기 : order
    */
.aw2020-salebanner {
  margin: 0;
  padding: 0;
  background-color: #1b1b1b; }
  .aw2020-salebanner .container {
    margin: 0 auto;
    padding: 0;
    height: 300px;
    max-width: 1600px;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center; }
    .aw2020-salebanner .container .row {
      margin: 0;
      padding: 0;
      display: flex;
      display: -ms-flexbox;
      flex-direction: row;
      padding: 0; }
      .aw2020-salebanner .container .row .col {
        margin: 0;
        padding: 0;
        font-family: 'Nanum Barun Gothic';
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 3px;
        text-align: center;
        display: flex;
        display: -ms-flexbox;
        flex-direction: column;
        padding: 0;
        align-items: center;
        justify-content: center;
        flex-grow: 1;
        flex-shrink: 1; }
        .aw2020-salebanner .container .row .col button {
          margin-bottom: 10px;
          display: inline-block;
          background-color: #fff;
          color: #1b1b1b;
          width: 300px;
          height: 44px;
          border: 0px;
          font-family: 'Nanum Barun Gothic';
          font-size: 14px;
          padding: 0px; }
        .aw2020-salebanner .container .row .col button:last-child {
          margin-bottom: 0px; }
        .aw2020-salebanner .container .row .col span {
          color: #fff;
          font-family: 'Nanum Barun Gothic';
          word-break: break-all; }
      .aw2020-salebanner .container .row .col:nth-child(2) {
        flex-grow: unset;
        width: 300px;
        -ms-flex: 0 1 auto; }

@media (max-width: 787px) {
  .aw2020-salebanner .container {
    height: 450px;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    padding: 0; }
    .aw2020-salebanner .container .row {
      display: flex;
      display: -ms-flexbox;
      flex-direction: column;
      padding: 0;
      flex-basis: 100%; }
      .aw2020-salebanner .container .row .col {
        width: 100%;
        display: flex;
        display: -ms-flexbox;
        flex-direction: column;
        padding: 0; }
        .aw2020-salebanner .container .row .col button {
          display: inline-block;
          background-color: #fff;
          color: #1b1b1b;
          width: 250px;
          height: 44px;
          border: 0px;
          font-family: 'Nanum Barun Gothic';
          font-size: 14px;
          padding: 0px; }
      .aw2020-salebanner .container .row .col:nth-child(2) {
        height: 152px;
        flex-basis: 152px;
        flex-grow: unset;
        width: 100% !important;
        -ms-flex: 0 1 auto; }
  .aw2020-salebanner.sub {
    height: 240px; }
    .aw2020-salebanner.sub .container {
      height: 240px; } }

@media (min-width: 768px) {
  .d-font-size-50 {
    font-size: 50px;
    line-height: 54px; }
  .d-font-size-49 {
    font-size: 49px;
    line-height: 53px; }
  .d-font-size-48 {
    font-size: 48px;
    line-height: 52px; }
  .d-font-size-47 {
    font-size: 47px;
    line-height: 51px; }
  .d-font-size-46 {
    font-size: 46px;
    line-height: 50px; }
  .d-font-size-45 {
    font-size: 45px;
    line-height: 49px; }
  .d-font-size-44 {
    font-size: 44px;
    line-height: 48px; }
  .d-font-size-43 {
    font-size: 43px;
    line-height: 47px; }
  .d-font-size-42 {
    font-size: 42px;
    line-height: 46px; }
  .d-font-size-41 {
    font-size: 41px;
    line-height: 45px; }
  .d-font-size-40 {
    font-size: 40px;
    line-height: 44px; }
  .d-font-size-39 {
    font-size: 39px;
    line-height: 43px; }
  .d-font-size-38 {
    font-size: 38px;
    line-height: 42px; }
  .d-font-size-37 {
    font-size: 37px;
    line-height: 41px; }
  .d-font-size-36 {
    font-size: 36px;
    line-height: 40px; }
  .d-font-size-35 {
    font-size: 35px;
    line-height: 39px; }
  .d-font-size-34 {
    font-size: 34px;
    line-height: 38px; }
  .d-font-size-33 {
    font-size: 33px;
    line-height: 37px; }
  .d-font-size-32 {
    font-size: 32px;
    line-height: 36px; }
  .d-font-size-31 {
    font-size: 31px;
    line-height: 35px; }
  .d-font-size-30 {
    font-size: 30px;
    line-height: 34px; }
  .d-font-size-29 {
    font-size: 29px;
    line-height: 33px; }
  .d-font-size-28 {
    font-size: 28px;
    line-height: 32px; }
  .d-font-size-27 {
    font-size: 27px;
    line-height: 31px; }
  .d-font-size-26 {
    font-size: 26px;
    line-height: 30px; }
  .d-font-size-25 {
    font-size: 25px;
    line-height: 29px; }
  .d-font-size-24 {
    font-size: 24px;
    line-height: 28px; }
  .d-font-size-23 {
    font-size: 23px;
    line-height: 27px; }
  .d-font-size-22 {
    font-size: 22px;
    line-height: 26px; }
  .d-font-size-21 {
    font-size: 21px;
    line-height: 25px; }
  .d-font-size-20 {
    font-size: 20px;
    line-height: 24px; } }

@media (max-width: 768px) {
  .m-font-size-50 {
    font-size: 50px;
    line-height: 54px; }
  .m-font-size-49 {
    font-size: 49px;
    line-height: 53px; }
  .m-font-size-48 {
    font-size: 48px;
    line-height: 52px; }
  .m-font-size-47 {
    font-size: 47px;
    line-height: 51px; }
  .m-font-size-46 {
    font-size: 46px;
    line-height: 50px; }
  .m-font-size-45 {
    font-size: 45px;
    line-height: 49px; }
  .m-font-size-44 {
    font-size: 44px;
    line-height: 48px; }
  .m-font-size-43 {
    font-size: 43px;
    line-height: 47px; }
  .m-font-size-42 {
    font-size: 42px;
    line-height: 46px; }
  .m-font-size-41 {
    font-size: 41px;
    line-height: 45px; }
  .m-font-size-40 {
    font-size: 40px;
    line-height: 44px; }
  .m-font-size-39 {
    font-size: 39px;
    line-height: 43px; }
  .m-font-size-38 {
    font-size: 38px;
    line-height: 42px; }
  .m-font-size-37 {
    font-size: 37px;
    line-height: 41px; }
  .m-font-size-36 {
    font-size: 36px;
    line-height: 40px; }
  .m-font-size-35 {
    font-size: 35px;
    line-height: 39px; }
  .m-font-size-34 {
    font-size: 34px;
    line-height: 38px; }
  .m-font-size-33 {
    font-size: 33px;
    line-height: 37px; }
  .m-font-size-32 {
    font-size: 32px;
    line-height: 36px; }
  .m-font-size-31 {
    font-size: 31px;
    line-height: 35px; }
  .m-font-size-30 {
    font-size: 30px;
    line-height: 34px; }
  .m-font-size-29 {
    font-size: 29px;
    line-height: 33px; }
  .m-font-size-28 {
    font-size: 28px;
    line-height: 32px; }
  .m-font-size-27 {
    font-size: 27px;
    line-height: 31px; }
  .m-font-size-26 {
    font-size: 26px;
    line-height: 30px; }
  .m-font-size-25 {
    font-size: 25px;
    line-height: 29px; }
  .m-font-size-24 {
    font-size: 24px;
    line-height: 28px; }
  .m-font-size-23 {
    font-size: 23px;
    line-height: 27px; }
  .m-font-size-22 {
    font-size: 22px;
    line-height: 26px; }
  .m-font-size-21 {
    font-size: 21px;
    line-height: 25px; }
  .m-font-size-20 {
    font-size: 20px;
    line-height: 24px; } }