@charset "UTF-8";
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: swap;
  src: local("Pretendard Black"), url("../fonts/Pretendard/Pretendard-Black.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-Black.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard ExtraBold"), url("../fonts/Pretendard/Pretendard-ExtraBold.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url("../fonts/Pretendard/Pretendard-Bold.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url("../fonts/Pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url("../fonts/Pretendard/Pretendard-Medium.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url("../fonts/Pretendard/Pretendard-Regular.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url("../fonts/Pretendard/Pretendard-Light.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-display: swap;
  src: local("Pretendard ExtraLight"), url("../fonts/Pretendard/Pretendard-ExtraLight.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard Thin"), url("../fonts/Pretendard/Pretendard-Thin.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-Thin.woff") format("woff");
}
.alignItem-ct {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.ftC_red {
  color: #e60012 !important;
}

.list-table-section {
  margin-top: 60px;
}
.list-table-section * {
  font-family: "NotoSansKR" !important;
  font-weight: 500;
}

.list-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.total-list-count {
  font-size: 20px;
}

.list-align-sort-tab {
  margin-left: 49px;
  font-size: 16px;
}
.list-align-sort-tab > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list-align-sort-tab > ul li {
  position: relative;
}
.list-align-sort-tab > ul li + li {
  margin-left: 16px;
  padding-left: 16px;
}
.list-align-sort-tab > ul li + li:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #dedede;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.list-align-sort-tab > ul li a {
  position: relative;
  color: #888;
  display: inline-block;
}
.list-align-sort-tab > ul li.active > a {
  color: #000;
  font-weight: 700;
}
.list-align-sort-tab > ul li.active > a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  top: -1px;
  right: -10px;
}

.coupon-furrow-box-list > li.completion .coupon-furrow-box-top-inner .coupon-furrow-mid-title .icon-cirlce-arrow {
  opacity: 0.2;
}
.coupon-furrow-box-list > li.completion .coupon-furrow-box-bot-inner .period-wrap .period-round-box {
  background-color: #d3d3d3;
  color: #888;
}

.coupon-furrow-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
  margin-top: 20px;
}
.coupon-furrow-box-list > li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc((100% - 60px) / 3);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.coupon-furrow-box-list > li > div {
  cursor: pointer;
}
.coupon-furrow-box-top {
  position: relative;
}
.coupon-furrow-box-top:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/mycar/bg-coupon-top-left.png) 50% no-repeat;
  width: 13px;
  height: 9px;
  background-size: 13px 9px;
}
.coupon-furrow-box-top:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/mycar/bg-coupon-top-right.png) 50% no-repeat;
  width: 13px;
  height: 9px;
  background-size: 13px 9px;
}
.coupon-furrow-box-top-inner {
  position: relative;
  min-height: 190px;
  padding: 9px 12px 1px;
  margin: 0 12px;
  background: url(../images/mycar/bg-coupon-top-center.png) center top repeat-x;
  background-size: 1px 9px;
}
.coupon-furrow-box-top-inner .sub-text{
  font-size:14px;
  font-weight:400;
  color:#888;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.coupon-furrow-box-top-inner:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 8px;
  left: -12px;
  bottom: 0;
  width: 13px;
  background: url(../images/mycar/bg-coupon-mid-left.png) 50% repeat-y;
  background-size: 13px 1px;
}
.coupon-furrow-box-top-inner:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 8px;
  right: -12px;
  bottom: 0;
  width: 13px;
  background: url(../images/mycar/bg-coupon-mid-right.png) 50% repeat-y;
  background-size: 13px 1px;
}
.coupon-furrow-box-mid {
  position: relative;
}
.coupon-furrow-box-mid:before, .coupon-furrow-box-mid:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 14px 21px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.coupon-furrow-box-mid:before {
  background-image: url(../images/mycar/bg-coupon-furrow-left.png);
  left: 0;
}
.coupon-furrow-box-mid:after {
  background-image: url(../images/mycar/bg-coupon-furrow-right.png);
  right: 0;
}
.coupon-furrow-box-mid-inner {
  margin: 0 13px;
  height: 21px;
}
.coupon-furrow-box-mid-inner .line-dash {
  margin: 10px 7px 9px;
  display: inline-block;
  width: calc(100% - 16px);
  border: 0;
  border-top: 1px dashed #c0c3c8;
}
.coupon-furrow-box-bot {
  position: relative;
}
.coupon-furrow-box-bot:before, .coupon-furrow-box-bot:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  width: 13px;
  height: 9px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 13px 9px;
}
.coupon-furrow-box-bot:before {
  background-image: url(../images/mycar/bg-coupon-bottom-left.png);
  left: 0;
}
.coupon-furrow-box-bot:after {
  background-image: url(../images/mycar/bg-coupon-bottom-right.png);
  right: 0;
}
.coupon-furrow-box-bot-inner {
  position: relative;
  padding-bottom: 20px;
  margin: 0 12px;
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: 1px 9px;
  background-image: url(../images/mycar/bg-coupon-bottom-center.png);
}
.coupon-furrow-box-bot-inner:before, .coupon-furrow-box-bot-inner:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 8px;
  width: 13px;
  height: calc(100% - 9px);
  background-repeat: repeat-y;
  background-position: 50%;
  background-size: 13px 1px;
}
.coupon-furrow-box-bot-inner:before {
  left: -12px;
  background-image: url(../images/mycar/bg-coupon-mid-left.png);
}
.coupon-furrow-box-bot-inner:after {
  right: -12px;
  background-image: url(../images/mycar/bg-coupon-mid-right.png);
}
.coupon-furrow-box-bot .period-wrap {
  padding: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
}
.coupon-furrow-box-bot .period-round-box {
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: #000;
  border-radius: 15px;
  padding: 5px 9px;
  margin-right: 8px;
  white-space: nowrap;
}
.coupon-furrow-box-bot .period-round-box.completion {
  background: #d3d3d3;
  color: #888;
}
.coupon-furrow-box-bot .period-txt {
  color: #888;
}
.coupon-furrow-top-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: calc(100% + 46px);
  margin: -8px 0 0 -23px;
  height: 48px;
  background: #f5f5f5;
  z-index: 1;
  border-radius: 11px 11px 0 0;
  padding: 0 24px;
}
.coupon-furrow-top-title .txt {
  display: inline-block;
  font-size: 16px;
  color: #2f190b;
  font-weight: 500;
}
.coupon-furrow-top-title .ico-grade {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.coupon-furrow-mid-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
}
.coupon-furrow-mid-title > img {
  width: 60px;
  height: 60px;
}
.coupon-furrow-mid-title .thumb-circle-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1.2;
  color: #000;
  word-break: keep-all;
  word-wrap: break-word;
  margin-left: 16px;
  font-weight: 700;
}
.coupon-furrow-mid-con {
  margin-top: 15px;
  font-size: 16px;
  color: #888;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.coupon-furrow-bot-inner {
  position: relative;
  height: 30px;
  padding-bottom: 20px;
  margin: 0 12px;
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: 1px 9px;
  background-image: url(../images/mycar/bg-coupon-bottom-center.png);
}

.coupon-furrow-box-list .standard .coupon-furrow-top-title .txt {
  color: #f0aa00;
}
.coupon-furrow-box-list .standard .ico-grade {
  background-image: url(../images/mycar/icon-c-standard.png);
}
.coupon-furrow-box-list .prestige .coupon-furrow-top-title .txt {
  color: #2f190b;
}
.coupon-furrow-box-list .prestige .ico-grade {
  background-image: url(../images/mycar/icon-c-prestige.png);
}
.coupon-furrow-box-list .premium .coupon-furrow-top-title .txt {
  color: #e60012;
}
.coupon-furrow-box-list .premium .ico-grade {
  background-image: url(../images/mycar/icon-c-premium.png);
}

.paging-list-st {
  margin: 80px 0 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.paging-list-st ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paging-list-st ul li a {
  display: inline-block;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 26px;
}
.paging-list-st ul li a.on {
  background: #ed1c24;
  color: #fff;
  border-radius: 50%;
}

/* 쿠폰-팝업 */
.mycar-popup-wrap * {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  font-family: "NotoSansKR" !important;
  font-weight: 500;
}
.mycar-popup-wrap .mycar-popup-coupon-inner {
  position: relative;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon {
  width: 500px !important;
  top: 55%;
  overflow: hidden;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-header {
  padding: 38px 50px 15px;
  position: relative;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-header:after {
  bottom: 0;
  top: auto;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body {
  max-height: calc(100vh - 315px);
  overflow-x: hidden;
  padding-bottom: 0;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .top-coupon {
  padding: 0;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .top-coupon .con-info .txt-wrap + .txt-wrap {
  margin-top: 10px;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .top-coupon .con-info .txt-wrap .tit-txt,
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .top-coupon .con-info .txt-wrap .con-txt {
  font-size: 18px;
  line-height: 1.2;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .top-coupon .con-info .txt-wrap .btn-copy {
  display: inline-block;
  font-size: 14px;
  padding: 0 12px;
  border: 1px solid #000;
  border-radius: 15px;
  margin: 0 0 -3px 10px;
  height: 30px;
  line-height: 26px;
  color: #222;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .top-coupon .con-info .txt-wrap .btn-copy:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background: url(../images/mycar/icon-copy-black.png) 50% no-repeat;
  background-size: 16px 16px;
  margin: -4px 4px 0 0;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .top-coupon .img-barcode {
  margin-top: 35px !important;
  overflow: unset !important;
  height: auto !important;
  max-height: unset !important;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .btn-area {
  margin-top: 30px;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .btn-area .btn {
  height: 46px;
  display: block;
  border-radius: 23px;
  line-height: 44px;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .btn-area .btn.pop {
  background-image: url(../images/mycar/icon-new-window.png);
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .btn-area .btn.type-black {
  background: #222 url(../images/mycar/icon-new-window-white.png) right 16px center no-repeat;
  color: #fff;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .btn-area .btn.close {
  background-image: unset;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .bot-coupon {
  width: calc(100% + 100px);
  margin: 30px 0 0 -50px;
  padding: 42px 50px;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .bot-coupon .bul-importance-txt:before {
  background-image: url(../images/mycar/icon-importance-black.png) !important;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .bot-coupon .bul-importance-txt.color-red:before {
  background-image: url(../images/mycar/icon-importance-red.png) !important;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-coupon .popup-body .bot-coupon .bul-importance-txt.period:before {
  background-image: url(../images/mycar/icon-calendar-black.png) !important;
}

/* 메인 */
[class^=capsule-card-main-][class*=ps01] .coupon-stat {
  margin-top: 10px;
  text-align: right;
}
[class^=capsule-card-main-][class*=ps01] .coupon-stat > button {
  padding: 0 63px;
  padding-bottom: 2px;
}
[class^=capsule-card-main-][class*=ps01] .coupon-stat > button > b {
  margin-left: 5px;
}
[class^=capsule-card-main-][class*=ps01] .capsule-img-box {
  min-height: 300px;
  border-radius: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
[class^=capsule-card-main-][class*=ps01] .capsule-img-box.plus {
  background-image: url(../images/mycar/bg-capsule-plus.png);
  background-position: 50%;
}
[class^=capsule-card-main-][class*=ps01] .capsule-img-box.standard {
  background-image: url(../images/mycar/bg-capsule-standard.png);
  background-position: right 50%;
}
[class^=capsule-card-main-][class*=ps01] .capsule-img-box .text-area {
  padding: 0 80px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
[class^=capsule-card-main-][class*=ps01] .capsule-img-box .text-area > b {
  font-family: "NotoSansKR" !important;
  font-weight: 700;
  font-size: 38px;
  line-height: 1.4;
}
[class^=capsule-card-main-][class*=ps01] .capsule-img-box .text-area > ul {
  margin-top: 20px;
  color: #4e4e4e;
  font-size: 18px;
  font-weight: 500;
}
[class^=capsule-card-main-][class*=ps01] .capsule-img-box .text-area > ul li {
  padding-left: 20px;
  position: relative;
}
[class^=capsule-card-main-][class*=ps01] .capsule-img-box .text-area > ul li:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #4e4e4e;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -3px;
}
[class^=capsule-card-main-][class*=ps01] .capsule-img-box .text-area > ul li + li {
  margin-top: 5px;
}
.ftC-red {
  color: #ff3e49 !important;
}

.mt58 {
  margin-top: 58px !important;
}

.mt120 {
  margin-top: 120px !important;
}

.mt132 {
  margin-top: 132px !important;
}

.pb78 {
  padding-bottom: 78px !important;
}

.pb110 {
  padding-bottom: 110px !important;
}

.width250 {
  width: 250px !important;
}

.sr-only {
  position: absolute;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* select */
.announcement-area select {
  width: 100%;
  height: 46px;
  padding: 0 15px;
  font-family: inherit;
  font-size: 15px;
  color: #888;
  background-image: url(../images/icons/srh_select_arrow.png);
  background-repeat: no-repeat;
  background-position: center right 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ddd;
  border-radius: 8px;
  cursor: pointer;
}
.announcement-area select:-ms-expand {
  /* for IE 11 */
  display: none;
}

select.control-form-text-custon {
  width: 100%;
  height: 46px;
  padding: 0 15px;
  font-family: inherit;
  font-size: 15px;
  color: #888;
  background-image: url(../images/icons/srh_select_arrow.png);
  background-repeat: no-repeat;
  background-position: center right 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ddd;
  border-radius: 8px;
  cursor: pointer;
}
select.control-form-text-custon:-ms-expand {
  /* for IE 11 */
  display: none;
}

.btn-memberbtn-header {
  font-size: 0;
}
.btn-memberbtn-header .btn-new ~ .btn-new {
  margin-left: 12px;
}

.sub-top-bn-wrap {
  margin-top: 80px;
}
.sub-top-bn-wrap .layout-st1 {
  position: relative;
  width: 100%;
  min-width: 1200px;
  height: 330px;
  margin-left: auto;
  margin-right: auto;
}
.sub-top-bn-wrap .layout-st1 > img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sub-top-bn-wrap .layout-st1 .sub-top-bn-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-490px, -50%, 0);
          transform: translate3d(-490px, -50%, 0);
  z-index: 1;
}
.sub-top-bn-wrap .layout-st1 .sub-top-bn-txt.premium .sub-top-bn-title {
  color: #fff;
}
.sub-top-bn-wrap .layout-st1 .sub-top-bn-txt.premium .sub-top-bn-list li {
  padding-left: 0;
  color: #fff;
}
.sub-top-bn-wrap .layout-st1 .sub-top-bn-txt.premium .sub-top-bn-list li::before {
  display: none;
}
.sub-top-bn-wrap .layout-st1 .sub-top-bn-txt.prestige .sub-top-bn-title {
  color: #fff;
}
.sub-top-bn-wrap .layout-st1 .sub-top-bn-txt.prestige .sub-top-bn-list li {
  padding-left: 0;
  color: #fff;
}
.sub-top-bn-wrap .layout-st1 .sub-top-bn-txt.prestige .sub-top-bn-list li::before {
  display: none;
}
.sub-top-bn-wrap .layout-st1 .sub-top-bn-txt.benefits .sub-top-bn-title {
  color: #fff;
}
.sub-top-bn-wrap .layout-st1 .sub-top-bn-title {
  font-family: "Pretendard";
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1.3;
  color: #222;
}
.sub-top-bn-wrap .layout-st1 .sub-top-bn-title ~ .sub-top-bn-list {
  margin-top: 23px;
}
.sub-top-bn-wrap .layout-st1 .sub-top-bn-list li {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #4e4e4e;
  padding-left: 18px;
  line-height: 26px;
}
.sub-top-bn-wrap .layout-st1 .sub-top-bn-list li::before {
  position: absolute;
  display: block;
  content: "";
  top: 10px;
  left: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #4e4e4e;
}
.sub-top-bn-wrap .layout-st1 .sub-top-bn-list li ~ li {
  margin-top: 7px;
}

.btn-member-new {
  display: inline-block;
  padding: 4px 14px 6px;
  background-color: #f01a22;
  border-radius: 15px;
}
.btn-member-new .text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #fff;
}
.btn-member-new .text ~ .icon {
  margin-left: 5px;
}
.btn-member-new .icon {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/icons/icon-button-small-triangle-bottom-white.png);
}

.btn-add-new {
  display: inline-block;
  min-width: 77px;
  padding: 4px 14px 6px;
  background-color: #666;
  border-radius: 15px;
  text-align: center;
}
.btn-add-new .text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #fff;
}
.btn-add-new .text ~ .icon {
  margin-left: 5px;
}
.btn-add-new .icon {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/icons/icon-button-small-triangle-bottom-white.png);
}

.sub-grade-content-title {
  display: block;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 30px;
  color: #000;
  text-align: center;
  line-height: 44px;
}
.sub-grade-content-title ~ .sub-grade-content-text {
  margin-top: 22px;
}

.sub-grade-content-text {
  display: block;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 16px;
  color: #888;
  text-align: center;
  line-height: 24px;
}

.table-mycar-membership {
  width: 100%;
}
.table-mycar-membership * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.table-mycar-membership tbody tr:hover td {
  cursor: unset;
}
.table-mycar-membership th,
.table-mycar-membership td {
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.table-mycar-membership th {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2f2f2f;
}
.table-mycar-membership th.top-head-text {
  padding-top: 17px;
  padding-bottom: 19px;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #313131;
  border-top: 2px solid #323232 !important;
}
.table-mycar-membership th.body-head-text {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #2f2f2f;
}
.table-mycar-membership tr {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}
.table-mycar-membership tr:hover td {
  border-top: 1px solid #dbdbdb !important;
  border-bottom: 1px solid #dbdbdb !important;
}
.table-mycar-membership tr:hover td.last {
  border-left: 1px solid #dbdbdb !important;
}
.table-mycar-membership td:first-child {
  border-left: 0;
}
.table-mycar-membership td:last-child {
  border-right: 0;
}
.table-mycar-membership td.last {
  padding: 18px 20px 20px;
  border-left: 1px solid #dbdbdb;
}
.table-mycar-membership td:hover {
  border-top: 1px solid #dbdbdb !important;
  border-bottom: 1px solid #dbdbdb !important;
}
.table-mycar-membership .comm-text-area {
  text-align: left;
  padding: 20px;
}
.table-mycar-membership .table-mycar-membership-item {
  border: 1px solid #ebebeb;
}
.table-mycar-membership .table-mycar-membership-item ~ .table_mycar_membership_item {
  margin-top: 20px;
}
.table-mycar-membership .table-mycar-membership-head {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2f2f2f;
  background-color: #fafafa;
  padding: 12px 20px;
  border-bottom: 1px solid #ebebeb;
}
.table-mycar-membership .table-mycar-membership-body {
  padding: 20px;
}
.table-mycar-membership .mem-table-emb-text {
  display: block;
  font-style: normal;
}
.table-mycar-membership .mem-table-emb-text .icon {
  display: block;
  text-align: center;
  padding-top: 10px;
  font-size: 0;
}
.table-mycar-membership .mem-table-emb-text .icon img {
  width: 90px;
  height: 70px;
}
.table-mycar-membership .mem-table-emb-text .icon ~ .text {
  margin-top: 8px;
}
.table-mycar-membership .mem-table-emb-text .text {
  display: block;
  text-align: center;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #2f2f2f;
}
.table-mycar-membership .mem-table-emb-text ~ .mem-table-icon-text {
  margin-top: 20px;
}
.table-mycar-membership .mem-table-icon-text {
  display: block;
  font-style: normal;
  font-size: 0;
}
.table-mycar-membership .mem-table-icon-text .icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.table-mycar-membership .mem-table-icon-text .icon ~ .text {
  margin-left: 12px;
}
.table-mycar-membership .mem-table-icon-text .text {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  color: #000;
}
.table-mycar-membership .mem-table-icon-text ~ .con-text {
  margin-top: 12px;
}
.table-mycar-membership .mem-table-icon-text ~ .line-box-text {
  margin-top: 16px;
}
.table-mycar-membership .con-text {
  display: block;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #888;
}
.table-mycar-membership .con-text ~ .round-line-box {
  margin-top: 20px;
}
.table-mycar-membership .round-line-box {
  border: 1px solid #ebebeb;
  padding: 16px;
  border-radius: 8px;
}
.table-mycar-membership .line-box-text {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 10px;
  border: 1px solid #ebebeb;
}
.table-mycar-membership .line-box-text .text {
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #888;
}
.table-mycar-membership .line-box-text .text.strong {
  font-family: "Pretendard";
  font-weight: 700;
  color: #000;
}
.table-mycar-membership .line-box-text ~ .round-arr-btn {
  margin-top: 16px;
}
.table-mycar-membership ~ .table-bottom-btn-area {
  margin-top: 30px;
}
.table-mycar-membership .round-arr-btn {
  display: inline-block;
  padding: 6px 14px 6px 16px;
  border: 1px solid #222;
  border-radius: 20px;
  white-space: nowrap;
}
.table-mycar-membership .round-arr-btn .text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #222;
}
.table-mycar-membership .round-arr-btn ~ .icon {
  margin-left: 16px;
}
.table-mycar-membership .round-arr-btn .icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.bul-mycar-list > li {
  position: relative;
  padding-left: 24px;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.bul-mycar-list > li::before {
  position: absolute;
  top: 12px;
  left: 10px;
  display: inline-block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #2f2f2f;
}
.bul-mycar-list.color-red > li {
  color: #ff3e49;
}
.bul-mycar-list.color-red > li::before {
  background-color: #ff3e49;
}

.table-bottom-btn-area {
  text-align: center;
  font-size: 0;
}

.reg-round-arr-red-btn {
  display: inline-block;
  padding: 15px 25px;
  border-radius: 25px;
  white-space: nowrap;
  background-color: #ed1c24;
}
.reg-round-arr-red-btn .txt {
  display: inline-block;
  vertical-align: middle;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.reg-round-arr-red-btn .txt ~ .icon {
  margin-left: 16px;
}
.reg-round-arr-red-btn .icon {
  display: inline-block;
  vertical-align: middle;
}

.flex-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.brace-title {
  display: block;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #888;
}

.bul-single-txt {
  display: block;
  position: relative;
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #888;
  padding-left: 18px;
}
.bul-single-txt .symbol {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #888;
}

.bul-order-list > li {
  position: relative;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #888;
  padding-left: 18px;
}
.bul-order-list > li .num {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #888;
}
.bul-order-list > li.color-red {
  color: #ff3e49;
}
.bul-order-list > li.color-red .num {
  color: #ff3e49;
}

/* popup */
.mycar-popup-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}
.mycar-popup-wrap .mycar-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 780px;
  max-height: 100vh;
  overflow: hidden;
  background-color: #fff;
  border-radius: 10px;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-mypage {
  width: 660px;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-mypage .mycar-popup-inner .popup-body {
  padding: 40px 50px 0;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-mypage .mycar-popup-inner .popup-footer .btn-group .btn {
  margin: 0;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-grade {
  width: 950px;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-alert {
  width: 600px;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-alert .popup-header {
  padding-top: 38px;
  padding-left: 43px;
  padding-right: 43px;
  height: 68px;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-alert .popup-header::after {
  display: none;
}
.mycar-popup-wrap .mycar-popup.mycar-popup-alert .popup-body {
  min-height: 25px;
  padding: 0 50px;
}
.mycar-popup-wrap .mycar-popup .mycar-popup-inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-top: 86px;
  padding-bottom: 116px;
}
.mycar-popup-wrap .mycar-popup .popup-header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 86px;
  z-index: 5;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 22px;
  padding-left: 50px;
  padding-right: 50px;
}
.mycar-popup-wrap .mycar-popup .popup-header::after {
  display: block;
  content: "";
  height: 1px;
  /*background-color: #ebebeb;*/
  /*background-color: #E5E5E5;*/
  position: absolute;
  top: 85px;
  left: 50px;
  right: 50px;
}
.mycar-popup-wrap .mycar-popup .popup-header > p {
  font-size: 22px;
  font-family: "Pretendard";
  font-weight: 500;
  line-height: 30px;
  color: #000;
}
.mycar-popup-wrap .mycar-popup .popup-header > button {
  width: 22px;
  height: 22px;
  background: url(../images/mycar/btn-pop-close.png) center center no-repeat;
  background-size: 100% 100%;
}
.mycar-popup-wrap .mycar-popup .popup-body {
  min-height: 100px;
  max-height: calc(100vh - 404px);
  overflow-y: auto;
  padding: 40px 50px;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon {
  padding: 30px;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon .tit-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-size: 0;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon .tit-top .tit-ico {
  display: inline-block;
  font-size: 0;
  width: 60px;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon .tit-top .tit-ico > img {
  width: inherit;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon .tit-top .tit-ico ~ .tit-txt {
  margin-left: 16px;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon .tit-top .tit-txt {
  display: inline-block;
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #000;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon .tit-top .tit-wrap{
  margin-left:16px;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon .tit-top .tit-wrap .sub-text{
  margin-top:5px;
  font-size:14px;
  color:#888;
  line-height:1.3;
  word-break: keep-all;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon .tit-top ~ .con-info {
  margin-top: 20px;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon .tit-top ~ .img-barcode {
  margin-top: 20px;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon .con-info .txt-wrap {
  display: block;
  font-style: normal;
  font-size: 0;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon .con-info .txt-wrap .tit-txt {
  display: inline-block;
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #000;
  margin-right: 10px;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon .con-info .txt-wrap .con-txt {
  display: inline-block;
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #888;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon .img-barcode {
  font-size: 0;
  width: 100%;
  max-width: 330px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.mycar-popup-wrap .mycar-popup .popup-body .top-coupon .img-barcode img {
  width: inherit;
}
.mycar-popup-wrap .mycar-popup .popup-body .bot-coupon {
  padding: 24px 30px;
  background-color: #fafafa;
  border-top: 1px solid #dedede;
}
.mycar-popup-wrap .mycar-popup .popup-body .bot-coupon .bul-importance-txt {
  position: relative;
  display: block;
  padding-left: 24px;
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #000;
}
.mycar-popup-wrap .mycar-popup .popup-body .bot-coupon .bul-importance-txt::before {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(../image/mycar/icon-importance-black.png);
}
.mycar-popup-wrap .mycar-popup .popup-body .bot-coupon .bul-importance-txt.color-red {
  color: #ff3e49;
}
.mycar-popup-wrap .mycar-popup .popup-body .bot-coupon .bul-importance-txt.color-red::before {
  background-image: url(../image/mycar/icon-importance-red.png);
}
.mycar-popup-wrap .mycar-popup .popup-body .bot-coupon .bul-importance-txt ~ .bul-importance-txt {
  margin-top: 22px;
}
.mycar-popup-wrap .mycar-popup .popup-body .bot-coupon .bul-importance-txt ~ .bul-dot-list {
  margin-top: 8px;
}
.mycar-popup-wrap .mycar-popup .popup-body .bot-coupon .bul-dot-list > li {
  position: relative;
  display: block;
  padding-left: 24px;
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #888;
}
.mycar-popup-wrap .mycar-popup .popup-body .bot-coupon .bul-dot-list > li .tit-txt {
  font-family: "Noto700";
  color: #000;
}
.mycar-popup-wrap .mycar-popup .popup-body .bot-coupon .bul-dot-list > li::before {
  position: absolute;
  top: 8px;
  left: 10px;
  display: inline-block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #888;
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-coupon {
  width: 390px;
  max-height: 100vh;
  overflow: hidden;
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-coupon .mycar-popup-coupon-inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-top: 64px;
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-coupon .mycar-popup-coupon-inner .popup-header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  z-index: 5;
  background-color: #fff;
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-coupon .mycar-popup-coupon-inner .popup-body {
  min-height: 100px;
  max-height: calc(100vh - 264px);
  overflow-y: auto;
  padding: 0;
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-coupon .mycar-popup-coupon-inner .popup-body .btn-area {
  font-size: 0;
  margin-top: 20px;
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-coupon .mycar-popup-coupon-inner .popup-body .btn-area .btn {
  display: inline-block;
  vertical-align: top;
  width: auto;
  min-width: 150px;
  height: 46px;
  line-height: 46px;
  border-radius: 24px;
  border: 1px solid #222;
  padding: 0 40px 0 16px;
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-image: url(../image/mycar/arrow-right.png);
  background-size: 20px 20px;
  font-size: 14px;
  font-family: "Pretendard";
  font-weight: 500;
  color: #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-coupon .mycar-popup-coupon-inner .popup-body .btn-area .btn.pop {
  background-image: url(../image/mycar/icon-new-window.png);
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-coupon .mycar-popup-coupon-inner .popup-body .btn-area .btn.type-black {
  background-color: #222;
  color: #fff;
  background-image: url(../image/mycar/arrow-right-white.png);
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-coupon .mycar-popup-coupon-inner .popup-body .btn-area .btn.type-black.pop {
  background-image: url(../image/mycar/icon-new-window-white.png);
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-coupon .mycar-popup-coupon-inner .popup-body .btn-area .btn.close {
  background-image: unset;
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-coupon .mycar-popup-coupon-inner .popup-body .btn-area ~ .btn-area {
  margin-top: 20px;
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-benefits {
  width: 950px;
  max-height: 100vh;
  overflow: hidden;
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-benefits .mycar-popup-benefits-inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-top: 64px;
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-benefits .mycar-popup-benefits-inner .popup-header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  z-index: 5;
  background-color: #fff;
}
.mycar-popup-wrap .mycar-popup .popup-body.mycar-popup-benefits .mycar-popup-benefits-inner .popup-body {
  min-height: 100px;
  max-height: calc(100vh - 264px);
  overflow-y: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
}
.mycar-popup-wrap .mycar-popup .popup-body .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
  margin-top: 10px;
}
.mycar-popup-wrap .mycar-popup .popup-body .top > img {
  width: 60px;
  margin-right: 16px;
}
.mycar-popup-wrap .mycar-popup .popup-body .top > div .hashtag {
  font-size: 0;
}
.mycar-popup-wrap .mycar-popup .popup-body .top > div .hashtag > span {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  height: 26px;
  line-height: 24px;
  border: 1px solid #d3d3d3;
  border-radius: 13px;
  padding: 0 8px;
  font-size: 10px;
  font-family: "Pretendard";
  font-weight: 500;
  color: #a0a0a0;
}
.mycar-popup-wrap .mycar-popup .popup-body .top > div .hashtag > span + span {
  margin-left: 4px;
}
.mycar-popup-wrap .mycar-popup .popup-body .top > div > p.name {
  font-size: 20px;
  color: #000;
  font-family: "Pretendard";
  font-weight: 700;
}
.mycar-popup-wrap .mycar-popup .popup-body .top > div > p.name > span {
  font-family: "Pretendard";
  font-weight: 500;
  color: #888;
}
.mycar-popup-wrap .mycar-popup .popup-body .grey-box {
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 8px;
  margin-top: 10px;
}
.mycar-popup-wrap .mycar-popup .popup-body .grey-box > p {
  font-size: 16px;
  font-family: "Pretendard";
  font-weight: 500;
  color: #000;
  line-height: 1.4;
}
.mycar-popup-wrap .mycar-popup .popup-body .btn-area {
  font-size: 0;
  margin-top: 20px;
}
.mycar-popup-wrap .mycar-popup .popup-body .btn-area .btn {
  display: inline-block;
  vertical-align: top;
  width: auto;
  min-width: 150px;
  height: 38px;
  line-height: 36px;
  border-radius: 19px;
  border: 1px solid #222;
  padding: 0 40px 0 16px;
  background-image: url("../images/mycar/arrow-right.png");
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  font-size: 14px;
  font-family: "Pretendard";
  font-weight: 500;
  color: #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
}
.mycar-popup-wrap .mycar-popup .popup-body .btn-area .btn + .btn {
  margin-left: 12px;
}
.mycar-popup-wrap .mycar-popup .popup-body .btn-area .btn.pop {
  background-image: url("../images/mycar/icon-new-window.png");
}
.mycar-popup-wrap .mycar-popup .popup-body .btn-area .btn:hover {
  background-color: #fafafa;
}
.mycar-popup-wrap .mycar-popup .popup-body .btn-area .btn:hover.solid {
  background-color: #222;
}
.mycar-popup-wrap .mycar-popup .popup-body .btn-area .btn:active {
  background-color: #f0f0f0;
}
.mycar-popup-wrap .mycar-popup .popup-body .btn-area .btn:active.solid {
  background-color: #222;
}
.mycar-popup-wrap .mycar-popup .popup-body .btn-area .btn.solid {
  color: #fff;
  background-color: #222;
  background-image: url("../images/mycar/arrow-right-white.png");
}
.mycar-popup-wrap .mycar-popup .popup-body .btn-area .btn.solid.pop {
  background-image: url("../images/mycar/icon-new-window-white.png");
}
.mycar-popup-wrap .mycar-popup .popup-body .text-area {
  margin-top: 20px;
}
.mycar-popup-wrap .mycar-popup .popup-body .text-area + .text-area {
  margin-top: 24px;
}
.mycar-popup-wrap .mycar-popup .popup-body .text-area > p {
  font-size: 14px;
  font-family: "Pretendard";
  font-weight: 500;
  color: #000;
  line-height: 1.4;
}
.mycar-popup-wrap .mycar-popup .popup-body .text-area > ul li {
  position: relative;
  font-size: 14px;
  font-family: "Pretendard";
  font-weight: 500;
  color: #000;
  line-height: 1.4;
  padding-left: 24px;
}
.mycar-popup-wrap .mycar-popup .popup-body .text-area > ul li::before {
  position: absolute;
  display: block;
  content: "";
  top: 8px;
  left: 12px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000;
}
.mycar-popup-wrap .mycar-popup .popup-body .text-area > ul li.no-dot {
  padding-left: 0;
}
.mycar-popup-wrap .mycar-popup .popup-body .text-area > ul li.no-dot::before {
  display: none;
}
.mycar-popup-wrap .mycar-popup .popup-body .text-area > ul li + li {
  margin-top: 2px;
}
.mycar-popup-wrap .mycar-popup .popup-body .text-area > ul li > ul {
  padding: 8px 0;
}
.mycar-popup-wrap .mycar-popup .popup-body .text-area > ul li > ul > li {
  color: #888;
  padding-left: 24px;
}
.mycar-popup-wrap .mycar-popup .popup-body .text-area > ul li > ul > li::before {
  top: 8px;
  left: 12px;
  background-color: #888;
}
.mycar-popup-wrap .mycar-popup .popup-body .map-area {
  font-size: 0;
  padding-left: 16px;
  margin-top: 36px;
  margin-bottom: 36px;
}
.mycar-popup-wrap .mycar-popup .popup-body .map-area > a {
  display: inline-block;
  vertical-align: top;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1);
}
.mycar-popup-wrap .mycar-popup .popup-body .map-area > a > img {
  width: 200px;
}
.mycar-popup-wrap .mycar-popup .popup-body .map-area > a .text-wrap {
  display: block;
  padding: 20px 16px;
  font-style: normal;
}
.mycar-popup-wrap .mycar-popup .popup-body .map-area > a .text-wrap .tit {
  display: block;
  font-style: normal;
  font-size: 18px;
  font-family: "Pretendard";
  font-weight: 700;
  color: #000;
  line-height: 28px;
  background: url("../image/mycar/icon-pin.png") right 16px center no-repeat;
  background-size: 20px 20px;
}
.mycar-popup-wrap .mycar-popup .popup-body .map-area > a .text-wrap .tit ~ .tel {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #ebebeb;
}
.mycar-popup-wrap .mycar-popup .popup-body .map-area > a .text-wrap .tel {
  display: block;
  font-style: normal;
  font-size: 14px;
  font-family: "Pretendard";
  font-weight: 700;
  line-height: 22px;
  color: #888;
}
.mycar-popup-wrap .mycar-popup .popup-body .map-area > a + a {
  margin-left: 20px;
}
.mycar-popup-wrap .mycar-popup .popup-body .btn-wrap {
  text-align: center;
  margin-top: 60px;
}
.mycar-popup-wrap .mycar-popup .popup-body .btn-wrap .btn-pop-close {
  display: inline-block;
  vertical-align: top;
  width: 150px;
  height: 46px;
  background-color: #bbb;
  border-radius: 8px;
  font-size: 14px;
  font-family: "Pretendard";
  font-weight: 500;
  color: #fff;
}
.mycar-popup-wrap .mycar-popup .popup-footer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 116px;
  bottom: 0;
  padding: 25px 50px 45px;
  background-color: #fff;
}
.mycar-popup-wrap .mycar-popup .popup-footer .btn-wrap {
  text-align: center;
}
.mycar-popup-wrap .mycar-popup .popup-footer .btn-wrap .btn-pop-close {
  display: inline-block;
  vertical-align: top;
  min-width: 120px;
  height: 50px;
  background-color: #ed1c24;
  border-radius: 25px;
  font-size: 14px;
  line-height: 22px;
  font-family: "Pretendard";
  font-weight: 500;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}

.mycar-popup-mypage .grid_wrap {
  margin-top: 0;
}
.mycar-popup-mypage .k-grid {
  width: 100%;
}
.mycar-popup-mypage .k-grid .radio-type__de {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 22px;
}
.mycar-popup-mypage .k-grid input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  margin: 0;
  cursor: pointer;
}
.mycar-popup-mypage .info-text .info-text-title {
  display: block;
  font-size: 16px;
  font-family: "Pretendard";
  font-weight: 700;
  line-height: 22px;
  color: #313131;
  text-align: center;
}
.mycar-popup-mypage .info-text .info-text-redlinecolor {
  display: block;
  font-size: 14px;
  font-family: "Pretendard";
  font-weight: 400;
  line-height: 22px;
  color: #ed1c24;
  text-decoration: underline;
  text-align: center;
}
.mycar-popup-mypage .bottom-top-line-box {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #f2f2f2;
}
.mycar-popup-mypage .bottom-top-line-box .checkbox {
  display: inline-block;
}

.table-pop-title {
  font-size: 0;
  text-align: center;
}
.table-pop-title .text {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 24px;
  line-height: 22px;
  color: #000;
}
.table-pop-title .text .icon {
  position: absolute;
  left: -34px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  vertical-align: middle;
}
.table-pop-title .text .icon ~ .text {
  margin-left: 10px;
}
.table-pop-title ~ .table-pop-title {
  margin-top: 60px;
}
.table-pop-title ~ .table-pop-wrap {
  margin-top: 20px;
}

.table-pop-benefits {
  width: 100%;
  border-collapse: collapse;
}
.table-pop-benefits thead th {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #f6f6f6;
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  vertical-align: middle;
  border-top: 2px solid #323232;
  border-bottom: 1px solid #dbdbdb;
}
.table-pop-benefits tbody th,
.table-pop-benefits tbody td {
  border: 1px solid #ebebeb;
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
}
.table-pop-benefits tbody th.dis,
.table-pop-benefits tbody td.dis {
  background-color: #fafafa;
}
.table-pop-benefits tbody th {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  padding: 20px 14px;
  color: #313131;
}
.table-pop-benefits tbody th:first-child {
  border-left: 0;
}
.table-pop-benefits tbody td {
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  padding: 20px 14px;
  color: #888;
  text-align: left;
  border: 1px solid #dbdbdb;
}
.table-pop-benefits tbody td:last-child {
  border-right: 0;
}
.table-pop-benefits tbody td.tal {
  text-align: left;
}
.table-pop-benefits tbody td.tac {
  text-align: center;
}
.table-pop-benefits tbody td.tar {
  text-align: right;
}
.table-pop-benefits tbody td.taj {
  text-align: justify;
}

.table-pop-title {
  font-size: 0;
  text-align: center;
}
.table-pop-title .text {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 24px;
  line-height: 22px;
  color: #000;
}
.table-pop-title .text .icon {
  position: absolute;
  left: -34px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  vertical-align: middle;
}
.table-pop-title .text .icon ~ .text {
  margin-left: 10px;
}
.table-pop-title ~ .table_pop_title {
  margin-top: 60px;
}
.table-pop-title ~ .table_pop_wrap {
  margin-top: 20px;
}

.notice-box {
  border: 1px solid #dedede;
  background-color: #fafafa;
  border-radius: 8px;
  padding: 30px 40px;
}
.notice-box.standard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 60px;
}
.notice-box.standard > p.title {
  margin-right: 60px;
}
.notice-box.notice-box-mypage {
  padding: 30px;
}
.notice-box.notice-box-mypage > ul > li {
  padding-left: 33px;
  position: relative;
  font-size: 14px;
  font-family: "Pretendard";
  font-weight: 400;
  color: #888;
  line-height: 30px;
}
.notice-box.notice-box-mypage > ul > li::before {
  position: absolute;
  display: block;
  content: "";
  top: 12px;
  left: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #888;
}
.notice-box.notice-box-mypage > ul > li ~ li {
  margin-top: 0px;
}
.notice-box.notice-box-white {
  background-color: #fff;
}
.notice-box > p.title {
  position: relative;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 20px;
  color: #000;
  padding-left: 32px;
}
.notice-box > p.title::before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("../images/mycar/icon-notice.png") center center no-repeat;
  background-size: 100% 100%;
}
.notice-box > p.text {
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 14px;
  color: #000;
  line-height: 1.6;
}
.notice-box > ul {
  margin-top: 12px;
}
.notice-box > ul > li {
  position: relative;
  font-size: 14px;
  font-family: "Pretendard";
  font-weight: 500;
  color: #888;
  line-height: 1.4;
  padding-left: 22px;
}
.notice-box > ul > li + li {
  margin-top: 4px;
}
.notice-box > ul > li::before {
  position: absolute;
  display: block;
  content: "";
  top: 8px;
  left: 6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #888;
}
.notice-box > ul > li.ftC-red {
  color: #ff3e49;
}
.notice-box > ul > li.underline {
  text-decoration: underline;
}

.title-area ~ .notice-box {
  margin-top: 30px;
}

.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.justify-btw {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.alignItem-ct {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.depth3-nav-wrap li {
  width: 33.33333%;
}
.depth3-nav-wrap li a {
  display: block;
  width: 100%;
  padding-bottom: 20px;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #000;
  border-bottom: 1px solid #dedede;
}
.depth3-nav-wrap li.active a {
  border-bottom: 2px solid #222;
}

.page-title-center-only {
  display: block;
  font-style: normal;
  text-align: center;
}
.page-title-center-only .page-title-text {
  position: relative;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 30px;
  line-height: 39px;
  color: #000;
  text-align: center;
}

.sub-content-title-strap {
  display: block;
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #888;
  text-align: center;
}

.label-wrap {
  text-align: center;
  font-size: 0;
}
.label-wrap .label-swiper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: calc(100% + 48px);
  margin-left: -24px;
  display: block;
  font-size: 0;
  text-align: center;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center;
  padding-left: 24px;
  padding-right: 24px;
}
.label-wrap .label-swiper .label-swiper_list {
  display: block;
  background-color: unset;
  white-space: nowrap;
  font-size: 0;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.label-wrap .label-swiper .label-swiper_list .label-swiper-item {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.label-wrap .label-swiper .label-swiper_list .label-swiper-item ~ .label-swiper-item {
  margin-left: 8px;
}
.label-wrap .label-swiper::-webkit-scrollbar {
  display: none;
  height: 0.4rem;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.label-wrap .label-swiper::-webkit-scrollbar-thumb {
  border-radius: 0.2rem;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  background-color: transparent;
}
.label-wrap .label-swiper::-webkit-scrollbar-track {
  border-radius: 0.2rem;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  background-color: transparent;
}
.label-wrap .label-swiper:hover, .label-wrap .label-swiper:focus, .label-wrap .label-swiper:active {
  z-index: 3;
}
.label-wrap .label-swiper:hover::-webkit-scrollbar-thumb, .label-wrap .label-swiper:focus::-webkit-scrollbar-thumb, .label-wrap .label-swiper:active::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.2rem;
}
.label-wrap .label-swiper:hover::-webkit-scrollbar-track, .label-wrap .label-swiper:focus::-webkit-scrollbar-track, .label-wrap .label-swiper:active::-webkit-scrollbar-track {
  border-radius: 0.2rem;
}
.label-wrap .label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: auto;
  line-height: 15px;
  padding: 10px 20px;
  font-size: 14px;
  font-family: "Pretendard";
  font-weight: 400;
  color: #888;
  border: 1px solid #888;
  border-radius: 20px;
}
.label-wrap .label + .label {
  margin-left: 8px;
}

.benefit-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
.benefit-list > li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc((100% - 60px) / 3);
  padding: 30px;
  border: 1px solid #dedede;
  border-radius: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05);
}
.benefit-list > li.hide {
  display: none;
}
.benefit-list > li.dimmed {
  position: relative;
}
.benefit-list > li.dimmed:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.benefit-list > li .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #dedede;
  padding-bottom: 20px;
}
.benefit-list > li .top > img {
  width: 60px;
  margin-right: 16px;
}
.benefit-list > li .top > div .hashtag > span {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  height: 26px;
  line-height: 24px;
  border: 1px solid #d3d3d3;
  border-radius: 13px;
  padding: 0 8px;
  font-size: 10px;
  font-family: "Pretendard";
  font-weight: 500;
  color: #a0a0a0;
}
.benefit-list > li .top > div .hashtag > span + span {
  margin-left: 4px;
}
.benefit-list > li .top > div > p.name {
  font-size: 20px;
  font-family: "Pretendard";
  font-weight: 700;
  color: #000;
}
.benefit-list > li .top > div > p.name > span {
  font-family: "Noto500";
  font-weight: 500;
  color: #888;
}
.benefit-list > li .top > div > p.date {
  font-size: 12px;
  font-family: "Pretendard";
  font-weight: 500;
  color: #888;
  margin-top: 8px;
}
.benefit-list > li .top > div .label {
  font-size: 0;
  margin-top: 5px;
  height: 18px;
}
.benefit-list > li .top > div .label:empty {
  display:none;
}
.benefit-list > li .top > div .label > span {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 18px;
  padding: 0 8px;
  border-radius: 4px;
  background-color: #646464;
  font-size: 10px;
  font-family: "Pretendard";
  font-weight: 500;
  color: #fff;
}
.benefit-list > li .top > div .label > span + span {
  margin-left: 4px;
}
.benefit-list > li .top > div .label > span + p {
  margin-left: 4px;
}
.benefit-list > li .top > div .label > p.date {
  display: inline-block;
  font-size: 12px;
  color: #888;
  font-family: "Pretendard";
  font-weight: 500;
  line-height: 18px;
}
.benefit-list > li .bottom {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 20px;
  min-height: 132px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.benefit-list > li .bottom .info-text-wrap {
  display: block;
  height: 48px;
  font-size: 16px;
  font-family: "Pretendard";
  font-weight: 500;
  color: #888;
  line-height: 24px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  line-clamp: 2;
}
.benefit-list > li .bottom .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: auto;
}
.benefit-list > li .bottom .btn-wrap .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  font-family: "Pretendard";
  font-weight: 500;
  color: #222;
  height: 48px;
  border-radius: 10px;
  border: 1px solid #222;
}
.benefit-list > li .bottom .btn-wrap .btn > i {
  width: 20px;
  height: 20px;
  margin-left: 4px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.benefit-list > li .bottom .btn-wrap .btn.solid {
  color: #fff;
  background-color: #222;
  border: 0;
}
.benefit-list > li .bottom .btn-wrap .btn.solid:hover {
  background-color: #222;
}
.benefit-list > li .bottom .btn-wrap .btn.solid:active {
  background-color: #222;
}
.benefit-list > li .bottom .btn-wrap .btn.pop > i {
  background-image: url("../images/mycar/icon-new-window.png");
}
.benefit-list > li .bottom .btn-wrap .btn + .btn {
  margin-left: 10px;
}
.benefit-list > li .bottom .btn-wrap .btn:hover {
  background-color: #fafafa;
}
.benefit-list > li .bottom .btn-wrap .btn:active {
  background-color: #f0f0f0;
}
.benefit-list > li .bottom .btn-wrap .btn.black {
  color: #fff;
  background-color: #000;
}

.label-wrap {
  text-align: center;
  font-size: 0;
}
.label-wrap .label-swiper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: calc(100% + 48px);
  margin-left: -24px;
  display: block;
  font-size: 0;
  text-align: center;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center;
  padding-left: 24px;
  padding-right: 24px;
}
.label-wrap .label-swiper .label-swiper-list {
  display: block;
  background-color: unset;
  white-space: nowrap;
  font-size: 0;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.label-wrap .label-swiper .label-swiper-list .label-swiper-item {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.label-wrap .label-swiper .label-swiper-list .label-swiper-item ~ .label-swiper-item {
  margin-left: 8px;
}
.label-wrap .label-swiper::-webkit-scrollbar {
  display: none;
  height: 0.4rem;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.label-wrap .label-swiper::-webkit-scrollbar-thumb {
  border-radius: 0.2rem;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  background-color: transparent;
}
.label-wrap .label-swiper::-webkit-scrollbar-track {
  border-radius: 0.2rem;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  background-color: transparent;
}
.label-wrap .label-swiper:hover, .label-wrap .label-swiper:focus, .label-wrap .label-swiper:active {
  z-index: 3;
}
.label-wrap .label-swiper:hover::-webkit-scrollbar-thumb, .label-wrap .label-swiper:focus::-webkit-scrollbar-thumb, .label-wrap .label-swiper:active::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.2rem;
}
.label-wrap .label-swiper:hover::-webkit-scrollbar-track, .label-wrap .label-swiper:focus::-webkit-scrollbar-track, .label-wrap .label-swiper:active::-webkit-scrollbar-track {
  border-radius: 0.2rem;
}
.label-wrap .label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: auto;
  line-height: 15px;
  padding: 10px 20px;
  font-size: 14px;
  font-family: "Pretendard";
  font-weight: 400;
  color: #888;
  border: 1px solid #888;
  border-radius: 20px;
  -webkit-transition-duration: 0.1s;
       -o-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.label-wrap .label + .label {
  margin-left: 8px;
}
.label-wrap .label.active {
  color: #ed1c24;
  border: 1px solid #ed1c24;
}

.plus-area {
  text-align: center;
  padding-top: 100px;
  font-size: 18px;
  font-family: "Pretendard";
  font-weight: 500;
  line-height: 26px;
  color: #000;
  background: url(../images/mycar/icon-plus.png) center top no-repeat;
  background-size: 64px 64px;
}

.flex-form-selet-layer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.control-form-text-custon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  height: 51px;
  line-height: 49px;
  padding: 0 15px;
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 14px;
  color: #313131;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
}
.control-form-text-custon:disabled {
  background-color: #f8f8f8;
  border: 1px solid #dbdbdb;
}

.tbl-type-custom1 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.tbl-type-custom1 tr:first-child {
  border-top: 1px #dbdbdb solid;
}
.tbl-type-custom1 th,
.tbl-type-custom1 td {
  padding: 9px 20px;
  border-bottom: 1px #dbdbdb solid;
  line-height: 22px;
  color: #313131;
  vertical-align: middle;
}
.tbl-type-custom1.s th,
.tbl-type-custom1.s td {
  padding: 10px;
  border-bottom: 1px #dbdbdb solid;
  line-height: 22px;
  color: #313131;
  vertical-align: middle;
  word-break: break-all;
}
.tbl-type-custom1 th {
  background-color: #f6f6f6;
  font-weight: 700;
  text-align: center;
}
.tbl-type-custom1 th.bg_gray {
  background-color: #eee;
}
.tbl-type-custom1 td {
  text-align: left;
}
.tbl-type-custom1 td.border_left {
  border-left: 1px #dbdbdb solid;
}
.tbl-type-custom1 td.bg_gray {
  background-color: #f8f8f8;
}
.tbl-type-custom1 td.h180 {
  height: 180px;
  vertical-align: top;
}
.tbl-type-custom1 .tbl-btn-wrap {
  padding: 15px 15px 14px;
}

.tbl-type-01-custom {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.tbl-type-01-custom tr:first-child {
  border-top: 1px #dbdbdb solid;
}
.tbl-type-01-custom th,
.tbl-type-01-custom td {
  padding: 5px 15px 4px;
  border-bottom: 1px #dbdbdb solid;
  line-height: 22px;
  color: #313131;
  vertical-align: middle;
}
.tbl-type-01-custom th {
  background-color: #f6f6f6;
  font-weight: 700;
  text-align: center;
}
.tbl-type-01-custom td {
  text-align: left;
}
.tbl-type-01-custom td.h180 {
  height: 180px;
  vertical-align: top;
}
.tbl-type-01-custom .tbl-btn-wrap {
  padding: 15px 15px 14px;
}

.color-warning {
  color: #ed1c24 !important;
}

.text-warning {
  vertical-align: middle;
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #ed1c24;
}
.text-warning ~ button {
  margin-left: 10px;
}

.btn-out__gray2 {
  border: 1px solid #666;
  color: #666;
}

.btn-out__gray3 {
  border: 1px solid #313131;
  color: #313131;
}

.benefits-ir-item {
  position: relative;
  padding-left: 100px;
  padding-bottom: 32.5px;
}
.benefits-ir-item .dash-line {
  position: absolute;
  top: 36px;
  left: 0;
  width: 32px;
  height: 0px;
  background-position: center top;
  background-repeat: repeat-y;
  background-image: url(../images/mycar/bg-line-dash-benefits.png);
  opacity: 0;
  -webkit-transition-delay: 1.1s;
       -o-transition-delay: 1.1s;
          transition-delay: 1.1s;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.benefits-ir-item .dash-line.on {
  opacity: 1;
  height: calc(100% - 36px);
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.benefits-ir-item .dash-line:last-child.on {
  height: 0;
}
.benefits-ir-item .icon-benefits-location {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  opacity: 0;
  -webkit-transition-delay: 0.8s;
       -o-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.benefits-ir-item .benefits-link-title {
  opacity: 0;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  -webkit-transition-delay: 0.6s;
       -o-transition-delay: 0.6s;
          transition-delay: 0.6s;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.benefits-ir-item .benefits-con-txt .txt1 {
  opacity: 0;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  -webkit-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.benefits-ir-item .benefits-con-txt .txt2 {
  opacity: 0;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.benefits-ir-item .benefits-img {
  overflow: hidden;
  width: 100%;
  max-width: 500px;
}
.benefits-ir-item .benefits-img img {
  width: 100%;
  opacity: 0;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.benefits-ir-item.on .icon-benefits-location {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.benefits-ir-item.on .benefits-link-title {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.benefits-ir-item.on .benefits-con-txt .txt1 {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition-delay: 0.7s;
       -o-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.benefits-ir-item.on .benefits-con-txt .txt2 {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition-delay: 0.9s;
       -o-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.benefits-ir-item.on .benefits-img {
  overflow: hidden;
}
.benefits-ir-item.on .benefits-img img {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition-delay: 1.1s;
       -o-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

.benefits-link-title {
  display: block;
  white-space: nowrap;
  font-size: 0;
}
.benefits-link-title .txt {
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
  color: #000;
}
.benefits-link-title .txt ~ .icon-link {
  margin-left: 16px;
}
.benefits-link-title .icon-link {
  display: inline-block;
  vertical-align: middle;
}
.benefits-link-title ~ .benefits-con-txt {
  margin-top: 9.5px;
}
.benefits-link-title ~ .benefits-img {
  margin-top: 12px;
}

.benefits-con-txt .txt {
  display: block;
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #888;
}

.tbl-type-form-custom {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.tbl-type-form-custom tr:first-child {
  border-top: 1px #313131 solid;
}
.tbl-type-form-custom th,
.tbl-type-form-custom td {
  padding: 9px 20px;
  border-bottom: 1px #dbdbdb solid;
  line-height: 22px;
  color: #313131;
  vertical-align: middle;
  height: 60px;
}
.tbl-type-form-custom th {
  background-color: #f6f6f6;
  font-weight: 700;
  text-align: center;
}
.tbl-type-form-custom td {
  text-align: left;
}
.tbl-type-form-custom td.h180 {
  height: 180px;
  vertical-align: top;
}
.tbl-type-form-custom .tbl-btn-wrap {
  padding: 15px 15px 14px;
}

.mycar-popup-alert .text-box {
  font-style: normal;
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #313131;
  text-align: center;
}

.sub-nav-menu .sub-nav-menuList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sub-nav-menu .sub-nav-menuList > li {
  width: 100%;
}
.sub-nav-menu .sub-nav-menuList > li .sub-nav-title {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  white-space: nowrap;
  font-family: "Noto500";
  font-size: 14px;
  line-height: 20px;
  color: #646464;
  text-align: center;
  padding: 12px 2px;
}
.sub-nav-menu .sub-nav-menuList > li ~ li {
  margin-left: -1px;
}
.sub-nav-menu .sub-nav-menuList > li.active .sub-nav-title {
  color: #000;
  border-bottom: 2px solid #000;
}
/*# sourceMappingURL=maps/mycar.css.map */

/* S : css 변경 231218 */
.mycar-popup-wrap.cou-new .mycar-popup .popup-header {padding-top:0;}
.mycar-popup-wrap.cou-new .mycar-popup {width: 390px;}
.mycar-popup-wrap.cou-new .mycar-popup .popup-header {position: absolute;top: 0;left: 0;width: 100%;height: 56px;z-index: 5;display: flex;align-items: center;justify-content: space-between;padding-top: 22px;padding-left: 20px;padding-right: 20px;}
.mycar-popup-wrap.cou-new .mycar-popup .popup-header > p {font-size:17px;font-weight: 600;}
.mycar-popup-wrap.cou-new .mycar-popup .mycar-popup-inner {padding-top:56px;padding-bottom: 0px;}
.mycar-popup-wrap.cou-new .mycar-popup .popup-body {min-height:auto;  max-height:auto;    overflow-y: auto;    padding: 20px 20px;}

.coupop-cont {max-height: 950px;overflow-y: auto;}

/* mycar.css 중복 */

.mycar-popup-wrap.cou-new  .mycar-popup .popup-body .grey-box {padding: 12px 15px;    background-color: #f5f5f5;    border-radius: 8px;    margin-top: 10px;}
.mycar-popup-wrap.cou-new  .mycar-popup .popup-body .grey-box p {font-weight: 600;}
.red {color:#FF3E49;}


.wappen {position: absolute;top:15px;right:15px;background: #404040;font-size: 12px;color:#fff;display: inline-block;padding:3px 5px;border-radius: 3px;}
.ac-step > li  {position: relative;display: flex;align-items: center;margin-top: 15px;}
.ac-step .ac-img img {width: 40px;}
.ac-step .ac-txt {margin-left:10px;}
.ac-step .ac-txt .red {color:#FF3E49;font-weight: 600}
.ac-step .ac-txt .txt1 {font-weight: 600;line-height: 1.5em;}

.coupop-cont .popup-body .top {display: flex; }
.coupop-cont .popup-body .top > img {width: 80px;margin-right: 16px; height: 100%; }
.coupop-cont .popup-body .top > div .hashtag {font-size: 0;  }
.coupop-cont .popup-body .top > div .hashtag > span + span {margin-left: 4px;}
.coupop-cont .popup-body .top > div > p.name {font-size: 20px;color: #000;font-weight: 700;    line-height: 30px;    margin-top: 4px;  }
.coupop-cont .popup-body .top > div > p.name > span {    font-weight: 500;    color: #888;  }
.coupop-cont .popup-header > p {font-size: 16px;line-height: 24px;        font-weight: 700;    color: #fff;}
.coupop-cont .popup-header > button {width: 16px;height: 16px;    background: url(../images/mycar/btn-pop-close.png) center center no-repeat;    background-size: 100% 100%;}
.coupop-cont .popup-header {background:#E5E5E5 !important; box-sizing: border-box;position: absolute;    top: 0;    left: 0;    width: 100%;    height: 60px;    z-index: 5; display: flex;align-items: center;justify-content: space-between;    padding-left: 20px;    padding-right: 20px;}
.coupop-cont .popup-body {box-sizing: border-box;position: relative;width: 100%;}

.popmv-img {text-align: center;height: 150px;display: flex;align-items: center;justify-content: center;}
.popmv-img img {width: 200px;}

.coupon-b-img {background: url(../images/mycar/btn-pop-close.png) center center no-repeat;}

.mycar-popup-wrap .pop-top {height: 225px;background:#E5E5E5 !important}
.mycar-popup-wrap.cou-new .pop-bottom {border-radius: 30px 30px 0 0;margin-top:-60px;background: #fff;}

.mycar-popup-wrap.cou-new .mycar-popup .popup-body .top {
  display: flex;
}

.coupop-cont .hashtag > span {box-sizing: border-box;display: inline-block;vertical-align: top;height: 26px;line-height: 26px;border: 1px solid #d3d3d3;border-radius: 13px;background-color: unset;padding: 0 8px;font-size: 12px;font-weight: 500;color: #a0a0a0;}

.cou-new-btn1 a {
  display: block;
  color:#fff;
  background:#000 url(../images/mycar/d_btn2.png) 95% center no-repeat;
  background-size: 15px auto;
  border-radius: 10px;
  font-size:13px;
  padding:15px 0 15px 15px;
  margin-top:10px;
}


.cou-new-btn2 a {
  display: block;
  color:#000;
  border: 1px solid #000;
  background:#fff url(../images/mycar/d_btn1.png) 95% center no-repeat;
  background-size: 15px auto;
  border-radius: 10px;
  font-size:13px;
  padding:15px 0 15px 15px;
  margin-top:10px;
}

.coupon-txt {color: #888888;font-size:12px;text-align: center;margin:15px 0 5px;}
.cou-new-btn3 a {
  display: block;
  color:#fff;
  background:#F03428;
  border-radius: 10px;
  font-size:13px;
  padding:15px 0 15px 15px;
  margin-top:10px;
  text-align: center;
}



.acco-box {
  padding:10px 0;
  background: #F3F3F3;
  font-size:12px;
  overflow: auto;
  max-height: 400px;
}
.acco-box > ul > li {
  background: #fff;
}

.acco-box .ac-btn {
  position: relative;

}
.acco-box .acco_arrow {
  width: 15px;
  position: absolute;
  top:20px;
  right:20px;
  transition: all 0.5s ease-out;
}

.acco-box .ac-btn.active .acco_arrow {
  transform:rotate(180deg);
}

.acco-box .ac-btn a {
  display: block;
  color:#000;
  font-size:15px;
  border-bottom: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  height: 50px;
  display: flex;
  align-items: center;
  padding-left:35px;
  font-weight: 600;

}

.cou-tit {
  font-size:20px;
  color:#000;
  line-height: 1.6em;
  font-weight: 600;
}
.cou-num {
  font-size:14px;
}

.cou-num > li {display: flex;margin: 10px 0;position: relative;}

.cou-num .txt {
  color:#888888;
  margin-right:5px;
}
.cou-num .num {
  color:#000;
}
.acco-box .acco_b1 {
  width: 15px;
  position: absolute;
  left:10px;
  top:17px;
}

.acco-box .ac-cont {
  font-size:13px;
  display: none;
  padding: 15px;
}

.ul-li > li {
  line-height: 1.5em;
  font-size:13px;
  color: #888888;
  padding-left:15px;
  position: relative;
  margin-bottom:5px;
}
.ul-li > li::after {
  content: 'ㆍ';
  color:#888888;
  position: absolute;
  left:0;
  top:1px;
}
.ul-li li strong {
  color:#000;
}

.bene-cou-list {margin-top:20px}
.bene-cou-list  > li {box-sizing: border-box;width: 100%;border: 1px solid #dedede;border-radius: 10px;display: inline-flex;flex-direction: column;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);;margin-bottom:15px;}
.bene-cou-list  > li .top .logo img {width: 60px;}
.bene-cou-list .hashtag span {border: 1px solid #fff;border-radius: 50px;padding: 4px 6px;font-size: 12px;    color: #fff;    margin-right: 5px;    line-height: 20px;    box-sizing: border-box;    margin-bottom: 10px;background: none; }
.bene-cou-list  > li .top .logo-wrap {display: flex;align-items:center}
.bene-cou-list  > li .top {padding:25px 25px 10px 25px;border-radius:10px 10px 0 0;position: relative;}
.bene-cou-list  > li .top .info-box {margin-left:20px}
.bene-cou-list  > li .top .name {color:#fff;margin-top:10px;font-size:20px}
.bene-cou-list  > li .top .txt1 {margin-top:20px;color:#fff;font-size:18px;}

.bene-cou-list .bottom {background-color: #fff;text-align: center;height: 50px;display: block;border-radius: 0 0 10px 10px;}
.bene-cou-list .btn-wrap a {color:#000;font-weight: 600;font-size:16px;height: 50px;display: block;line-height: 50px;}
.bene-cou-list .cou-img {text-align: right;margin-top:5px}
.bene-cou-list .cou-img img {width: 170px;}

/* PC 혜택 리스트 */
.benefit-list.cou-new > li {position: relative;}
.benefit-list.cou-new > li .top {position: relative;border-bottom: 0;padding-bottom: 10px;}
.benefit-list.cou-new > li .top > div .label {position: absolute;top:-10px;right:0px;}
.benefit-list.cou-new .benefit-img {text-align: right;height: 120px;}
.benefit-list.cou-new .benefit-img img {width:130px;}

.benefit-list.cou-new .info-text-wrap {font-size:16px;color:#000}
.benefit-list.cou-new > li .bottom {min-height: auto;height: 50px;border-top: 1px solid #dedede}
.benefit-list.cou-new > li {box-shadow: 3px 3px 6px #00000029;}


.coupon-list-img {text-align: right;}
.coupon-list-img img {width: 130px;}
.coupon-furrow-mid-con {color:#000}
.coupon-furrow-box-bot .period-wrap {justify-content: space-between;}
.coupon-furrow-box-bot .period-round-box {border:1px solid #000;background: #fff;margin:0;color:#000;}
.coupon-furrow-box-bot .period-txt {color:#000;font-weight: 600;}
.coupon-furrow-box-bot-inner {padding-bottom:10px;}

.mycar-popup-wrap.type-coupon .pop-bottom .logo img {width:auto;height: 40px;}
.btn-copy {background:#fff url(../images/mycar/ic_copy.png) 20% center no-repeat;background-size: 13px auto; border: 1px solid #222;border-radius: 20px;color:#222;display: block;position: absolute;right:0;top:-5px;font-size: 13px;padding:4px 3px 4px 25px;width:60px;box-sizing: border-box;}
.mycar-popup-wrap.type-coupon .pop-bottom .cou-tit {margin-top: 5px;}

.benefit-list > li .top > div .label > span {background:#404040 !important}
.coupon-furrow-box-mid-inner .line-dash {border-top:1px dashed #000 !important}

/* E : css 변경 231218 */