/* ROW COLIMN*/
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    grid-gap: 15px 0;
  }

  .column-20,
  .column-25,
  .column-30,
  .column-33,
  .column-50,
  .column-70,
  .column-75,
  .column-80,
  .column-100 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .column-20 {
    flex: 0 0 auto;
    width: 20%;
  }

  .column-25 {
    flex: 0 0 auto;
    width: 25%;
  }

  .column-30 {
    flex: 0 0 auto;
    width: 30%;
  }

  .column-33 {
    flex: 0 0 auto;
    width: 33.3333%;
  }

  .column-50 {
    flex: 0 0 auto;
    width: 50%;
  }

  .column-70 {
    flex: 0 0 auto;
    width: 70%;
  }

  .column-75 {
    flex: 0 0 auto;
    width: 75%;
  }

  .column-80 {
    flex: 0 0 auto;
    width: 80%;
  }

  .column-100 {
    flex: 0 0 auto;
    width: 100%;
  }

  /* END ROW COLIMN*/

  /* WIDTH PX */
  .w-100 {
    width: 100px !important
  }

  .w-200 {
    width: 200px !important
  }

  .w-300 {
    width: 300px !important
  }

  .w-400 {
    width: 400px !important
  }

  .w-500 {
    width: 500px !important
  }

  .w-600 {
    width: 600px !important
  }

  .w-700 {
    width: 700px !important
  }

  .w-800 {
    width: 800px !important
  }

  .w-900 {
    width: 900px !important
  }

  .w-1000 {
    width: 1000px !important
  }

  /* END WIDTH PX */

  /* GRID*/
  .go-container {
    display: grid;
    grid-template-columns: 1fr 1420px 1fr;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(242, 245, 246, 1) 100%);
    /* overflow: auto; */
  }

  .go-header {
    grid-column: 1 / 4;
    grid-row: 1 / 2;
    display: grid;
    height: 40px;
    grid-template-columns: 1fr 1280px 1fr;
  }

  .go-header .container {
    grid-column: 2 / 3;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .go-gnb {
    grid-column: 1 / 4;
    grid-row: 2 / 3;
    display: grid;
    grid-template-columns: 1fr 1280px 1fr;
  }

  .go-gnb .container {
    grid-column: 2/3;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .gnb-sub {
    grid-column: 1 / 4;
    grid-row: 3 / 4;
    display: grid;
    grid-template-columns: 1fr 1280px 1fr;
  }

  .gnb-sub .container {
    grid-column: 2/3;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .go-content-full {
    display: grid;
    grid-column: 2 / 3;
    align-items: flex-start;
    margin-top: 30px;
  }

  .go-contents-container {
    display: grid;
    grid-column: 2 / 3;
    align-items: flex-start;
    grid-template-columns: 1fr 900px;
    grid-gap: 20px;
    margin: 0.75rem 70px 0;
  }

  /* 프레임 좌우측 변경 */
  body.right-theme .go-contents-container {
    grid-template-columns: 900px 1fr;
  }

  body.right-theme .go-aside {
    order: 2;
  }

  body.right-theme .go-contents {
    order: 1;
  }

  /* End 프레임 좌우측 변경 */
  .go-contents {
    position: relative;
  }

  .go-contents,
  .go-aside {
    display: block;
  }

  .go-login,
  .go-mylog {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  .go-best-chat {
    margin-bottom: 0.75rem;
  }

  .go-recent-result {
    margin-bottom: 0.75rem;
  }

  .go-gametop {
    margin-bottom: 1.875rem;
  }

  .go-notice {
    margin-bottom: 1.875rem;
  }

  .go-community {
    display: grid;
    grid-template-columns: repeat(2, 440px);
    grid-gap: 20px;
    margin-bottom: 1.875rem;
  }

  .go-community-free {
    grid-column: 1 / 2;
  }

  .go-community-humor {
    grid-column: 2 / 3;
  }

  .go-footer {
    grid-column: 1 / 4;
    margin-top: 30px;
    position: relative;
  }

  .go-footer-container,
  .go-fnb > ul {
    margin: 0 auto;
    width: 1280px;
  }

  .customer-center {
    display: grid;
    grid-template-columns: repeat(3, 290px);
    grid-gap: 15px;
  }

  .go-latest {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    display: grid;
    grid-template-columns: repeat(2, 440px);
    grid-gap: 20px;
  }

  .go-latest-live {
    grid-column: 1 / 2;
    height: 186px;
  }

  .go-latest-board {
    grid-column: 2 / 3;
    height: 186px;
  }

  .go-banner-manage {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }


  .go-my-record {
    grid-column: 2 / 3;
    grid-row: 4 / 8;
  }


  .go-market {
    grid-column: 2 / 3;
    grid-row: 2 / 15;
  }

  .go-fm-board {
    grid-column: 2 / 3;
    grid-row: 4 / 8;
  }

  .gochat-frame {
    display: grid;
    grid-template-columns: auto 360px;
    height: 100%;
  }

  .gochat-frame-talk {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .go-chip-exchange {
    grid-column: 2 / 3;
    grid-row: 2 / 8;
  }

  .go-ranking {
    grid-column: 2 / 3;
    grid-row: 2 / 6;
  }

  .go-msg {
    margin: 0 auto;
  }

  .foot-grid {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    margin: 1.5rem 0;
  }