body {
  background-color: #26313e;
  font-family: Bccardl, sans-serif;
  color: #1a212b;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  word-break: keep-all;
  padding: 0 !important;
}

a {
  text-decoration: none;
}

hr {
  width: 100%;
  height: 1px;
  border: 0;
  background-color: white;
  opacity: .4;
}

button {
  cursor: pointer;
}

.scltop {
  display: none;
  width: 60px;
  opacity: 60%;
  position: fixed;
  right: 1.2vw;
  bottom: 10vh;
  transition: all 250ms linear;
  z-index: 99999;
}

.scltop:hover {
  cursor: pointer;
  opacity: 100%;
}

.txtrd {
  color: #fb0000;
  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
}

.navbar {
  width: 100%;
}

.topnav {
  /* width: 100%; */
  /* padding: 30px 9vw 20px; */
  max-width: 1560px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 0 20px;
  position: relative;
  font-family: 'notosansKR';
  font-weight: 500;
  font-size: 1.05rem;
  display: flex;
  display: flexbox;
  display: -ms-flexbox;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: start;
  align-items: center;
  column-gap: 3vw;
}


.topnav a {
  flex-shrink: 0;
  text-decoration: none;
  color: white;
  opacity: 0.9;
  padding: 5px;
  font-weight: 500;
  text-align: center;
  border-bottom: 2px solid transparent;
  transition: all 220ms ease;
}

.topnav a:hover {
  opacity: 1;
}

.topnav a:hover:not(.topnav-div-1>a) {
  text-decoration: none;
  opacity: 1;
  color: #23AC38;
  border-bottom: 2px solid #23AC38;
}

.topnav-div-1 {
  max-width: 160px;
}

.topnav-div-2 {
  width: 100%;
  display: flex;
  display: flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
  align-items: center;
  transition: all 320ms linear;
}

.hamburger {
  display: none;
  flex-direction: column;
  cursor: pointer;
  opacity: 0.5;
  transition: all 250ms ease;
}

.hamburger span {
  background: white;
  height: 3px;
  width: 25px;
  margin: 3px 0;
}

.topnav-div-link,
.topnavsub-pc {
  display: flex;
  display: flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: start;
  align-items: center;
  column-gap: 1.3vw;
}

.topnavsub-pc {
  column-gap: 1vw;
}

.topnavsub-pc a:hover {
  border-color: transparent !important;
  color: white !important;
}

.index-contents.navbar {
  display: none;
}

.index-contents {
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  justify-content: end;
  align-items: end;
  column-gap: 10px;
  row-gap: 50px;
  color: white;
  background-color: #1A212B;
  border-radius: 10px;
  padding: 32px 34px;
}

.index-info {
  padding: 0 20px;
  grid-column: 1/3;
}

.content-item {
  display: flex;
  display: flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  flex-shrink: 0;
}

.content-item.onebutton {
  justify-self: center;
  border-radius: 100px;
  background-color: #26313E;
  width: 150px;
  height: 150px;
  transition: all 220ms ease;
}

.content-item.onebutton:hover {
  background-color: #0D0D0D;

}

.content-item.onebutton>div span {
  font-family: 'notosansKR';
  line-height: 150%;
  color: #23AC38;
  font-size: 1.1rem
}

.content-item img {
  max-width: 48px;
}

.content-item:last-child img {
  max-width: 70px;
}

.content-item>div:first-child {
  display: flex;
  display: flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 12px;
  font-size: 1.2rem;
  color: #FBFBF8;
}

.topnavsub-mob {
  display: none !important;
}

.index-login-div1,
.index-login-after {
  width: 100%;
  padding: 25px 27px;
  border-radius: 8px;
  background-color: #1A212B;
  display: flex;
  display: flexbox;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 16px;
  color: #FBFBF8;
  text-align: center;
}

.index-login-after {
  padding: 18px 16px;
}

.index-login-div2 {
  display: flex;
  display: flexbox;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
  row-gap: 10px;
  font-size: 1.4rem;
  font-weight: bolder;
  margin-bottom: 10px;
}

.index-login-div3 {
  display: flex;
  display: flexbox;
  display: -ms-flexbox;
  flex-direction: row;
  -ms-flex-direction: row;
  column-gap: 10px;
  font-family: 'NotosansKR';
  font-size: 1.5rem;
}

.index-login-div3 img {
  max-width: 17px;
}

/* login section */
.index-login-div1>a {
  width: 100%;
  background-color: #23AC38;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .15)100%);
  color: #1A212B;
  padding: 21px 20px 23px;
  border: 2px solid #23AC38;
  border-radius: 7px;
  font-family: 'NotosansKR';
  font-size: 1.5rem;
  font-weight: 800;
  transition: all 220ms ease;
}

.index-login-div1>a:hover {
  background-color: #1A212B;
  color: #FBFBF8;
}

.index-login-div4 {
  font-family: 'NotosansKR';
  font-size: .92rem;
  width: 100%;
  display: flex;
  display: flexbox;
  display: -ms-flexbox;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.index-login-div4 a {
  font-weight: 500;
  color: #FBFBF8;
  opacity: .6;
  transition: all 220ms ease;
}

.index-login-div4 a:hover {
  opacity: 1;
}

.index-login-div4.after a {
  border: 1px solid #FBFBF8;
  padding: 4px 12px;
  border-radius: 50px;
}

.index-login-div4.after span {
  margin-right: 5px;
}

.index-login-div4.after img {
  width: 16px;
  padding-bottom: 2px;
}

/* login-after */
.index-login-div5 {
  width: 100%;
  display: flex;
  display: flexbox;
  display: -ms-flexbox;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  column-gap: 12px;
  color: #FBFBF8;
}

.index-login-user {
  width: 62%;
  display: flex;
  display: flexbox;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: start;
  align-items: stretch;
  row-gap: 6px;
}

.index-login-user>div:first-child {
  text-align: start;
  font-size: 1.25rem;
  font-weight: bold;
  padding-left: 3px;
}

.index-login-user>div:first-child img {
  width: 26px;
}

.index-login-user>div:first-child span {
  margin-left: 5px;
}

.index-login-user>div:last-child {
  text-align: end;
  font-size: 1.25rem;
  font-weight: 600;
  font-family: 'notosanskr';
  padding-right: 3px;
}

.index-login-div5 button {
  width: 36%;
  flex-shrink: 0;
  text-wrap: nowrap;
  background-color: #23AC38;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .15)100%);
  border-radius: 7px;
  border: 2px solid #23AC38;
  color: #1A212B;
  text-align: center;
  vertical-align: middle;
  font-family: 'NotoSansKR';
  font-size: 1.15rem;
  font-weight: 700;
  padding: 10px 20px;
  transition: all 300ms ease;
}

.index-login-div5 button:hover {
  background-color: #1A212B;
  color: #FBFBF8;
}


.index-login-after>div:nth-child(2) {
  width: 100%;
}

.index-login-after>div:nth-child(2) button {
  width: 100%;
  background-color: #1E2F45;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .45)100%);
  border-radius: 7px;
  border: 2px solid #1E2F45;
  color: #FBFBF8;
  text-align: center;
  vertical-align: middle;
  font-family: 'NotoSansKR';
  font-size: 1.35rem;
  font-weight: 700;
  padding: 22px 20px;
  transition: all 300ms ease;
}

.index-login-after>div:nth-child(2) button:hover {
  border-color: #23AC38;
}

.side-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 168px;
  height: auto;
  padding: 36px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  row-gap: 34px;
  background-color: #1a212b;
}

.side-onelink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  row-gap: 10px;
  border-radius: 100px;
  background-color: #26313e;
  width: 130px;
  height: 130px;
  font-family: 'Bccardl', sans-serif;
  font-size: 1.1rem;
  letter-spacing: -1px;
  line-height: 130%;
  font-weight: bold;
  color: #e3e3e0;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.side-onelink:hover {
  background-color: #0d0d0d;
}

.side-onelink img {
  width: 37px;
}

.side-onelink:nth-child(11) img {
  width: 60px;
}

.side-onelink span {
  font-family: 'notoSansKR', sans-serif;
  font-size: 1.05rem;
  color: #23AC38;
}

.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 120px;
  margin-right: auto;
  margin-left: auto;
  padding: 28px 9vw 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1a212b;
}

.div-block-16 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.div-block-17 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  grid-column-gap: 22px;
}

.div-block-17 a {
  max-width: 32px;
}

.link-4 {
  font-family: 'NotoSans KR', sans-serif;
  color: #fff;
  font-size: 26px;
  letter-spacing: -2px;
  text-decoration: none;
}

.link-5 {
  font-family: 'NotoSans KR', sans-serif;
  color: #fff;
  font-size: 18px;
  letter-spacing: -2px;
  text-decoration: none;
}

.link-7 {
  font-family: 'NotoSans KR', sans-serif;
  color: #fff;
  font-size: 15px;
  letter-spacing: -1px;
  text-decoration: none;
}

.image-11 {
  transition: all 200ms ease;
}

.image-11:hover {
  filter: invert(63%) sepia(85%) saturate(455%) hue-rotate(78deg) brightness(100%) contrast(92%);
}

.text-block-9 {
  margin-right: 5px;
  margin-left: 5px;
  font-family: 'NotoSans KR', sans-serif;
  color: #fff;
}

.div-block-19 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: start;
  align-items: center;

}

.text-block-10 {
  font-family: 'NotoSans KR', sans-serif;
  color: #fff;
  font-size: 15px;
  letter-spacing: -0.5px;
}

.div-block-20 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.div-block-21 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  padding-top: 15px;
}

.div-block-22 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  row-gap: 18px;
  align-items: end;
  padding-top: 15px;
  ;
}

.text-block-11 {
  margin-top: 6px;
  font-family: 'NotoSans KR', sans-serif;
  color: #fff;
  font-size: 15px;
  letter-spacing: -0.5px;
}

.text-block-12 {
  margin-top: 25px;
  font-family: 'NotoSans KR', sans-serif;
  color: #fff;
  font-size: 15px;
  letter-spacing: -1px;
}

.div-block-23 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: start;
  align-items: start;
  column-gap: 44px;
}

.secbrd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 65vh;
}

.div-block-25 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 22px;
  margin-right: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-13 {
  margin-right: 0px;
  margin-left: 12px;
  font-family: 'Bccardb', sans-serif;
  color: #fff;
  font-size: 32px;
  line-height: 32px;
}

.text-block-13 span {
  margin-left: 10px;
  font-family: 'NotoSansKR', sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
}

.div-block-28 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 5px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  column-gap: 12px;
  font-size: 18px;
  font-weight: 700;
}

.text-block-15 {
  /* margin-right: 14px; */
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.text-block-17 {
  /* margin-right: 63px; */
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.text-block-18 {
  /* margin-right: 101px; */
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.div-block-32 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  column-gap: 20px;
}

.quickpaging {
  display: flex;
  display: flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: end;
  align-items: center;
  font-family: 'notosansKR';
  font-weight: 700;
  font-size: 1.05rem;
  width: 100%;
  column-gap: 8px;
}

.quickpaging a {
  text-decoration: none;
  background-color: #ddd;
  color: #12171E;
  border-radius: 100px;
  padding: 5px 8px;
  min-width: 100px;
  /* width: 17%; */
  /* width: 25%; */
  text-align: center;
  text-wrap: nowrap;
  transition: all 220ms ease;
}

.quickpaging a:hover {
  background-color: #AFAFAF;
}

.dropdown {
  border-radius: 6px;
  background-color: #e0e1dd;
}

.dropdown.trainers .w-dropdown-toggle {
  padding: 10px 140px;
}

.dvdndropdown {
  border-radius: 6px;
  background-color: #fbfbf8;
  margin-left: 18px;
}

.text-block-22 {
  font-family: 'Bccardb', sans-serif;
  font-size: 17px;
  line-height: 17px;
  font-weight: 700;
  color: #1A212B;
}

.text-block-22.dvdn {
  font-size: 20px;
  letter-spacing: -1px;
}

.dropdown-list {
  margin-top: 3px;
}

.dropdown-list.w--open {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 6px;
  font-family: 'bccardl', sans-serif;
  font-size: 16px;
  letter-spacing: -1px;
  font-weight: bold;
  line-height: 20px;
  padding: 8px 0;
}

.dropdown-list.dvdn.w--open {
  font-size: 18px;
  letter-spacing: -1px;
  font-weight: bold;
  line-height: 20px;
  padding: 8px 0;
  background-color: #fbfbf8;
}

.dropdown-list.trainers.w--open {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-evenly;
  align-items: start;
}

.dropdown-list.trainers .disable {
  color: grey;
}

.dropdown-link {
  font-family: 'Bccardb', sans-serif;
}

.note-rank {
  display: flex;
  display: flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  -ms-flex-direction: row;
}

.note-rank table {
  width: max-content;
  border-collapse: collapse;
  border-spacing: 0;
  border: #26313E solid 1px;
  background-color: #FBFBF8;
}

.note-rank table th,
.note-rank table td {
  padding: 1px 9px 3px;
  vertical-align: middle;
  font-size: 1.05rem;
}

.note-rank table th {
  background-color: rgba(0, 0, 0, 0.15);
}

.note-rank table td span {
  margin-right: 5px;
}

.claimer {
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  margin-top: 11px;
  justify-content: start;
  align-items: start;
  row-gap: 20px;
}

.clmranlys table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fbfbf8;
}

.clmranlys td {
  border-color: #1a212b;
  border-style: solid;
  border-width: 1px;
  font-family: 'NotoSans KR', sans-serif;
  font-size: 14px;
  overflow: hidden;
  padding: 4px 0px;
  word-break: normal;
  color: #1a212b;
  text-align: center;
  vertical-align: middle
}

.clmranlys th {
  background-color: #26313E;
  border-color: #1A212B;
  border-style: groove;
  border-width: 2px;
  color: white;
  font-family: 'NotoSans KR', sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -1.5px;
  overflow: hidden;
  padding: 10px 3px;
  text-align: center;
  vertical-align: middle;
  word-break: break-all;
}

.clmranlys th:last-child {
  border-right-width: 0;
}

.clmranlys th:first-child {
  border-left: 1px solid #1A212B;
}

.clmranlys th:nth-child(4) {
  word-break: keep-all;
  padding: 10px 0px;
}

.clmranlys th span {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -1px;
  opacity: 0.8;
}

.clmranlys tbody {
  transition: all 150ms ease;
}

.clmranlys tbody:hover {
  background-color: rgba(95, 136, 182, 0.2);
  cursor: default;
}

.clmranlys tbody {
  border-color: #1A212B;
  border-style: solid;
  border-width: 0 0 2.5px;
}

.clmranlys tr {
  height: 30px;
}

.clmranlys tr:nth-child(1) td:nth-child(3) {
  font-size: 15px;
  line-height: 170%;
  font-weight: bold;
}

.clmranlys tr:nth-child(1) td:nth-child(3) span {
  margin: 0px 2px;
  opacity: 0.7;
  font-weight: 500;
}

.clmranlys tr:nth-child(1) td:nth-child(3n+17) {
  border-right-width: 0;
  border-left-width: 2px;
}

.clmranlys tr:nth-child(1) td:nth-child(3n+18) {
  border-left-width: 0;
}

.clmranlys tr:nth-child(2) td:nth-child(3n+1) {
  border-left-width: 2px;
}

.clmranlys tr:nth-child(3) td:nth-child(4n+6) {
  border-left-width: 2px;
}

.clmranlys tr:nth-child(1) td:nth-child(11) {
  text-align: left;
  padding-left: 2px;
}

.clmranlys tbody>tr:nth-child(3n+1)>td:nth-child(11) div {
  height: 60px;
  overflow: hidden;
  align-content: center;
}

.clmranlys colgroup {
  display: table-column-group;
}

.clmranlys col:nth-child(1) {
  width: 37px;
}

.clmranlys col:nth-child(2) {
  width: 22px;
}

.clmranlys col:nth-child(3) {
  width: 108px;
}

.clmranlys col:nth-child(4) {
  width: 40px;
}

.clmranlys col:nth-child(5) {
  width: 28px;
}

.clmranlys col:nth-child(6) {
  width: 110px;
}

.clmranlys col:nth-child(7) {
  width: 123px;
}

.clmranlys col:nth-child(8) {
  width: 110px;
}

.clmranlys col:nth-child(9) {
  width: 30px;
}

.clmranlys col:nth-child(10) {
  width: 112px;
}

.clmranlys col:nth-child(11) {
  width: 26px;
}

.clmranlys col:nth-child(12) {
  width: 36px;
}

.clmranlys col:nth-child(13) {
  width: 29px;
}

.clmranlys col:nth-child(3n+14) {
  width: 28px;
}

.clmranlys col:nth-child(3n+15) {
  width: 30px;
}

.clmranlys col:nth-child(3n+16) {
  width: 19px;
}

.clmranlys.nxtwk th:nth-child(3) {
  word-break: keep-all;
  padding: 0px;
}

.clmranlys.nxtwk col:nth-child(1) {
  width: 37px;
}

.clmranlys.nxtwk col:nth-child(2) {
  width: 105px;
}

.clmranlys.nxtwk col:nth-child(3) {
  width: 40px;
}

.clmranlys.nxtwk col:nth-child(4) {
  width: 30px;
}

.clmranlys.nxtwk col:nth-child(5) {
  width: 92px;
}

.clmranlys.nxtwk col:nth-child(6) {
  width: 112px;
}

.clmranlys.nxtwk col:nth-child(7) {
  width: 28px;
}

.clmranlys.nxtwk col:nth-child(8) {
  width: 80px;
}

.clmranlys.nxtwk col:nth-child(3n+9) {
  width: 29px;
}

.clmranlys.nxtwk col:nth-child(3n+10) {
  width: 32px;
}

.clmranlys.nxtwk col:nth-child(3n+11) {
  width: 20px;
}

.clmranlys.nxtwk tr:nth-child(1) td:nth-child(3n+15) {
  border-right-width: 0px;
  border-left-width: 2px;
}

.clmranlys.nxtwk tr:nth-child(1) td:nth-child(3n+16) {
  border-left-width: 0px;
}

.clmranlys.nxtwk tr:nth-child(1) td:nth-child(3n+17) {
  border-left-width: 1px;
  border-right-width: 1px;
}

.rankinfo {
  font-size: 1rem;
  font-weight: 500;
  padding-bottom: 7px;
  padding-left: 5px;
}

.prerank {
  width: 100%;
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  column-gap: 14px;
}

.prerank table {
  /* width: 33%; */
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fbfbf8;
  border-radius: 12px 12px 0 0;
  font-family: 'NotoSans KR', sans-serif;
  font-size: 1rem;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
}

.prerank.prz table {
  width: 33%;
}

.prerank thead {
  background-color: #000;
}

.prerank th {
  background-color: #26313E;
  color: white;
  border-radius: 12px 12px 0 0;
  padding: 12px;
}

.prerank td {
  padding: 5px 5px;
  word-break: keep-all;
  border-style: solid;
  border-width: 1px;
  border-color: #1A212B;
  font-size: 16px;
}

.prerank.score td {
  padding: 10px 5px;
}


.prerank thead tr:nth-child(2) th {
  border-radius: 0;
  padding-top: 0px;
  padding-bottom: 10px;
}

.prerank.score tr:nth-child(2) th:last-child {
  text-align: right;
  padding: 0px 8px 10px 0px;
}


.prerank.score td {
  border-width: 0px;
  border-right: #1A212B 1px solid;
  border-bottom: rgba(39, 50, 63, 0.85) 2px solid;
}

.prerank.score tr {
  transition: all 150ms ease;
}

.prerank.score tr:hover {
  background-color: rgba(95, 136, 182, 0.2);
  cursor: default;
}

.prerank.score td:nth-child(1),
.prerank.score td:last-child {
  border-right: 0;
}

.sbprerank {
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
  width: 100%;
  column-gap: 15px;
}

.sbprerank td {
  height: 39px;
}

.clmrscoret {
  width: 80%;
}

.cmridsocret,
.rdowscoret {
  width: 100%;
}

.rdtrscoret {
  width: 90%;
}

.clmrscoret colgroup,
.cmridsocret colgroup,
.rdtrscoret colgroup,
.rdowscoret colgroup {
  display: table-column-group;
}

.clmrscoret col:nth-child(1),
.cmridsocret col:nth-child(1),
.rdtrscoret col:nth-child(1),
.rdowscoret col:nth-child(1) {
  width: 30px;
}

.clmrscoret td:nth-child(2),
.cmridsocret td:nth-child(2) {
  text-align: left;
}

.clmrscoret col:nth-child(2),
.cmridsocret col:nth-child(2),
.cmridsocret col:nth-child(4) {
  width: 140px;
}

.rdtrscoret col:nth-child(2),
.rdtrscoret col:nth-child(3),
.rdowscoret col:nth-child(2) {
  width: 87px
}

.clmrscoret col:last-child,
.cmridsocret col:last-child,
.rdtrscoret col:last-child,
.rdowscoret col:last-child {
  width: 60px;
}

.prz1 tbody,
.prz2 tbody {
  transition: all 150ms ease;
  border-bottom: rgba(39, 50, 63, 0.85) 2px solid;
}

.prz1 tbody:hover,
.prz2 tbody:hover {
  background-color: rgba(95, 136, 182, 0.2);
  cursor: default;
}

.prz1 th>span {
  font-size: 0.9rem;
  margin-left: 5px;
}

.prz1 td,
.prz2 td {
  font-size: 0.95rem;
  padding: 7px 3px;
  height: 33px;
}

.prz1 td[rowspan]:nth-child(1),
.prz2 td[rowspan]:nth-child(1) {
  width: 5%;
  border-right-width: 0;
  border-left-width: 0;
}

.prz1 td[rowspan]:nth-child(2) {
  /* width: 110px; */
  width: 35%;
  border-left-width: 0;
  word-break: break-all;
}

.prz2 td[rowspan]:nth-child(2) {
  /* width: 110px; */
  width: 35%;
  border-left-width: 0;
  word-break: break-all;
}

.prz1 td[rowspan]:nth-child(2),
.prz2 td[rowspan]:nth-child(2) {
  text-align: start;
}

.prz1 td:nth-last-child(3),
.prz2 td:nth-last-child(3) {
  width: 20%;
}

.prz1 td:nth-last-child(2),
.prz2 td:nth-last-child(2) {
  width: 20%;
  text-align: end;
  border-right-width: 0;
}

.prz1 tr:nth-child(1) td:nth-last-child(2),
.prz2 tr:nth-child(1) td:nth-last-child(2) {
  font-weight: 500;
}

.prz1 td:nth-last-child(1),
.prz2 td:nth-last-child(1) {
  width: 8%;
  border-left-width: 0;
  border-right-width: 0;
  font-size: .85rem;
}

.prz1 tbody tr:nth-child(even),
.prz2 tbody tr:nth-child(even) {
  color: #74777a;
}

.rank {
  width: 100%;
}

.rank tr {
  transition: all 150ms ease;
  border-bottom: rgba(39, 50, 63, 0.85) 2px solid;
}

.rank tr:hover {
  background-color: rgba(95, 136, 182, 0.2);
  cursor: default;
}

.rank th {
  vertical-align: bottom;
  min-height: 61px;
  line-height: 130%;
}

.rank td {
  padding: 10px 5px;
  height: 40px;
}

.rank td:nth-child(1) {
  border-right-width: 0;
  border-left-width: 0;
}

.rank td:nth-child(2) {
  border-left-width: 0px;
  text-align: start;
}

.rank td:nth-last-child(1) {
  border-right-width: 0;
}

.prerank .rank:nth-child(4) th span,
.prerank .rank:nth-child(5) th span,
.prerank .rank:nth-child(6) th span {
  color: #00C61F;
}

.div-block-34 {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  margin-right: 10px;
}

.text-block-113 {
  color: #c9c9c9;
}

.dropdown-link-8 {
  height: 30px;
  padding: 7px 5px 0px 7px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  transition: all 200ms ease;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  text-decoration: none;
}

.dropdown-link-8:hover {
  background-color: #91B3C2;
}

.div-block-37 {
  padding-top: 10px;
  padding-right: 5px;
  padding-left: 6px;
  padding-bottom: 120px;
  background-color: #8ABDC7;
  font-family: 'NotoSans KR', sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
}

.div-block-37.saturdaybox {
  background-color: #8ABDC7;
}

.div-block-37.sundaybox {
  background-color: #B2D1DC;
}

.div-block-37.thursday {
  background-color: #91B3C2;
}

.div-block-37.ych {
  background-color: #91B3C2;
}

.div-block-37.next-fri {
  background-color: #7498AA;
}

.div-block-37.next-sat {
  background-color: #8ABDC7;
}

.div-block-37.next-sun {
  background-color: #B2D1DC;
}


.div-block-25.dvdn2 {
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  column-gap: 5px;
}

.dvdnbk {
  background-color: rgba(251, 251, 248, 0.15);
  border-radius: 100px;
  width: 42px;
  height: 43px;
  transition: all 250ms ease;
}

.dvdnbk:hover {
  cursor: pointer;
  background-color: rgba(251, 251, 248, 0.4);
}

.div-block-31 {
  width: 100%;
}

.div-block-37.seoul.dividend,
.div-block-37.busan.dividend,
.div-block-37.jeju.dividend {
  min-height: 780px;
}


.dvlistcont {
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  row-gap: 20px;
  font-family: 'bccardl', sans-serif;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -1px;
  color: #1A212B;
  padding: 35px 20px 35px 24px;
}

.dvdnlist {
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: start;
  align-items: start;
  column-gap: 20px;
  padding: 8px;
}

.dvdnlist div:first-child {
  color: #526275;
  flex-shrink: 0;
  margin-top: 8px;
}

.dvdnlist a {
  text-decoration: none;
  border-right: solid 4px rgba(26, 33, 43, 0.2);
  padding: 8px;
  width: 90px;
  color: #1A212B;
  transition: all 200ms ease;
  flex-shrink: 0;
  word-break: keep-all;
  display: inline-block;
  text-align: center;
  margin-bottom: 8px;
}

.dvdnlist a:last-child {
  border-right: none;
}

.dvdnlist a:hover {
  color: #009A18;
  font-family: 'bccardb', sans-serif;
  text-shadow: 0px 0px 7px rgba(255, 255, 255, 1);
}

.dvdnlist:hover {
  background-color: rgba(107, 107, 107, 0.17);
}

.dvdnsect1 {
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  row-gap: 50px;
}

.dvdnsect2 {
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: start;
  align-items: start;
  column-gap: 18px;
  color: #1A212B;
}

.dvdndiv1 {
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  column-gap: 10px;
  justify-content: start;
  align-items: center;
  -ms-flex-align: center;
  font-family: 'Bccardb', sans-serif;
  font-size: 25px;
  padding-left: 3px;
}

.dvdnquinella {
  font-family: 'NotoSans KR', sans-serif;
  font-size: 16px;
}

.dvdnquinella table {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  border: #26313E solid 1px;
  background-color: #FBFBF8;
}

.dvdnquinella th,
.dvdnquinella td {
  padding: 1px 7px 3px;
  vertical-align: middle;
  font-size: 1.05rem;
  text-wrap: nowrap;
}

.dvdnquinella th {
  background-color: rgba(0, 0, 0, 0.15);
}

.dvdnquinella td:nth-child(2),
.dvdnquinella td:nth-child(5),
.dvdnquinella td:nth-child(8) {
  border-right-width: 0px;
  padding-right: 0px;
}

.dvdnquinella td:nth-child(3),
.dvdnquinella td:nth-child(6),
.dvdnquinella td:nth-child(9) {
  border-left-width: 0px;
  text-align: left;
}

.dvdndiv7 {
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}


.dvdnmk {
  border-radius: 50px;
  width: 10px;
  height: 10px;
  background-color: #1A212B;
  flex-shrink: 0;
}

.dvdnvd {
  overflow: hidden;
  height: 500px;
  max-width: 854px;
}

.dvdnvd iframe {
  width: 135%;
  height: 100%;
}


@media screen and (max-width:1845px) {
  .dvdnvd iframe {
    width: 137%;
  }
}

@media screen and (max-width:1600px) {
  .dvdnvd iframe {
    width: 138%;
  }
}

@media screen and (max-width:1563px) {
  .dvdnvd iframe {
    width: 137%;
  }
}

@media screen and (max-width:1440px) {
  .dvdnvd iframe {
    width: 137%;
  }
}

@media screen and (max-width:1366px) {
  .dvdnvd iframe {
    width: 138%;
  }
}

@media screen and (max-width:1280px) {
  .dvdnvd iframe {
    width: 137.5%;
  }
}

@media screen and (max-width:1080px) {
  .dvdnvd iframe {
    width: 137%;
  }
}

@media screen and (max-width:991px) {
  .dvdnvd {
    width: 100%;
    max-width: 100%;
    height: 555px;
  }

  .dvdnvd iframe {
    width: 132%;
  }
}

@media screen and (max-width:980px) {
  .dvdnvd {
    height: 540px;
  }

  .dvdnvd iframe {
    width: 133%;
  }
}

@media screen and (max-width:950px) {
  .dvdnvd iframe {
    width: 134%;
  }
}


@media screen and (max-width:900px) {
  .dvdnvd {
    height: 498px;
  }

  .dvdnvd iframe {
    width: 134%;
  }
}

@media screen and (max-width:870px) {
  .dvdnvd {
    height: 483px;
  }

  .dvdnvd iframe {
    width: 135.5%;
  }
}

@media screen and (max-width:854px) {
  .dvdnvd {
    height: 474px;
  }

  .dvdnvd iframe {
    width: 136%;
  }
}

@media screen and (max-width:812px) {
  .dvdnvd {
    height: 448px;
  }

  .dvdnvd iframe {
    width: 137.5%;
  }
}


@media screen and (max-width:800px) {
  .dvdnvd {
    height: 441px;
  }

  .dvdnvd iframe {
    width: 138%;
  }
}

@media screen and (max-width:768px) {
  .dvdnvd {
    height: 423px;
  }

  .dvdnvd iframe {
    width: 139.5%;
  }
}

@media screen and (max-width:746px) {
  .dvdnvd {
    height: 412px;
  }

  .dvdnvd iframe {
    width: 141%;
  }
}

@media screen and (max-width:710px) {
  .dvdnvd {
    height: 396px;
  }

  .dvdnvd iframe {
    width: 144%;
  }
}

@media screen and (max-width:690px) {
  .dvdnvd {
    height: 380px;
  }

  .dvdnvd iframe {
    width: 144.5%;
  }
}

@media screen and (max-width:590px) {
  .dvdnvd {
    height: 334px;
  }

  .dvdnvd iframe {
    width: 155%;
  }
}

@media screen and (max-width:414px) {
  .dvdnvd {
    height: 226px;
  }

  .dvdnvd iframe {
    width: 100%;
  }
}

@media screen and (max-width:390px) {
  .dvdnvd {
    height: 212px;
  }
}

@media screen and (max-width:385px) {
  .dvdnvd {
    height: 210px
  }
}

@media screen and (max-width:375px) {
  .dvdnvd {
    height: 204px
  }
}

.dvdndiv2 {
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  row-gap: 8px;
  width: 100%;
}

.dvdndiv3 {
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  row-gap: 23px;
  width: 100%;
}

.dvdntitle {
  background-color: #FBFBF8;
  color: #1A212B;
  font-family: 'NotoSans KR', sans-serif;
  font-size: 20px;
  font-weight: 700;
  padding: 9px;
  text-align: center;
}

.dvdndiv4 {
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
}

.dvdndiv5 {
  width: 330px;
}

.dvdndiv6 {
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: start;
  align-items: center;
  -ms-flex-align: center;
  row-gap: 14px;
}


.dvdn-over {
  overflow-y: scroll;
  background-color: white;
  width: 100%;
  /* height: 754px; */
  height: 822px;
}

.locked img {
  filter: blur(4px);
  pointer-events: none;
  user-select: none;
}

.dvdn-over::-webkit-scrollbar {
  width: 14px;
}

.dvdn-over::-webkit-scrollbar-thumb {
  background-color: #26313E;
  border-radius: 10px;
  border: 2px solid #fff;
}

.dvdtnbox {
  max-height: 590px;
  overflow: hidden;
  position: relative;
}

.dvwatermark {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  opacity: 20%;
  top: 58%;
  left: 35%;
}

.dvwatermark img {
  width: 31%;
}

.dvwatermark.mark2 {
  top: 56.8%;
}

.dvdtnbox img {
  max-height: initial;
  margin-top: -35px;
  filter: contrast(1.2) brightness(1.05);
}

.div-block-38 {
  margin-top: 20px;
  font-size: 13px;
  letter-spacing: -1px;
}

.div-block-39 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.link-block-4 {
  padding: 17px 38px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: #8ABDC7;
  text-decoration: none;
}

.link-block-4.thursday {
  background-color: #91B3C2;
}

.link-block-4.friday-tab {
  background-color: #7498AA;
}

.link-block-4.sundaytab {
  background-color: #B2D1DC;
}

.text-block-23 {
  color: #1a212b;
  font-size: 22px;
  line-height: 20px;
  font-family: 'bccardl', sans-serif;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}



.button {
  min-width: 216px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  column-gap: 10px;
  padding: 15px 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#29415d), to(#1a212b));
  background-image: linear-gradient(180deg, #29415d, #1a212b);
  font-family: 'BCcardl', sans-serif;
  color: #FFE812;
  font-size: 19px;
  line-height: 18px;
  font-weight: bold;
  letter-spacing: -1px;
  text-decoration: none;
}

.button:active {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#29415d), to(#1a212b));
  background-image: linear-gradient(0deg, #29415d, #1a212b);
}

/* 사전인기도 탭 */
.recordTabWrapper {
  width: 65%;
  padding: 22px 15px 15px;
  background-color: #1A212B;
  position: relative;
  border-radius: 8px;
}

.recordTabWrapper h3 {
  margin: 0;
  font-family: 'bccardl';
  font-weight: bold;
  font-size: 1.3rem;
  letter-spacing: -2px;
  color: #23AC38;
  position: absolute;
  top: 15px;
  left: 15px;
}

.recordTabs {
  color: #000;
  font-size: 16px;
  width: 100%;
}

.recordTabButton {
  width: 120px;
  height: 40px;
  background-color: white;
  border-radius: 12px 12px 0px 0px;
  font-size: 1.2rem;
  line-height: 40px;
  text-align: center;
  color: black;
  display: block;
  float: right;
  transition: all 220ms linear;
  margin-bottom: 0px;
}

.recordTabButton:hover {
  cursor: pointer;
  font-weight: bold;
}

.recordTabButton.fri {
  background-color: #7498AA;
}

.recordTabButton.sat {
  background-color: #8ABDC7;
}

.recordTabButton.sun {
  background-color: #B2D1DC;
}

.recordTabButton.yc {
  background-color: #91B3C2;
}


input[name="recordTabContent"] {
  display: none;
}

.recordTabContent {
  display: none;
  clear: both;
}

#ycRecordPC:checked~#ycRecordPC,
#friRecordPC:checked~#friRecordPC,
#satRecordPC:checked~#satRecordPC,
#sunRecordPC:checked~#sunRecordPC {
  display: block;
}

#friRecordPC:checked~#friRecordPC {
  background-color: #7498AA;
}

#satRecordPC:checked~#satRecordPC {
  background-color: #8ABDC7;
}

#sunRecordPC:checked~#sunRecordPC {
  background-color: #B2D1DC;
}

#ycRecordPC:checked~#ycRecordPC {
  background-color: #91B3C2;
}

#ycRecord:checked~#ycRecord,
#friRecord:checked~#friRecord,
#satRecord:checked~#satRecord,
#sunRecord:checked~#sunRecord {
  display: block;
}

#friRecord:checked~#friRecord {
  background-color: #7498AA;
}

#satRecord:checked~#satRecord {
  background-color: #8ABDC7;
}

#sunRecord:checked~#sunRecord {
  background-color: #B2D1DC;
}

#ycRecord:checked~#sunRecord {
  background-color: #91B3C2;
}

.div-block-48 {
  width: 100%;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: start;
  column-gap: 0;
}

.heading {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 15px 0px 15px 10px;
  background-color: #1e2732;
  color: #23ac38;
  font-size: 25px;
}

.heading-2 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #1e2732;
  color: #23ac38;
  font-size: 25px;
  text-align: center;
}

.div-block-51 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-52 {
  font-family: 'NotoSans KR', sans-serif;
  font-size: 18px;
  letter-spacing: -1px;
  width: 83%;
}

.div-block-53 {
  width: 17%;
  font-family: 'NotoSans KR', sans-serif;
  font-size: 18px;
}

.index-mytipmoney {
  font-family: 'NotoSans KR';
  font-size: 21px;
  letter-spacing: -0.5px;
  color: #FBFBF8;
  padding-top: 5px;
  padding-right: 5px;
  align-self: end;
}

.div-block-55 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px 12px 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 170px;
  grid-row-gap: 170px;
  font-family: 'NotoSans KR';
}

.div-block-55 button {
  background-color: transparent;
  border-radius: 50px;
  border: 2px solid #FBFBF8;
  color: #FBFBF8;
  font-weight: 500;
  padding: 2px 8px;
  letter-spacing: -1px;
  opacity: 0.75;
  transition: all 220ms linear;
}

.div-block-55 button:hover {
  opacity: 1;
  color: #23ac38;
  border-color: #23ac38;
}

.div-block-55 input[type='date'] {
  background-color: #FBFBF8;
  color: #12171E;
  font-weight: 500;
  border: none;
  opacity: 0.75;
  border-radius: 50px;
  padding: 2px 6px 2px 10px;
}

.div-block-55 form {
  padding-top: 10px;
}

.link-block-6 {
  margin-top: 22px;
}

.html-embed {
  font-size: 13px;
}

.html-embed-2 {
  font-size: 13px;
}

.link-block-7 {
  margin-right: 5px;
}

.section-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
}

.section-3 {
  padding-top: 30px;
}

.div-block-70 {
  width: 225px;
  height: 85px;
  background-color: #1a212b;
}

.div-block-74 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-78 {
  margin-right: auto;
  margin-left: auto;
}

.div-block-79 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  margin-bottom: 100px;
}

.div-block-80 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'NotoSans KR', sans-serif;
  line-height: 22px;
}

.text-field-2 {
  width: 25vw;
  height: 60px;
  margin-bottom: 0px;
  margin-left: 8px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 7px;
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: #000 #000 #fbfbf8;
  background-color: hsla(0, 0%, 100%, 0);
  color: #fbfbf8;
  font-size: 20px;
}

.text-field-2::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-2:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-2::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-2::placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-3 {
  width: 25vw;
  height: 60px;
  margin-bottom: 0px;
  margin-left: 13px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 7px;
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: #000 #000 #fbfbf8;
  background-color: hsla(0, 0%, 100%, 0);
  color: #fbfbf8;
  font-size: 20px;
}

.text-field-3::-webkit-input-placeholder {
  font-family: 'NotoSans KR', sans-serif;
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-3:-ms-input-placeholder {
  font-family: 'NotoSans KR', sans-serif;
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-3::-ms-input-placeholder {
  font-family: 'NotoSans KR', sans-serif;
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-3::placeholder {
  font-family: 'NotoSans KR', sans-serif;
  color: hsla(0, 0%, 100%, 0.7);
}

.form-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.submit-button-2 {
  margin-top: 39px;
  padding: 14px 7vw;
  border-radius: 50px;
  background-color: #23ac38;
  font-family: 'Bccardb', sans-serif;
  color: #26313e;
  font-size: 25px;
}

.link-10 {
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 20px;
  text-decoration: none;
}

.link-10:hover {
  color: #fbfbf8;
}

.text-block-40 {
  margin-right: 20px;
  margin-left: 20px;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 20px;
}

.heading-5 {
  margin-bottom: 8px;
  font-family: 'Bccardl', sans-serif;
  color: #fbfbf8;
  font-size: 28px;
}

.div-block-82 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 68vw;
  margin-top: 30px;
  padding-bottom: 79px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.15);
}

.div-block-83 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-41 {
  font-family: Bccardl, sans-serif;
  color: #fbfbf8;
  font-size: 20px;
}

.image-8 {
  margin-right: 14px;
}

.form-block-3 {
  margin-top: 72px;
}

.field-label-2 {
  font-family: Bccardl, sans-serif;
  color: #fbfbf8;
  font-size: 22px;
}

.text-field-4 {
  width: 41vw;
  height: 60px;
  min-width: 450px;
  margin-top: 5px;
  margin-bottom: 40px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 7px;
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: #000 #000 #fff;
  background-color: hsla(0, 0%, 100%, 0);
  font-family: 'NotoSans KR', sans-serif;
  color: #fbfbf8;
  font-size: 20px;
}

.text-field-4::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-4:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-4::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-4::placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-block-42 {
  display: none;
}

.text-block-43 {
  display: none;
}

.div-block-84 {
  margin-bottom: 62px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.submit-button-3 {
  margin-top: 22px;
  padding: 14px 7vw;
  border-radius: 50px;
  background-color: #23ac38;
  font-family: 'Bccardb', sans-serif;
  color: #26313e;
  font-size: 25px;
}

.heading-6 {
  margin-top: 65px;
  margin-bottom: 11px;
  font-family: Bccardl, sans-serif;
  color: #fbfbf8;
  font-size: 35px;
}

.div-block-86 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: stretch;
}

.text-field-5 {
  width: 100%;
  height: 50px;
  margin-bottom: 0px;
  padding: 10px;
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: #000 #000 #fbfbf8;
  background-color: transparent;
  font-family: 'NotoSans KR', sans-serif;
  color: #fbfbf8;
  font-size: 1rem;
}

.text-field-5::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-5:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-5::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-5::placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.button-2,
.button-3 {
  margin-left: 14px;
  padding: 10px 22px;
  border-style: solid;
  border-width: 2px;
  border-color: #fbfbf8;
  border-radius: 50px;
  background-color: transparent;
  color: #fbfbf8;
  font-weight: bold;
  font-size: 1.1rem;
  flex-shrink: 0;
  transition: all 220ms linear;
}

.button-2:hover,
.button-3:hover {
  background-color: rgba(251, 251, 248, 0.15);
}

.field-label-3 {
  font-family: 'Bccardl', sans-serif;
  color: #fbfbf8;
  font-size: 20px;
  font-weight: bold;
}

.field-label-4 {
  font-family: 'Bccardl', sans-serif;
  color: #fbfbf8;
  font-size: 20px;
  font-weight: bold;
}

.text-field-6 {
  width: 100%;
  height: 50px;
  margin-bottom: 0px;
  padding: 10px;
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: #000 #000 #fbfbf8;
  background-color: transparent;
  font-family: 'NotoSans KR', sans-serif;
  color: #fbfbf8;
  font-size: 1rem;
}

.text-field-6::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-6:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-6::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-6::placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.div-block-87 {
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 100%;
  row-gap: 5px;
}

.div-block-87.select-region {
  margin-bottom: 60px;
  row-gap: 10px;
}

.select-city {
  height: 49px;
  padding: 0px 68px 1px 22px;
  color: #FBFBF8;
  border-width: 2px;
  border-color: #FBFBF8;
  border-radius: 30px;
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #464F5A;
  background: url('/images/dropdown_expand.png') no-repeat;
  background-position: calc(100% - 18px) center;
  cursor: pointer;
  transition: all 220ms linear;
}

.select-city:hover {
  background-color: rgba(251, 251, 248, 0.15);
}


select::-ms-expand {
  display: none;
}

.city-option {
  background-color: #464F5A;
  color: #FBFBF8;
}

.form-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-88 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 68vw;
  min-width: 990px;
  margin-top: 10px;
  padding: 30px 0 70px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.15);
}

.text-field-7 {
  width: 100%;
  height: 50px;
  margin-bottom: 0px;
  padding: 10px;
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: #000 #000 #fbfbf8;
  background-color: transparent;
  font-family: 'NotoSans KR', sans-serif;
  color: #fff;
  font-size: 1rem;
}

.text-field-7::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-7:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-7::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-7::placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-8 {
  width: 100%;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 12px;
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: #000 #000 #fbfbf8;
  background-color: transparent;
  font-family: 'NotoSans KR', sans-serif;
  color: #fbfbf8;
  font-size: 1rem;
}

.text-field-8::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-8:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-8::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.text-field-8::placeholder {
  color: hsla(0, 0%, 100%, 0.7);
}

.submit-button-4 {
  width: 24vw;
  min-width: 285px;
  padding: 15px;
  color: #1A212B;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  background-color: #23AC38;
  border: 2px solid #23AC38;
  border-radius: 12px;
  transition: all 220ms linear;
}

.submit-button-4:hover {
  background-color: #1A212B;
  color: #23ac38
}

.html-embed-18 {
  font-family: 'NotoSans KR', sans-serif;
  font-size: 20px;
}

.html-embed-19 {
  margin-bottom: 81px;
  color: #fbfbf8;
  font-size: 1.2rem;
}

.html-embed-20 {
  margin-bottom: 0px;
  color: #fbfbf8;
  font-size: 1.3rem;
}

.loginbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 56vw;
  margin-top: 30px;
  padding-top: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: rgba(251, 251, 248, 0.15);
}

.div-block-90 {
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.div-block-91 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-92 {
  width: 72vw;
  height: 515px;
  padding: 30px 20px 30px 30px;
  border-radius: 20px;
  background-color: #fbfbf8;
}

.text-block-47 {
  overflow: visible;
  height: 455px;
  padding-right: 20px;
  font-family: 'NotoSans KR', sans-serif;
  line-height: 22px;
  text-align: left;
}

.heading-7 {
  margin-top: 35px;
  margin-bottom: 25px;
  font-family: Bccardl, sans-serif;
  color: #fff;
  font-size: 35px;
}

.heading-8 {
  margin-top: 80px;
  margin-bottom: 25px;
  font-family: 'Bccardl', sans-serif;
  color: #fff;
  font-size: 35px;
}

.form-block-5 {
  width: 100%;
  margin-bottom: 0px;
  padding: 0 17vw;
}

.form-block-6 {
  margin-bottom: 0px;
}

.div-block-96 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-48 {
  font-family: 'Bccardb', sans-serif;
  font-size: 25px;
  text-align: center;
}

.div-block-97 {
  margin-top: 59px;
  color: #fbfbf8;
}

.text-block-49 {
  max-width: 327px;
  color: #fbfbf8;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
}

.div-block-98 {
  margin-top: 44px;
  margin-bottom: 62px;
}

.button-4 {
  width: 24vw;
  min-width: 285px;
  padding: 15px;
  color: #1A212B;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  background-color: #23AC38;
  border: 2px solid #23AC38;
  border-radius: 12px;
  transition: all 220ms linear;
}

.button-4:hover {
  background-color: #1A212B;
  color: #23ac38
}


.text-block-51 {
  color: #fbfbf8;
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
}

.div-block-100 {
  margin-top: 15px;
  margin-bottom: 60px;
}

.div-block-101 {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #fbfbf8;
}

.button-5 {
  width: 24vw;
  min-width: 285px;
  padding: 15px;
  color: #1A212B;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  background-color: #23AC38;
  border: 2px solid #23AC38;
  border-radius: 12px;
  transition: all 220ms linear;
}


.button-5:hover {
  background-color: #1A212B;
  color: #23ac38
}

.text-block-52 {
  color: #fbfbf8;
  font-size: 19px;
  font-weight: 400;
  text-align: center;
  font-weight: bold;
}

.div-block-102 {
  margin-top: 15px;
  margin-bottom: 50px;
}

.text-block-54 {
  font-family: 'Bccardb', sans-serif;
  color: #fbfbf8;
  font-size: 25px;
  text-align: center;
}

.div-block-103 {
  margin-top: 61px;
}

.div-block-104 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 44px;
  margin-bottom: 75px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-row-gap: 11px;
}

.text-block-56,
.text-block-57 {
  color: #fbfbf8;
  font-family: 'NotoSansKr';
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}

.div-block-105 {
  overflow: auto;
}

.select-region {
  margin-bottom: 13px;
  font-family: Bccardl, sans-serif;
  color: #fbfbf8;
  font-size: 22px;
  text-align: center;
}


.image-10 {
  margin-right: 18px;
}

.modal-wrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1001;
  display: none;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(1, 1, 1, 0.2);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.modal-map {
  position: relative;
  padding: 25px 20px 35px;
  border-radius: 20px;
  background-color: #26313e;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: center;
  align-items: center;
}


.text-block-63 {
  margin-bottom: 5px;
  padding-left: 10px;
  font-family: 'NotoSans KR', sans-serif;
  color: #fbfbf8;
  font-size: 16px;
  letter-spacing: -1px;
  text-align: center;
}

.heading-9 {
  margin-top: 0px;
  margin-bottom: 12px;
  color: #fbfbf8;
  font-size: 28px;
  text-align: center;
  letter-spacing: -2px;
}

.text-block-64 {
  font-family: 'NotoSans KR', sans-serif;
  color: #fbfbf8;
  font-size: 16px;
  letter-spacing: -1px;
}

.modalpopbackground {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 90;
  z-index: -1;
  opacity: 0;
  background-color: rgba(1, 1, 1, 0.5);
  backdrop-filter: blur(2px);
}

.modalpopshow {
  opacity: 1;
  z-index: 90;
  transition: all 0.5s;
}

.modalpopwindow {
  position: relative;
  width: 100%;
  height: 100%;
}

.modalpopup {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 680px;
  height: 500px;
  transform: translate(-50%, -40%);
}

.modalpopshow .modalpopup {
  transform: translate(-50%, -50%);
  transition: all 0.5s;
}

.div-block-114 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 5px;
}

.div-block-115 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.div-block-116 {
  position: absolute;
  left: auto;
  top: 15px;
  right: 15px;
  bottom: auto;
  padding: 15px;
}

.closed-area {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: transparent;
}

.text-block-65 {
  font-family: 'NotoSans KR', sans-serif;
  color: #fbfbf8;
  font-size: 16px;
  letter-spacing: -1px;
}

.modal-weight {
  position: relative;
  padding: 28px 20px 38px;
  border-radius: 20px;
  background-color: #26313e;
}

.heading-11 {
  margin-top: 0px;
  margin-bottom: 26px;
  color: #fbfbf8;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -2px;
}

.closebutton {
  background-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-color: #fbfbf8;
  border-radius: 20px;
  padding: 10px 30px 8px;
  font-family: 'Bccardl', sans-serif;
  font-weight: bold;
  font-size: 1.05rem;
  color: #fbfbf8;
  transition: all 200ms ease;
}

.closebutton:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.05);
}

.weight-wrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1001;
  display: none;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(1, 1, 1, 0.2);
  opacity: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.div-block-13 {
  position: absolute;
  left: auto;
  top: 15px;
  right: 15px;
  bottom: auto;
  padding: 15px;
}


.image-13 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.text-block-66 {
  color: #fbfbf8;
  font-size: 14px;
}

.div-block-120 {
  position: absolute;
  left: 52px;
  overflow: hidden;
  height: 20px;
}

.button-6 {
  /* margin-left: 41px; */
  padding: 5px 21px;
  border-radius: 50px;
  background-color: #26313e;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fbfbf8;
  font-size: 16px;
  line-height: 19px;
  word-break: keep-all;
  text-align: center;
  flex-shrink: 0;
}

.button-6:hover {
  color: #23ac38;
}

.link-block-14 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 13px 3px 19px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 5px;
  border-radius: 50px;
  background-color: #26313e;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fbfbf8;
  text-decoration: none;
}

.link-block-14:hover {
  color: #23ac38;
}

.text-block-75 {
  font-size: 16px;
  line-height: 16px;
}

/*  stable1 */
.link-block-4.seoul {
  background-color: #A9C7E8;
}

.link-block-4.busan {
  background-color: #B0D6B9;
}

.link-block-4.jeju {
  background-color: #F7BABA;
}

.link-block-4.ych {
  background-color: #91B3C2;
}

.div-block-37.seoul {
  /* padding: 15px 15px 100px; */
  background-color: #A9C7E8;
}

.div-block-37.busan {
  /* padding: 15px 15px 100px; */
  background-color: #B0D6B9;
}

.div-block-37.jeju {
  /* padding: 15px 15px 100px; */
  background-color: #F7BABA;
}

.text-block-78 {
  font-family: Bccardl, sans-serif;
  font-weight: bold;
  color: #1a212b;
  font-size: 18px;
  letter-spacing: -1px;
  line-height: auto;
}

.div-block-139 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 11px;
  padding-left: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 4px;
}

.direction-div {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
  align-items: start;
}


.trainer-list {
  position: relative;
}

.trainer-list table {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0px;
  background-color: #FBFBF8;
  width: 100%;
}

.trainer-list table colgroup {
  display: table-column-group;
}

.trainer-list table col:nth-child(1) {
  width: 4%;
}

.trainer-list table col:nth-child(2) {
  width: 10%;
}

.trainer-list table col:nth-child(3) {
  width: 7.6%;
}

.trainer-list th {
  border-style: solid;
  border-width: 1px;
  border-color: #1A212B;
  text-align: center;
  vertical-align: middle;
  font-family: 'NotoSans KR', sans-serif;
  color: #1A212B;
  font-weight: bolder;
  font-size: 17px;
  height: 30px;
}

.trainer-list td {
  border-style: solid;
  border-width: 1px;
  border-color: #1A212B;
  text-align: center;
  vertical-align: middle;
  font-family: 'NotoSans KR', sans-serif;
  color: #1A212B;
  font-weight: 400;
  font-size: 16px;
  height: 32px;
}

.trainer-list thead {
  position: sticky;
  top: 0;
  background-color: #e4e4e4;
  box-shadow: 0px 1px 0px #12171E;
}


.trainer-list tbody {
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #1A212B;
}

.trainer-list tbody tr:nth-child(1) td:nth-child(1),
.trainer-list tbody tr:nth-child(1) td:nth-child(2),
.trainer-list tbody tr:nth-child(1) td:nth-child(3),
.trainer-list tbody tr:nth-child(1) td:nth-child(4),
.trainer-list tbody tr:nth-child(1) td:nth-child(8) {
  font-size: 18px;
}

.trainer-list.seoul tbody:hover {
  background-color: rgba(169, 199, 232, 0.3);
  cursor: pointer;
}

.trainer-list.busan tbody:hover {
  background-color: rgba(176, 214, 185, 0.3);
  cursor: pointer;
}

.trainer-list.jeju tbody:hover {
  background-color: rgba(247, 186, 186, 0.3);
  cursor: pointer;
}

.trainer-list.ych tbody:hover {
  background-color: rgba(145, 179, 194, 0.3);
  cursor: pointer;
}

/* stable2-list */
.stable-list {
  border-collapse: separate;
  border-spacing: 0 15px;
  background-color: transparent;
  font-family: 'bccardl', sans-serif;
  font-weight: bold;
  font-size: 20px;
  margin-top: -5px;
  margin-bottom: 35px;
}

.stable-list td {
  height: 25px;
  text-align: center;
  vertical-align: middle;
  border-style: solid;
  border-width: 0 2px;
  border-color: rgba(26, 33, 43, 0.2);
}

.stable-list a {
  text-decoration: none;
  color: #1A212B;
}

.stable-list a:hover:not(.disable) {
  padding: 2px 9px;
  background-color: rgba(251, 251, 248, 0.7);
  border-radius: 20px;
  transition: all 200ms ease;
}

.stable-list .w--current {
  padding: 2px 9px;
  background-color: rgba(251, 251, 248, 0.7);
  border-radius: 20px;
}

.stable-list .disable {
  color: grey;
  cursor: default;
}

.stable-list :first-child {
  border-left: none;
}

.stable-list :last-child {
  border-right: none;
}

/* 승부기수&신마성적 */
.trn-div1 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
  align-items: start;
  column-gap: 1vw;
}

.trn-div6,
.trn-div7 {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: start;
  align-items: start;
  row-gap: 10px;
}

.trn-div6 {
  width: 60%;
}

.trn-div7 {
  width: 40%;
}

.trn-div2 {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: start;
  align-items: center;
  column-gap: 5px;
  font-family: 'Bccardb', sans-serif;
  font-size: 23px;
  letter-spacing: -2px;
  -webkit-text-stroke: #1A212B 0.5px;
}

.trn-div2 img {
  margin-bottom: 6px;
}

.trn-div2 span {
  font-family: 'NotoSans Kr';
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: -1px;
  opacity: 0.85;
  margin-left: 3px;
}

.keyrider table,
.newhorse table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #FBFBF8;
}

.keyrider table {
  width: 100%;
}

.newhorse table {
  width: 100%;
}

.keyrider colgroup,
.newhorse colgroup {
  display: table-column-group;
}

.keyrider col:nth-child(1),
.newhorse col:nth-child(1) {
  width: 96px;
}


.keyrider table th,
.newhorse table th,
.keyrider table td,
.newhorse table td {
  border-style: solid;
  border-width: 1px;
  border-color: #1A212B;
  text-align: center;
  vertical-align: middle;
  font-family: 'NotoSans KR', sans-serif;
  color: #1A212B;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  padding: 10px 0px;
}

.keyrider table th,
.newhorse table th {
  font-weight: 600;
}

.trn-div3 {
  margin-top: 45px;
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: start;
  align-items: start;
}

.trn-div4 {
  color: white;
  font-family: 'Bccardb', sans-serif;
  font-size: 23px;
  letter-spacing: -2px;
  -webkit-text-stroke: #1A212B 0.5px;
  background-color: #1A212B;
  padding: 15px 18px 8px;
  text-align: center;
  border-radius: 8px 8px 0px 0px;
}

.monthly table {
  width: 100%;
  min-width: 1600px;
  table-layout: fixed;
  background-color: #FBFBF8;
  border-collapse: collapse;
  border-spacing: 0;
}

.monthly colgroup {
  display: table-column-group;
}

.monthly col:nth-child(1) {
  width: 2%;
}

.monthly col:nth-child(2) {
  width: 8%;
}

.monthly col:nth-child(3) {
  width: 5%;
}

.monthly col:nth-child(4) {
  width: 7%;
}

.monthly th,
.monthly td {
  border: #1A212B solid 1px;
  text-align: center;
  vertical-align: middle;
  font-family: 'NotoSans KR', sans-serif;
  color: #1A212B;
  font-size: 1rem;
  line-height: 130%;
}

.monthly th {
  height: 40px;
}

.monthly td {
  height: 60px;
}

.monthlycomb {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: space-evenly;
  align-items: stretch;
  height: 100%;
  font-size: 0.9rem;
  line-height: 100%;
}

.monthlycomb>div {
  height: 100%;
  align-content: center;
}

.monthlycomb>div {
  border-bottom: #1A212B solid 1px;
}

.monthlycomb>div:last-child {
  border-bottom-width: 0px;
}

.prize1 {
  background-color: #C3E6EB;
}

.prize2 {
  background-color: #FFF1A4;
}

.prize3 {
  background-color: #D0F5AA;
}

.monthly.seoul tbody:hover:not(thead) {
  background-color: rgba(169, 199, 232, 0.3);
}

.monthly.busan tbody:hover:not(thead) {
  background-color: rgba(176, 214, 185, 0.3);
}

.monthly.jeju tbody:hover:not(thead) {
  background-color: rgba(247, 186, 186, 0.3);
}

.monthly.ych tbody:hover:not(thead) {
  background-color: rgba(145, 179, 194, 0.3);
}



/* search */
.searchdata {
  width: 100%;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: center;
  padding: 0 0.5vw;
  align-items: center;
  row-gap: 15px;
}

.searchinput {
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: start;
  column-gap: 3vw;
  background-color: #1A212B;
  padding: 22px 0px;
  width: 100%;
  border-radius: 12px;
  color: #fff;
}

.searchinput.pedigree {
  flex-direction: column;
  -ms-flex-direction: column;
  row-gap: 4vh;
  padding: 30px 4vw;
}

.searchhead {
  font-family: 'Bccardb', sans-serif;
  color: #fff;
  font-size: 2rem;
  letter-spacing: -1px;
  margin-left: 70px;
  margin-top: 10px;
  flex-shrink: 0;
}

.searchinput.pedigree .searchhead {
  margin-left: 0;
}

.searchhead span {
  font-family: 'NotoSansKR', sans-serif;
  font-size: 1.1rem;
  margin-left: 20px;
}

.searchform {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: start;
  column-gap: 3vw;
  margin-right: 45px;
}

.searchinput.pedigree .searchform {
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.s-div1 {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: end;
  row-gap: 8px;
  font-family: 'bccardl', sans-serif;
  font-size: 18px;
  letter-spacing: -2px;
  flex-shrink: 0;
}

.searchinput.pedigree .s-div1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  font-weight: bold;
  column-gap: 3vw;
  padding: 5px;
}

.searchinput.pedigree .s-div1>div {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  column-gap: 15px;
}

.s-subject {
  border-radius: 5px;
  border-style: none;
  background-color: #5D6268;
  padding: 2px 8px;
  width: 9vw;
  min-width: 120px;
  height: 32px;
  font-family: 'NotoSans KR', sans-serif;
  font-size: 17px;
  margin-left: 15px;
}

.searchinput.pedigree .s-subject {
  min-width: 270px;
  height: 40px;
  margin-left: 0;
}

.s-subject.dup {
  margin-left: 8px;
}

.s-subject.range {
  margin-right: 8px;
}

.s-subject.range2 {
  margin-left: 8px;
}

.s-subject.date {
  text-align: center;
}

.s-subject.date::-webkit-calendar-picker-indicator {
  filter: invert(1)
}

.s-active {
  color: #1A212B;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.s-active button {
  height: 220px;
  width: 120px;
  border-radius: 8px;
  border: solid 2px #E6E6E6;
  background-color: #E6E6E6;
  font-family: 'Bccardl', sans-serif;
  font-weight: bold;
  font-size: 23px;
  letter-spacing: -2px;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  row-gap: 15px;
  justify-content: center;
  align-items: center;
  transition: all ease 200ms;
}

.s-active button:hover img {
  filter: invert(1);
  cursor: pointer;
}

.s-active button:hover {
  background-color: #12171E;
  color: #E6E6E6;
  cursor: pointer;
}

.searchinput.pedigree .s-active button {
  height: auto;
  width: 100%;
  padding: 12px 83px 12px 70px;
  flex-direction: row;
  -ms-flex-direction: row;
  column-gap: 7px;
}

.searchresult {
  display: none;
  font-family: 'NotoSans KR', sans-serif;
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #1A212B;
  width: 100%;
}

.s-result {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-color: #1A212B;
}

.s-result thead {
  background-color: #C3C5C5;
}

.s-result th,
.s-result td {
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-color: #26313E;
  padding: 10px 0px;
  text-align: center;
  vertical-align: middle;
}

.s-result th {
  border-bottom-width: 2px;
}

.s-result tbody {
  background-color: #FBFBF8;
}

.s-result tr {
  transition: all ease 150ms;
}

.s-result tbody tr:hover {
  background-color: rgba(95, 136, 182, 0.2);
  cursor: default;
}

.s-result td:nth-child(1) {
  width: 5.5%;
}

.s-result td:nth-child(2),
.s-result td:nth-child(6),
.s-result td:nth-child(8),
.s-result td:nth-child(12) {
  width: 2.8%;
}

.s-result td:nth-child(3),
.s-result td:nth-child(21),
.s-result td:nth-child(22),
.s-result td:nth-child(23),
.s-result td:nth-child(24) {
  width: 3.8%;
}

.s-result td:nth-child(4),
.s-result td:nth-child(5) {
  width: 3.5%;
}


.s-result td:nth-child(7),
.s-result td:nth-child(11) {
  width: 8.5%;
}

.s-result td:nth-child(9),
.s-result td:nth-child(10) {
  width: 6.5%;
}

.s-result td:nth-child(13),
.s-result td:nth-child(14),
.s-result td:nth-child(15),
.s-result td:nth-child(16),
.s-result td:nth-child(17),
.s-result td:nth-child(18),
.s-result td:nth-child(19),
.s-result td:nth-child(20) {
  width: 3%;
}

.s-record {
  width: 100%;
  padding: 0 8vw;
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: start;
  align-items: start;
  column-gap: 0.8vw;
  font-family: 'NotoSans KR', sans-serif;
  font-size: 17px;
}

.s-div2 {
  display: none;
  background-color: #FBFBF8;
  border-radius: 10px;
  padding: 0px 16px 16px;
  width: 100%;
  max-width: 280px;
  min-width: 220px;
  align-self: flex-start;
}

.s-individual {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.s-individual th,
.s-individual td {
  text-align: center;
  vertical-align: middle;
}

.s-individual th {
  height: 45px;
}

.s-individual td {
  border-style: solid;
  border-color: #1A212B;
  border-width: 1px;
  padding: 4px;
}

.recordrow {
  background-color: #C3C5C5;
}

.s-individual th:nth-child(1) {
  width: 30%;
}

.s-individual th:nth-child(2) {
  font-size: 19px;
}

.s-individual td:nth-child(2) {
  font-weight: bold;
}

.schvd {
  padding: 30px 3vw;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: start;
  align-items: center;
  row-gap: 30px;
}

.schvdtb {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  width: 600px;
  table-layout: fixed;
}

.schvdtb th,
.schvdtb td {
  color: #fff;
  font-family: 'NotoSans KR', sans-serif;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  padding: 5px 0;
}

.schvdtb th {
  border-style: solid;
  border-width: 0 0 2px;
  border-color: #fff;
}

.schvdtb col:nth-child(1) {
  width: 50px;
}

.schvdtb col:nth-child(2) {
  width: 150px;
}

.schvdtb col:nth-child(3) {
  width: 130px;
}

.schvdtb col:nth-child(4) {
  width: 70px;
}

.schvdbtm {
  text-align: center;
}

.schvd iframe {
  width: 767px;
  height: 430px
}

.MobRaceList {
  display: none;
}

/* Pedigree Result */
.pedigreeResult {
  /* display: none; */
  font-family: 'NotoSans KR', sans-serif;
  font-size: 1rem;
  letter-spacing: -0.5px;
  color: #1A212B;
  width: 100%;
}

.pedigreeResult table {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-color: #1A212B;
}

.pedigreeResult colgroup {
  display: table-column-group;
}

.pedigreeResult col:nth-child(1) {
  width: 13%;
}

.pedigreeResult col:nth-child(2) {
  width: 14%;
}

.pedigreeResult col:nth-child(3) {
  width: 6%;
}

.pedigreeResult col:nth-child(4) {
  width: 8%;
}

.pedigreeResult col:nth-child(5) {
  width: 10%;
}

.pedigreeResult col:nth-child(6) {
  width: 11%;
}

.pedigreeResult table thead {
  background-color: #C3C5C5;
}

.pedigreeResult th,
.pedigreeResult td {
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-color: #26313E;
  padding: 9px 0px;
  line-height: 150%;
  text-align: center;
  vertical-align: middle;
}

.pedigreeResult th {
  border-bottom-width: 2px;
}

.pedigreeResult table tbody {
  background-color: #FBFBF8;
  transition: all ease 170ms;
}

.pedigreeResult table tbody:hover {
  cursor: pointer;
  background-color: #DCE4EA;
}

.pedigreeResult td:first-child {
  font-weight: 600;
  font-size: 1.1rem;
}

.pedigreeResult td:nth-child(2) {
  text-align: start;
  padding-left: 20px;
}

.pedigreeResult td:nth-child(2) span {
  margin-right: 5px;
}

/* list */
.list-wrapper {
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  column-gap: 20px;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 18px;
}

.list-wrapper.reviewclaimer {
  align-items: stretch;
  column-gap: 10px;
}

.list-wrapper .race-list {
  margin-top: 3px;
}

.race-list {
  border-collapse: separate;
  border-spacing: 0 8px;
  background-color: transparent;
  font-family: 'bccardl', sans-serif;
  font-weight: bold;
  font-size: 16.5px;
  letter-spacing: -1px;
  background-color: transparent;
  margin-bottom: 10px;
}

.race-list td {
  height: 25px;
  text-align: center;
  vertical-align: middle;
  border-style: solid;
  border-width: 0px 1px 0px 2px;
  border-color: rgba(26, 33, 43, 0.2);
}

.race-list :first-child {
  border-left: none;
}

.race-list :last-child {
  border-right: none;
}

.race-list a {
  text-decoration: none;
  color: #1A212B;
  text-wrap: nowrap;
}

.race-list a:hover {
  padding: 3px 10px;
  background-color: rgba(251, 251, 248, 0.7);
  border-radius: 20px;
  transition: all 150ms ease;
}

.dvdnbtn {
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  column-gap: 0.5vw;
  color: #fbfbf8;
  font-size: 1rem;
  position: absolute;
  right: 1vw;
}

.dvdnbtn button {
  background-color: rgba(255, 255, 255, 0.15);
  padding: 5px 15px;
  border-radius: 20px;
  transition: all 220ms linear;
  font-weight: bold;
}

.dvdnbtn button:hover {
  background-color: rgba(255, 255, 255, 0.4);
  text-shadow: 0px 0px 5px #000;
}


.dvdnbtn span {
  font-family: 'NotoSans KR';
}

.prtbtn {
  padding: 3px 22px 4px;
  font-family: 'NotoSans KR';
  font-size: 1.1rem;
  background-color: #1A212B;
  border: #1A212B solid 2px;
  color: #23AC38;
  font-weight: 600;
  border-radius: 50px;
  transition: all 220ms linear;
}

.prtbtn:hover {
  background-color: #23AC38;
  border-color: #1A212B;
  color: #1A212B;
}

.racetip-print-header {
  display: none;
}

.racetip-print-logo {
  display: flex;
  display: -ms-flexbox;
  flex-direction: row;
  -ms-flex-direction: row;
  justify-content: start;
  align-items: center;
  column-gap: 7px;
}

.racetip-print-logo>img:first-child {
  width: 20px;
}

.racetip-print-logo>img:last-child {
  width: 65px;
}

.racetip-print-hd2 {
  display: flex;
  flex-direction: row;
  column-gap: 10px;
  font-size: 12pt;
  letter-spacing: -0.5px;
}

.racetip-print-hd2 div:nth-child(1)>img {
  width: 13px;
}

.racetip-print-hd2 div:nth-child(2)>img {
  width: 14px;
}

.drctdiv {
  font-family: 'NotoSans KR';
  padding-left: 5px;
  font-size: 1.05rem;
  font-weight: 600;
}

.drctdiv.wht {
  color: lightgrey;
  font-weight: 400;
}

.racebrief {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 6px;
  padding-left: 8px;
}

.racebrief span {
  margin-right: 15px;
}

/* .racebrief.pfm {
  justify-content: space-between;
  overflow-y: auto;
}

.racebrief.pfm>div:nth-child(1) {
  width: 15%;
  min-width: 250px;
}

.racebrief.pfm>div:nth-child(2) {
  width: 85%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.racebrief.pfm div {
  flex-shrink: 0;
} */



@media screen and (max-width: 1628px) {

  .index-login-user>div:first-child,
  .index-login-user>div:last-child {
    font-size: 1.15rem;
  }

  .index-login-user>div:first-child span {
    margin-left: 3px;
  }

}

@media screen and (max-width: 1536px) {
  .index-login-div2 {
    font-size: 1.3rem;
  }

  .index-login-div1>a {
    padding: 18px 20px 20px;
  }

  .index-info {
    padding: 0 10px;
  }

  .div-block-31 {
    width: auto;
  }

  .dvlistcont {
    padding: 20px;
  }

  .dvdnlist {
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: start;
    align-items: start;
    row-gap: 10px;
    padding: 5px;
  }

  .div-block-16 {
    padding: 40px 20px 50px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .div-block-23 {
    flex-direction: column;
    -ms-flex-direction: column;
    row-gap: 20px;
    width: 50%;
  }

  .footer {
    padding: 28px 5vw 50px;
  }

}

@media screen and (max-width:1440px) {
  .index-login-div1 {
    row-gap: 16px;
  }

  .index-login-div2 {
    font-size: 1.2rem;
    row-gap: 5px;
  }

  .index-login-div3 {
    font-size: 1.3rem;
  }

}

@media screen and (max-width:1366px) {
  .index-login-div1 {
    padding: 27px 24px 27px;
  }


  .index-contents {
    padding: 32px 27px;
  }

}

@media screen and (max-width: 1280px) {

  .index-login-user>div:first-child,
  .index-login-user>div:last-child {
    font-size: 1.25rem;
  }

  .recordTabWrapper {
    width: 100%;
  }

}

@media screen and (max-width: 1265px) {
  .topnav {
    padding: 0;
    justify-content: space-between;
    box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.3);
    z-index: 20;
  }

  .topnav>div:first-child {
    background-color: #26313E;
    padding: 20px 5vw 17px;
    width: 100%;
    display: flex;
    display: flexbox;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    align-items: center;
    column-gap: 3.5vw;
    z-index: 20;
  }

  .topnav-div-1 {
    max-width: 120px;
    z-index: 11;
  }

  .hamburger {
    display: flex;
    z-index: 11;
  }

  .hamburger.active {
    opacity: 1;
  }

  .hamburger.active span {
    background-color: #23AC38;
  }

  .topnav-div-2 {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 110px 5vw 90px;
    background-color: #26313E;
    z-index: 1;
    box-shadow: 0px 10px 12px 5px rgba(0, 0, 0, 0.5);
  }

  .topnav-div-2.active {
    display: flex;
    display: flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: start;
    align-items: center;
    row-gap: 5vh;
    overflow-y: auto;
  }

  .topnav-div-2.active {
    position: fixed;
    top: 0;
  }

  .topnav:has(.topnav-div-2.active) {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }

  body:has(.topnav-div-2.active) {
    overflow: hidden !important;
  }

  .topnav-div-link {
    width: 100%;
    display: grid;
    display: -ms-grid;
    display: -moz-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    align-items: start;
    row-gap: 25px;
  }

  .topnav-div-link a {
    justify-self: center;
  }

  .topnav a:hover:not(.topnav-div-1>a) {
    text-decoration: none;
    color: #FBFBF8;
    border-bottom: 2px solid transparent;
  }

  .topnavsub-pc {
    display: none;
  }

  .topnavsub-mob {
    display: block !important;
    width: 100%;
  }

  .index-contents.navbar {
    width: 100%;
    display: grid;
    padding: 32px 0px;
    column-gap: 0;
  }

  .index-contents.navbar .content-item>div:first-child {
    font-size: 1.1rem;
    font-weight: 700;
  }

  .index-contents {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .content-item.onebutton:nth-child(6) {
    grid-area: 3/4;
  }

  .content-item.onebutton:nth-child(7) {
    grid-area: 3/3;
  }

  .content-item.onebutton:nth-child(8) {
    grid-area: 3/2;
  }

  .content-item.onebutton:nth-child(9) {
    grid-area: 3/1;
  }

  .index-contents.navbar .content-item.onebutton:nth-child(5) {
    grid-area: 3/2;
  }

  .index-contents.navbar .content-item.onebutton:nth-child(6) {
    grid-area: 3/1;
  }

  .index-contents.navbar .content-item.onebutton:nth-child(7) {
    grid-area: 2/4;
  }

  .index-contents.navbar .content-item.onebutton:nth-child(8) {
    grid-area: 2/3;
  }

  .index-contents.navbar .content-item.onebutton:nth-child(9) {
    grid-area: 2/1;
  }


  .searchinput.pedigree .searchform {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: stretch;
    row-gap: 30px;
  }

  .searchinput.pedigree .s-div1 {
    width: 100%;
    justify-content: space-between;
  }

  .searchinput.pedigree .s-div1>div {
    width: 47%;
  }

  .searchinput.pedigree .s-div1>div span {
    display: inline-block;
    text-wrap: nowrap;
    flex-shrink: 0;
  }

  .searchinput.pedigree .s-subject {
    min-width: 200px;
    width: 100%;
  }

  .pedigreeResult {
    width: 100%;
    overflow: auto;
  }

  .pedigreeResult table {
    width: 1300px;
  }

  .searchdata {
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: start;
    align-items: start;
  }

  .searchinput.pedigree .searchhead {
    display: block;
    font-size: 1.5rem;
  }

  .searchinput.pedigree .searchhead span {
    font-size: 1rem;
  }
}


@media screen and (max-width: 991px) {
  .dropdown-link-8 {
    height: 50px;
    width: 100%;
    padding: 20px;
    color: #fff;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.1);
    border-width: 0 0 1px 0;
    border-radius: 0;
    text-align: center;
  }

  .side-bar.sub {
    display: none;
  }

  .div-block-22 {
    width: 50%;
    flex-shrink: 0;
    margin-top: 88px;
    row-gap: 40px;
  }

  .link-4 {
    font-size: 23px;
  }

  .link-5 {
    font-size: 16px;
  }

  .info {
    color: #fbfbf8;
    font-size: 14px;
  }

  .button {
    min-width: 150px;
    margin-bottom: 0px;
    padding: 12px 0px;
    font-family: 'bccardl', sans-serif;
    font-size: 16px;
    letter-spacing: -1px;
    text-align: center;
  }

  .div-block-48 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .heading {
    text-align: center;
  }

  .div-block-51 {
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .div-block-52 {
    width: 82%;
  }

  .div-block-53 {
    width: 18%;
  }

  .div-block-55 {
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .right-arrow {
    display: none;
  }

  .left-arrow {
    display: none;
  }

  .slide-nav {
    display: none;
  }

  .index-mytipmoney {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 5px;
    font-size: 17px;
  }

  .section-3 {
    display: none;
  }

  .text-block-39 {
    font-family: Bccardl, sans-serif;
    color: #ddd;
    font-size: 15px;
  }

  .html-embed-17 {
    font-family: 'NotoSans KR', sans-serif;
    color: #1a212b;
    height: 100%;
    overflow-y: scroll;
  }

  .image-7 {
    max-width: 80%;
  }

  .div-block-80 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .text-field-2 {
    width: 40vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 18px;
  }

  .text-field-3 {
    width: 40vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 18px;
  }

  .submit-button-2 {
    padding-right: 10vw;
    padding-left: 10vw;
    font-size: 22px;
  }

  .heading-5 {
    font-size: 26px;
  }

  .div-block-82 {
    width: 95vw;
  }

  .text-block-41 {
    font-size: 18px;
  }

  .text-field-4 {
    width: 45vw;
    font-size: 18px;
  }

  .submit-button-3 {
    padding-right: 10vw;
    padding-left: 10vw;
    font-size: 22px;
  }

  .heading-6 {
    font-size: 30px;
  }

  .field-label-3 {
    font-size: 22px;
  }

  .field-label-4 {
    font-size: 22px;
  }

  .div-block-87 {
    margin-bottom: 30px;
  }

  .div-block-88 {
    width: 95vw;
    min-width: 0;
  }

  .form-block-5 {
    padding: 0 15vw;
  }

  .submit-button-4 {
    padding-right: 10vw;
    padding-left: 10vw;
    font-size: 22px;
  }

  .loginbox {
    width: 90vw;
  }

  .div-block-92 {
    width: 85vw;
  }

  .heading-7 {
    margin-top: 30px;
    font-size: 30px;
  }

  .heading-8 {
    margin-top: 70px;
    font-size: 30px;
  }

  .div-block-93 {
    display: none;
  }

  .div-block-94 {
    padding-right: 0px;
  }

  .div-block-95 {
    display: none;
  }

  .text-block-48 {
    font-size: 22px;
  }

  .text-block-49 {
    max-width: 300px;
    font-size: 18px;
  }

  .button-4 {
    padding-right: 10vw;
    padding-left: 10vw;
    font-size: 22px;
  }

  .div-block-101 {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .button-5 {
    padding-right: 10vw;
    padding-left: 10vw;
    font-size: 22px;
  }

  .text-block-52 {
    font-size: 18px;
  }

  .text-block-54 {
    font-size: 22px;
  }

  .text-block-56 {
    font-size: 18px;
  }

  .text-block-57 {
    font-size: 18px;
  }

  .select-region {
    font-size: 22px;
  }

  .modal-map {
    padding-top: 18px;
    padding-bottom: 30px;
  }


  .heading-9 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .modal-weight {
    padding: 20px 15px 25px;
  }

  .heading-11 {
    font-size: 22px;
  }

  .html-embed-21 {
    width: 90vw;
  }

  .weight-chart {
    width: 100%;
  }


  .div-block-13 {
    top: 10px;
    right: 12px;
    width: 48px;
  }


  .text-block-22 {
    font-size: 16px;
    line-height: 16px;
  }

  .text-block-22.dvdn {
    font-size: 17px;
    line-height: 17px;
  }

  .dropdown-list.w--open {
    font-size: 15px;
  }

  .dropdown-list.dvdn.w--open {
    font-size: 17px;
  }

  .searchhead {
    display: none;
  }

  .searchdata {
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 0 1.5vw;
    row-gap: 15px;
  }

  .searchinput {
    display: block;
    width: 100%;
    padding: 22px 5vw 22px 4vw;
  }

  .searchinput.pedigree {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding: 20px 3vw 20px 3vw;
  }

  .searchform {
    display: grid;
    grid-template-columns: 0.5fr 0.90fr;
    grid-template-rows: auto;
    align-content: center;
    justify-items: end;
    margin-right: 0;
    row-gap: 18px;
  }


  .s-subject {
    width: 18vw;
    min-width: 136px;
    height: 32px;
    font-size: 15px;
    margin-left: 10px;
  }

  .s-active button {
    width: 220px;
    height: 70px;
    font-size: 22px;
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row;
    column-gap: 5px;
    transition: all ease 200ms;
  }

  .s-record {
    padding: 0;
    font-size: 15px;
    overflow: auto;
  }

  .s-div2 {
    max-width: 180px;
    padding: 0 12px 12px;
  }

  .s-individual th:nth-child(2) {
    font-size: 17px;
  }

  .searchresult {
    font-size: 15px;
    width: 100%;
    overflow: auto;
  }

  .s-result {
    width: 1500px;
  }

  .div-block-34 {
    display: none;
  }

  .text-block-13 {
    margin-left: 0px;
    font-size: 25px;
    flex-shrink: 0;
  }

  .div-block-31 {
    width: 100%;
  }

  .div-block-32 {
    padding: 0 15px;
    column-gap: 5px;
  }

  .div-block-25 {
    margin-left: 0px;
    column-gap: 10px;
  }

  .text-block-23 {
    font-size: 20px;
  }

  .link-block-4 {
    padding: 12px 26px;
  }

  .MobRaceList {
    display: grid;
    display: -ms-grid;
    display: -moz-grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    row-gap: 12px;
    column-gap: 15px;
    width: 100%;
  }

  .MobRaceList.Solo>div:first-child {
    grid-column: 2/3;
  }

  .MobRaceList .dropdown {
    width: 47vw;
  }

  .MobRaceList .w-dropdown-toggle {
    width: 100%;
    text-align: center;
  }

  .MobRaceList>div:nth-child(3) {
    justify-content: start;
    padding-left: 3px;
    width: 100%;

  }

  .quickpaging.pc {
    display: none;
  }

  .quickpaging {
    column-gap: 2.5vw;
    grid-column: span 2;
  }

  .quickpaging a {
    width: 100%;
  }

  .list-wrapper {
    width: 100%;
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .list-wrapper.reviewclaimer {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    justify-content: start;
    align-items: start;
    row-gap: 5px;
  }

  .race-list {
    display: none;
  }

  .div-block-37 {
    padding-top: 18px;
  }

  .div-block-38 {
    margin-top: 12px;
  }

  .div-block-28 {
    padding: 0 5px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    row-gap: 10px;
    column-gap: 10px;
    justify-content: start;
    font-size: 1rem;
  }

  .text-block-15 {
    margin-right: 0;
  }

  .text-block-17 {
    margin-right: 0;
  }

  .text-block-18 {
    margin-right: 0;
  }

  .button-6 {
    grid-column: span 2;
  }

  .note-rank {
    width: 100%;
    grid-row: 2;
    grid-column: 1/6;
  }

  .note-rank table {
    width: 100%;
  }

  .note-rank table th,
  .note-rank table td {
    padding: 7px 10px;
  }

  .clmranlys {
    width: 100%;
    overflow-x: auto;
  }

  .prerank {
    justify-content: start;
    column-gap: 10px;
    overflow-x: auto;
  }

  .prerank table {
    flex-shrink: 0;
  }

  .rank {
    width: 210px;
  }

  .sbprerank {
    width: auto;
    flex-shrink: 0;
    column-gap: 10px;
  }

  .clmrscoret,
  .cmridsocret,
  .rdtrscoret,
  .rdowscoret {
    width: auto;
  }

  .clmrscoret col:nth-child(1),
  .cmridsocret col:nth-child(1),
  .rdtrscoret col:nth-child(1),
  .rdowscoret col:nth-child(1) {
    width: 20px;
  }


  .clmrscoret col:nth-child(2),
  .cmridsocret col:nth-child(2),
  .cmridsocret col:nth-child(4) {
    width: 125px;
  }

  .rdtrscoret col:nth-child(2),
  .rdtrscoret col:nth-child(3),
  .rdowscoret col:nth-child(2) {
    width: 85px
  }

  .schvd {
    width: 100%;
  }

  .schvdtb {
    width: 100%;
  }

  .schvdtb th,
  .schvdtb td {
    font-size: 15px;
    line-height: 17px;
  }

  .schvdtb col:nth-child(1) {
    width: 10%;
  }

  .schvdtb col:nth-child(2) {
    width: 30%;
  }

  .schvdtb col:nth-child(3) {
    width: 20%;
  }

  .schvdtb col:nth-child(4) {
    width: 10%;
  }

  .dvlistcont {
    padding-left: 0;
    padding-right: 0;
  }

  .dvdnlist {
    font-size: 17px;
  }

  .div-block-37.seoul.dividend,
  .div-block-37.busan.dividend,
  .div-block-37.jeju.dividend {
    padding: 20px 16px 120px;

  }

  .div-block-37.seoul.dividend2,
  .div-block-37.busan.dividend2,
  .div-block-37.jeju.dividend2 {
    padding: 20px 5px 120px;
  }


  .dvdnsect2 {
    flex-direction: column;
    -ms-flex-direction: column;
    row-gap: 20px;
    align-items: stretch;
    justify-content: start;
  }

  .dvdn-over {
    width: 100%;
    height: auto !important;
  }

  .dvdndiv6 {
    flex-direction: row;
    -ms-flex-direction: row;
  }

  .dvdndiv4 {
    flex-direction: column;
    -ms-flex-direction: column;
    row-gap: 35px;
  }

  .dvdndiv5 {
    width: 100%;
  }

  .dvdndiv1 {
    font-size: 22px;
  }

  .dvdnbk {
    width: 2.3rem;
    height: 2.3rem;
  }

  .dvdnbtn {
    column-gap: 1vw;
  }

  .dvdnbtn span {
    display: none;
  }

  .dvdnbtn button {
    padding: 5px 12px 4px;
  }

  .scltop {
    width: 50px;
    right: 2.5vw;
  }

  .scltop:hover {
    opacity: 0.5;
  }

  .recordTabWrapper {
    padding: 15px 15px;
  }

  .recordTabWrapper h3 {
    font-size: 1.2rem;
    top: 17px;
  }

  .recordTabButton {
    height: 40px;
    border-radius: 12px 12px 0px 0px;
    font-size: 1.1rem;
    line-height: 250%;
  }

  .trainer-list {
    overflow-x: auto;
  }

  .trainer-list table {
    min-width: 900px;
  }

  .trainer-list table col:nth-child(1) {
    width: 6%;
  }

  .trainer-list table col:nth-child(2) {
    width: 10%;
  }

  .trainer-list table col:nth-child(3) {
    width: 7.4%;
  }

  .trainer-list th {
    font-size: 1rem;
  }

  .trainer-list td {
    font-size: 1rem;
  }

  .trainer-list tbody tr:nth-child(1) td:nth-child(1),
  .trainer-list tbody tr:nth-child(1) td:nth-child(2),
  .trainer-list tbody tr:nth-child(1) td:nth-child(3),
  .trainer-list tbody tr:nth-child(1) td:nth-child(4),
  .trainer-list tbody tr:nth-child(1) td:nth-child(8) {
    font-size: 1rem;
  }

  .stable-list {
    display: none;
  }

  .trn-div1 {
    padding-top: 15px;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: start;
    align-items: stretch;
    row-gap: 40px;
  }

  .trn-div6,
  .trn-div7 {
    width: 100%;
  }

  .trn-div2 {
    font-size: 1.4rem;
  }

  .trn-div2 img {
    margin-bottom: 3px;
  }

  .keyrider col:first-child,
  .newhorse col:first-child {
    width: 75px;
  }

  .keyrider table td {
    padding-right: 2px;
    padding-left: 2px;
  }

  .trn-div3 {
    display: block;
  }

  .monthly {
    overflow-x: auto;
  }

  .monthly table {
    min-width: 0;
    width: 1000px;
  }

  .monthly col:nth-child(1) {
    width: 3%;
  }

  .monthly col:nth-child(2) {
    width: 12%;
  }

  .monthly col:nth-child(3) {
    width: 7%;
  }

  .monthly col:nth-child(4) {
    width: 10%;
  }

  .prtbtn {
    display: none;
  }

  .drctdiv {
    font-size: 1rem;
    margin-top: 5px;
    font-weight: 500;
  }

  .racebrief {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    row-gap: 5px;
  }

  .performance-body .racebrief {
    flex-direction: row;
  }

  /* .racebrief.pfm {
    flex-direction: row;
  } */

}

@media screen and (max-width:843px) {
  .dvdndiv7 {
    flex-direction: column;
    -ms-flex-direction: column;
    row-gap: 10px;
  }
}

@media screen and (max-width: 821px) {
  .topnav-div-link {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}


@media screen and (max-width:800px) {
  .racebrief {
    word-break: keep-all;
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .index-contents {
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 30px;
  }

  .content-item>div:first-child {
    font-size: 1.1rem;
  }

  .content-item img {
    max-width: 37px;
  }

  .content-item:last-child img {
    max-width: 60px;
  }

  .content-item.onebutton {
    width: 140px;
    height: 140px;
  }

  .content-item.onebutton:nth-child(6) {
    grid-area: 4/3;
  }

  .content-item.onebutton:nth-child(7) {
    grid-area: 4/2;
  }

  .content-item.onebutton:nth-child(8) {
    grid-area: 4/1;
  }

  .content-item.onebutton:nth-child(9) {
    grid-area: 3/3;
  }


  .index-contents.navbar .content-item.onebutton:nth-child(5) {
    grid-area: 4/1;
  }

  .index-contents.navbar .content-item.onebutton:nth-child(6) {
    grid-area: 3/3;
  }

  .index-contents.navbar .content-item.onebutton:nth-child(7) {
    grid-area: 3/2;
  }

  .index-contents.navbar .content-item.onebutton:nth-child(8) {
    grid-area: 3/1;
  }

  .index-contents.navbar .content-item.onebutton:nth-child(9) {
    grid-area: 2/2;
  }

  .recordTabWrapper {
    padding: 50px 10px 15px;
  }

  .recordTabWrapper h3 {
    top: 12px;
  }


  .recordTabButton {
    width: 25%;
  }

  .div-block-16 {
    width: 100%;
    padding-top: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .div-block-23 {
    width: 100%;

  }

  .div-block-22 {
    width: 100%;
    margin-top: 0;
    justify-content: start;
    align-items: start;
    row-gap: 30px;
  }

  .div-block-55 {
    margin-top: 5px;
    padding-left: 0px;
  }

  .text-block-39 {
    font-size: 14px;
  }

  .text-field-2 {
    width: 300px;
    font-size: 16px;
  }

  .text-field-3 {
    width: 300px;
    font-size: 16px;
  }

  .submit-button-2 {
    margin-top: 28px;
    font-size: 20px;
  }

  .link-10 {
    font-size: 16px;
  }

  .text-block-40 {
    font-size: 18px;
  }

  .heading-5 {
    margin-bottom: 3px;
    font-size: 23px;
  }

  .div-block-82 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .text-block-41 {
    font-size: 16px;
  }

  .form-block-3 {
    margin-top: 42px;
  }

  .field-label-2 {
    font-size: 20px;
  }

  .text-field-4 {
    min-width: 360px;
    font-size: 16px;
  }

  .div-block-84 {
    margin-bottom: 30px;
  }

  .submit-button-3 {
    font-size: 20px;
  }

  .heading-6 {
    margin-top: 55px;
    font-size: 25px;
  }

  .div-block-86 {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .field-label-3 {
    font-size: 20px;
  }

  .field-label-4 {
    font-size: 20px;
  }

  .div-block-87 {
    margin-bottom: 25px;
  }

  .div-block-87.select-region {
    margin-top: 30px;
    margin-bottom: 45px;
  }

  .form-block-5 {
    padding: 0 10vw;
  }

  .submit-button-4 {
    font-size: 20px;
  }

  .html-embed-18 {
    font-size: 18px;
  }

  .html-embed-19 {
    margin-bottom: 50px;
    font-size: 1.1rem;
  }

  .loginbox {
    padding-right: 20px;
    padding-left: 20px;
  }

  .heading-7 {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 25px;
  }

  .heading-8 {
    margin-top: 50px;
    margin-bottom: 15px;
    font-size: 25px;
  }

  .text-block-48 {
    max-width: 320px;
    font-size: 19px;
  }

  .div-block-97 {
    margin-top: 30px;
  }

  .text-block-49 {
    max-width: 280px;
    font-size: 16px;
    line-height: 25px;
  }

  .div-block-98 {
    margin-top: 35px;
    margin-bottom: 50px;
  }

  .button-4 {
    font-size: 20px;
  }

  .div-block-100 {
    margin-top: 8px;
    margin-bottom: 30px;
  }

  .button-5 {
    font-size: 20px;
  }

  .text-block-52 {
    font-size: 16px;
  }

  .div-block-102 {
    margin-top: 8px;
    margin-bottom: 30px;
  }

  .text-block-54 {
    font-size: 19px;
  }

  .div-block-103 {
    margin-top: 45px;
  }

  .div-block-104 {
    margin-top: 35px;
    margin-bottom: 55px;
    grid-row-gap: 7px;
  }

  .text-block-56 {
    font-size: 16px;
  }

  .text-block-57 {
    font-size: 16px;
  }

  .select-region {
    font-size: 20px;
  }

  .modal-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .modal-map {
    margin-right: 10px;
    margin-left: 10px;
    padding: 15px 15px 20px;
  }

  .modalpopup {
    width: auto;
  }

  .div-block-117 {
    width: 89vw;
  }

  .text-block-63 {
    font-size: 15px;
  }

  .heading-9 {
    font-size: 18px;
    margin-bottom: 3px;
  }

  .text-block-64 {
    font-size: 15px;
  }

  .div-block-114 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .div-block-115 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-row-gap: 10px;
  }

  .div-block-116 {
    top: 10px;
    right: 12px;
    width: 48px;
  }

  .text-block-65 {
    display: none;
  }

  .modal-weight {
    padding-top: 15px;
  }

  .heading-11 {
    margin-bottom: 15px;
  }

  .weight-wrapper {
    display: none;
  }

  .div-block-13 {
    top: 3px;
  }

  .searchinput {
    padding: 20px 4.2vw 20px 2vw;
  }

  .s-div1 {
    font-size: 16px;
  }

  .s-subject {
    width: 18vw;
    min-width: 90px;
    height: 28px;
    font-size: 14px;
    margin-left: 8px;
  }

  .s-active button {
    height: 65px;
    font-size: 20px;
  }

  .div-block-28 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .div-block-28>div {
    text-wrap: nowrap;
  }

  /* .div-block-28>div:nth-child(1) {
    grid-column: 1/2;
  }

  .div-block-28>div:nth-child(2) {
    grid-column: 2/6;
  }

  .div-block-28>div:nth-child(3) {
    grid-column: 1/2;
  }

  .div-block-28>div:nth-child(5) {
    grid-column: 3/6;
  } */

  .button-6 {
    width: 100%;
    text-align: center;
    margin-left: 0;
    grid-column: span 2;
    /* grid-row-end: 4; */
    justify-self: start;
  }

  .note-rank {
    width: 100%;
    overflow-x: auto;
  }

  .div-block-32 {
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: start;
    align-items: start;
    row-gap: 7px;
  }

  .div-block-25 {
    margin-left: 0px;
    column-gap: 10px;
  }

  .text-block-23 {
    font-size: 18px;
    font-family: 'bccardl', sans-serif;
    font-weight: bold;
  }

  .link-block-4 {
    min-width: auto;
    padding: 12px 30px 9px;
    word-break: keep-all;
  }

  .text-block-13 {
    margin-left: 0px;
    font-size: 22px;
  }

  .dvdnbk {
    display: none;
  }


  .dvdndiv1 {
    column-gap: 5px;
    font-size: 20px;
  }


  .dvdnquinella {
    width: 100%;
    overflow-x: auto;
  }

  .dvdnquinella table {
    width: 100%;
  }

  .dvdnquinella th,
  .dvdnquinella td {
    padding: 7px 10px 7px;
  }

  .dvdntitle {
    padding-bottom: 12px;
  }

  .scltop {
    right: 3vw;
  }

  .html-embed-20 {
    font-size: 1.2rem;
  }

  .text-block-78 {
    font-size: 1.1rem;
  }

  .div-block-139 {
    margin-bottom: 0px;
  }

  .direction-div {
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: start;
    align-items: start;
    margin-bottom: 8px;
  }

  .div-block-52 {
    width: 100%;
  }

  .div-block-53 {
    display: none;
  }

  .schvd iframe {
    width: 92vw;
    height: calc(92vw * 0.56);
  }
}

@media screen and (max-width: 660px) {

  .keyrider,
  .newhorse {
    width: 100%;
    overflow-x: auto;
  }

  .keyrider table {
    min-width: 780px;
  }

  .newhorse table {
    min-width: 500px;
  }

  .keyrider table th,
  .keyrider table td,
  .newhorse table th,
  .newhorse table td {
    font-size: 1rem;
  }

  .index-contents {
    grid-template-columns: 1fr 1fr;
    column-gap: 0px;
    padding: 32px 10px;
  }

  .content-item.onebutton:nth-child(6) {
    grid-area: 6/2;
  }

  .content-item.onebutton:nth-child(7) {
    grid-area: 6/1;
  }

  .content-item.onebutton:nth-child(8) {
    grid-area: 5/2;
  }

  .content-item.onebutton:nth-child(9) {
    grid-area: 5/1;
  }

  .index-contents.navbar .content-item.onebutton:nth-child(5) {
    grid-area: 5/2;
  }

  .index-contents.navbar .content-item.onebutton:nth-child(6) {
    grid-area: 5/1;
  }

  .index-contents.navbar .content-item.onebutton:nth-child(7) {
    grid-area: 4/2;
  }

  .index-contents.navbar .content-item.onebutton:nth-child(8) {
    grid-area: 4/1;
  }

  .index-contents.navbar .content-item.onebutton:nth-child(9) {
    grid-area: 3/1;
  }

  /* .searchinput.pedigree .s-subject {
    min-width: 0px;
  } */

  .searchinput.pedigree .s-div1 {
    width: 100%;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    row-gap: 20px;
  }

  .searchinput.pedigree .s-div1>div {
    width: 100%;
  }

  .searchinput.pedigree .s-div1>div span {
    width: 10%;
    text-align: center;
  }
}

@media screen and (max-width: 479px) {
  .div-block-16 {
    padding: 52px 20px 52px;
  }

  .div-block-20 {
    margin-top: 15px;
    margin-bottom: 11px;
  }

  .text-block-11 {
    margin-top: 3px;
  }

  .text-block-12 {
    font-size: 13px;
    letter-spacing: 0px;
    margin-top: 20px;
  }


  .div-block-19 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    -ms-grid-columns: 1fr 0.25fr 1fr 0.25fr;
    grid-template-columns: 1fr 0.25fr 1fr 0.25fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .mbannercall {
    width: 90vw;
  }

  .button {
    min-width: 80px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
  }

  .index-mytipmoney {
    align-self: center;
  }

  .div-block-79 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .text-field-2 {
    width: 55vw;
  }

  .text-field-3 {
    width: 55vw;
    font-size: 16px;
  }

  .submit-button-2 {
    padding-right: 75px;
    padding-left: 75px;
  }

  .text-block-40 {
    display: none;
    margin-right: 10px;
    margin-left: 10px;
  }

  .div-block-82 {
    margin-top: 20px;
    padding-right: 30px;
    padding-left: 30px;
  }

  .text-block-41 {
    font-size: 16px;
  }

  .text-field-4 {
    width: 80vw;
    min-width: 200px;
  }

  .heading-6 {
    font-size: 25px;
  }

  .div-block-86 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    grid-row-gap: 10px;
  }

  .button-2,
  .button-3 {
    font-size: 1rem;
  }

  .div-block-88 {
    margin-top: 20px;
  }


  .submit-button-4 {
    padding-right: 50px;
    padding-left: 50px;
    font-size: 20px;
  }

  .html-embed-18 {
    font-size: 16px;
  }

  .html-embed-19 {
    padding-right: 20px;
    padding-left: 20px;
    letter-spacing: -1px;
  }

  .html-embed-20 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .loginbox {
    margin-top: 20px;
    padding-right: 30px;
    padding-left: 30px;
  }

  .heading-7 {
    font-size: 22px;
  }

  .heading-8 {
    font-size: 22px;
  }

  .text-block-48 {
    max-width: 230px;
  }

  .text-block-49 {
    max-width: 270px;
  }

  .text-block-51 {
    max-width: 215px;
    font-size: 1.1rem;
  }

  .text-block-52 {
    min-width: 200px;
  }

  .div-block-103 {
    max-width: 200px;
    margin-top: 40px;
  }

  .div-block-104 {
    margin-bottom: 45px;
  }

  .text-block-56 {
    line-height: 22px;
  }


  .modal-map {
    padding-top: 13px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .text-block-63 {
    padding-left: 0px;
  }

  .text-block-64 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .div-block-115 {
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-row-gap: 10px;
  }

  .div-block-116 {
    top: 10px;
    width: 46px;
  }

  .text-block-65 {
    display: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .div-block-118 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    grid-column-gap: 12px;
  }

  .modal-weight {
    padding: 22px 0px 20px;
  }

  .heading-11 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 22px;
  }

  .html-embed-21 {
    width: 100vw;
    padding: 0px 5px;
  }

  .div-block-13 {
    top: 10px;
    width: 46px;
  }

  .text-block-22 {
    font-size: 15px;
  }

  .searchinput {
    padding: 18px 0 18px 26px;
  }

  .searchform {
    grid-template-columns: 1fr 1fr;
    justify-items: start;
  }

  .s-div1:nth-child(2) {
    grid-column: 1/3;
  }

  .s-active {
    grid-column: 1/3;
    justify-self: center;
  }

  .s-div1:nth-of-type(1):not(.searchinput.pedigree .s-div1) {
    order: 1;
  }

  .s-div1:nth-of-type(2) {
    order: 3;
  }

  .s-div1:nth-of-type(3) {
    order: 2;
  }

  .s-active:nth-of-type(4) {
    order: 4;
  }

  .s-subject {
    width: 25vw;
    min-width: 92px;
  }

  .s-subject.range {
    margin-right: 4vw;
  }

  .s-subject.range2 {
    margin-left: 4vw;
  }

  .div-block-39 {
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    width: 100%;

  }

  .link-block-4 {
    width: 100%;
    padding: 12px 0px 9px;
  }

  .text-block-23 {
    letter-spacing: -1px;
  }

  .text-block-18 {
    grid-column: 1/3;
  }

  .dvdnlist {
    font-size: 16px;
  }

  .dvdntitle {
    font-size: 17px;
  }

  .closebutton {
    -webkit-text-stroke: #fbfbf8 0.3px;
    padding: 7px 28px 6px;
  }

  .scltop {
    right: 6vw;
  }

  .direction-div .drctdiv {
    max-width: 260px;
  }

  .drctdiv {
    max-width: 250px;
  }

  .brd-wrapper .drctdiv {
    max-width: none;
  }

  .quickpaging {
    justify-content: space-between;
    width: 100%;
    column-gap: 12px;
  }

  .MobRaceList {
    column-gap: 5px;
  }

  .MobRaceList .quickpaging {
    width: 50%;
  }

  .MobRaceList .quickpaging a {
    width: 100%;
    min-width: 85px;
  }

  .div-block-28 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .button-6 {
    grid-row-end: 5;
    justify-self: center;
  }

  .note-rank {
    grid-row: 3;
  }

  .performance-body .racebrief {
    padding-top: 5px;
    padding-bottom: 5px;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
}

@media screen and (max-width:421px) {

  .topnav>div:first-child,
  .topnav-div-2 {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .topnav-div-link {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer {
    padding-left: 2vw;
    padding-right: 2vw;
  }
}


@media print {
  .racetip-print-header {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 5px;
    /*  */
    padding-right: 30px;
  }

  .racetip-print-hd1 {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: end;
    align-items: center;
    row-gap: 1px;
    font-family: 'NotoSans KR';
    font-size: 9pt;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin: 0;
  }

  .racetip-print-header>div:nth-child(2).racetip-print-hd1 {
    padding-left: 100px;
  }
}

@font-face {
  font-family: 'Bccardl';
  src: url('../fonts/BCcardL.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bccardb';
  src: url('../fonts/BCcardB.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NotoSans KR';
  src: url('../fonts/NotoSansKR-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NotoSans KR';
  src: url('../fonts/NotoSansKR-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NotoSans KR';
  src: url('../fonts/NotoSansKR-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NotoSans KR';
  src: url('../fonts/NotoSansKR-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NotoSans KR';
  src: url('../fonts/NotoSansKR-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gothic A1';
  src: url('../fonts/GothicA1-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gothic A1';
  src: url('../fonts/GothicA1-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gothic A1';
  src: url('../fonts/GothicA1-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'dw';
  src: url('../fonts/DWImpactamin.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hahmlet';
  src: url('../fonts/Hahmlet-ExtraBold.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nanum';
  src: url('../fonts/NanumGothicExtraBold.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Kopub';
  src: url('../fonts/KoPubWorld\ Batang\ Bold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}