.theme_1 {
  --primary: #358DFF;
}

.theme_2 {
  --primary: #25552E;
}

.theme_3 {
  --primary: #F17551;
}

.my {
  margin-top: 54px;
  border-top: 0.33px solid rgba(0, 0, 0, 0.3);
  line-height: 22px;
  letter-spacing: -0.43px;
}
.header_container:has(.gnb) + .my {
  margin-bottom: 85px;
}
.my .tab {
  display: flex;
  align-items: center;
  justify-content: safe center;
  gap: 0 10px;
  border-bottom: 1px solid #E2E2E2;
  background-color: #fff;
  overflow: auto;
}
.my .tab::-webkit-scrollbar {
  display: none;
}
.my .tab li a {
  border-bottom: 4px solid transparent;
  display: block;
  min-width: 80px;
  box-sizing: border-box;
  padding: 12px 0 10px;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}
.my .tab li a.active {
  font-weight: 700;
  border-color: var(--primary);
}
.my > [class$=_share] {
  margin: -55px 0 -37px;
  padding-bottom: 40px;
  min-height: 100dvh;
  overflow: hidden;
  box-sizing: border-box;
  border-top: 0 none;
}
.my > [class$=_share] .header {
  position: relative;
  padding: 16px 20px 30px;
  font-size: 14px;
  font-weight: 700;
  background-color: #fff;
  background: url(/assets/images/ico_my_countyp.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 20px;
  background-size: auto 28px;
}
.my > [class$=_share] .header strong {
  font-weight: 800;
}
.my > [class$=_share] + .footer {
  padding: 9px 20px;
  background-color: #14387F;
  color: #C3D8FF;
  line-height: 18px;
  text-align: right;
}
.my .fixed_btn {
  display: flex;
  align-items: center;
  bottom: 0;
  width: 100%;
  z-index: 2;
  background-color: #fff;
}
.my .fixed_btn .group {
  background: #A99362;
  padding: 0px 25px;
  height: 52px;
  line-height: 52px;
}
.my .fixed_btn .group button {
  width: 24px;
  height: 24px;
  border: 0 none;
  vertical-align: middle;
  margin-bottom: 2px;
  filter: grayscale(1) contrast(7);
  background: 0/contain no-repeat;
}
.my .fixed_btn .group button + button {
  margin-left: 14px;
}
.my .fixed_btn .group button.btn_down {
  background-image: url(/assets/images/ico_my_down.png);
}
.my .fixed_btn .group button.btn_share {
  background-image: url(/assets/images/ico_my_share.png);
}
.my .fixed_btn .link {
  display: flex;
  flex: 1;
  align-items: stretch;
  -moz-column-gap: 1px;
       column-gap: 1px;
}
.my .fixed_btn .link a {
  flex-grow: 1;
  height: 52px;
  line-height: 52px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  background: var(--primary);
}
.myzone {
  padding-bottom: 5px;
  letter-spacing: 0;
  line-height: 1.2;
}
.myzone_box {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 28px 0px 20px;
  background: #dbac2e url("/assets/images/bg_my_zone.png") right bottom/auto 240px no-repeat;
}
.myzone_box .state ul {
  display: flex;
  padding: 0 28px;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.myzone_box .state li {
  flex: 1;
}
.myzone_box .state li a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid #C19726;
  border-radius: 18px;
  height: 30px;
  text-align: center;
  color: #444;
  font-weight: 400;
}
.myzone_box .state li a span {
  font-weight: 800;
  font-size: 14px;
  text-decoration: underline;
}
.myzone_box .state li:first-child {
  flex-basis: 35%;
}
.myzone_box .state li:nth-child(2) {
  flex-basis: 22%;
}
.myzone_box .state li:last-child {
  flex-basis: 43%;
}
.myzone_box .state li strong {
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  color: #444;
  vertical-align: middle;
}
.myzone_box .summary ul {
  display: flex;
  justify-content: space-evenly;
  padding: 12px 12px 0;
}
.myzone_box .summary li {
  font-size: 11px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
.myzone_box .summary li a {
  display: block;
  margin-top: 5px;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  line-height: 100%;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: auto;
  text-underline-offset: 2px;
}
.myzone_box .summary li u {
  display: inline-block;
  text-decoration: none;
  line-height: 0.85;
  border-bottom: 1.33px solid #fff;
}
.myzone_box .links {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 24px;
  margin-top: -6px;
}
.myzone_box .links .icon {
  width: 60px;
}
.myzone_box .links .icon img {
  width: 100%;
}
.myzone_box .links ul {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
  min-width: 212px;
}
.myzone_box .links li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 33.333%;
  margin: 8px 0;
  box-sizing: border-box;
  border-right: 1px solid #D9A627;
}
.myzone_box .links li:nth-child(3n) {
  border: none;
}
.myzone_box .links li a {
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  text-shadow: 0px 2px 2px #00000014;
  white-space: nowrap;
  line-height: 100%;
  letter-spacing: -0.2px;
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-offset: 8%;
  text-decoration-thickness: 0.5px;
  text-decoration-skip-ink: auto;
}
.myzone_box .myzonBooking {
  position: relative;
  margin-bottom: 28px;
  --swiper-pagination-bottom: -12px;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-theme-color: #fff;
}
.myzone_box .myzonBooking .swiper {
  padding-bottom: 10px;
}
.myzone_box .myzonBooking .swiper-slide {
  width: 89%;
  height: 212px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 8px;
  padding: 14px 20px;
  box-sizing: border-box;
  line-height: 1;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.myzone_box .myzonBooking .head {
  display: flex;
  align-items: center;
  margin-bottom: 21px;
}
.myzone_box .myzonBooking .head p {
  font-size: 14px;
  font-weight: 800;
  color: #D72F20;
}
.myzone_box .myzonBooking .head a {
  margin-left: auto;
  text-decoration: underline;
  color: #777;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: right;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
  text-decoration-skip-ink: auto;
}
.myzone_box .myzonBooking .cont p {
  font-size: 14px;
}
.myzone_box .myzonBooking .cont p.team {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 800;
}
.myzone_box .myzonBooking .cont .add_company {
  margin: 17px 0 22px;
  font-size: 0;
}
.myzone_box .myzonBooking .cont .add_company span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border: 3px solid #fff;
  width: 32px;
  height: 32px;
  border-radius: 19px;
  background: #CDDFF7 url(/assets/images/ico_my_add.png) center/8px no-repeat;
}
.myzone_box .myzonBooking .cont .add_company span:not(:first-of-type) {
  margin-left: -12px;
}
.myzone_box .myzonBooking .cont .add_company span.active {
  background-size: cover;
}
.myzone_box .myzonBooking .cont .add_company .btn_add {
  margin-left: 8px;
  height: 30px;
  border: 1px solid #DA3742;
  color: #DA3742;
  padding: 0 16px;
  background-color: #fff;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 700;
  vertical-align: middle;
}
.myzone_box .myzonBooking .foot {
  display: flex;
  align-items: center;
  height: 47px;
  margin: 0 -20px -14px;
  padding: 0 15px;
  background-color: #F5F5F5;
  border-top: 1px solid #E2E2E2;
  text-align: center;
}
.myzone_box .myzonBooking .foot > a {
  flex: 1;
  font-weight: 700;
  color: #D5A72C;
}
.myzone_box .myzonBooking .foot > a::before {
  content: "";
  display: inline-block;
  margin-right: 2px;
  width: 28px;
  height: 28px;
  background: url("/assets/images/ico_my_info.png") center/contain no-repeat;
  vertical-align: middle;
}
.myzone_box .myzonBooking .foot > a.weather::before {
  background-image: url("/assets/images/ico_my_weather.png");
}
.myzone_box .myzonBooking .foot > a.location::before {
  background-image: url("/assets/images/ico_my_loc.png");
}
.myzone > section {
  margin: 24px 20px;
}
.myzone > section h2 {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  margin-bottom: 8px;
  font-weight: 800;
  font-size: 16px;
}
.myzone>section h2 .new{
  display: inline-block;
  width: 20px;
  aspect-ratio: 1;
  background-image: url("/assets/images/ico_new.png");
  background-size: contain;
  background-position: center;
}
.myzone_last .box {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 5px;
  background-color: #F6F6F6;
  border-radius: 8px;
  padding: 16px;
}
.myzone_last .media,
.myzone_last .score {
  flex-basis: calc(50% - 2.5px);
  height: 110px;
  border-radius: 8px;
  background-color: #fff;
  padding: 10px;
  box-sizing: border-box;
  line-height: 18px;
  vertical-align: top;
}
.myzone_last .media a::before,
.myzone_last .score a::before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  vertical-align: top;
  background: url(/assets/images/ico_my_score.png) center/contain no-repeat;
}
.myzone_last .score a {
  color: #D72F20;
}
.myzone_last .score .info {
  margin-top: 15px;
  font-size: 11px;
  color: #1F1F1F;
  text-align: center;
}
.myzone_last .score .info strong {
  display: block;
  margin-bottom: 4px;
  color: #D72F20;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}
.myzone_last .score .info strong small {
  font-size: 14px;
}
.myzone_last .media {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.myzone_last .media a {
  color: #fff;
}
.myzone_last .media a::before {
  background: url(/assets/images/ico_my_motion.png) center/contain no-repeat;
}
.myzone_last .detail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  flex-basis: 100%;
  font-size: 14px;
  color: #999;
  font-weight: 700;
  text-align: center;
}
.myzone_last .detail span {
  display: inline-block;
  height: 12px;
  line-height: 12px;
  letter-spacing: -1px;
}
.myzone_last .detail span:not(:first-of-type) {
  border-left: 1px solid rgba(180, 180, 180, 0.3);
}
.myzone_last .detail span:last-of-type {
  padding-right: 0;
}
.standing_list {
  margin: 32px 0 25px;
}
.standing_list .bar {
  position: relative;
  margin-top: 23px;
  margin-bottom: 37px;
  height: 8px;
  border-radius: 18px;
  background: linear-gradient(90deg, #C3D8FF, #F0F4FC);
}
.standing_list .bar p {
  position: absolute;
  top: -23px;
  left: 11px;
  color: #9CB8EC;
  font-weight: 700;
}
.standing_list .bar .bar_per {
  position: absolute;
  height: 16px;
  min-width: fit-content;
  line-height: 16px;
  border-radius: 16px;
  background-color: #93BAFF;
  padding: 0 11px;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  margin-top: -4px;
  box-sizing: border-box;
}
.standing_list .bar .info {
  position: absolute;
  right: 0;
  top: -20px;
  font-size: 10px;
  font-weight: 400;
}
.standing_list .bar .info strong {
  font-weight: 700;
}

.mycoupon {
  min-height: calc(100vh - 54px - 85px);
  background-color: #F5F5F5;
}
.mycoupon .tabpanel {
  padding: 12px 20px;
}
.mycoupon_head {
  position: relative;
  margin-bottom: 20px;
  padding-right: 134px;
}
.mycoupon_head .period {
  font-size: 14px;
  font-weight: 700;
}
.mycoupon_head .desc {
  color: #999;
}
.mycoupon_head .btn_reg {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -16px;
  width: 102px;
  height: 30px;
  border: 1px solid #D9AB2E;
  color: #D9AB2E;
  border-radius: 18px;
  font-size: 14px;
  font-weight: 700;
  background-color: #fff;
}
.mycoupon_list .inner {
  display: flex;
  position: relative;
  margin-bottom: 12px;
  height: 150px;
  border-radius: 10px;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background: #fff url("/assets/images/bg_my_coupon1.png") right 22px bottom/auto 81px no-repeat;
}
.mycoupon_list .inner.download {
  background-image: url("/assets/images/bg_my_coupon2.png");
}
.mycoupon_list .inner.download .state {
  background-color: rgba(255, 230, 145, 0.15);
}
.mycoupon_list .inner.download .team {
  color: #C59F38;
}
.mycoupon_list .inner::before, .mycoupon_list .inner::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 87.5px;
  bottom: -10px;
  width: 20px;
  height: 20px;
  background: #F5F5F5;
  border-radius: 10px 10px 0 0;
  box-shadow: inset 0px 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.mycoupon_list .inner::after {
  content: none;
}
.mycoupon_list .see_more {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.mycoupon_list .info {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 15px 20px;
  overflow: hidden;
}
.mycoupon_list .team {
  font-weight: 800;
  color: var(--primary);
}
.mycoupon_list .title {
  margin-top: 8px;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
}
.mycoupon_list .period {
  margin-top: auto;
}
.mycoupon_list .state {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  min-width: 97.5px;
  border-left: 1px dashed #E2E2E2;
  background-color: rgba(53, 141, 255, 0.05);
  justify-self: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--primary);
}
.mycoupon_list .state::before, .mycoupon_list .state::after {
  content: "";
  position: absolute;
  left: -11px;
  bottom: -1px;
  width: 20px;
  height: 10px;
  border-radius: 10px 10px 0 0;
  background: #F5F5F5;
  border: 1px solid #E2E2E2;
  border-bottom: 0 none;
}
.mycoupon_list .state::before {
  bottom: auto;
  top: -1px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #E2E2E2;
  border-top: 0 none;
}
.mycoupon_list .btn_down {
  padding-top: 27px;
  border: 0 none;
  color: #C59F38;
  font-weight: 700;
  background: transparent url("/assets/images/ico_my_coupon_down.png") top center/24px no-repeat;
}
.mycoupon_list.detail {
  padding: 20px;
}
.mycoupon_list.detail:has(.download) {
  padding-bottom: 60px;
}
.mycoupon_list.detail .inner {
  border-bottom: 0;
  margin-bottom: 0;
  border-radius: 10px 10px 0 0;
}
.mycoupon_list.detail .inner::before, .mycoupon_list.detail .inner::after {
  right: -10px;
  border-radius: 10px 0 0 10px;
  box-shadow: inset 4px 0 4px 0 rgba(0, 0, 0, 0.03);
}
.mycoupon_list.detail .inner::after {
  content: "";
  right: auto;
  left: -10px;
  border-radius: 0 10px 10px 0;
  box-shadow: inset -4px 0 4px 0 rgba(0, 0, 0, 0.03);
}
.mycoupon_list.detail .inner.download .info {
  background-color: rgba(255, 230, 145, 0.15);
}
.mycoupon_list.detail .info {
  background-color: rgba(53, 141, 255, 0.05);
}
.mycoupon_list.detail .warning {
  position: relative;
  padding: 20px 20px 30px;
  border: 1px solid #E2E2E2;
  border-top-style: dashed;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  color: #777777;
  line-height: 22px;
}
.mycoupon_list.detail .warning::before, .mycoupon_list.detail .warning::after {
  content: "";
  position: absolute;
  left: -1px;
  top: -12px;
  width: 10px;
  height: 20px;
  border-radius: 0 10px 10px 0;
  background: #F5F5F5;
  border: 1px solid #E2E2E2;
}
.mycoupon_list.detail .warning::before {
  left: auto;
  right: -1px;
  border-radius: 10px 0 0 10px;
}
.mycoupon_list.detail .warning h3 {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 800;
}
.mycoupon_list.detail .warning h3 ~ h3 {
  margin-top: 20px;
}
.mycoupon_list.detail .warning ol > li {
  list-style: decimal;
  padding-left: 3px;
  margin-left: 10px;
}
.mycoupon_list.detail .fixed_bottom {
  position: fixed;
  bottom: 85px;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}
.mycoupon_list.detail .fixed_bottom button {
  width: 100%;
  border: 0 none;
  height: 40px;
  color: #fff;
  background-color: var(--primary);
  font-size: 14px;
  font-weight: 700;
}
.mycoupon_list.fin .inner {
  background-image: url(/assets/images/bg_my_coupon_gray.png);
}
.mycoupon_list.fin .inner .team,
.mycoupon_list.fin .inner .title,
.mycoupon_list.fin .inner .period {
  color: #999;
}
.mycoupon_list.fin .inner .state {
  background-color: rgba(204, 204, 204, 0.1);
}
.mycoupon_list.fin .inner .state_used, .mycoupon_list.fin .inner .state_expired {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  border: 3px solid var(--primary);
  border-radius: 50%;
  background-color: #fff;
  font-weight: 800;
}
.mycoupon_list.fin .inner .state_used::before, .mycoupon_list.fin .inner .state_expired::before {
  content: "";
  width: 18px;
  height: 14px;
  background: url(/assets/images/ico_my_coupon_check.png) 0 0/contain no-repeat;
}
.mycoupon_list.fin .inner .state_expired {
  filter: grayscale(1);
  opacity: 0.91;
}
.myreg_cust_info {
  margin-top: 45px;
  padding: 20px;
  border-top: 6px solid #F5F5F5;
  box-shadow: 0 -1px 0 #E2E2E2;
}
.myreg_cust_info h2 {
  font-size: 14px;
  font-weight: 700;
}
.myreg_cust_info p {
  font-size: 14px;
}
.myreg_cust_info table {
  margin-top: 9px;
  width: 100%;
}
.myreg_cust_info table th, .myreg_cust_info table td {
  border: 1px solid #E2E2E2;
  /* border-width: 1px 0; */
  padding: 13px 7px;
}
.myreg_cust_info table th {
  color: #666;
  font-weight: 400;
  text-align: left;
  font-size: 11px;
}
.myreg_cust_info table th.title {
  text-align: center;
  background-color: #F5F5F5;
}
.myreg_cust_info table td {
  white-space: nowrap;
  font-size: clamp(12px, 3vw, 14px);
}
.myload_count {
  margin: 20px 20px 30px;
}
.myload_count h2 {
  font-size: 14px;
  font-weight: 700;
}
.myload_count .box {
  margin-top: 6px;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.myload_count .box_count {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
  position: relative;
  margin: 15px 17px;
}
.myload_count .box_count ul {
  flex: 1;
  display: flex;
  height: 12px;
  border-radius: 6px;
  background-color: rgba(53, 141, 255, 0.1);
}
.myload_count .box_count li {
  position: relative;
  margin-top: 20px;
  flex: 1;
  color: #999;
  text-align: center;
}
.myload_count .box_count li:first-child {
  margin-left: -7%;
}
.myload_count .box_count li:last-child {
  margin-right: -7%;
}
.myload_count .box_count li::after {
  content: "";
  position: absolute;
  top: -16px;
  left: 50%;
  margin-left: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--primary);
}
.myload_count .box_count li::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  height: 12px;
}
.myload_count .box_count li.checked {
  font-weight: 700;
  color: var(--primary);
}
.myload_count .box_count li.checked::before {
  width: 70%;
  border-radius: 0 6px 6px 0;
  background-color: rgba(53, 141, 255, 0.6);
}
.myload_count .box_count li.checked:first-child::before {
  left: 30%;
  border-radius: 6px;
  width: 40%;
}
.myload_count .box_count li.checked:has(+ .checked)::before {
  width: 100%;
  border-radius: 0;
}
.myload_count .box_count li.checked:has(+ .checked):first-child::before {
  width: 70%;
  border-radius: 6px 0 0 6px;
}
.myload_count .box_count .total {
  position: absolute;
  right: 70px;
  top: 2px;
  font-size: 10px;
  font-weight: 700;
}
.myload_count .box_count .coupon {
  width: 60px;
  margin-left: auto;
}
.myload_count .box_count .coupon::before {
  content: "";
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  width: 34px;
  height: 36px;
  background: url(/assets/images/ico_my_cust_cp.png) center/contain no-repeat;
}
.myload_count .box_count .coupon button {
  margin-top: -4px;
  border: 0 none;
  width: 100%;
  height: 24px;
  border-radius: 12px;
  color: #fff;
  font-weight: 700;
  background-color: #C59F38;
}
.myload_count .box_links {
  padding: 9px 0 11px;
  background-color: rgba(53, 141, 255, 0.1);
  text-align: center;
}
.myload_count .box_links a {
  display: inline-block;
  height: 12px;
  padding: 0 9px;
  line-height: 12px;
  text-decoration: underline;
}
.myload_count .box_links a.booking {
  color: var(--primary);
}
.myload_count .box_links a + a {
  margin-left: -2px;
  border-left: 1px solid #D9D9D9;
}
.myload_data {
  margin: 20px;
}
.myload_data h2 {
  font-size: 14px;
  font-weight: 700;
}
.myload_data table {
  margin-top: 8px;
  width: 100%;
  line-height: 100%;
}
.myload_data table th {
  border-top: 1px solid #E2E2E2;
  background-color: #F5F5F5;
  padding: 8px 8px 7px;
  font-weight: 400;
  color: #666;
}
.myload_data table td {
  padding: 12px 8px;
  text-align: center;
  font-size: 14px;
  border-bottom: 1px solid #E2E2E2;
}
.myload_data table .yes {
  color: var(--primary);
  font-weight: 700;
}
.myload_data table .no {
  color: #ccc;
  font-weight: 700;
}
.myload_data table [class^=excuse_] {
  font-size: 12px;
}
.myload_data table .excuse_yl {
  color: #C59F38;
  font-weight: bold;
}
.myhandicap_box {
  background-color: #F5F5F5;
  padding: 20px;
}
.myhandicap_box .card {
  border-radius: 8px;
  overflow: hidden;
}
.myhandicap_box .card .head {
  background: #DBAC2E url(/assets/images/bg_my_zone.png) right 50%/auto 240px no-repeat;
  padding: 6px 20px;
}
.myhandicap_box .card .head::before {
  content: "";
  display: block;
  width: 44px;
  height: 20px;
  background: url(/assets/images/ico_my_countyp_gray.png) 0/contain no-repeat;
}
.myhandicap_box .card .cont {
  position: relative;
  padding: 26px 25px;
  box-sizing: border-box;
  height: 176px;
  color: #fff;
  background: #192D4D url(/assets/images/bg_my_handicap1.png) right -24px center/205px auto no-repeat;
}
.myhandicap_box .card .cont .profile_img {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/assets/images/ico_my_handicap_golf.png) 0/contain no-repeat;
}

.myhandicap_box .card .cont .profile_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.myhandicap_box .card .cont h2 {
  margin-bottom: 30px;
  font-weight: 800;
  font-size: 14px;
}
.myhandicap_box .card .cont p.index {
  margin-bottom: 17px;
  font-size: 38px;
  font-weight: 800;
}
.myhandicap_box .button {
  margin-top: 12px;
  text-align: center;
}
.myhandicap_box .button button {
  display: inline-flex;
  gap: 2px;
  align-items: center;
  margin: 0 1px;
  height: 32px;
  padding: 0 20px;
  border: 1px solid #C59F38;
  border-radius: 18px;
  background-color: #fff;
  color: #C59F38;
  font-size: 14px;
  font-weight: 700;
}
.myhandicap_box .button button::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/assets/images/ico_my_share.png) 0/contain no-repeat no-repeat;
}
.myhandicap_box .button button.btn_down::before {
  background-image: url(/assets/images/ico_my_down.png);
}
.myhandicap_box .info {
  padding: 20px 24px 0;
  color: #999;
  line-height: 18px;
}
.myhandicap_links a {
  display: block;
  padding: 20px;
  margin-bottom: 6px;
  border-bottom: 1px solid #E2E2E2;
  box-shadow: 0 6px 0 #F5F5F5;
  font-size: 14px;
  font-weight: 700;
  background: url(/assets/images/ico_my_handicap_link.png) center right 19px/18px auto no-repeat;
}
.myhandicap_detail {
  padding-bottom: 20px;
}
.myhandicap_detail h2 {
  height: 46px;
  line-height: 46px;
  background-color: #F5F5F5;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}
.myhandicap_detail .box {
  margin: 20px 20px 12px;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.myhandicap_detail .box .hd {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E2E2E2;
  padding: 7px 20px;
  line-height: 28px;
}
.myhandicap_detail .box .hd h3 {
  font-weight: 400;
}
.myhandicap_detail .box .hd h3.rank::after {
  content: "";
  display: inline-block;
  margin-left: 2px;
  width: 37px;
  height: 28px;
  vertical-align: top;
  background: url(/assets/images/ico_my_handicap_rank.png) 0/contain no-repeat;
}
.myhandicap_detail .box .hd .info {
  margin-left: auto;
  color: rgba(153, 153, 153, 0.95);
}
.myhandicap_detail .box .cont {
  padding: 16px 20px 20px;
  background-color: rgba(53, 141, 255, 0.06);
}
.myhandicap_detail .box .cont dl {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.myhandicap_detail .box .cont dl >div {
  flex: 1;
}
.myhandicap_detail .box .cont div.type1 {
  color: var(--primary);
}
.myhandicap_detail .box .cont div.type2 {
  color: #C59F38;
}
.myhandicap_detail .box .cont dt {
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.43px;
  text-align: center;
}
.myhandicap_detail .box .cont dd {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.43px;
  text-align: center;
}
.myhandicap_detail .box .cont dd strong {
  font-weight: 800;
  font-size: 16px;
}
.myhandicap_detail .box .cont dd .text {
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
}
.myhandicap_calc > section {
  margin: 20px 20px 40px;
}
.myhandicap_calc > section ~ section h2 {
  margin-top: 0;
  border-top: 1px solid #E2E2E2;
}
.myhandicap_calc h2 {
  margin: -20px -20px 20px;
  padding: 0 20px;
  height: 46px;
  line-height: 46px;
  background-color: #F5F5F5;
  font-weight: 700;
  font-size: 14px;
}
.myhandicap_calc h3 {
  margin-top: 20px;
  font-size: 14px;
}
.myhandicap_calc .step li {
  position: relative;
  margin-bottom: 18px;
  padding: 13px 30px 11px;
  background: rgba(53, 141, 255, 0.1);
  border: 1px solid #E2E2E2;
  border-radius: 34px;
  font-size: 14px;
}
.myhandicap_calc .step li:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -10px;
  width: 21px;
  height: 12px;
  background: url(/assets/images/ico_arrow_down2.png) 0/contain no-repeat;
}
.myhandicap_calc .calc {
  text-align: center;
  font-size: 14px;
}
.myhandicap_calc .calc .fraction {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1px;
}
.myhandicap_calc .calc .fraction .num {
  display: block;
  border-bottom: 1px solid #1F1F1F;
}
.myhandicap_calc .info {
  margin-top: 20px;
  line-height: 18px;
  color: #999;
}
.myhandicap_calc .data {
  margin-top: 4px;
  border-top: 1px solid #E2E2E2;
  width: 100%;
}
.myhandicap_calc .data th {
  padding: 9px 9px 7px;
  color: #666;
  font-weight: 400;
  line-height: 1;
  background-color: #F5F5F5;
}
.myhandicap_calc .data td {
  padding: 13px 9px;
  border-bottom: 1px solid #E2E2E2;
  text-align: center;
}
.myhandicap_calc .data_desc {
  margin-top: 20px;
  line-height: 1.3;
  color: #000;
}
.myround {
  min-height: calc(100vh - 54px - 85px);
  background-color: #F5F5F5;
}
.myround .tab_2depth {
  display: flex;
  align-items: center;
  justify-content: safe center;
  gap: 20px;
  margin: 8px;
  margin-bottom: 0;
  overflow: auto;
}
.myround .tab_2depth::-webkit-scrollbar {
  display: none;
}
.myround .tab_2depth a {
  font-size: 14px;
}
.myround .tab_2depth a.active {
  font-weight: 800;
}
.myround .tabpanel {
  padding-bottom: 20px;
}
.myround .box {
  margin: 20px 20px 12px;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
}
.myround .box .hd {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E2E2E2;
  padding: 7px 20px;
  line-height: 28px;
}
.myround .box .hd h3 {
  font-weight: 400;
}
.myround .box .hd .info {
  margin-left: auto;
  color: rgba(31, 31, 31, 0.95);
}
.myround .box .hd .info span {
  line-height: 12px;
}
.myround .box .hd .info span + span {
  margin-left: 4px;
  padding-left: 8px;
  border-left: 1px solid #D9D9D9;
}
.myround .box .cont {
  padding: 16px 20px 20px;
  background-color: rgba(53, 141, 255, 0.06);
}
.myround .box .cont dl {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.myround .box .cont dl > div {
  flex: 0 0 25%;
  box-sizing: border-box;
}

.myround .box .cont div.type1 {
  color: var(--primary);
}
.myround .box .cont div.type2 {
  color: #C59F38;
}
.myround .box .cont dt {
  font-weight: 700;
  font-size: 10px;
  line-height: 22px;
  letter-spacing: -0.43px;
  text-align: center;
}
.myround .box .cont dd {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.43px;
  text-align: center;
}
.myround .box .cont dd strong {
  font-weight: 800;
  font-size: 16px;
}
.myround .box .cont dd .text {
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
}
.myround .box .cont dd small {
  font-weight: 400;
  font-size: 100%;
}
.myround .box .cont ul {
  display: flex;
}
.myround .box .cont li {
  flex-grow: 1;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  line-height: 14px;
}
.myround .box .cont li strong,
.myround .box .cont li .txt {
  display: block;
  margin-top: 8px;
}
.myround .box .cont li strong {
  font-weight: 800;
  font-size: 16px;
}
.myround .box .cont li small {
  font-weight: 400;
  font-size: 100%;
}
.myround .box .cont li[class^=type] strong {
  text-decoration: underline;
}
.myround .box .cont li.type1 {
  color: var(--primary);
}
.myround .box .cont li.type2 {
  color: #C59F38;
}
.myround_score {
  border-top: 6px solid #F5F5F5;
  letter-spacing: 0;
  padding-bottom: 40px;
}
.myround_score section {
  margin: 30px 20px;
}
.myround_score section.box {
  margin: 16px 0;
}
.myround_score h2 {
  font-size: 16px;
  font-weight: 800;
}
.myround_score .head {
  margin: 0 20px;
}
.myround_score .head .date {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.myround_score .summary {
  position: relative;
  margin-top: 12px;
}
.myround_score .summary p {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 10px 20px;
  background: linear-gradient(180deg, transparent 40%, #000 100%);
}
.myround_score .summary span {
  color: #fff;
  line-height: 12px;
}
.myround_score .summary span + span {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #fff;
}
.myround_score .summary_score {
  padding: 15px 0 12px;
  border-bottom: 1px solid #E2E2E2;
}
.myround_score .summary_score dl {
  display: flex;
  justify-content: center;
  align-items: center;
}
.myround_score .summary_score dt {
  font-weight: 700;
}
.myround_score .summary_score dd {
  margin-left: 8px;
  font-weight: 800;
  font-size: 18px;
}
.myround_score .summary_score dd + dt {
  margin-left: 24px;
}
.myround_score .score_card {
  position: relative;
  margin: 16px 0;
}
.myround_score .score_card h3 {
  margin-left: 20px;
  font-size: 16px;
  font-weight: 400;
}
.myround_score .score_card .key {
  position: absolute;
  right: 20px;
  display: flex;
  gap: 8px;
  font-size: 9px;
}
.myround_score .score_card .key span {
  display: inline-block;
  margin-right: 3px;
  overflow: hidden;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  white-space: nowrap;
  text-indent: 100%;
  vertical-align: middle;
  margin-top: -2px;
}
.myround_score .score_card .key span.c_blue {
  background: #358DFF;
}
.myround_score .score_card .key span.c_mint {
  background: #35D2FF;
}
.myround_score .score_card .key span.c_gray {
  background: #EFEFEF;
}
.myround_score .score_card .key span.c_yellow {
  background: #FFCE24;
}
.myround_score .score_card .key span.c_orange {
  background: #FB8435;
}
.myround_score .score_card .key span.c_red {
  background: #FB3556;
}
.myround_score .score_card table {
  margin-top: 3px;
  width: 100%;
}
.myround_score .score_card table thead th {
  background-color: var(--primary);
  color: #fff;
  font-size: 10px;
  font-weight: 400;
}
.myround_score .score_card table tbody th {
  font-size: 10px;
  color: #999;
  font-weight: 400;
  background-color: #F5F5F5;
}
.myround_score .score_card table tbody th.sub {
  border-bottom: 1px solid #E2E2E2;
  background-color: #fff;
  color: #1f1f1f;
}
.myround_score .score_card table tbody td {
  border-bottom: 1px solid #E2E2E2;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  height: 28px;
}
.myround_score .score_card table tbody td.c_blue {
  background: rgba(53, 141, 255, 0.5);
}
.myround_score .score_card table tbody td.c_mint {
  background: rgba(53, 210, 255, 0.5);
}
.myround_score .score_card table tbody td.c_gray {
  background: rgba(239, 239, 239, 0.5);
}
.myround_score .score_card table tbody td.c_yellow {
  background: rgba(255, 206, 36, 0.5);
}
.myround_score .score_card table tbody td.c_orange {
  background: rgba(251, 132, 53, 0.5);
}
.myround_score .score_card table tbody td.c_red {
  background: rgba(251, 53, 86, 0.5);
}
.myround_score .score_card table tbody .score td {
  font-weight: 800;
}
.myround_score .total {
  margin-top: -16px;
  border-top: 1px solid #E2E2E2;
  background-color: #F5F5F5;
  padding: 18px 30px;
}
.myround_score .total dl {
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
  text-align: center;
}
.myround_score .total dt {
  width: 30%;
}
.myround_score .total dd {
  width: 20%;
  font-weight: 800;
}
.myround_score .motion {
  display: flex;
  -moz-column-gap: 9px;
       column-gap: 9px;
  margin: 5px 14px;
}
.myround_score .motion li {
  position: relative;
  flex-grow: 1;
}
.myround_score .motion .media {
  height: 110px;
  border-radius: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.myround_score .motion a {
  display: block;
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
}
.myround_score .motion a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/assets/images/ico_my_motion.png) 10px 10px/18px no-repeat;
}
.myround_score .picture {
  margin: 5px 14px;
}
.mytrip {
  border-top: 6px solid #F5F5F5;
}
.mytrip h2 {
  padding: 16px 0 10px;
  font-size: 14px;
  font-weight: 700;
  color: #9CB8EC;
  text-align: center;
}
.mytrip video {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  max-height: 80vh;       /* 화면 기준 너무 커지지 않도록 제한 */
  object-fit: cover;
  display: block;
  background: #000;
}
.mytrip_map {
  position: relative;
  margin: 0 auto 26px;
  width: 250px;
  height: 350px;
  background: url(/assets/images/bg_my_trip_map.png) 0 0/250px auto no-repeat;
}
.mytrip_map .pos span[class^=pos_] {
  position: absolute;
  height: 21px;
  width: 21px;
  line-height: 21px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  background-color: var(--primary);
  font-size: 11px;
  font-weight: 800;
}
.mytrip_map .pos span[class^=pos_].c_och {
  background-color: #999;
  font-weight: 400;
}
.mytrip_map .pos span[class^=pos_].c_red {
  background-color: #D72F20;
}
.mytrip_map .pos span[class^=pos_].c_yel {
  background-color: #edcf3a;
}
.mytrip_sum {
  border-top: 1px solid #E2E2E2;
  background-color: #F5F5F5;
  padding: 7px 0;
  text-align: center;
  font-size: 14px;
}
.mytrip_sum strong {
  font-weight: 700;
}
.mytrip_dtl ul {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  margin: 16px 24px 14px;
}
.mytrip_dtl li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  background-color: #F5F5F5;
  border-radius: 8px;
  height: 70px;
  color: #777;
}
.mytrip_dtl li strong {
  margin-top: 2px;
  font-size: 16px;
  font-weight: 800;
  color: #1F1F1F;
}
.mytrip_info {
  margin: 15px 0 30px;
}
.mytrip_info div {
  display: flex;
  margin: 12px 23px;
}
.mytrip_info dt {
  color: #777;
}
.mytrip_info dd {
  margin-left: auto;
  font-weight: 700;
  font-size: 14px;
}
.myranking .control {
  position: relative;
  background-color: #F5F5F5;
  padding: 9px 20px 8px;
  line-height: 18px;
  text-align: center;
}
.myranking .control .total_num {
  position: absolute;
  left: 20px;
}
.myranking .control .link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 800;
  color: #000;
  line-height: 12px;
}
.myranking .control .link::after {
  content: "";
  width: 18px;
  height: 18px;
  background: url(/assets/images/ico_arrow_down3.png) 0/contain no-repeat;
}
.myranking .control .link .period {
  padding-left: 6px;
  border-left: 1px solid #000;
}
.myranking_data {
  margin: 20px 16px;
}
.myranking_data table {
  border-top: 1px solid #E2E2E2;
  width: 100%;
  line-height: 100%;
  letter-spacing: 0;
}
.myranking_data th div{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  padding: 9px 5px;
  background-color: #F5F5F5;
  color: #666;
  font-weight: 400;
  white-space: nowrap;
  box-sizing: border-box;
}
.myranking_data th .order {
  padding-right: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #666;
  background: url(/assets/images/ico_arrow_03_down.png) center right/8px auto no-repeat;
}
.myranking_data td div {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #E2E2E2;
  padding: 8px 5px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  line-height: normal;
  min-height: 48px;
  box-sizing: border-box;
}
.myranking_data td.date div{
  text-decoration: underline;
  text-underline-offset: 2px;
}
.myranking_data td.rank, .myranking_data td.rank a {
  color: var(--primary);
  font-weight: 900;
}
.myranking_info {
  margin: 50px 0 0;
  padding: 20px;
  border-top: 6px solid #F5F5F5;
  box-shadow: 0 -1px 0 #E2E2E2;
}
.myranking_info h2 {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
}
.myranking_info li {
  margin-left: 10px;
  padding-left: 5px;
  font-size: 14px;
  list-style: decimal;
}
.my .ranking {
  position: relative;
  padding-bottom: 55px;
  font-size: 14px;
  letter-spacing: -0.25px;
}
.my .ranking .head {
  padding: 0 30px;
}
.my .ranking .head .date {
  position: relative;
  margin: 34px 0 18px 10px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-color: #FFFAED;
  font-weight: 700;
}
.my .ranking .head .date input {
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.43px;
  vertical-align: middle;
  border: 0;
  width: 200px;
  background: transparent url("/assets/images/ico_calendar_01.png") 145px 0/20px no-repeat;
}
.my .ranking .head .date::before {
  content: "";
  position: absolute;
  left: -10px;
  top: -21px;
  width: 58px;
  height: 61px;
  background: url("/assets/images/ico_ranking.png") 0 0/contain no-repeat;
}
.my .ranking .head p {
  font-size: 12px;
  color: #777;
}
.my .ranking .tab {
  margin: 20px 0;
  padding: 13px 0 11px;
  border-top: 1px solid #E2E2E2;
  background-color: #F5F5F5;
  text-align: center;
}
.my .ranking .tab button {
  margin: 0 1px;
  width: 79px;
  height: 32px;
  border: 1px solid #DFDFDF;
  border-radius: 20px;
  background-color: #fff;
  font-weight: 700;
}
.my .ranking .tab button.active {
  color: #1F1F1F;
  border-color: #1F1F1F;
}
.my .ranking .tab_radio {
  margin: 20px 0;
  padding: 13px 0 11px;
  border-top: 1px solid #E2E2E2;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.my .ranking .tab_radio label span {
  display: block;
  margin: 0 1px;
  width: 79px;
  line-height: 30px;
  height: 32px;
  border: 1px solid #DFDFDF;
  border-radius: 20px;
  background-color: #fff;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.my .ranking .tab_radio label input:checked + span {
  color: #1F1F1F;
  border-color: #1F1F1F;
}
.my .ranking .list li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 12px 20px 12px 23px;
  padding-right: 28px;
}
.my .ranking .list li > * {
  flex-shrink: 0;
}
.my .ranking .list li.trophy {
  position: relative;
}
.my .ranking .list li.trophy::after {
  content: "";
  position: absolute;
  right: 0;
  width: 24px;
  height: 24px;
  background: url("/assets/images/ico_ranking_cup.png") 0 0/contain no-repeat;
}
.my .ranking .list li:nth-child(1) .rank {
  color: #DBAC2E;
}
.my .ranking .list li:nth-child(2) .rank {
  color: #007AFF;
}
.my .ranking .list li:nth-child(3) .rank {
  color: #FF3B30;
}
.my .ranking .list .rank {
  width: 20px;
  margin-right: 7px;
  text-align: center;
  font-weight: 800;
}
.my .ranking .list .thumb {
  margin-right: 8px;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  overflow: hidden;
  background-color: #D9D9D9;
}
.my .ranking .list .name {
  flex: 1;
  overflow: hidden;
  margin-right: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  line-height: 18px;
}
.my .ranking .list .team {
  width: 55px;
  font-size: 12px;
  color: #999;
}
.my .ranking .list .num {
  margin-left: 4px;
  width: 40px;
  text-align: center;
  font-weight: 800;
  font-size: 16px;
}
.my .ranking .list .ellipsis, .my .ranking .list .ellipsis::before, .my .ranking .list .ellipsis::after {
  display: inline-block;
  position: relative;
  width: 2px;
  height: 2px;
  background-color: #000;
  border-radius: 2px;
}
.my .ranking .list .ellipsis::before, .my .ranking .list .ellipsis::after {
  content: "";
  position: absolute;
  left: -5px;
}
.my .ranking .list .ellipsis::after {
  left: auto;
  right: -5px;
}
.my .ranking .fixed_btn {
  display: flex;
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}
.my .ranking .fixed_btn button {
  width: 50%;
  height: 50px;
  border: 0 none;
  background-color: #358DFF;
  color: #fff;
}
.my .ranking .fixed_btn button.share {
  background-color: #A99362;
}
.my .ranking_share {
  margin-top: -54px;
  padding-bottom: 30px;
  border-top: 0 none;
  background-color: #fff;
}
.my .ranking_share .share {
  padding: 16px 17px 0;
  font-weight: 700;
  line-height: 22px;
}
.my .ranking_share .head {
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 4px;
}
.my .ranking_share .list {
  border-top: 6px solid #f5f5f5;
  padding-top: 12px;
}
.myhof_desc {
  padding: 12px 20px;
  background-color: #F5F5F5;
  color: #777;
  line-height: 18px;
}
.myhof_certif {
  margin: 28px 20px 25px;
  background-color: #192D4D;
  color: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.myhof_certif .head {
  background: #DBAC2E url(/assets/images/bg_my_zone.png) right 50%/auto 240px no-repeat;
  padding: 6px 20px;
}
.myhof_certif .head::before {
  content: "";
  display: block;
  width: 44px;
  height: 20px;
  background: url(/assets/images/ico_my_countyp_gray.png) 0/contain no-repeat;
}
.myhof_certif .cont {
  padding: 35px 28px;
  text-align: center;
  line-height: 1.4;
}
.myhof_certif .cont h2 {
  margin-bottom: 25px;
  font-weight: 800;
  font-size: 24px;
}
.myhof_certif .cont p {
  margin-bottom: 9px;
  color: #C59F38;
  font-size: 14px;
}
.myhof_certif .cont p.name {
  font-weight: 800;
}
.myhof_certif .cont .certif_bg {
  margin: 20px auto;
  width: 101px;
  height: 129px;
  background: url(/assets/images/ico_my_certifi.png) center/contain no-repeat;
}
.myhof_certif .cont .detail {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid rgba(53, 141, 255, 0.2);
  line-height: 20px;
}
.myhof_certif .cont .detail > div {
  margin-top: 20px;
  flex-grow: 1;
  -moz-column-gap: 36px;
       column-gap: 36px;
  width: calc(50% - 18px);
  text-align: left;
}
.myhof_certif .cont .detail dt {
  color: #9CB8EC;
}
.myhof_share .myhof_certif {
  margin-top: 10px;
}
.mystats .stats_total {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid #E2E2E2;
}
.mystats .stats_total table {
  width: 100%;
  background-color: #fff;
}
.mystats .stats_total table th {
  padding: 15px 0 7px;
  border-top: 6px solid #F5F5F5;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.43px;
  text-align: center;
}
.mystats .stats_total table td {
  text-align: center;
  font-weight: bold;
  padding: 7px 0 20px;
  font-weight: 800;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.43px;
}
.mystats .chart {
  background-color: #F5F5F5;
  padding: 25px 0 0;
}
.mystats .chart.doughnut canvas {
  margin: 0 auto;
  max-width: 200px;
  max-height: 200px;
  width: 200px !important;
  height: 200px !important;
}
.mystats .chart.doughnut .legend {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 0 15px;
  padding-bottom: 20px;
  margin-top: 30px;
}
.mystats .chart.doughnut .legend .legend-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background: #fff;
  border-radius: 4px;
  padding: 0 0 0 4px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  font-size: 14px;
  border: 1px solid #E2E2E2;
  border-left: 0;
  overflow: hidden;
}
.mystats .chart.doughnut .legend .legend-item::before {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--before-bg);
}
.mystats .chart.doughnut .legend .legend-item dt {
  color: #666;
  background-color: #fff;
  height: 34px;
  padding-left: 10px;
  line-height: 34px;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: -0.43px;
  color: #777;
}
.mystats .chart.doughnut .legend .legend-item dd {
  background-color: #fff;
  flex: 1;
  text-align: right;
  padding-right: 10px;
  font-weight: bold;
  color: #1F1F1F;
  height: 34px;
  line-height: 34px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.43px;
}
.mystats .chart.single_bar {
  padding-top: 97px;
}
.mystats .chart.single_bar .graph {
  margin: 0 20px;
  height: 24px;
  background-color: rgba(53, 141, 255, 0.1);
  position: relative;
}
.mystats .chart.single_bar .graph .label {
  position: absolute;
  right: 10px;
  top: 0;
  font-weight: 800;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.43px;
}
.mystats .chart.single_bar .graph .bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 24px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.mystats .chart.single_bar .text {
  padding: 30px 0 40px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.43px;
  text-align: center;
}
.mystats .chart .btn_wrap {
  border-top: 1px solid #E2E2E2;
  padding: 20px 0;
  margin: 10px 0 0;
}
.mystats .chart .summary {
  text-align: center;
  margin-bottom: 20px;
  font-weight: 800;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #358DFF;
}
.mystats .chart .barChart {
  width: 320px;
  height: 220px;
  margin: 0 auto;
  position: relative;
}
.mystats .chart .barChart .half {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 0;
  right: 0;
  height: 30px;
  display: flex;
  justify-content: space-around;
  background-color: #E2E2E2;
}
.mystats .chart .barChart .bar_wrap {
  position: relative;
  width: 20px;
}
.mystats .chart .barChart .bar_wrap .bar {
  width: 20px;
  position: absolute;
  transition: all 0.3s ease-in-out;
  height: 0;
  opacity: 0;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.mystats .chart .barChart .bar_wrap .bar .name {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  line-height: 30px;
  background-color: #E2E2E2;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.43px;
  text-align: center;
}
.mystats .chart .barChart .bar_wrap .bar .text {
  font-weight: 800;
  font-size: 14px;
  letter-spacing: -0.43px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.mystats .chart .barChart .bar_wrap .bar.positive {
  bottom: 100%;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.mystats .chart .barChart .bar_wrap .bar.positive .name {
  top: 100%;
}
.mystats .chart .barChart .bar_wrap .bar.positive .text {
  bottom: 100%;
}
.mystats .chart .barChart .bar_wrap .bar.negative {
  top: 100%;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
.mystats .chart .barChart .bar_wrap .bar.negative .name {
  bottom: 100%;
}
.mystats .chart .barChart .bar_wrap .bar.negative .text {
  top: 100%;
}
.mystats .chart .barChart .ott .bar {
  background-color: #CCDC51;
}
.mystats .chart .barChart .app .bar {
  background-color: #B6CEFB;
}
.mystats .chart .barChart .arg .bar {
  background-color: #9B89F9;
}
.mystats .chart .barChart .putt .bar {
  background-color: #FADD5A;
}
.mystats .notice {
  text-align: center;
  padding: 0 20px;
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: -0.43px;
  text-align: center;
  color: #777;
  margin-bottom: 12px;
  word-break: auto-phrase;
}
.mystats .select_group {
  height: 52px;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0 20px;
  gap: 16px;
  border-bottom: 1px solid #E2E2E2;
}
.mystats .select_group:has(select) {
  justify-content: flex-end;
}
.my:has(.mystats_share) .mystats .select_group {
  border-top: 6px solid #F5F5F5;
  position: relative;
}
.my:has(.mystats_share) .mystats .select_group::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -6px;
  border-top: 1px solid #E2E2E2;
}
.mystats .select_group select {
  border: 0;
  font-weight: 400;
  height: 30px;
  letter-spacing: -0.43px;
  vertical-align: middle;
  color: #000;
}
.mygdiary {
  min-height: calc(100vh - 54px - 85px);
  background-color: #F5F5F5;
}
.mygdiary .tab_2depth {
  display: flex;
  align-items: center;
  justify-content: safe center;
  gap: 20px;
  margin: 8px;
  margin-bottom: 0;
  overflow: auto;
}
.mygdiary .tab_2depth::-webkit-scrollbar {
  display: none;
}
.mygdiary .tab_2depth a {
  font-size: 14px;
}
.mygdiary .tab_2depth a.active {
  font-weight: 800;
}
.mygdiary .tabpanel {
  padding-bottom: 20px;
  min-height: calc(100vh - 300px);
}
.mygdiary .box {
  margin: 20px 20px 12px;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
}
.mygdiary .box .hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E2E2E2;
  padding: 7px 20px;
  line-height: 28px;
}
.mygdiary .box .hd h3 {
  font-weight: 400;
}
.mygdiary .box .hd .more {
  color: #C59F38;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: -0.43px;
  text-decoration: underline;
}
.mygdiary .box .hd .info {
  margin-left: auto;
  color: rgba(31, 31, 31, 0.95);
}
.mygdiary .box .hd .info span {
  line-height: 12px;
}
.mygdiary .box .hd .info span + span {
  margin-left: 4px;
  padding-left: 8px;
  border-left: 1px solid #D9D9D9;
}
.mygdiary .box .cont {
  padding: 16px 20px 20px;
  background-color: rgba(53, 141, 255, 0.06);
}
.mygdiary .box .cont dl {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 25px;
}
.mygdiary .box .cont div.type1 {
  color: var(--primary);
}
.mygdiary .box .cont div.type2 {
  color: #C59F38;
}
.mygdiary .box .cont dt {
  font-weight: 700;
  font-size: 10px;
  line-height: 22px;
  letter-spacing: -0.43px;
  text-align: center;
}
.mygdiary .box .cont dd {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.43px;
  text-align: center;
}
.mygdiary .box .cont dd strong {
  font-weight: 800;
  font-size: 16px;
}
.mygdiary .box .cont dd .text {
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
}
.mygdiary .box .cont dd small {
  font-weight: 400;
  font-size: 100%;
}
.mygdiary .box .cont ul {
  display: flex;
}
.mygdiary .box .cont li {
  flex-grow: 1;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  line-height: 14px;
}
.mygdiary .box .cont li strong,
.mygdiary .box .cont li .txt {
  display: block;
  margin-top: 8px;
}
.mygdiary .box .cont li strong {
  font-weight: 800;
  font-size: 16px;
}
.mygdiary .box .cont li small {
  font-weight: 400;
  font-size: 100%;
}
.mygdiary .box .cont li[class^=type] strong {
  text-decoration: underline;
}
.mygdiary .box .cont li.type1 {
  color: var(--primary);
}
.mygdiary .box .cont li.type2 {
  color: #C59F38;
}
.mygdiary .notice {
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: -0.43px;
  text-align: center;
  color: #777;
}
.mygdiary_score {
  border-top: 6px solid #F5F5F5;
  letter-spacing: 0;
  padding-bottom: 40px;
}
.mygdiary_score > section {
  margin: 30px 20px;
}
.mygdiary_score > section.box {
  margin: 16px 0;
}
.mygdiary_score > section.box > .total {
  margin-top: -16px;
  border-top: 1px solid #E2E2E2;
  background-color: #F5F5F5;
  padding: 18px 30px;
}
.mygdiary_score > section.box > .total dl {
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
  text-align: center;
}
.mygdiary_score > section.box > .total dt {
  width: 30%;
}
.mygdiary_score > section.box > .total dd {
  width: 20%;
  font-weight: 800;
}
.mygdiary_score .head {
  margin: 0 20px;
}
.mygdiary_score .head h2 {
  font-size: 16px;
  font-weight: 800;
}
.mygdiary_score .head .date {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.mygdiary_score .summary {
  position: relative;
  margin-top: 12px;
}
.mygdiary_score .summary p {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 10px 20px;
  background: linear-gradient(180deg, transparent 40%, #000 100%);
}
.mygdiary_score .summary span {
  color: #fff;
  line-height: 12px;
}
.mygdiary_score .summary span + span {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #fff;
}
.mygdiary_score .summary_score {
  padding: 15px 0 12px;
  border-bottom: 1px solid #E2E2E2;
}
.mygdiary_score .summary_score dl {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mygdiary_score .summary_score dt {
  font-weight: 700;
}
.mygdiary_score .summary_score dd {
  margin-left: 8px;
  font-weight: 800;
  font-size: 18px;
}
.mygdiary_score .summary_score dd span {
  color: #777;
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
}
.mygdiary_score .summary_score dd + dt {
  margin-left: 24px;
}
.mygdiary_score .score_card {
  position: relative;
  margin: 16px 0;
}
.mygdiary_score .score_card h3 {
  margin-left: 20px;
  font-size: 16px;
  font-weight: 400;
}
.mygdiary_score .score_card .key {
  position: absolute;
  right: 20px;
  display: flex;
  gap: 8px;
  font-size: 9px;
}
.mygdiary_score .score_card .key span {
  display: inline-block;
  margin-right: 3px;
  overflow: hidden;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  white-space: nowrap;
  text-indent: 100%;
  vertical-align: middle;
  margin-top: -2px;
}
.mygdiary_score .score_card .key span.c_blue {
  background: #358DFF;
}
.mygdiary_score .score_card .key span.c_mint {
  background: #35D2FF;
}
.mygdiary_score .score_card .key span.c_gray {
  background: #EFEFEF;
}
.mygdiary_score .score_card .key span.c_yellow {
  background: #FFCE24;
}
.mygdiary_score .score_card .key span.c_orange {
  background: #FB8435;
}
.mygdiary_score .score_card .key span.c_red {
  background: #FB3556;
}
.mygdiary_score .score_card table {
  margin-top: 3px;
  width: 100%;
}
.mygdiary_score .score_card table thead th {
  background-color: var(--primary);
  color: #fff;
  font-size: 10px;
  font-weight: 400;
}
.mygdiary_score .score_card table tbody th {
  font-size: 10px;
  color: #999;
  font-weight: 400;
  background-color: #F5F5F5;
}
.mygdiary_score .score_card table tbody th.sub {
  border-bottom: 1px solid #E2E2E2;
  background-color: #fff;
  color: #1f1f1f;
}
.mygdiary_score .score_card table tbody td {
  border-bottom: 1px solid #E2E2E2;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  height: 28px;
}
.mygdiary_score .score_card table tbody td.c_blue {
  background: rgba(53, 141, 255, 0.5);
}
.mygdiary_score .score_card table tbody td.c_mint {
  background: rgba(53, 210, 255, 0.5);
}
.mygdiary_score .score_card table tbody td.c_gray {
  background: rgba(239, 239, 239, 0.5);
}
.mygdiary_score .score_card table tbody td.c_yellow {
  background: rgba(255, 206, 36, 0.5);
}
.mygdiary_score .score_card table tbody td.c_orange {
  background: rgba(251, 132, 53, 0.5);
}
.mygdiary_score .score_card table tbody td.c_red {
  background: rgba(251, 53, 86, 0.5);
}
.mygdiary_score .score_card table tbody .score td {
  font-weight: 800;
}
.mygdiary_score .motion {
  display: flex;
  -moz-column-gap: 9px;
       column-gap: 9px;
  margin: 5px 14px;
}
.mygdiary_score .motion li {
  position: relative;
  flex-grow: 1;
}
.mygdiary_score .motion .media {
  height: 110px;
  border-radius: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.mygdiary_score .motion a {
  display: block;
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
}
.mygdiary_score .motion a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/assets/images/ico_my_motion.png) 10px 10px/18px no-repeat;
}
.my .btn_wrap {
  margin: 20px 0;
  display: flex;
  gap: 4px;
  align-items: center;
  padding-bottom: 30px;
  justify-content: center;
}
.my .btn_wrap button {
  display: inline-flex;
  align-items: center;
  margin: 0 2px;
  padding: 0 20px;
  height: 32px;
  border: 1px solid #C59F38;
  border-radius: 18px;
  font-size: 14px;
  font-weight: 700;
  color: #C59F38;
  background-color: #fff;
  vertical-align: top;
}
.my .btn_wrap button::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 2px;
  background: url(/assets/images/ico_my_down.png) 0/contain no-repeat;
}
.my .btn_wrap button.btn_share::before {
  background-image: url(/assets/images/ico_my_share.png);
}
.my .tooltip {
  position: relative;
}
.my .tooltip button {
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background: url("/assets/images/ico_emark_01.png") 0 0/18px no-repeat;
  border: 0;
  position: relative;
}
.my .tooltip p {
  position: absolute;
  top: 26px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
  padding: 12px 20px;
  color: #fff;
  min-width: 120px;
  display: none;
  width: -moz-fit-content;
  width: fit-content;
}
.my .tooltip.active button::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6.93px solid #A99362;
}
.my .stats_table {
  display: grid;
  row-gap: 12px;
  -moz-column-gap: 4px;
       column-gap: 4px;
  margin: 20px 20px 25px;
}
.my .stats_table .title {
  display: flex;
  gap: 5px;
  margin-bottom: -3px;
  font-weight: 700;
  font-size: 14px;
}
.my .stats_table .box {
  border: 1px solid #E2E2E2;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.my .stats_table .box .hd {
  display: flex;
  align-items: center;
  height: 29px;
  border-bottom: 1px solid #E2E2E2;
  padding-left: 19px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.43px;
}
.my .stats_table .box .cont {
  background-color: rgba(53, 141, 255, 0.06);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.my .stats_table .box .cont dl {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 20px 25px;
  /* gap: 25px; */
}
.my .stats_table .box .cont dt {
  font-weight: 700;
  font-size: 10px;
  line-height: 22px;
  letter-spacing: -0.43px;
  text-align: center;
}
.my .stats_table .box .cont dd {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.43px;
  text-align: center;
}
.my .stats_table .box .cont dd strong {
  font-weight: 800;
  font-size: 16px;
}
.my .stats_table .box .cont .avg {
  text-align: center;
  font-weight: 700;
  font-size: 10px;
  line-height: 22px;
  letter-spacing: -0.43px;
  padding: 20px 0;
}
.my .stats_table .box .cont .avg .bar {
  font-weight: 300;
  font-size: 10px;
  line-height: 22px;
  letter-spacing: -0.43px;
}
.my .stats_table .box .cont .avg .per {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #358DFF;
  margin-right: 5px;
}
.my .stats_table .box .cont .avg strong {
  font-weight: 800;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #358DFF;
}
.my .stats_table .box .cont .avg.gr {
  font-size: 12px;
}
.my .stats_table .box .cont .avg.gr .bar {
  font-size: 12px;
}
.my .stats_table .box .cont .sg dd {
  font-size: 16px;
  font-weight: 800;
}
.my .stats_table .box .cont .sg .total dd {
  font-weight: 800;
  font-size: 22px;
  color: #358DFF;
}
.my .stats_table .box .cont .ts dd {
  font-weight: 800;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.43px;
}
.my .stats_table .box .cont .ts div:first-child dt {
  color: #358DFF;
}
.my .stats_table .box .cont .ts div:first-child dd {
  color: #358DFF;
  font-weight: 800;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: -0.43px;
}
.my .stats_table.fs {
  grid-template-columns: 1fr 1fr;
}
.my .stats_table.fs .box:nth-child(1), .my .stats_table.fs .box:nth-child(2), .my .stats_table.fs .box:nth-child(3) {
  grid-column: 1/-1;
}
.mybook {
  min-height: calc(100vh - 54px - 85px);
  background-color: #F5F5F5;
}
.mybook_panel .summary {
  float: left;
  letter-spacing: -0.43px;
}
.mybook_panel .summary strong {
  color: #D72F20;
  font-weight: 800;
}
.mybook_panel .summary strong a {
  color: inherit;
  text-decoration: underline;
}
.mybook_panel .filter {
  margin: 12px 20px;
  text-align: right;
}
.mybook_panel .filter select {
  padding-right: 20px;
  border: 0 none;
  font-size: 12px;
  font-weight: 800;
  line-height: 18px;
  letter-spacing: -0.43px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent url("/assets/images/ico_arrow_04_down.png") center right/18px no-repeat;
}
.mybook_panel .filter select + select {
  margin-left: 10px;
}
.mybook_list {
  padding-bottom: 20px;
}
.mybook_list li {
  margin: 12px 20px;
  padding: 14px 20px 0;
  border-radius: 8px;
  border: 1px solid #E2E2E2;
  background-color: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.mybook_list .head {
  display: flex;
  align-items: center;
  margin-bottom: 21px;
}
.mybook_list .head p {
  font-size: 14px;
  font-weight: 800;
  color: #D72F20;
}
.mybook_list .head p.cancel {
  color: var(--primary);
}
.mybook_list .head a {
  margin-left: auto;
  text-decoration: underline;
  color: #777;
  font-size: 12px;
}
.mybook_list .cont p {
  font-size: 14px;
}
.mybook_list .cont p.date {
  margin-bottom: 12px;
}
.mybook_list .cont p.team {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 800;
}
.mybook_list .cont .add_company {
  margin: 17px 0 22px;
  font-size: 0;
}
.mybook_list .cont .add_company span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border: 3px solid #fff;
  width: 32px;
  height: 32px;
  border-radius: 19px;
  background: #CDDFF7 url(/assets/images/ico_my_add.png) center/8px no-repeat;
}
.mybook_list .cont .add_company span:not(:first-of-type) {
  margin-left: -12px;
}
.mybook_list .cont .add_company span.active {
  background-size: cover;
}
.mybook_list .cont .add_company .btn_add {
  margin-left: 8px;
  height: 30px;
  border: 1px solid #DA3742;
  color: #DA3742;
  padding: 0 16px;
  background-color: #fff;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 700;
  vertical-align: middle;
}
.mybook_list .foot {
  display: flex;
  align-items: center;
  margin: 0 -20px;
  min-height: 47px;
  padding: 0 15px;
  background-color: rgba(53, 141, 255, 0.06);
  border-top: 1px solid #E2E2E2;
  text-align: center;
}
.mybook_list .foot > a {
  flex: 1;
  font-weight: 700;
  font-size: 12px;
  color: #D5A72C;
}
.mybook_list .foot > a::before {
  content: "";
  display: inline-block;
  margin-right: 2px;
  width: 28px;
  height: 28px;
  background: url("/assets/images/ico_my_info.png") center/contain no-repeat;
  vertical-align: middle;
}
.mybook_list .foot > a.weather::before {
  background-image: url("/assets/images/ico_my_weather.png");
}
.mybook_list .foot > a.location::before {
  background-image: url("/assets/images/ico_my_loc.png");
}
.mybook_list .foot:has(p) {
  flex-wrap: wrap;
  text-align: left;
}
.mybook_list .foot:has(p) p {
  width: 100%;
  margin: 15px 5px;
  line-height: 100%;
}
.mybook_list .foot:has(p) p + p {
  margin-top: -7px;
}
.myweather {
  font-size: 14px;
}
.myweather_main {
  padding-top: 30px;
  text-align: center;
  line-height: 1.16;
}
.myweather_main h2 {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 800;
}
.myweather_main .img {
  margin: 36px 0;
}
.myweather_main .img span {
  display: block;
  margin-top: 4px;
  font-size: 18px;
  font-weight: 800;
}
.myweather_main .details {
  display: flex;
  margin: 0 30px 22px;
  padding-top: 24px;
  border-top: 1px solid #E2E2E2;
}
.myweather_main .details > div {
  flex: 1;
  text-align: center;
}
.myweather_main .details dt {
  min-height: 42px;
  color: #666;
  font-size: 12px;
}
.myweather_main .details dd {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  min-height: 32px;
  font-weight: 700;
}
.myweather_time {
  border-top: 1px solid #E2E2E2;
  box-shadow: inset 0 6px 0 #F5F5F5;
  padding: 30px 20px;
}
.myweather_time table {
  width: 100%;
}
.myweather_time table th {
  padding: 9px 0;
  border-top: 1px solid #E2E2E2;
  background-color: #F5F5F5;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  vertical-align: top;
  line-height: 1.16;
}
.myweather_time table td {
  border-bottom: 1px solid #E2E2E2;
  text-align: center;
}
.myweather_time table tr.active td {
  background-color: rgba(53, 141, 255, 0.06);
}
.myweather_time table tr.active td:first-of-type {
  font-weight: 700;
}
.myweather_time table .state {
  display: block;
  margin-top: -2px;
  font-size: 12px;
}
.mymileage {
  font-size: 14px;
  line-height: 1.16;
}
.mymileage_summary {
  padding: 53px 0 28px;
  text-align: center;
}
.mymileage_summary h2 {
  font-weight: 400;
}
.mymileage_summary .value {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 7px;
  font-weight: 800;
  font-size: 28px;
}
.mymileage_summary .value::after {
  content: "";
  width: 28px;
  height: 28px;
  background: url("/assets/images/ico_stt_mileage.png") center/contain no-repeat;
}
.mymileage_summary .info {
  margin-top: 50px;
  font-size: 12px;
  color: #777;
}
.mymileage_summary .info strong {
  margin-left: 4px;
  font-weight: 800;
  color: #D72F20;
}
.mymileage_list {
  border-top: 1px solid #E2E2E2;
  box-shadow: inset 0 6px 0 #F5F5F5;
  padding: 15px 0 0;
}
.mymileage_list li {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  padding: 18px 20px;
  border-bottom: 1px solid #E2E2E2;
}
.mymileage_list li.used strong, .mymileage_list li.used .value {
  color: #D72F20;
}
.mymileage_list .box {
  flex: 1;
}
.mymileage_list p {
  font-weight: 700;
}
.mymileage_list strong {
  color: var(--primary);
}
.mymileage_list .date {
  display: block;
  margin-top: 7px;
  color: #777;
  font-size: 12px;
}
.mymileage_list .value {
  margin-left: auto;
  color: var(--primary);
  font-size: 18px;
  font-weight: 800;
}
.mymotion_list {
  margin: 20px;
  font-size: 14px;
}
.mymotion_list > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  padding: 15px 16px 0;
}
.mymotion_list > li + li {
  margin-top: 12px;
}
.mymotion_list .media {
  position: relative;
  width: 120px;
  height: 92px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;
}
.mymotion_list .media::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/ico_my_motion.png) 10px 10px/18px no-repeat;
}
.mymotion_list .detail {
  margin-left: 16px;
  width: calc(100% - 120px - 16px);
}
.mymotion_list .detail p {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 800;
}
.mymotion_list .detail span {
  display: block;
  line-height: 18px;
}
.mymotion_list .util {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin: 19px -16px 0;
  padding: 10px 0 12px;
  width: calc(100% + 32px);
  background-color: rgba(53, 141, 255, 0.1);
  font-weight: 700;
}
.mymotion_list .util li + li::before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 1px;
  height: 12px;
  background-color: #D9D9D9;
  vertical-align: middle;
}
.mymotion_list .util button {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  border: 0 none;
  background: none;
  font-weight: 700;
  position: relative;
  left: -2px; 
}
.mymotion_list .util button::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 2px;
  background: url("../images/ico_my_down_black.png") center/contain no-repeat;
  position: relative;
  left: -2px;
}
.mymotion_list .util button.btn_share::before {
  background-image: url("../images/ico_my_share_black.png");
}
.mymotion_list .util a {
  color: var(--primary);
  text-decoration: underline;
  vertical-align: middle;
  line-height: 1; 
  position: relative;
  top: 1px; 
  left: -3px;
}
.airmotion_popup {
  border: 0;
  padding: 0;
  width: 320px;
  overflow: hidden;
}
.airmotion_popup .hd {
  position: relative;
  outline: 0;
}
.airmotion_popup .hd h2 {
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  font-weight: 700;
  font-size: 16px;
  outline: 0;
}
.airmotion_popup .btn_close {
  position: absolute;
  right: 20px;
  top: 14px;
  width: 24px;
  height: 24px;
  background: url("/assets/images/btn_close_01.png") 0 0/24px no-repeat;
  border: 0;
}
.airmotion_popup .btn_down {
  position: absolute;
  right: 60px;
  top: 14px;
  width: 24px;
  height: 24px;
  background: url("/assets/images/ico_down_01.png") 0 0/24px auto no-repeat;
  border: 0;
}
.airmotion_popup .motion {
  width: 320px;
  height: 320px;
  background-color: #1F1F1F;
  position: relative;
}
.airmotion_popup .motion video {
  width: 320px;
  height: 320px;
}
.airmotion_popup .btn_play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 42px;
  height: 42px;
  border: 0;
  margin: -21px 0 0 -21px;
  background: url("/assets/images/btn_play_01.png") 0 0/42px no-repeat;
}

[class$=_popup] {
  width: 320px;
  max-width: 768px;
}
[class$=_popup] .inner {
  background-color: #fff;
}
[class$=_popup] .inner > h2 {
  padding: 16px 0 12px;
  text-align: center;
  font-weight: 800;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  border-bottom: 1px solid #E2E2E2;
  outline: 0;
  background-color: #fff;
}
[class$=_popup] .content {
  margin: 50px 30px;
}
[class$=_popup] .content p {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
[class$=_popup] .btn_close {
  position: absolute;
  right: 20px;
  top: 14px;
  width: 24px;
  height: 24px;
  background: url("/assets/images/btn_close_01.png") 0 0/24px no-repeat;
  border: 0;
}
[class$=_popup] .buttons {
  display: flex;
  margin-top: 20px;
}
[class$=_popup] .buttons button {
  flex: 1;
  height: 40px;
  border: 0 none;
  background-color: #A99362;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  column-gap: 0px;
}
[class$=_popup] .buttons button.btn_blue {
  background-color: var(--primary);
}

.cancelStatus_popup .content {
  margin: 20px;
}
.cancelStatus_popup .title {
  margin-bottom: 12px;
  color: #D72F20;
  text-align: center;
}
.cancelStatus_popup .info {
  margin: 26px -20px -20px;
  padding: 20px;
  background-color: #F5F5F5;
  text-align: center;
  letter-spacing: -0.43px;
  line-height: 22px;
}
.cancelStatus_popup .info strong {
  font-weight: 800;
}
.cancelStatus_popup table th, .cancelStatus_popup table td {
  padding: 7px 15px;
  border: 1px solid #E2E2E2;
}
.cancelStatus_popup table th:first-child, .cancelStatus_popup table td:first-child {
  border-left: 0 none;
}
.cancelStatus_popup table th:last-child, .cancelStatus_popup table td:last-child {
  border-right: 0 none;
}
.cancelStatus_popup table th {
  width: 55px;
}
.cancelStatus_popup table td {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.43px;
}

.couponRegCode_popup .content {
  font-weight: 800;
}
.couponRegCode_popup .input {
  margin-top: 11px;
}
.couponRegCode_popup .input input {
  width: 100%;
  height: 38px;
  line-height: 38px;
  border: 0 none;
  border-radius: 4px;
  background-color: #F5F5F5;
  padding: 0 20px;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
}
.couponRegCode_popup .btn_confirm {
  width: 100%;
  height: 50px;
  background: var(--primary);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border: 0 none;
}

.tooltip-popup {
  position: absolute;
  border-radius: 4px;
  padding: 12px 20px;
  max-width: 320px;
  box-sizing: border-box;
  color: #fff;
  background-color: #A99362;
  width: auto !important;
}

@media screen and (max-width: 380px) {
  .my .stats_table .box .cont .sg .total dd {
    font-size: 18px;
  }
  .my .stats_table .box .cont .sg dd {
    font-size: 14px;
  }

  .mygdiary .box .cont dl {
    gap: 16px; 
  }
  .mygdiary .box .cont dd strong {
    font-size: 14px;
  }

  .myzone_last .detail span {
    font-size: 12px;
    letter-spacing: 0px;
  }
}