@charset "UTF-8";
:root {
  --black:#000;
  --white:#fff;
  --grey:#999;
  --black-basic:#222;
  --black-dark:#111;
  --black-light:#333;
  --point-basic:#F15A4A;
  --point-dark:#E82612;
  --point-bg:#FEEEEC;
  --grey-basic:#6b6b6b;
  --grey-light:#A0A0A0;
  --grey-dark:#4a4a4a;
  --grey-bg-dark:#e7e7e7;
  --grey-bg-light:#fafafa;
  --grey-bg-basic:#f4f4f4;
  --secondary-basic:#3DC37C;
  --secondary-dark:#1F9857;
  --tertiary-basic:#4A8DF1;
}

/* viewport size */
/* vw 변환 function */
.navgation {
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 5;
  width: 61.5384615385vw;
  height: 100%;
  -webkit-transition: left 0.2s linear;
  transition: left 0.2s linear;
}
.navgation .inner {
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 4;
  height: 100vh;
  padding-top: 5.1282051282vw;
  background: var(--black-light);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
}
.navgation .inner .navClose {
  display: block;
  width: 3.8461538462vw;
  height: 3.8461538462vw;
  margin: 0vw 7.6923076923vw 0vw auto;
  background: url(../images/icon/button_nav_close.png) no-repeat 0 0;
  background-size: contain;
}
.navgation .inner .userInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8.9743589744vw;
  padding: 0vw 7.6923076923vw;
}
.navgation .inner .userInfo strong {
  color: var(--white);
  font-size: 5.1282051282vw;
  font-weight: 700;
  line-height: 7.6923076923vw;
}
.navgation .inner .userInfo strong span {
  font-size: 3.5897435897vw;
  font-weight: 500;
  line-height: 4.4871794872vw;
}
.navgation .inner .userInfo .infoModify {
  display: block;
  margin-left: 3.8461538462vw;
  width: 9.7435897436vw;
  height: 9.7435897436vw;
  background: url(../images/icon/button_info_modify.png) no-repeat 0 0;
  background-size: contain;
}
.navgation .inner ul {
  padding: 0vw 7.6923076923vw;
}
.navgation .inner ul.menu {
  margin-top: 7.6923076923vw;
}
.navgation .inner ul.link {
  margin-top: 3.8461538462vw;
  padding: 2.5641025641vw 7.6923076923vw;
  background: var(--grey-dark);
}
.navgation .inner ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.5641025641vw 0vw;
  color: var(--white);
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 6.1538461538vw;
}
.navgation .inner ul li a::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
}
.navgation .inner ul li a.notice::before {
  width: 3.4615384615vw;
  height: 3.4615384615vw;
  margin-right: 3.3333333333vw;
  background: url(../images/icon/icon_nav_notice.png) no-repeat 0 0;
  background-size: contain;
}
.navgation .inner ul li a.rule::before {
  width: 3.4615384615vw;
  height: 3.4615384615vw;
  margin-right: 3.3333333333vw;
  background: url(../images/icon/icon_nav_rule.png) no-repeat 0 0;
  background-size: contain;
}
.navgation .inner ul li a.faq::before {
  width: 3.8461538462vw;
  height: 3.9743589744vw;
  margin-right: 3.3333333333vw;
  background: url(../images/icon/icon_nav_faq.png) no-repeat 0 0;
  background-size: 100% 100%;
}
.navgation .inner ul li a.qna::before {
  width: 3.3333333333vw;
  height: 2.9487179487vw;
  margin-right: 3.3333333333vw;
  background: url(../images/icon/icon_nav_qna.png) no-repeat 0 0;
  background-size: contain;
}
.navgation .inner ul li a.setting::before {
  width: 3.5897435897vw;
  height: 3.5897435897vw;
  margin-right: 3.3333333333vw;
  background: url(../images/icon/icon_nav_setting.png) no-repeat 0 0;
  background-size: contain;
}
.navgation .inner ul li a.myStorgeBox::before {
  width: 3.5897435897vw;
  height: 3.4615384615vw;
  margin-right: 3.3333333333vw;
  background: url(../images/icon/icon_nav_archive.png) no-repeat 0 0;
  background-size: contain;
}
.navgation .inner ul li a.detailsUse::before {
  width: 3.3333333333vw;
  height: 3.4615384615vw;
  margin-right: 3.3333333333vw;
  background: url(../images/icon/icon_nav_detail_use.png) no-repeat 0 0;
  background-size: contain;
}
.navgation .inner ul li a.sendTicket::before {
  width: 3.3333333333vw;
  height: 3.4615384615vw;
  margin-right: 3.3333333333vw;
  background: url(../images/icon/icon_nav_ticket.png) no-repeat 0 0;
  background-size: contain;
}
.navgation .inner ul li a.sendTicketList {
  letter-spacing: -1px;
}
.navgation .inner ul li a.sendTicketList::before {
  width: 3.7179487179vw;
  height: 3.8461538462vw;
  margin-right: 3.3333333333vw;
  background: url(../images/icon/icon_nav_send_list.png) no-repeat 0 0;
  background-size: contain;
}
.navgation .inner .naviBanner {
  margin-top: auto;
}
.navgation .inner .naviBanner .banner {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 25.3846153846vw;
  margin-top: 2.5641025641vw;
}
.navgation .inner .naviBanner .banner img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.navgation.open {
  left: 0;
}
.navgation.open .dimLayer {
  display: block;
  opacity: 1;
  -webkit-transition: display 0.2s, opacity 0.5s linear;
  transition: display 0.2s, opacity 0.5s linear;
}
.navgation .dimLayer {
  opacity: 0;
}

.chipsContents .chips {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 10.2564102564vw;
  height: 8.7179487179vw;
  padding: 0vw 3.8461538462vw;
  border-radius: 2.5641025641vw;
  background: var(--secondary-basic);
  color: var(--white);
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 6.1538461538vw;
}

.amount {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--point-dark);
  font-size: 4.6153846154vw;
  font-weight: 500;
  line-height: 6.9230769231vw;
}
.amount.down:after {
  display: block;
  width: 2.0512820513vw;
  height: 3.0769230769vw;
  margin-left: 1.7948717949vw;
  background: url(../images/common/icon_amount_down.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
.amount.up {
  color: var(--tertiary-basic);
}
.amount.up:after {
  display: block;
  width: 2.0512820513vw;
  height: 3.0769230769vw;
  margin-left: 1.7948717949vw;
  background: url(../images/common/icon_amount_up.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}

.button.fill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 12.8205128205vw;
  padding: 3.8461538462vw;
  border-radius: 1.2820512821vw;
  background: var(--point-basic);
  color: var(--white);
  font-size: 4.6153846154vw;
  font-weight: 500;
  line-height: 6.9230769231vw;
}
.button.fill.negative {
  background: var(--grey-basic);
}

.button.fill.greyBg {
  color: var(--black-basic);
  background: var(--grey-bg-basic);
}
.button.border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 12.8205128205vw;
  padding: 3.8461538462vw;
  border-radius: 1.2820512821vw;
  border: 1px solid var(--point-basic);
  background: var(--white);
  color: var(--black-basic);
  font-size: 4.6153846154vw;
  font-weight: 500;
  line-height: 6.9230769231vw;
}
.button.btnCallender {
  display: block;
  width: 5.3333333333vw;
  height: 5.5564102564vw;
  border-radius: 2.5641025641vw;
  background: var(--secondary-basic) url(../images/icon/icon_callender.png) no-repeat 0 0;
  background-size: contain;
}
.button.decrement {
  display: block;
  width: 5.1282051282vw;
  height: 5.1282051282vw;
  background: url(../images/common/button_minus_off.png) no-repeat 0 0;
  background-size: contain;
}
.button.decrement.active {
  background: url(../images/common/button_minus_on.png) no-repeat 0 0;
  background-size: contain;
}
.button.increment {
  display: block;
  width: 5.1282051282vw;
  height: 5.1282051282vw;
  background: url(../images/common/button_plus_off.png) no-repeat 0 0;
  background-size: contain;
}
.button.increment.active {
  background: url(../images/common/button_plus_on.png) no-repeat 0 0;
  background-size: contain;
}
.button.search {
  display: block;
  width: 5.5128205128vw;
  height: 5.5128205128vw;
  background: url(../images/common/button_search_off.png) no-repeat 0 0;
  background-size: contain;
}
.button.memo {
  display: block;
  width: 4.1025641026vw;
  height: 5.1282051282vw;
  background: url(../images/icon/button_memo.png) no-repeat 0 0;
  background-size: contain;
}
.button.info {
  display: block;
  width: 4.6153846154vw;
  height: 4.6153846154vw;
  background: url(../images/icon/button_information.png) no-repeat 0 0;
  background-size: contain;
}
.button.sort {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--grey-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.button.sort:after {
  display: block;
  width: 3.5897435897vw;
  height: 3.5897435897vw;
  margin-left: 1.7948717949vw;
  background: url(../images/common/icon_sort.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
.button.goLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--black-basic);
}
.button.goLink:after {
  display: block;
  width: 1.7948717949vw;
  height: 2.8205128205vw;
  margin-left: 3.8461538462vw;
  background: url(../images/common/icon_link.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
.button.disabled {
  pointer-events: none;
  background: var(--grey-light);
}
.button.during {
  background: var(--secondary-dark);
}

.btnWrap > label,
.btnWrap .label {
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.btnWrap > label .required,
.btnWrap .label .required {
  margin-left: 1.0256410256vw;
  color: var(--point-basic);
  font-size: 4.6153846154vw;
  font-weight: 700;
  line-height: 6.9230769231vw;
}
.btnWrap > label .required::before,
.btnWrap .label .required::before {
  content: "*";
}
.btnWrap.dozen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btnWrap.dozen .button {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin: 0vw 0vw 0vw 2.5641025641vw;
}
.btnWrap.dozen .button:first-child {
  margin-left: 0;
}
.btnWrap.dozen .button + .button {
  margin-top: 0;
}

.tabContents {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  border-top: 1px solid var(--grey-bg-dark);
  border-bottom: 1px solid var(--grey-bg-dark);
}
.tabContents ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 15.3846153846vw;
  background: var(--white);
}
.tabContents ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tabContents ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 100%;
  color: var(--grey-light);
  font-size: 4.6153846154vw;
  font-weight: 400;
  line-height: 6.9230769231vw;
}
.tabContents ul li a.active {
  color: var(--point-basic);
  font-weight: 500;
}
.tabContents ul li a.active:after {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: var(--point-basic);
  content: "";
}
.tabContents ul li a.bookmarkIcon:before {
  display: block;
  width: 5.641025641vw;
  height: 5.3846153846vw;
  background: url(../images/common/star_off.png) no-repeat 50% 50%;
  background-size: contain;
  content: "";
}
.tabContents ul li a.bookmarkIcon.active:before {
  background: url(../images/common/star_on.png) no-repeat 50% 50%;
  background-size: contain;
}
.tabContents .scroll_wrap {
  overflow: hidden;
  overflow-x: scroll;
  position: relative;
  z-index: 2;
  height: 15.3846153846vw;
  background: var(--white);
  white-space: nowrap;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.tabContents .scroll_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  white-space: nowrap;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.tabContents .scroll_wrap ul li {
  height: 100%;
  min-width: 15.3846153846vw;
}
.tabContents .scroll_wrap ul li a {
  padding: 0vw 3.9743589744vw;
}

.orderTabContents {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding-left: 2.5641025641vw;
}
.orderTabContents .scroll_wrap {
  overflow: hidden;
  overflow-x: scroll;
  position: relative;
  z-index: 2;
  height: 8.7179487179vw;
  background: var(--white);
  white-space: nowrap;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.orderTabContents .scroll_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  white-space: nowrap;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.orderTabContents .scroll_wrap ul li a {
  margin: 0vw 2.5641025641vw;
  color: var(--grey-light);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.orderTabContents .scroll_wrap ul li a.active {
  padding: 1.2820512821vw 5.1282051282vw;
  border-radius: 4.358974359vw;
  background: var(--secondary-basic);
  color: var(--white);
  font-weight: 500;
}

.formWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.formWrap .btnWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 10.2564102564vw;
}

.rowForm {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.rowForm .labelWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rowForm .labelWrap label + span {
  color: var(--black-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
.rowForm .labelWrap + .inputBind {
  margin-top: 2.5641025641vw;
}
.rowForm label,
.rowForm .label {
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.rowForm label .required,
.rowForm .label .required {
  margin-left: 1.0256410256vw;
  color: var(--point-basic);
  font-size: 4.6153846154vw;
  font-weight: 700;
  line-height: 6.9230769231vw;
}
.rowForm label .required::before,
.rowForm .label .required::before {
  content: "*";
}
.rowForm label .codeGuide,
.rowForm .label .codeGuide {
  font-size: 3.0769230769vw;
  line-height: 3.8461538462vw;
}
.rowForm label + .inputBind,
.rowForm .label + .inputBind {
  margin-top: 2.5641025641vw;
}
.rowForm label + .selectBox,
.rowForm .label + .selectBox {
  margin-top: 2.5641025641vw;
}
.rowForm.labelGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.rowForm.labelGroup label {
  margin-left: 2.0512820513vw;
}
.rowForm.labelGroup label:first-child {
  margin-left: 0;
}
.rowForm .complex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rowForm .complex .inputBind + .button {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 1.7948717949vw;
}
.rowForm .complex .datepickerWrap {
  margin-left: 1.7948717949vw;
}
.rowForm .dateGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rowForm .dateGroup .inputBind:after {
  display: block;
  width: 4.1025641026vw;
  height: 4.358974359vw;
  margin-left: 1.0256410256vw;
  background: url(../images/icon/icon_callender.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
.rowForm .dateGroup span {
  margin: 0vw 1.1538461538vw;
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.rowForm.inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rowForm.inline label {
  margin-right: 2.5641025641vw;
}
.rowForm.inline .inputBind {
  margin-top: 0;
}

.inputBind {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 12.8205128205vw;
  border: 1px solid var(--grey-bg-dark);
  padding: 0vw 5.1282051282vw;
  border-radius: 1.2820512821vw;
  background: var(--white);
}
.inputBind input[type=text],
.inputBind input[type=password],
.inputBind input[type=number] {
  width: 100%;
  height: 100%;
  outline: none;
  background: transparent;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.inputBind.textarea {
  height: auto;
  padding: 3.0769230769vw 5.1282051282vw;
}
.inputBind.textarea textarea {
  width: 100%;
  height: 100%;
  outline: none;
  background: transparent;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.inputBind .suffix {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.inputBind.inputNumber {
  padding: 0vw 2.5641025641vw;
}
.inputBind.inputNumber input[type=number] {
  padding: 0vw 2.5641025641vw;
  text-align: center;
}
.inputBind.inputNumber .decrement {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.inputBind.inputNumber .increment {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.inputBind.inputNumber .suffix + .increment {
  margin-left: 2.0512820513vw;
}
.inputBind.searchBind {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  height: 7.6923076923vw;
  padding: 0;
  border: 0;
  border-radius: 0;
}

.checkBox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--white);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.checkBox input {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 2.5641025641vw;
}
.checkBox input[type=checkbox] {
  opacity: 1;
  position: relative;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background: url(../images/icon/check_off_02.png) no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
  outline: 0;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.checkBox input[type=checkbox]:checked {
  background: url(../images/icon/check_on.png) no-repeat 0 0;
  background-size: 100%;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.bookmark input[type=checkbox] {
  opacity: 1;
  position: relative;
  width: 5.641025641vw;
  height: 5.3846153846vw;
  background: url(../images/common/star_off.png) no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
  outline: 0;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.bookmark input[type=checkbox]:checked {
  background: url(../images/common/star_on.png) no-repeat 0 0;
  background-size: 100%;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.toggleSwitch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.toggleSwitch [type=checkbox] {
  position: relative;
  width: 8.2051282051vw;
  height: 3.0769230769vw;
  border-radius: 4.1025641026vw;
  background: var(--grey-light);
}
.toggleSwitch [type=checkbox]::before {
  position: absolute;
  left: -1.2820512821vw;
  top: 50%;
  width: 5.1282051282vw;
  height: 5.1282051282vw;
  border-radius: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: var(--white);
  -webkit-box-shadow: 0vw 0.5128205128vw 2.0512820513vw 0vw rgba(0, 0, 0, 0.16);
          box-shadow: 0vw 0.5128205128vw 2.0512820513vw 0vw rgba(0, 0, 0, 0.16);
  -webkit-transition: left 0.2s linear;
  transition: left 0.2s linear;
  content: "";
}
.toggleSwitch [type=checkbox]:checked {
  background: var(--point-basic);
}
.toggleSwitch [type=checkbox]:checked::before {
  left: 4.6153846154vw;
}
.toggleSwitch [type=checkbox]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--white);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.radio input {
  margin-right: 2.5641025641vw;
}
.radio input[type=radio] {
  opacity: 1;
  position: relative;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background: url(../images/common/radio_off.png) no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
  outline: 0;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.radio input[type=radio]:checked {
  background: url(../images/common/radio_on.png) no-repeat 0 0;
  background-size: 100%;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.boxRadio span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 14.1025641026vw;
  padding: 3.8461538462vw;
  border: 1px solid var(--grey-bg-dark);
  border-radius: 1.2820512821vw;
  background: var(--white);
  color: var(--grey-light);
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 6.1538461538vw;
}
.boxRadio input[type=radio] {
  position: absolute;
}
.boxRadio input[type=radio]:checked + span {
  border-color: var(--point-basic);
  color: var(--point-basic);
}
.boxRadio.large span {
  height: 25.641025641vw;
  padding: 5.1282051282vw;
  color: var(--black-dark);
  font-size: 5.1282051282vw;
  font-weight: 500;
  line-height: 7.6923076923vw;
  text-align: center;
}
.boxRadio.large.google span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 28.2051282051vw;
}
.boxRadio.large.google span:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 7.8205128205vw;
  height: 7.6923076923vw;
  margin-bottom: 2.5641025641vw;
  background: url(../images/icon/icon_google.png) no-repeat 50% 50%;
  background-size: contain;
  content: "";
}
.boxRadio.large.facebook span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 28.2051282051vw;
}
.boxRadio.large.facebook span:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 7.8205128205vw;
  height: 7.6923076923vw;
  margin-bottom: 2.5641025641vw;
  background: url(../images/icon/icon_facebook.png) no-repeat 50% 50%;
  background-size: contain;
  content: "";
}

.sectionTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sectionTitle strong {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  color: var(--black-basic);
  font-size: 5.1282051282vw;
  font-weight: 700;
  line-height: 7.6923076923vw;
  text-align: center;
}
.sectionTitle .sunText {
  margin-top: 1.2820512821vw;
  color: var(--grey-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
  text-align: center;
}

.textBox {
  padding: 3.3333333333vw 5.1282051282vw;
}
.textBox.seedRemainder {
  background: var(--point-bg);
}
.textBox.seedRemainder p {
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
  text-align: center;
}
.textBox.holdCondition {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 0;
}
.textBox.holdCondition .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5.1282051282vw;
  background: var(--point-bg);
}
.textBox.holdCondition strong {
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.textBox.holdCondition strong.myFreeTicket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.textBox.holdCondition strong.myFreeTicket::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 6.1538461538vw;
  height: 7.6923076923vw;
  margin-right: 2.5641025641vw;
  background: url(../images/icon/icon_card.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
.textBox.holdCondition strong.myEatOut {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.textBox.holdCondition strong.myEatOut::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 7.6923076923vw;
  height: 4.358974359vw;
  margin-right: 2.5641025641vw;
  background: url(../images/icon/icon_voucher.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
.textBox.holdCondition strong.myKSeed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.textBox.holdCondition strong.myKSeed::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 6.1538461538vw;
  height: 5.3846153846vw;
  margin-right: 2.5641025641vw;
  background: url(../images/icon/icon_coin.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
.textBox.holdCondition strong.holdCount {
  color: var(--point-basic);
  font-size: 4.6153846154vw;
  font-weight: 700;
  line-height: 6.9230769231vw;
}
.textBox.holdCondition strong.holdCount span {
  margin-left: 1.7948717949vw;
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.textBox.holdCondition p {
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
  text-align: center;
}
.textBox.ticketParticipateContents {
  padding: 3.8461538462vw 5.1282051282vw;
  background: var(--grey-bg-basic);
}
.textBox.ticketParticipateContents .gameInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.textBox.ticketParticipateContents .gameInfo .gameGroup {
  color: var(--black-basic);
  font-size: 4.6153846154vw;
  font-weight: 500;
  line-height: 6.9230769231vw;
}
.textBox.ticketParticipateContents .gameInfo .gameName {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.textBox.ticketParticipateContents .gameInfo .tickets {
  margin-left: auto;
  color: var(--secondary-basic);
  font-size: 4.6153846154vw;
  font-weight: 500;
  line-height: 6.9230769231vw;
}

.datepickerWrap {
  position: relative;
}
.datepickerWrap .datepickerButton {
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
}
.datepickerWrap .ui-datepicker-trigger {
  display: block;
  width: 12.3076923077vw;
  height: 12.8205128205vw;
  border-radius: 2.5641025641vw;
  background: var(--secondary-basic) url(../images/icon/icon_callender_white.png) no-repeat 50% 50%;
  background-size: 5.3333333333vw 5.5564102564vw;
  font-size: 0;
}

.ui-widget {
  color: var(--black-basic);
  font-family: "Pretendard", "맑은 고딕", Dotum, "돋움", Gulim, "굴림", Tahoma, Arial;
  font-size: 3.0769230769vw;
}

#ui-datepicker-div {
  z-index: 3 !important;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 17.9487179487vw);
  border: 0;
}
#ui-datepicker-div.ui-datepicker {
  padding: 5.1282051282vw 3.0769230769vw;
  border-radius: 2.5641025641vw;
}
#ui-datepicker-div.ui-datepicker .ui-widget-header {
  padding: 5.1282051282vw 6.5820512821vw 5.1282051282vw 6.5820512821vw;
  border: 0;
  background: var(--white);
}
#ui-datepicker-div.ui-datepicker .ui-widget-header .ui-datepicker-prev,
#ui-datepicker-div.ui-datepicker .ui-widget-header .ui-datepicker-next {
  top: 5.641025641vw;
  width: 6.0948717949vw;
  height: 6.0948717949vw;
}
#ui-datepicker-div.ui-datepicker .ui-widget-header .ui-icon {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  background: url(../images/common/button_datepicker_next.png) no-repeat 0 0;
  background-size: cover;
}
#ui-datepicker-div.ui-datepicker .ui-widget-header .ui-datepicker-prev {
  left: 2.5641025641vw;
}
#ui-datepicker-div.ui-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#ui-datepicker-div.ui-datepicker .ui-widget-header .ui-datepicker-next {
  right: 2.5641025641vw;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title {
  color: var(--black-basic);
  font-size: 5.1282051282vw;
  font-weight: 700;
  line-height: 7.6923076923vw;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th {
  padding: 0vw 1.0256410256vw;
  color: var(--grey-basic);
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 6.1538461538vw;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td {
  padding: 0.2564102564vw 1.2820512821vw;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td a {
  padding: 1.2820512821vw;
  border: 0;
  background: var(--white);
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
  text-align: center;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td .ui-state-active,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td .ui-widget-content .ui-state-active,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td .ui-widget-header .ui-state-active,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td a.ui-button:active,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td .ui-button:active,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td .ui-button.ui-state-active:hover {
  color: var(--white);
  border-radius: 50%;
  background: var(--point-basic);
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td .ui-state-highlight {
  color: var(--white);
  border-radius: 50%;
  background: var(--grey-basic);
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td .ui-state-hover {
  color: var(--white);
  border-radius: 50%;
  background: var(--grey-basic);
}

.selectBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.selectBox .ui-selectmenu-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 12.8205128205vw;
  padding: 3.8461538462vw;
  border-radius: 0vw;
  border: 1px solid var(--point-basic);
  background: var(--white);
}
.selectBox .ui-selectmenu-button .ui-selectmenu-text {
  width: 85%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.selectBox .ui-selectmenu-button .ui-selectmenu-icon {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: auto;
  width: 3.5897435897vw;
  height: 2.3076923077vw;
  background: url(../images/common/arrow_down.png) no-repeat 0 0;
  background-size: contain;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.selectBox .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ui-selectmenu-menu.ui-selectmenu-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui-selectmenu-menu .ui-widget-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 65.2vw;
  border: 1px solid var(--grey-bg-dark);
  border-top: 0;
  border-radius: 0;
}
.ui-selectmenu-menu .ui-widget-content .ui-menu-item {
  width: 100%;
}
.ui-selectmenu-menu .ui-widget-content .ui-menu-item .ui-menu-item-wrapper {
  height: 12.0512820513vw;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  padding: 2.5641025641vw 5.1282051282vw;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 7.6923076923vw;
}
.ui-selectmenu-menu .ui-widget-content .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  border: 0;
  background: var(--grey-light);
  color: var(--white);
}
.ui-selectmenu-menu.positionRight .ui-widget-content {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: auto !important;
}

.dimLayer {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 16, 16, 0.85);
  -webkit-transition: display 0s linear;
  transition: display 0s linear;
}

.layerPopup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 16, 16, 0.85);
}
.layerPopup.popup-1 {
  z-index: 10;
}
.layerPopup.popup-2 {
  z-index: 20;
}
.layerPopup.popup-3 {
  z-index: 30;
}
.layerPopup.popup-4 {
  z-index: 40;
}
.layerPopup.popup-5 {
  z-index: 50;
}
.layerPopup.popup-6 {
  z-index: 60;
}
.layerPopup.popup-7 {
  z-index: 70;
}
.layerPopup.popup-8 {
  z-index: 80;
}
.layerPopup.popup-9 {
  z-index: 90;
}
.layerPopup.popup-10 {
  z-index: 100;
}
.layerPopup.isOpen {
  display: block;
}
.layerPopup .popupContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 17.9487179487vw);
  border-radius: 2.5641025641vw;
  background: rgb(250, 250, 250);
}
.layerPopup .popupContainer .closePop {
  display: block;
  width: 3.8461538462vw;
  height: 3.8461538462vw;
  margin: 5.3846153846vw 5.1282051282vw 0vw auto;
  background: url(../images/common/button_close.png) no-repeat 0 0;
  background-size: cover;
}
.layerPopup .popupContainer .closePop + .popupContents {
  margin-top: 6.1538461538vw;
}
.layerPopup .popupContainer .popupContents {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 10.2564102564vw;
  padding: 0vw 7.6923076923vw 10.2564102564vw 7.6923076923vw;
}
.layerPopup .popupContainer .popupContents .alertText p {
  color: var(--black-basic);
  font-size: 4.6153846154vw;
  font-weight: 500;
  line-height: 6.9230769231vw;
  text-align: center;
}
.layerPopup .popupContainer .popupContents .alertText + .btnWrap {
  margin-top: 7.6923076923vw;
}
.layerPopup .popupContainer .popupContents .textBox + .rowForm {
  margin-top: 7.6923076923vw;
}
.layerPopup .popupContainer .popupContents .textBox + .btnWrap {
  margin-top: 7.6923076923vw;
}
.layerPopup .popupContainer .popupContents .textBox + .alertText {
  margin-top: 7.6923076923vw;
}
.layerPopup .popupContainer .popupContents .rowForm + .rowForm {
  margin-top: 7.6923076923vw;
}
.layerPopup .popupContainer .popupContents .rowForm + .btnWrap {
  margin-top: 7.6923076923vw;
}
.layerPopup .popupContainer .popupContents .rowForm + .button {
  margin-top: 7.6923076923vw;
}
.layerPopup .popupContainer .popupContents .dozen .button {
  margin-top: 0;
}
.layerPopup .popupContainer .popupContents .dozen .button + .button {
  margin-top: 0;
}
.layerPopup .popupContainer .popupContents .button + .button {
  margin-top: 5.1282051282vw;
}

.tableWrap {
  position: relative;
  width: 100%;
}
.tableWrap table {
  width: 100%;
  border-spacing: 0;
  border: 0;
}
.tableWrap table th,
.tableWrap table td {
  background-clip: padding-box;
  scroll-snap-align: start;
}
.tableWrap table th:first-child,
.tableWrap table td:first-child {
  padding: 0vw 5.1282051282vw;
  text-align: left;
}
.tableWrap table th:last-child,
.tableWrap table td:last-child {
  padding: 0vw 5.1282051282vw;
  text-align: right;
}
.tableWrap table thead tr th {
  height: 13.8461538462vw;
  background: var(--grey-bg-basic);
  color: var(--grey-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.tableWrap table thead tr th.sortButton {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  white-space: nowrap;
}
.tableWrap table thead tr th.sortButton .button {
  position: relative;
  padding: 0vw 3.3333333333vw;
  color: var(--grey-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.tableWrap table thead tr th.sortButton .button::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  left: 0;
  top: 1.2820512821vw;
  width: 1px;
  height: 3.3333333333vw;
  background: var(--grey-light);
  content: "";
}
.tableWrap table thead tr th.sortButton .button:first-child::before {
  display: none;
  content: none;
}
.tableWrap table thead tr th .selectBox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 100%;
}
.tableWrap table thead tr th .selectBox .ui-selectmenu-button {
  height: auto;
  padding: 0vw 1.2820512821vw;
  border: 0;
  background: transparent;
}
.tableWrap table thead tr th .selectBox .ui-selectmenu-button .ui-selectmenu-text {
  width: 85%;
  margin-right: 0.5128205128vw;
  color: var(--grey-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.tableWrap table thead tr th .selectBox .ui-selectmenu-button .ui-selectmenu-icon {
  width: 2.8205128205vw;
  height: 1.7948717949vw;
  background: url(../images/common/arrow_down_02.png) no-repeat 0 0;
  background-size: contain;
}
.tableWrap table tbody tr td {
  height: 17.1794871795vw;
  border-bottom: 1px solid var(--grey-bg-basic);
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.tableWrap table tbody tr .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5.1282051282vw 0vw;
}
.tableWrap table tbody tr .detail .detailText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tableWrap table tbody tr .detail .detailText .officeName {
  color: var(--black-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
.tableWrap table tbody tr .detail .detailText .status {
  margin-top: 0.7692307692vw;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.tableWrap table tbody tr .detail .detailText .date {
  margin-top: 0.7692307692vw;
  color: var(--grey-basic);
  font-size: 3.0769230769vw;
  font-weight: 400;
  line-height: 3.8461538462vw;
}
.tableWrap table tbody tr .detail .memo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 9.2307692308vw;
  height: 9.358974359vw;
  margin-left: 2.5641025641vw;
  background: url(../images/common/bitton_memo_02.png) no-repeat 0 0;
  background-size: contain;
}

html,
body {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.wraper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  min-height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F8F8F8));
  background: linear-gradient(180deg, #FFFFFF 0%, #F8F8F8 100%);
}
.wraper:has(footer) {
  padding-bottom: 38.4615384615vw;
}
.wraper header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  position: sticky;
  top: 0;
  z-index: 3;
  padding: 3.8461538462vw 5.1282051282vw;
  background: var(--white);
}
.wraper header .logo {
  width: 26.6666666667vw;
  height: 6.6666666667vw;
  background: url(../images/logo/logo_header.png) no-repeat 0 0;
  background-size: cover;
}
.wraper header .title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  height: 7.6923076923vw;
  color: var(--black-basic);
  font-size: 5.1282051282vw;
  font-weight: 700;
  line-height: 7.6923076923vw;
  text-align: center;
}
.wraper header .backward {
  position: absolute;
  left: 8.2051282051vw;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 6.1538461538vw;
  height: 6.1538461538vw;
  background: url(../images/common/button_back.png) no-repeat 0 0;
  background-size: cover;
}
.wraper header .search {
  position: absolute;
  right: 8.2051282051vw;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.wraper header .storeInfoIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 5.1282051282vw;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.wraper header .storeInfoIcon a {
  margin: 0vw 2.5641025641vw;
}
.wraper main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.wraper section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.wraper section .sectionTitle {
  margin-top: 7.6923076923vw;
}
.wraper section > .btnWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wraper section.storePlace {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.wraper footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  position: fixed;
  bottom: 0;
  z-index: 1;
  width: 100%;
}
.wraper footer .home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  left: 50%;
  bottom: -7.6923076923vw;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 15.3846153846vw;
  height: 15.3846153846vw;
  border-radius: 50%;
  -webkit-box-shadow: 0vw 0.7692307692vw 1.5384615385vw rgba(0, 0, 0, 0.1);
          box-shadow: 0vw 0.7692307692vw 1.5384615385vw rgba(0, 0, 0, 0.1);
  background: var(--point-basic);
}
.wraper footer .home:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5.1282051282vw;
  height: 5.1282051282vw;
  background: url(../images/icon/icon_bottom_btn_home.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
.wraper footer .bottomMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 23.5897435897vw;
  background: url(../images/icon/bg_bottom_menu.png) no-repeat 0 0;
  background-size: cover;
}
.wraper footer .bottomMenu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.wraper footer .bottomMenu li .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--grey-light);
  font-size: 3.0769230769vw;
  font-weight: 500;
  line-height: 3.8461538462vw;
}
.wraper footer .bottomMenu li .menuAll:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5.3846153846vw;
  height: 4.1025641026vw;
  margin-bottom: 1.5384615385vw;
  background: url(../images/icon/icon_bottom_btn_all.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
.wraper footer .bottomMenu li .store:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5.3846153846vw;
  height: 5.1282051282vw;
  margin-bottom: 1.0256410256vw;
  background: url(../images/icon/icon_bottom_btn_store.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}

.intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0;
  background: radial-gradient(50% 50% at 50% 50%, rgba(34, 34, 34, 0.9) 0%, #222 100%);
}
.intro main {
  padding: 2.5641025641vw 10.2564102564vw;
}
.intro .logo {
  width: 47.1794871795vw;
  height: 46.6871794872vw;
  background: url(../images/logo/logo_white.png) no-repeat 0 0;
  background-size: cover;
}
.intro .text {
  margin-top: 5.1282051282vw;
}
.intro .text p {
  color: var(--grey-bg-basic);
  font-size: 4.6153846154vw;
  font-weight: 400;
  line-height: 6.9230769231vw;
}

.home .topNotice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  height: 8.9743589744vw;
  padding: 0vw 5.1282051282vw;
  background: var(--grey-bg-basic);
}
.home .topNotice a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home .topNotice a span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 88%;
          flex: 0 0 88%;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  color: var(--grey-basic);
  font-size: 3.0769230769vw;
  font-weight: 400;
  line-height: 3.8461538462vw;
}
.home .topNotice a::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 3.5897435897vw;
  height: 3.5897435897vw;
  margin-right: 2.5641025641vw;
  background: url(../images/icon/icon_notice.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
.home .topNotice a::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.2820512821vw;
  height: 2.3076923077vw;
  margin-left: auto;
  background: url(../images/icon/icon_arrow_right.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
.home .customerInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 5.1282051282vw;
}
.home .customerInfo .colBind {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.home .customerInfo .customerName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 43%;
          flex: 0 0 43%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 4.358974359vw 3.8461538462vw 0vw 3.8461538462vw;
  border-radius: 3.8461538462vw 3.8461538462vw 0vw 0vw;
  background: var(--black-basic);
}
.home .customerInfo .customerName strong {
  margin-bottom: 1.2820512821vw;
  color: var(--white);
  font-size: 5.1282051282vw;
  font-weight: 700;
  line-height: 7.6923076923vw;
}
.home .customerInfo .customerName strong span {
  font-size: 3.5897435897vw;
  line-height: 4.4871794872vw;
}
.home .customerInfo .customerName .button {
  margin-top: auto;
  color: var(--grey-light);
  font-size: 3.0769230769vw;
  font-weight: 500;
  line-height: 3.8461538462vw;
  text-decoration: underline;
}
.home .customerInfo .qrItem {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 57%;
          flex: 0 0 57%;
  position: relative;
}
.home .customerInfo .qrItem .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0vw 2.5641025641vw 2.5641025641vw 2.5641025641vw;
  border-radius: 0vw 0vw 0vw 3.2051282051vw;
  background: var(--white);
}
.home .customerInfo .qrItem:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60%;
  height: 5.1282051282vw;
  background: var(--black-basic);
  content: "";
}
.home .customerInfo .qrItem .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 23.0769230769vw;
  min-height: 15.3846153846vw;
  padding: 2.5641025641vw;
  border-radius: 3.8461538462vw;
  color: var(--white);
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 6.1538461538vw;
}
.home .customerInfo .qrItem .button::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
}
.home .customerInfo .qrItem .button.scan {
  background: var(--point-basic);
}
.home .customerInfo .qrItem .button.scan:before {
  width: 4.6153846154vw;
  height: 3.0769230769vw;
  background: url(../images/icon/icon_qr_scan.png) no-repeat 0 0;
  background-size: cover;
}
.home .customerInfo .qrItem .button.create {
  margin-left: 2.5641025641vw;
  background: var(--secondary-basic);
}
.home .customerInfo .qrItem .button.create:before {
  width: 3.5897435897vw;
  height: 3.5897435897vw;
  background: url(../images/icon/icon_qr.png) no-repeat 0 0;
  background-size: cover;
}
.home .holdCondition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 5.1282051282vw 3.8461538462vw;
  border-radius: 0vw 3.8461538462vw 3.8461538462vw 3.8461538462vw;
  background: var(--black-basic);
}
.home .holdCondition .col1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 1.2820512821vw);
          flex: 0 0 calc(50% - 1.2820512821vw);
}
.home .holdCondition .col1 .item {
  min-height: 30.7692307692vw;
}
.home .holdCondition .col1 .item:first-child {
  min-height: 46.1538461538vw;
}
.home .holdCondition .col2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 1.2820512821vw);
          flex: 0 0 calc(50% - 1.2820512821vw);
  margin-left: 2.5641025641vw;
}
.home .holdCondition .col2 .item {
  min-height: 46.1538461538vw;
}
.home .holdCondition .col2 .item:first-child {
  min-height: 30.7692307692vw;
}
.home .holdCondition .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 2.5641025641vw;
  padding: 3.8461538462vw 5.1282051282vw;
  border-radius: 1.7948717949vw;
  background: var(--black-light);
}
.home .holdCondition .item:first-child {
  margin-top: 0;
}
.home .holdCondition .item .itemName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--white);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 6.1538461538vw;
}
.home .holdCondition .item .itemName:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
}
.home .holdCondition .item .itemName.eatOut:after {
  width: 7.6923076923vw;
  height: 4.358974359vw;
  background: url(../images/icon/icon_voucher.png) no-repeat 0 0;
  background-size: cover;
}
.home .holdCondition .item .itemName.kSeed:after {
  width: 6.1538461538vw;
  height: 5.3846153846vw;
  background: url(../images/icon/icon_coin.png) no-repeat 0 0;
  background-size: cover;
}
.home .holdCondition .item .itemName.seedTicket:after {
  width: 4.6153846154vw;
  height: 5.641025641vw;
  background: url(../images/icon/icon_medal.png) no-repeat 0 0;
  background-size: cover;
}
.home .holdCondition .item .itemName.freeTicket:after {
  width: 6.1538461538vw;
  height: 7.6923076923vw;
  background: url(../images/icon/icon_card.png) no-repeat 0 0;
  background-size: cover;
}
.home .holdCondition .item .haveCount {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: auto;
  text-align: right;
}
.home .holdCondition .item .haveCount strong {
  color: var(--white);
  font-size: 7.6923076923vw;
  font-weight: 700;
  line-height: 9.6153846154vw;
}
.home .holdCondition .item .haveCount strong span {
  font-size: 4.6153846154vw;
  font-weight: 400;
  line-height: 6.9230769231vw;
}
.home .bannerList {
  width: 100%;
  height: 25.3846153846vw;
  padding: 0vw 5.1282051282vw;
}
.home .bannerList img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0;
  background: radial-gradient(50% 50% at 50% 50%, rgba(34, 34, 34, 0.9) 0%, #222 100%);
}
.login main {
  padding: 2.5641025641vw 10.2564102564vw;
}
.login .logo {
  width: 33.7179487179vw;
  height: 33.0769230769vw;
  background: url(../images/logo/logo_white.png) no-repeat 0 0;
  background-size: cover;
}
.login .loginForm {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 20.5128205128vw;
}
.login .loginForm form .rowForm:first-child {
  margin-top: 0;
}
.login .loginForm .rowForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3.8461538462vw;
}
.login .loginForm .rowForm .inputBind {
  height: 14.1025641026vw;
}
.login .loginForm .rowForm.eMail .inputBind:before {
  display: block;
  width: 3.5897435897vw;
  height: 2.5641025641vw;
  margin-right: 2.5641025641vw;
  background: url(../images/icon/icon_email_input.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
.login .loginForm .rowForm.password .inputBind:before {
  display: block;
  width: 3.0769230769vw;
  height: 3.3333333333vw;
  margin-right: 2.8205128205vw;
  background: url(../images/icon/icon_password_input.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
.login .loginForm .btnLogin {
  margin-top: 5.1282051282vw;
  height: 15.3846153846vw;
}
.login .loginForm .autoSave {
  margin-top: 5.1282051282vw;
}
.login .loginForm .autoSave input[type=checkbox] {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background: url(../images/icon/check_off.png) no-repeat 0 0;
  background-size: contain;
}
.login .loginForm .autoSave input[type=checkbox]:checked {
  background: url(../images/icon/check_on.png) no-repeat 0 0;
  background-size: contain;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.login .loginForm .loginUtil {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 12.8205128205vw;
}
.login .loginForm .loginUtil a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 0vw 3.3974358974vw;
  color: var(--white);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.login .loginForm .loginUtil a:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  left: 0;
  top: 1.2820512821vw;
  width: 1px;
  height: 3.8461538462vw;
  background: var(--grey-basic);
  content: "";
}
.login .loginForm .loginUtil a:first-child:before {
  display: none;
  content: none;
}
.login .loginForm .copyright {
  margin-top: 12.8205128205vw;
  text-align: center;
}
.login .loginForm .copyright p {
  color: var(--grey-light);
  font-size: 3.0769230769vw;
  font-weight: 400;
  line-height: 3.8461538462vw;
}

section.resetPassword {
  margin-top: 15.3846153846vw;
  padding: 0vw 10.2564102564vw;
}
section.resetPassword .formWrap {
  margin-top: 12.8205128205vw;
}
section.resetPassword .btnWrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 10.2564102564vw;
}
section.resetPassword .btnWrap .radioBind {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.resetPassword .btnWrap .radioBind .boxRadio {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 1.2820512821vw);
          flex: 0 0 calc(50% - 1.2820512821vw);
  margin-left: 2.5641025641vw;
}
section.resetPassword .btnWrap .radioBind .boxRadio:first-child {
  margin-left: 0;
}
section.termsAgree {
  margin-top: 7.6923076923vw;
  padding: 0vw 10.2564102564vw;
}
section.termsAgree .sectionTitle {
  margin-top: 0;
}
section.termsAgree .formWrap {
  margin-top: 10.2564102564vw;
}
section.termsAgree .formWrap .rowForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 5.1282051282vw;
}
section.termsAgree .formWrap .rowForm:first-child {
  margin-top: 0;
}
section.termsAgree .formWrap .rowForm::after {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: block;
  width: 2.3076923077vw;
  height: 3.8461538462vw;
  margin-left: 1.0256410256vw;
  background: url(../images/common/arrow_right.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
section.termsAgree .formWrap .rowForm.agreeAll {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid var(--grey-bg-dark);
  padding-bottom: 5.1282051282vw;
}
section.termsAgree .formWrap .rowForm.agreeAll span {
  margin-left: 9.2307692308vw;
  color: var(--grey-light);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
section.termsAgree .formWrap .rowForm.agreeAll::after {
  display: none;
  content: none;
}
section.termsAgree .btnWrap {
  margin-top: 12.8205128205vw;
}
section.mobileCertify {
  margin-top: 7.6923076923vw;
  padding: 0vw 10.2564102564vw;
  background: var(--grey-bg-light);
}
section.mobileCertify .sectionTitle {
  margin-top: 0;
  font-size: 6.1538461538vw;
  line-height: 9.2307692308vw;
}
section.mobileCertify .sectionTitle::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70.2564102564vw;
  height: 70.2564102564vw;
  margin-bottom: 2.5641025641vw;
  background: url(../images/icon/bg_mobile.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
section.mobileCertify .btnWrap {
  margin-top: 10.2564102564vw;
}
section.joinContents {
  padding: 0vw 10.2564102564vw 7.6923076923vw 10.2564102564vw;
}
section.joinContents form {
  width: 100%;
}
section.joinContents .formWrap {
  margin-top: 2.5641025641vw;
}
section.joinContents .formWrap .rowForm {
  margin-top: 7.6923076923vw;
}
section.joinContents .formWrap .btnWrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 7.6923076923vw;
}
section.joinContents .formWrap .btnWrap .radioBind {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.5641025641vw;
}
section.joinContents .formWrap .btnWrap .radioBind .boxRadio {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 1.2820512821vw);
          flex: 0 0 calc(50% - 1.2820512821vw);
  margin-left: 2.5641025641vw;
}
section.joinContents .formWrap .btnWrap .radioBind .boxRadio:first-child {
  margin-left: 0;
}
section.joinContents .formWrap .loginUtil {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 10.2564102564vw;
  text-align: right;
}
section.joinContents .formWrap .loginUtil .button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin-top: 0;
  padding: 0vw 3.8461538462vw;
  color: var(--grey-light);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.joinContents .formWrap .loginUtil .button:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  left: 0;
  top: 1.2820512821vw;
  width: 1px;
  height: 3.8461538462vw;
  background: var(--grey-basic);
  content: "";
}
section.joinContents .formWrap .loginUtil .button:first-child:before {
  display: none;
  content: none;
}
section.joinContents .formWrap .btnWrap {
  margin-top: 10.2564102564vw;
}
section.joinContents .formWrap .localOrForeigner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 10.2564102564vw;
}
section.joinContents .formWrap .localOrForeigner .radioRowBind {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
section.joinContents .formWrap .localOrForeigner .radioRowBind:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 17.4358974359vw;
  height: 18.4615384615vw;
  margin: 0vw auto 10.2564102564vw auto;
  background: url(../images/icon/icon_nationality.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
section.joinContents .formWrap .localOrForeigner .radioRowBind .boxRadio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 6.4102564103vw;
}
section.joinContents .formWrap .localOrForeigner .radioRowBind .boxRadio:first-child {
  margin-top: 0;
}
section.joinContents .formWrap .localOrForeigner .radioRowBind .boxRadio span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
section.joinContents .formWrap .foreignerJoinSelect {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 7.6923076923vw;
}
section.joinContents .formWrap .foreignerJoinSelect .radioRowBind {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
section.joinContents .formWrap .foreignerJoinSelect .radioRowBind .boxRadio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 6.4102564103vw;
}
section.joinContents .formWrap .foreignerJoinSelect .radioRowBind .boxRadio:first-child {
  margin-top: 0;
}
section.joinContents .formWrap .foreignerJoinSelect .radioRowBind .boxRadio span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
section.joinContents .foreignerResultId {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 25.641025641vw;
}
section.joinContents .foreignerResultId p {
  color: var(--black-basic);
  font-size: 5.1282051282vw;
  font-weight: 700;
  line-height: 7.6923076923vw;
  text-align: center;
}
section.joinContents .foreignerResultId p:before {
  display: block;
  width: 19.8717948718vw;
  height: 20.2564102564vw;
  margin: 0vw auto 10.2564102564vw auto;
  background: url(../images/icon/icon_user.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
section.joinContents .foreignerResultId .btnWrap {
  margin-top: 10.2564102564vw;
}
section.sendTicket .formWrap {
  padding: 0vw 10.2564102564vw;
}
section.sendTicket .formWrap .rowForm {
  margin-top: 10.2564102564vw;
}
section.sendTicket .formWrap .rowForm:first-child {
  margin-top: 7.6923076923vw;
}
section.sendTicket .formWrap .rowForm.inputQuantity .complex {
  margin-top: 2.5641025641vw;
}
section.sendTicket .formWrap .rowForm.inputQuantity .inputBind {
  height: 12.8205128205vw;
}
section.sendTicket .formWrap .btnWrap {
  margin-top: 10.2564102564vw;
}
section.sendTicketList {
  margin-top: 7.6923076923vw;
  padding: 0vw 5.1282051282vw;
}
section.sendTicketList .formWrap .rowForm {
  margin-top: 3.8461538462vw;
}
section.sendTicketList .formWrap .rowForm:first-child {
  margin-top: 0;
}
section.sendTicketList .formWrap .rowForm.labelGroup + .rowForm {
  margin-top: 7.6923076923vw;
}
section.ticketParticipate .resultList {
  margin-top: 0;
}
section.sendKseed {
  margin-top: 7.6923076923vw;
  padding: 0vw 11.5384615385vw;
}
section.sendKseed .textBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
section.sendKseed .rowForm {
  margin-top: 10.2564102564vw;
}
section.sendKseed .btnWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 7.6923076923vw;
}
section .resultList {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 7.6923076923vw;
}
section .resultList .resultListContents {
  border: 1px solid var(--grey-bg-dark);
  margin-top: 2.5641025641vw;
  border-radius: 2.5641025641vw;
  background: var(--white);
}
section .resultList .resultListContents:first-child {
  margin-top: 0;
}
section .resultList .resultListContents .listTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 8.7179487179vw;
  padding: 2.5641025641vw 5.1282051282vw;
}
section .resultList .resultListContents .listTop .title .date {
  color: var(--grey-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
section .resultList .resultListContents ul {
  padding: 3.8461538462vw 5.1282051282vw;
  border-top: 1px solid var(--grey-bg-dark);
}
section .resultList .resultListContents ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.7948717949vw;
}
section .resultList .resultListContents ul li:first-child {
  margin-top: 0;
}
section .resultList .resultListContents ul li span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12.8205128205vw;
          flex: 0 0 12.8205128205vw;
  margin-right: 2.5641025641vw;
  color: var(--grey-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
section .resultList .resultListContents ul li strong {
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 6.1538461538vw;
}
section .resultList .ticketParticipateContents {
  margin-top: -1px;
  padding: 7.6923076923vw 5.1282051282vw;
  border-top: 1px solid var(--grey-bg-dark);
  border-bottom: 1px solid var(--grey-bg-dark);
}
section .resultList .ticketParticipateContents .gameInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section .resultList .ticketParticipateContents .gameInfo .gameGroup {
  color: var(--black-basic);
  font-size: 4.6153846154vw;
  font-weight: 500;
  line-height: 6.9230769231vw;
}
section .resultList .ticketParticipateContents .gameInfo .gameName {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  padding: 0vw 0vw 0vw 5.1282051282vw;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section .resultList .ticketParticipateContents .gameInfo .tickets {
  margin-left: auto;
  color: var(--secondary-basic);
  font-size: 4.6153846154vw;
  font-weight: 500;
  line-height: 6.9230769231vw;
}
section .resultList .ticketParticipateContents .gameInfo .tickets.none {
  color: var(--point-basic);
}
section .resultList .ticketParticipateContents .deadline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 3.8461538462vw;
}
section .resultList .ticketParticipateContents .deadline span {
  color: var(--black-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
section .resultList .ticketParticipateContents.haveNoTickets {
  border-color: var(--point-basic);
  background: var(--point-bg);
}
section .resultList .ticketParticipateContents.haveNoTickets .gameInfo .tickets {
  color: var(--point-basic);
}
section .resultList .ticketParticipateContents.haveNoTickets .sendTicketContents {
  visibility: hidden;
  height: 0;
  padding: 0;
  margin: 0;
}
section .resultList .ticketParticipateContents.haveNoTickets.open {
  background: var(--grey-bg-light);
}
section .resultList .ticketParticipateContents.haveNoTickets.open .sendTicketContents {
  visibility: visible;
  height: auto;
  margin-top: 5.1282051282vw;
  padding: 0vw 5.1282051282vw;
}
section .resultList .ticketParticipateContents.haveNoTickets.open .sendTicketContents .btnWrap {
  margin-top: 5.1282051282vw;
}
section .resultList .ticketParticipateContents.haveNoTickets + .ticketParticipateContents:not(.haveNoTickets) {
  border-top: 0;
}
section.createQr .sectionTitle {
  margin-top: 7.6923076923vw;
}
section.createQr .createQrContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 6.4102564103vw;
  padding: 0vw 5.1282051282vw;
}
section.createQr .createQrContents .count {
  margin-top: 6.4102564103vw;
}
section.createQr .createQrContents .count span {
  color: var(--secondary-basic);
  font-size: 12.3076923077vw;
  font-weight: 700;
  line-height: 12.3076923077vw;
}
section.createQr .createQrContents .qrImage {
  width: 64.1025641026vw;
  height: 64.1025641026vw;
  margin-top: 6.4102564103vw;
  background: var(--white);
}
section.createQr .createQrContents .qrImage img {
  width: 100%;
  height: auto;
}
section.createQr .createQrContents .guideText {
  margin-top: 6.4102564103vw;
}
section.createQr .createQrContents .guideText p {
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.storeList .resultList {
  margin-top: 0;
}
section.storeList .storeListContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5.1282051282vw;
  border-top: 1px solid var(--grey-bg-basic);
  background: var(--white);
}
section.storeList .storeListContents:first-child {
  border-top: 0;
}
section.storeList .storeListContents .storeItem .storename strong {
  color: var(--black-basic);
  font-size: 4.6153846154vw;
  font-weight: 400;
  line-height: 6.9230769231vw;
}
section.storeList .storeListContents .storeItem .adress {
  margin-top: 2.5641025641vw;
}
section.storeList .storeListContents .storeItem .adress p {
  color: var(--grey-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
section.storeList .storeListContents .storeItem .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.2820512821vw;
}
section.storeList .storeListContents .storeItem .info span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  color: var(--grey-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
section.storeList .storeListContents .storeItem .info span::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1px;
  height: 3.3333333333vw;
  margin: 0vw 3.8461538462vw;
  background: var(--grey-bg-dark);
  content: "";
}
section.storeList .storeListContents .storeItem .info span:first-child::before {
  display: none;
  content: none;
}
section.searchList .resultList {
  margin-top: 0;
}
section.searchList .searchItem .autoCamplate li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4.2307692308vw 5.1282051282vw;
  border-bottom: 1px solid var(--grey-bg-dark);
}
section.searchList .searchItem .autoCamplate li a.lastResult {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--grey-light);
  font-size: 4.6153846154vw;
  font-weight: 400;
  line-height: 6.9230769231vw;
}
section.searchList .searchItem .autoCamplate li a.lastResult:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5.2025641026vw;
  height: 5.2025641026vw;
  margin-right: 1.2820512821vw;
  background: url(../images/common/button_search_off.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
section.searchList .searchItem .autoCamplate li a.delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 3.8461538462vw;
  height: 3.8461538462vw;
  margin-right: 2.5641025641vw;
  background: url(../images/common/button_delete.png) no-repeat 0 0;
  background-size: cover;
}
section.searchList .searchItem .searchUtil {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 2.5641025641vw 7.6923076923vw;
}
section.searchList .searchItem .searchUtil a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0vw 3.8461538462vw;
  color: var(--grey-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
section.searchList .searchItem .searchUtil a::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  left: 0;
  width: 1px;
  height: 3.3333333333vw;
  background: var(--grey-bg-dark);
  content: "";
}
section.searchList .searchItem .searchUtil a:first-child::before {
  display: none;
  content: none;
}
section.searchList .searchItem .noResult {
  padding: 7.9487179487vw 1.2820512821vw;
  border-bottom: 1px solid var(--grey-bg-dark);
}
section.searchList .searchItem .noResult p {
  color: var(--grey-light);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
  text-align: center;
}
section.storePlace {
  border-top: 1px solid var(--grey-bg-dark);
}
section.storePlace .placeInfo {
  width: 100%;
  padding: 5.1282051282vw;
  border-bottom: 1px solid var(--grey-bg-dark);
}
section.storePlace .placeInfo ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
section.storePlace .placeInfo ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--black-dark);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
section.storePlace .placeInfo ul li:nth-child(3), section.storePlace .placeInfo ul li:nth-child(4) {
  margin-top: 2.5641025641vw;
}
section.storePlace .placeInfo ul li::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
}
section.storePlace .placeInfo ul li.adress {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%;
}
section.storePlace .placeInfo ul li.adress::before {
  width: 3.3333333333vw;
  height: 3.9743589744vw;
  margin-right: 1.7948717949vw;
  background: url(../images/icon/icon_address.png) no-repeat 0 0;
  background-size: cover;
}
section.storePlace .placeInfo ul li.day::before {
  width: 3.5897435897vw;
  height: 3.8461538462vw;
  margin-right: 1.7948717949vw;
  background: url(../images/icon/icon_calender.png) no-repeat 0 0;
  background-size: cover;
}
section.storePlace .placeInfo ul li.telNum {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%;
  margin-top: 2.5641025641vw;
}
section.storePlace .placeInfo ul li.telNum::before {
  width: 3.5897435897vw;
  height: 3.5897435897vw;
  margin-right: 1.7948717949vw;
  background: url(../images/icon/icon_tell.png) no-repeat 0 0;
  background-size: cover;
}
section.storePlace .placeInfo ul li.time {
  margin-top: 2.5641025641vw;
}
section.storePlace .placeInfo ul li.time::before {
  width: 3.9743589744vw;
  height: 3.9743589744vw;
  margin-right: 1.7948717949vw;
  background: url(../images/icon/icon_clock.png) no-repeat 0 0;
  background-size: cover;
}
section.storePlace .mapArea {
  width: 100%;
  height: 100%;
}
section.storePlace .mapArea img {
  width: 100%;
  height: auto;
}
section.storeSendItem {
  padding: 5.1282051282vw;
}
section.storeSendItem .sendInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 5.1282051282vw;
  padding: 0vw 5.1282051282vw;
}
section.storeSendItem .sendInfo li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3.8461538462vw;
}
section.storeSendItem .sendInfo li:first-child {
  margin-top: 0;
}
section.storeSendItem .sendInfo li span {
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.storeSendItem .sendInfo li strong {
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.storeSendItem .formWrap {
  margin-top: 3.8461538462vw;
  padding: 0vw 5.1282051282vw;
}
section.storeSendItem .formWrap .rowForm {
  margin-top: 3.8461538462vw;
}
section.storeSendItem .formWrap .rowForm:first-child {
  margin-top: 0;
}
section.storeSendItem .formWrap .btnWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 5.1282051282vw;
}
section.storeEatOut .textBox {
  margin: 5.1282051282vw 0vw 0vw 0vw;
  padding: 0vw 5.1282051282vw;
}
section.storeEatOut .orderTabContents {
  margin: 5.1282051282vw 0vw;
}
section.storeEatOut .productList {
  width: 100%;
}
section.storeEatOut .productList .productItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.5641025641vw 5.1282051282vw;
  border-bottom: 1px solid var(--grey-bg-dark);
  background: var(--white);
}
section.storeEatOut .productList .productItem:first-child {
  border-top: 1px solid var(--grey-bg-dark);
}
section.storeEatOut .productList .productItem .selectProduct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.storeEatOut .productList .productItem .selectProduct .image {
  overflow: hidden;
  width: 20.5128205128vw;
  height: 20.5128205128vw;
  border-radius: 1.2820512821vw;
}
section.storeEatOut .productList .productItem .selectProduct .image figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.storeEatOut .productList .productItem .selectProduct .text {
  margin-left: 5.1282051282vw;
}
section.storeEatOut .productList .productItem .selectProduct .text .name {
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.storeEatOut .productList .productItem .selectProduct .text .price {
  margin-top: 1.2820512821vw;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.storeEatOut .productList .productItem .selectProduct .text .price span {
  font-size: 3.5897435897vw;
  line-height: 4.4871794872vw;
}
section.storeEatOut .productList .productItem .changeNumber .selectCount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 22.3076923077vw;
}
section.storeEatOut .productList .productItem .changeNumber .selectCount .count {
  color: var(--black-basic);
  font-size: 4.6153846154vw;
  font-weight: 400;
  line-height: 6.9230769231vw;
}
section.storeEatOut .productList .btnWrap {
  margin-top: 7.6923076923vw;
  padding: 0vw 10.2564102564vw;
}
section.orderList {
  padding: 5.1282051282vw;
  border-top: 1px solid var(--grey-bg-dark);
}
section.orderList .orderItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2.5641025641vw;
  padding: 5.1282051282vw;
  border: 1px solid #dedede;
  background: var(--white);
  border-radius: 2.5641025641vw;
}
section.orderList .orderItem:first-child {
  margin-top: 0;
}
section.orderList .orderItem .orderInfo .date {
  color: var(--grey-basic);
  font-size: 3.0769230769vw;
  font-weight: 400;
  line-height: 3.8461538462vw;
}
section.orderList .orderItem .orderInfo .productName {
  display: block;
  margin-top: 1.2820512821vw;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 6.1538461538vw;
}
section.orderList .orderItem .chipsContents {
  margin-left: 2.5641025641vw;
}
section.orderList .orderNone {
  padding: 2.5641025641vw 1.2820512821vw;
}
section.orderList .orderNone p {
  color: var(--grey-light);
  font-size: 4.6153846154vw;
  font-weight: 400;
  line-height: 6.9230769231vw;
}
section.orderList .orderNone p::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5.641025641vw;
  height: 5.641025641vw;
  margin: 0vw auto 1.7948717949vw auto;
  background: url(../images/common/icon_warning.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
section.storageBoxList .participateBoxWrap {
  width: 100%;
  padding: 0vw 5.1282051282vw;
}
section.storageBoxList .participateBoxWrap .participateBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 89.7435897436vw;
  height: 37.4025641026vw;
  margin-top: 5.1282051282vw;
  padding-right: 10.2564102564vw;
  background: url(../images/bg/bg_star.png) no-repeat 11.4102564103vw 5.3846153846vw, url(../images/bg/bg_participate.png) no-repeat 0 0;
  background-size: 22.1923076923vw 3.2256410256vw, cover;
}
section.storageBoxList .participateBoxWrap .participateBox .gameGroup {
  padding: 8.9743589744vw 0vw 5.1282051282vw 11.4102564103vw;
}
section.storageBoxList .participateBoxWrap .participateBox .gameGroup .participateNmae {
  color: var(--white);
  font-size: 6.1538461538vw;
  font-weight: 700;
  line-height: 7.6923076923vw;
}
section.storageBoxList .participateBoxWrap .participateBox .gameGroup .participateNmae span {
  display: block;
}
section.storageBoxList .participateBoxWrap .participateBox .gameGroup .expiryDate {
  color: var(--grey-bg-dark);
  font-size: 3.0769230769vw;
  font-weight: 400;
  line-height: 3.8461538462vw;
}
section.storageBoxList .participateBoxWrap .participateBox .participateAmount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 21.7948717949vw;
  height: 25.8974358974vw;
  padding: 3.8461538462vw 1.2820512821vw 1.2820512821vw 1.2820512821vw;
  background: url(../images/bg/bg_amount.png) no-repeat 0 0;
  background-size: cover;
}
section.storageBoxList .participateBoxWrap .participateBox .participateAmount span {
  color: var(--white);
  font-size: 3.5897435897vw;
  font-weight: 500;
  line-height: 4.4871794872vw;
}
section.storageBoxList .participateBoxWrap .participateBox .participateAmount strong {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  color: var(--white);
  font-size: 7.6923076923vw;
  font-weight: 700;
  line-height: 9.6153846154vw;
  white-space: nowrap;
  text-align: center;
}
section.storageBoxList .textBox.holdCondition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10.2564102564vw 1.2820512821vw;
  background: transparent;
}
section.storageBoxList .textBox.holdCondition .holdCount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 9.2307692308vw;
  font-weight: 700;
  line-height: 11.5384615385vw;
}
section.storageBoxList .textBox.holdCondition .holdCount::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 7.6923076923vw;
  height: 6.6666666667vw;
  margin-right: 2.5641025641vw;
  background: url(../images/icon/icon_coin.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
section.storageBoxList .textBox.holdCondition .holdCount span {
  font-size: 4.6153846154vw;
  font-weight: 400;
  line-height: 6.9230769231vw;
}
section.qnaContents {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
section.qnaContents .qnaItem {
  padding: 7.6923076923vw 5.1282051282vw;
}
section.qnaContents .qnaItem ul li {
  margin-top: 5.1282051282vw;
}
section.qnaContents .qnaItem ul li:first-child {
  margin-top: 0;
}
section.qnaContents .qnaItem ul li span {
  color: var(--grey-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.qnaContents .qnaItem ul li strong {
  display: block;
  margin-top: 1.2820512821vw;
  color: var(--black-basic);
  font-size: 4.6153846154vw;
  font-weight: 400;
  line-height: 6.9230769231vw;
}
section.qnaContents .qnaItem .guideText {
  margin-top: 2.5641025641vw;
  color: var(--secondary-dark);
  font-size: 4.6153846154vw;
  font-weight: 400;
  line-height: 6.9230769231vw;
}
section.qnaContents .qnaItem .mapArea {
  width: 100%;
  height: 100%;
  margin-top: 5.1282051282vw;
}
section.qnaContents .qnaItem .mapArea img {
  width: 100%;
  height: auto;
}
section.writeForm {
  margin-top: 7.6923076923vw;
  padding: 0vw 5.1282051282vw;
}
section.writeForm .formWrap .rowForm {
  margin-top: 5.1282051282vw;
}
section.writeForm .formWrap .rowForm:first-child {
  margin-top: 0;
}
section.writeForm .formWrap .rowForm .textarea {
  margin-top: 2.5641025641vw;
}
section.writeForm .formWrap .rowForm .selectBox .ui-selectmenu-button {
  border: 1px solid var(--grey-bg-dark);
  border-radius: 1.2820512821vw;
  background: var(--white);
}
section.writeForm .formWrap .rowForm .selectBox .ui-selectmenu-button-open {
  border-radius: 1.2820512821vw 1.2820512821vw 0vw 0vw;
}
section.boardList {
  border-top: 1px solid var(--grey-bg-dark);
}
section.boardList .boardListContents {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
section.boardList .boardListContents li {
  border-bottom: 1px solid var(--grey-bg-basic);
}
section.boardList .boardListContents li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding: 5.1282051282vw;
}
section.boardList .boardListContents li a strong {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 6.1538461538vw;
}
section.boardList .boardListContents li a .date {
  margin-top: 1.2820512821vw;
  color: var(--grey-basic);
  font-size: 3.0769230769vw;
  font-weight: 400;
  line-height: 3.8461538462vw;
}
section.boardList .boardListContents li a::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  right: 5.1282051282vw;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 2.3076923077vw;
  height: 3.9743589744vw;
  background: url(../images/common/arrow_right_02.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
section.boardList .faqListContents {
  width: 100%;
}
section.boardList .faqListContents .faqListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
section.boardList .faqListContents .faqListItem .button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  position: relative;
  padding: 5.1282051282vw;
  border-bottom: 1px solid var(--grey-bg-basic);
  text-align: left;
}
section.boardList .faqListContents .faqListItem .button strong {
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 6.1538461538vw;
}
section.boardList .faqListContents .faqListItem .button::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  right: 5.1282051282vw;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 4.1025641026vw;
  height: 4.1025641026vw;
  background: url(../images/common/icon_plus.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
section.boardList .faqListContents .faqListItem .button.open {
  border-bottom: 1px solid var(--grey-bg-dark);
}
section.boardList .faqListContents .faqListItem .button.open strong {
  color: var(--point-basic);
}
section.boardList .faqListContents .faqListItem .button.open::after {
  width: 3.5897435897vw;
  height: 0.5128205128vw;
  background: url(../images/common/icon_minus.png) no-repeat 0 0;
  background-size: contain;
}
section.boardList .faqListContents .faqListItem .button.open + .faqListAnswers {
  visibility: visible;
  height: auto;
  padding: 5.1282051282vw 11.2820512821vw 5.1282051282vw 5.1282051282vw;
}
section.boardList .faqListContents .faqListItem .faqListAnswers {
  visibility: hidden;
  height: 0;
  padding: 0;
  border-bottom: 1px solid var(--grey-bg-basic);
  background: var(--grey-bg-basic);
  color: var(--black-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
section.boardList .faqListContents .faqListItem .faqListAnswers p {
  color: var(--black-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
section.boardDetailView .boardDetailContents {
  width: 100%;
}
section.boardDetailView .boardDetailContents .subjectArticle {
  padding: 5.1282051282vw;
  border-top: 1px solid var(--grey-bg-dark);
  border-bottom: 1px solid var(--grey-bg-dark);
}
section.boardDetailView .boardDetailContents .subjectArticle strong {
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 6.1538461538vw;
}
section.boardDetailView .boardDetailContents .subjectArticle .sbuInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 1.2820512821vw;
  color: var(--grey-basic);
  font-size: 3.0769230769vw;
  font-weight: 400;
  line-height: 3.8461538462vw;
}
section.boardDetailView .boardDetailContents .subjectArticle .sbuInfo p span::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1px;
  height: 2.5641025641vw;
  margin: 0vw 1.2820512821vw;
  background: var(--grey-bg-dark);
  content: "";
}
section.boardDetailView .boardDetailContents .subjectArticle .sbuInfo .writer {
  margin-left: auto;
}
section.boardDetailView .boardDetailContents .subjectArticle .sbuInfo .viewCount {
  margin-left: 3.8461538462vw;
}
section.boardDetailView .boardDetailContents .contentsArticle {
  min-height: 30vh;
  padding: 7.6923076923vw 5.1282051282vw;
  color: var(--black-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
section.boardDetailView .boardDetailContents .contentsArticle p {
  color: var(--black-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
section.boardDetailView .boardDetailContents .btnWrap {
  margin-top: 7.6923076923vw;
  padding: 0vw 16.6666666667vw;
}
section.settingList {
  border-top: 1px solid var(--grey-bg-dark);
  background: var(--grey-bg-light);
}
section.settingList .settingListContents {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
section.settingList .settingListContents .settingTitle {
  display: block;
  padding: 5.1282051282vw 5.1282051282vw 2.5641025641vw 5.1282051282vw;
  color: var(--grey-basic);
  font-size: 3.5897435897vw;
  font-weight: 500;
  line-height: 4.4871794872vw;
}
section.settingList .settingListContents ul li {
  min-height: 16.6666666667vw;
  border-bottom: 1px solid var(--grey-bg-basic);
  background: var(--white);
}
section.settingList .settingListContents ul li:first-child {
  border-top: 1px solid var(--grey-bg-basic);
}
section.settingList .settingListContents ul li > span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 6.1538461538vw;
}
section.settingList .settingListContents ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding: 5.1282051282vw;
}
section.settingList .settingListContents ul li a span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 6.1538461538vw;
}
section.settingList .settingListContents ul li a::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  right: 5.1282051282vw;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 2.3076923077vw;
  height: 3.9743589744vw;
  background: url(../images/common/arrow_right_02.png) no-repeat 0 0;
  background-size: contain;
  content: "";
}
section.settingList .settingListContents ul.nonLink li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5.1282051282vw 13.3333333333vw 5.1282051282vw 5.1282051282vw;
}
section.settingList .settingListContents .nowVersion {
  padding: 5.1282051282vw 5.1282051282vw 0vw 5.1282051282vw;
  text-align: right;
}
section.settingList .settingListContents .nowVersion span {
  color: var(--grey-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}

.termsContents {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: calc(100% - 14.358974359vw);
}
.termsContents header {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.termsContents main {
  height: calc(100% - 14.358974359vw);
}
.termsContents section {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: calc(100% - 14.358974359vw);
  padding: 0vw 10.2564102564vw;
}
.termsContents .sectionTitle {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
  margin-top: 10.2564102564vw;
  padding-bottom: 5.1282051282vw;
  border-bottom: 1px solid var(--grey-basic);
}
.termsContents .sectionTitle strong {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 6.1538461538vw;
  text-align: left;
}
.termsContents .termsText {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0;
  padding: 5.1282051282vw 0vw;
  color: var(--grey-dark);
  font-size: 3.5897435897vw;
  font-weight: 500;
  line-height: 5.3846153846vw;
}
.termsContents .termsText strong {
  display: block;
  margin-top: 3.0769230769vw;
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 6.1538461538vw;
}
.termsContents .termsText strong:first-child {
  margin-top: 0;
}
.termsContents .termsText p {
  margin-top: 3.0769230769vw;
}
.termsContents .termsText ul {
  margin: 3.0769230769vw 0vw 3.0769230769vw 2.0512820513vw;
}
.termsContents .btnWrap {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
  margin: 5.1282051282vw 0vw;
}
section.eventList {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
section.eventList .eventTitle {
  padding: 0vw 5.1282051282vw 2.5641025641vw 5.1282051282vw;
  color: var(--grey-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.eventList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  background: var(--white);
}
section.eventList ul li {
  border-top: 1px solid var(--grey-bg-basic);
}
section.eventList ul li:first-child {
  border-top: 0;
}
section.eventList ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.0769230769vw 5.1282051282vw 6.4102564103vw 5.1282051282vw;
}
section .tournament {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
section .tournament .processMatter {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 2.5641025641vw;
  width: 16.6666666667vw;
  height: 16.6666666667vw;
  border-radius: 2.5641025641vw;
  background: var(--grey-light);
}
section .tournament .processMatter span {
  color: var(--white);
  font-size: 3.0769230769vw;
  line-height: 3.8461538462vw;
  font-weight: 500;
}
section .tournament .processMatter strong {
  color: var(--white);
  font-size: 5.1282051282vw;
  font-weight: 700;
}
section .tournament .processMatter strong i {
  font-style: normal;
  font-size: 3.0769230769vw;
}
section .tournament .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
section .tournament .processMatterText {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5.1282051282vw;
  padding: 0vw 5.1282051282vw;
  font-size: 3.5897435897vw;
  font-weight: 500;
  line-height: 4.4871794872vw;
}
section .tournament .table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
section .tournament .table strong {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 6.1538461538vw;
}
section .tournament .table .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5128205128vw;
}
section .tournament .table .row:nth-of-type(1) {
  margin-top: 1.7948717949vw;
}
section .tournament .table .row span,
section .tournament .table .row strong {
  color: var(--grey-basic);
  font-size: 3.0769230769vw;
  font-weight: 400;
  line-height: 3.8461538462vw;
}
section .tournament .table .row strong {
  margin-left: 1.0256410256vw;
}
section .tournament .tickets {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 2.5641025641vw;
}
section .tournament .tickets .chipsContents {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
section .tournament .tickets .chipsContents .chips {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 19.2307692308vw;
  height: 7.1794871795vw;
  margin-top: 0.7692307692vw;
  padding: 0vw 2.1794871795vw;
  border-radius: 1.2820512821vw;
  background: var(--grey-bg-basic);
  color: var(--grey-basic);
  font-size: 3.0769230769vw;
  font-weight: 400;
  line-height: 3.8461538462vw;
}
section .tournament .tickets .chipsContents .chips:first-child {
  margin-top: 0;
}
section .tournament .tickets .chipsContents .chips span {
  font-size: 3.5897435897vw;
  font-weight: 700;
  line-height: 4.4871794872vw;
}
section .tournament .tickets .entry {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 1.2820512821vw;
  color: var(--black-basic);
}
section .tournament .tickets .entry:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 3.5897435897vw;
  height: 3.5897435897vw;
  margin-right: 1.2820512821vw;
  background: url(../images/icon/icon_user_02.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
section .tournament .tickets .entry span {
  margin: 0vw 1.0256410256vw;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section .tournament.registering .processMatterText {
  color: var(--secondary-basic);
}
section .tournament.registering .processMatterText:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 3.8461538462vw;
  height: 3.9743589744vw;
  margin-right: 1.2820512821vw;
  background: url(../images/icon/icon_clock_02.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
section .tournament.registering .processMatter {
  background: var(--secondary-basic);
}
section .tournament.end .processMatterText, section .tournament.close .processMatterText {
  color: var(--grey-light);
}
section .tournament.end .processMatterText:before, section .tournament.close .processMatterText:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 3.8461538462vw;
  height: 3.9743589744vw;
  margin-right: 1.2820512821vw;
  background: url(../images/icon/icon_end.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
section .tournament.end .processMatter, section .tournament.close .processMatter {
  background: var(--grey-light);
}
section .tournament.running .processMatterText {
  color: var(--point-basic);
}
section .tournament.running .processMatterText:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 3.8461538462vw;
  height: 3.9743589744vw;
  margin-right: 1.2820512821vw;
  background: url(../images/icon/icon_running.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
section .tournament.running .processMatter {
  background: var(--point-basic);
}
section.lobbyInfo {
  padding-bottom: 7.6923076923vw;
  background: var(--white);
}
section.lobbyInfo .infoText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 5.1282051282vw;
}
section.lobbyInfo .infoText strong {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  color: var(--grey-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.lobbyInfo .infoText span {
  margin-top: 2.5641025641vw;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.lobbyInfo .tournament {
  padding: 0vw 5.1282051282vw;
}
section.lobbyInfo .tournament .processMatterText {
  margin: 0;
  padding: 0;
}
section.lobbyInfo .tournament .info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3.0769230769vw;
}
section.lobbyInfo .tournament .info .table .row span {
  min-width: 14.358974359vw;
  color: var(--grey-light);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
section.lobbyInfo .tournament .info .table .row strong {
  color: var(--black-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
}
section.lobbyInfo .tournament .info .tickets {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
section.lobbyInfo .tournament .btnWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 7.6923076923vw;
}
section.lobbyInfo .tournament .btnWrap .button {
  height: 14.1025641026vw;
  font-weight: 700;
}
section.lobbyInfo .tournament .btnWrap .button.disabled {
  line-height: normal;
}
section.lobbyInfo .tournament .btnWrap .button.disabled span {
  display: block;
  margin-top: 1.0256410256vw;
  font-size: 3.0769230769vw;
  text-align: center;
}
section.lobbyList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
section.lobbyList .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  height: 13.8461538462vw;
  padding: 0vw 5.1282051282vw;
  color: var(--grey-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
}
section.lobbyList .header:after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 3.5897435897vw;
  height: 2.4358974359vw;
  background: url(../images/icon/icon_arrow_down.png) no-repeat 0 0;
  background-size: cover;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  content: "";
}
section.lobbyList .infoList {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  background: var(--white);
}
section.lobbyList .infoList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5.1282051282vw;
  border-top: 1px solid var(--grey-bg-basic);
}
section.lobbyList .infoList li:first-child {
  border-top: 0;
}
section.lobbyList .infoList li span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15.3846153846vw;
          flex: 0 0 15.3846153846vw;
  margin-right: 3.8461538462vw;
  color: var(--grey-light);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.lobbyList .infoList li strong {
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.lobbyList .playerList {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  background: var(--white);
}
section.lobbyList .playerList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5.1282051282vw;
  border-top: 1px solid var(--grey-bg-basic);
}
section.lobbyList .playerList li:first-child {
  border-top: 0;
}
section.lobbyList .playerList li > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.lobbyList .playerList li > span.num {
  margin-right: 3.0769230769vw;
}
section.lobbyList .playerList li > span.nick {
  margin-left: auto;
}
section.lobbyList .playerList li .mark {
  color: var(--grey-light);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.lobbyList .playerList li .mark strong {
  margin-right: 1.0256410256vw;
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
section.lobbyList .playerList li .mark strong:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 4.358974359vw;
  height: 3.4615384615vw;
  margin-right: 1.4102564103vw;
  background: url(../images/icon/icon_player.png) no-repeat 0 0;
  background-size: cover;
  content: "";
}
section.lobbyList .playerList li .mark span {
  margin-left: 1.0256410256vw;
  color: var(--grey-light);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}

.layerPopup .popupContainer .popupContents .popupHeader span {
  color: var(--black-basic);
  font-size: 4.1025641026vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.layerPopup .popupContainer .popupContents .popupHeader .btnPopClose {
  display: block;
  position: absolute;
  top: 5.1282051282vw;
  right: 5.1282051282vw;
  width: 3.8461538462vw;
  height: 3.8461538462vw;
  background: url(../images/common/button_close.png) no-repeat 0 0;
  background-size: cover;
}
.layerPopup .popupContainer .popupContents .quantityList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.layerPopup .popupContainer .popupContents .quantityList .checkBox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 3.8461538462vw;
  padding: 3.3333333333vw 2.5641025641vw;
  border: 1px solid var(--point-basic);
  border-radius: 1.2820512821vw;
  color: var(--black-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 6.1538461538vw;
}
.layerPopup .popupContainer .popupContents .quantityList .checkBox:has(input[type=checkbox]:checked) {
  color: var(--black-basic);
  border: 1px solid var(--point-basic);
}
.layerPopup .popupContainer .popupContents .quantityList .checkBox:has(input[type=checkbox]:checked) span {
  color: var(--point-basic);
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 6.1538461538vw;
}
.layerPopup .popupContainer .popupContents .quantityList .checkBox:has(input[type=checkbox]:disabled) {
  color: var(--grey-light);
  border: 1px solid var(--grey-bg-dark);
}
.layerPopup .popupContainer .popupContents .quantityList .checkBox:has(input[type=checkbox]:disabled) span {
  color: var(--grey-light);
  font-weight: 400;
}
.layerPopup .popupContainer .popupContents .quantityList .checkBox span {
  margin-left: auto;
  color: var(--point-basic);
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 6.1538461538vw;
}
.layerPopup .popupContainer .popupContents .quantityList + .btnWrap {
  margin-top: 5.1282051282vw;
}
.layerPopup .popupContainer .popupContents .quantityText {
  margin: 5.1282051282vw 0vw;
  padding: 5.1282051282vw 0vw;
}
.layerPopup .popupContainer .popupContents .quantityText p {
  margin-top: 1.2820512821vw;
  color: var(--black-basic);
  font-size: 3.5897435897vw;
  font-weight: 400;
  line-height: 4.4871794872vw;
  text-align: center;
}
.layerPopup .popupContainer .popupContents .quantityText p span {
  color: var(--point-basic);
}
.layerPopup .popupContainer .popupContents .quantityText p:first-child {
  margin-top: 0;
}
.layerPopup .popupContainer .popupContents .startingChops {
  margin-bottom: 5.1282051282vw;
  text-align: center;
}
.layerPopup .popupContainer .popupContents .startingChops span {
  color: var(--grey-light);
  font-size: 4.6153846154vw;
  font-weight: 400;
  line-height: 6.9230769231vw;
}