@charset "UTF-8";

@media screen and (max-width: 320px) {html, body {
    font-size: 14px;
  }
}
@media screen and (min-width: 550px) {
  body, html {
    font-size: 18px;
  }
}
@-webkit-keyframes progress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes progress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes rotateBound {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes rotateBound {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes talkBox {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes talkBox {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/* common style */
body::-webkit-scrollbar {width: 0;}
.pb0{
  padding:0 !important;
}
.pb20{
  padding-bottom:1.25rem !important;
}
.py20{
  padding-top:1.25rem !important;
  padding-bottom:1.25rem !important;
}
.text-right{
  text-align:right !important;
}
.text-left{
  text-align:left !important;
}
.ess{
  display:inline-block;
  color:#ff3f3f;
  font-size:0;
  vertical-align:top;
}
.ess::after{
  display:inline-block;
  margin:-0.1875rem 0 0 0.0625rem;
  font-size:1rem;
  vertical-align:top;
  content:'*';
}
.font-blue{
  color:#0096ff !important;
}

.form-ess-text{
  margin:0 -1.25rem;
  padding:0.5rem 1.25rem;
  color:#515151;
  font-size:0.875rem;
  line-height:1.375rem;
  text-align:right;
  border-bottom:0.0625rem solid #acacac;
}
.form-ess-text .ess::after{
  margin:0 0.125rem 0;
}
.form-ess-text + .form-dl{
  margin-top:0.9375rem;
}
.import{
  position:relative;
  padding-left:1.75rem;
  font-size:1.125rem;
  font-weight:800;
  line-height:1.5rem;
}
.import::before{
  position:absolute;
  left:0;
  top:0;
  width:1.5rem;
  height:1.5rem;
  background:url(../images/common/ico_important.png) no-repeat center center;
  background-size:contain;
  content:'';
}
.info-text{
  color:#888;
  font-size:0.875rem;
  line-height:1.25rem;
}
.text-box{
  padding:0.75rem 1.25rem;
  line-height:1.5rem;
  border-radius:0.3125rem;
  background:#f9f9f9;
}

/* table data */
.t-data{
  border-top:0.0625rem solid #e0e0e0;
}
.t-data th,.t-data td{
  font-weight:400;
  border-left:0.0625rem solid #e0e0e0;
  border-bottom:0.0625rem solid #e0e0e0;
}
.t-data thead tr > *:first-child,.t-data tbody tr > *:first-child{
  border-left:none;
}
.t-data thead th{
  padding:0.4375rem 0;
  line-height:1rem;
  background:#f4f4f4;
}
.t-data tbody th{
  padding:0.4375rem 0;
  line-height:1rem;
  background:#f9f9f9;
}

/* table base */
.t-base{
  border-top:0.0625rem solid #888;
}
.t-base th,.t-base td{
  font-weight:400;
  border-left:0.0625rem solid #ddd;
  border-bottom:0.0625rem solid #ddd;
}
.t-base thead tr > *:first-child,.t-base tbody tr > *:first-child{
  border-left:none;
}
.t-base thead th{
  padding:0.75rem 0;
  font-size:1rem;
  line-height:1.5rem;
  background:#f6f6f6;
}
.t-base tbody th,.t-base tbody td{
  color:#666;
  font-size:0.875rem;
  line-height:1.375rem;
}
.t-base td{
  padding:0.75rem 1.25rem;
  text-align:left;
}

.table-text{
  margin-bottom:1.25rem;
  color:#666;
  font-size:0.875rem;
  line-height:1.375rem;
}
/* table history */
.t-history{
  border-top:0.0625rem solid #ddd;
}
.t-history th,.t-history td{
  font-weight:400;
  border-right:0.0625rem solid #ddd;
  border-bottom:0.0625rem solid #ddd;
}
.t-history thead tr > *:first-child,.t-history tbody tr > *:first-child,.t-history tfoot tr > *:first-child{
  border-left:0.0625rem solid #ddd;
}
.t-history thead th{
  background:#f9f9f9;
}
.t-history th,.t-history td{
  padding:1rem 0.5rem;
  font-size:0.75rem;
  line-height:1rem;
  text-align:left;
}
.t-history tbody th,.t-history tfoot th{
  background:#f9f9f9;
}
.t-history tbody td,.t-history tfoot td{
  height:3.0625rem;
  color:#515151;
}
.t-history th.tgroup{
  background:#f4f4f4;
}
.t-history tfoot td{
  text-align:right;
}
.t-history .val{
  position:relative;
  color:inherit;
  font-size:inherit;
  line-height:i
}
.t-history .val + .val::before{
  margin:0 0.125rem;
  content:'/';
}
.t-history + .t-history{
  border-top:0;
}

/* table info */
.t-info{
  border-top:0.0625rem solid #ddd;
}
.t-info th,.t-info td{
  font-weight:400;
  border-right:0.0625rem solid #ddd;
  border-bottom:0.0625rem solid #ddd;
}
.t-info thead tr > *:first-child,.t-info tbody tr > *:first-child{
  border-left:0.0625rem solid #ddd;
}
.t-info thead th{
  padding:1rem 0.5rem;
  line-height:1rem;
  text-align:center;
  background:#f9f9f9;
}
.t-info tbody th,.t-info tbody td{
  padding:1rem 0.5rem;
  font-size:0.75rem;
  line-height:1rem;
  text-align:center;
}
.t-info tbody th{
  background:#f9f9f9;
}
.t-info tbody td{
  color:#515151;
  word-break:break-all;
}
.t-info tbody td *{
  font-size:0.75rem;
}
.t-info tbody td ul li{
  font-size:0.625rem;
}
.t-info tbody td ul + p{
  margin-top:0.625rem;
}
.t-info.history tbody td{
  text-align:left;
}
.t-info tbody td .pay del{
  color:#999;
  line-height:1.25rem;
}
.t-info tbody td .pay strong{
  display:block;
  margin-top:0.25rem;
  font-size:1rem;
  font-weight:800;
  line-height:1.25rem;
}
/* table common */
table td.t-noresult{
  text-align:center !important;
}

/* table 리본케어 */
.t-reborn{
  border-top:1px solid #e0e0e0;
}
.t-reborn th,.t-reborn td{
  font-weight:400;
  border-left:1px solid #e0e0e0;
  border-bottom:1px solid #e0e0e0;
}
.t-reborn thead tr > *:first-child,.t-reborn tbody tr > *:first-child{
  border-left:none;
}
.t-reborn thead th{
  padding:0.8125rem 0;
  line-height:1rem;
  text-align:center;
  background:#f6f6f6;
}
.t-reborn thead th img{
  display:inline-block;
  width:auto;
  height:0.75rem;
  vertical-align:middle;
}
.t-reborn td{
  padding:0.75rem;
  text-align:left;
  vertical-align:top;
}
.t-reborn td strong{
  font-size:0.875rem;
  font-weight:800;
  line-height:1.375rem;
}
.t-reborn td .dot-list{
  margin-top:0.5rem;
}
.t-reborn td .dot-list li{
  padding-left:0.5rem;
  line-height:1.25rem;
}
.t-reborn td .dot-list li::before{
  left:-0.25rem;
}

.guide-box-wrap {
  margin: 0.625rem;
  padding: 0.625rem;
  border-radius: 0.625rem;
  border: 1px solid #dddddd;
}
.guide-box-wrap .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.3125rem;
}
.guide-box-wrap .row .col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.625rem;
}
.guide-box-wrap .row .col.head {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  color: #000000;
  letter-spacing: -0.03125rem;
  text-align: center;
}
.guide-box-wrap .row .col.cont {
  border: 1px solid #dddddd;
  border-radius: 0.375rem;
  text-align: center;
}
.guide-box-wrap .row .col.cont p {
  margin-top: 0.625rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
  color: #333333;
  letter-spacing: -0.03125rem;
  text-align: center;
}
.guide-box-wrap .row ~ .row {
  margin-top: 0.9375rem;
}

/*
    [Rule]
    @ comPath : common images url
    @ contPath : contents images url
    @ line 1 px => don't do px()
*/
#wrap {
  max-width: 720px;
  margin: 0 auto;
}

.scroll-disable {
  height: 100%;
  min-height: 100%;
  max-height: 100svh;
  overflow: hidden !important;
  -ms-touch-action: none;
      touch-action: none;
}

.ft-gm {
  font-family: "Gmarket" !important;
}

.inherit {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.ft-blind {
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: -62.4375rem !important;
  text-indent: -62.4375rem !important;
  color: transparent;
}

.el-blind {
  position: absolute !important;
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.section-partition {
  display: block;
  width: 100%;
  height: 0.625rem;
  border: 0;
  background-color: #f0f0f0;
}

/* btn */
.base-btn {
  display: block;
  width: auto;
  height: 3.25rem;
  padding: 0 0.625rem;
  background-color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 3.25rem;
  color: #000000;
  letter-spacing: -0.00625rem;
  text-align: center;
}
.base-btn.gray {
  background-color: #eeeeee;
  color: #131313;
}
.base-btn.blue {
  background-color: #0096ff;
  border: 0.063rem solid #0096ff;
  color: #ffffff;
}
.base-btn.blue2 {
  background-color: #F4F9FF;
  color: #0096FF;
}
.base-btn.text {
  color: #131313;
}
.base-btn.white {
  border:0.063rem solid #ccc;
  background-color: #fff;
  color: #131313;
}
.base-btn.arrow-r::after{
  display:inline-block;
  margin-left:0.25rem;
  content:'>';
}
.base-btn.w108{
  flex:none !important;
  width:6.75rem;
}

.btn-call-white{
  display:flex;
  justify-content:center;
  align-items:center;
}
.btn-call-white::before{
  display:inline-block;
  width:2rem;
  height:2rem;
  background:url(../images/common/btn_call_white.png) no-repeat center center;
  background-size:contain;
  content:'';
}

.info-btn {
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  margin: -0.375rem 0.25rem 0;
  font-size:0;
  border-radius: 100%;
  background:#dddddd url("../images/common/ico_info_btn.png") no-repeat center/100%;
}
.info-btn.white{
  width:1.5rem;
  height:1.5rem;
  background:url("../images/common/ico_info_btn_white.png") no-repeat center/100%;
}

.btn-slide{
  position:relative;
  width:1.875rem;
  height:1.875rem;
  font-size:0;
}
.btn-slide::before{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:0.875rem;
  height:0.875rem;
  background:url(../images/common/btn_slide_down.png) no-repeat center center;
  background-size:contain;
  content:'';
}
.btn-slide.up::before{
  background:url(../images/common/btn_slide_up.png) no-repeat center center;
  background-size:contain;
}

.btn-text-slide{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0 0.5rem;
  width:auto;
  color:#131313;
  font-size:1rem;
  line-height:1.5rem;
}
.btn-text-slide::after{
  display:inline-block;
  width:1rem;
  height:1rem;
  background:url(../images/common/btn_slide_down.png) no-repeat center center;
  background-size:contain;
  content:'';
}
.btn-text-slide.up::after{
  background:url(../images/common/btn_slide_up.png) no-repeat center center;
  background-size:contain;
}
.btn-text-slide.gray{
  color:#888;
}
.btn-text-slide::after{
  background:url(../images/common/btn_slide_gray_down.png) no-repeat center center;
  background-size:contain;
}
.btn-text-slide.up::after{
  background:url(../images/common/btn_slide_gray_up.png) no-repeat center center;
  background-size:contain;
}
.btn-view{
  display:inline-block;
  width:1.5rem;
  height:1.5rem;
  font-size:0;
  background:url(../images/common/btn_view.png) no-repeat center center;
  background-size:contain;
}
.btn-del{
  position:relative;
  width:1.5rem;
  height:1.5rem;
  font-size:0;
  border:0.0625rem solid #ddd;
  border-radius:50%;
  background:#fff;
}
.btn-del::after{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:0.5rem;
  height:0.5rem;
  background:url(../images/common/btn_del.png) no-repeat center center;
  background-size:contain;
  content:'';
}

/* 자세히보기 H48 */
.btn-base{
  display:block;
  width:100%;
  padding:0.6875rem 0;
  color:#131313;
  font-size:1rem;
  font-weight:600;
  line-height:1.5rem;
  text-align:center;
  border:0.0625rem solid #ccc;
  border-radius:0.25rem;
  background:#fff;
}
.btn-more{
  display:block;
  width:100%;
  padding:0.6875rem 0;
  color:#131313;
  font-size:1rem;
  font-weight:600;
  line-height:1.5rem;
  text-align:center;
  border:0.0625rem solid #ccc;
  border-radius:0.25rem;
  background:#fff;
}
.btn-more::after{
  margin-left:0.1875rem;
  content:'>';
}
.btn-more.blue{
  color:#fff;
  border-color:#0096ff;
  background:#0096ff;
}
/* 조회,보기,다운로드,견적초기화,전송 버튼, full silde H50 */
.btn-inq,.btn-download,.btn-refresh,.btn-send,.btn-full-slide{
  display:block;
  width:100%;
  padding:0.75rem 0;
  font-weight:800;
  line-height:1.5rem;
  border:0.0625rem solid #ccc;
  border-radius:0.25rem;
  background:#fff;
  color: #131313;
}
.btn-full-slide.gray{
  color:#888;
}
.btn-inq::after,.btn-download::after,.btn-refresh::before,.btn-send::before,.btn-full-slide::after{
  display:inline-block;
  width:1.5rem;
  height:1.5rem;
  vertical-align:top;
  content:'';
}
.btn-inq::after{
  background:url(../images/common/btn_inq.png) no-repeat center center;
  background-size:contain;
}
.btn-download::after{
  background:url(../images/common/btn_download.png) no-repeat center center;
  background-size:contain;
}
.btn-refresh::before{
  background:url(../images/common/btn_refresh.png) no-repeat center center;
  background-size:contain;
}
.btn-send::before{
  background:url(../images/common/btn_send.png) no-repeat center center;
  background-size:contain;
}
.btn-full-slide::after{
  background:url(../images/common/btn_slide_down.png) no-repeat center center;
  background-size:0.875rem;
}
.btn-full-slide.up::after{
  background:url(../images/common/btn_slide_up.png) no-repeat center center;
  background-size:0.875rem;
}
.btn-full-slide.gray::after{
  background:url(../images/common/btn_slide_gray_down.png) no-repeat center center;
  background-size:0.875rem;
}
.btn-full-slide.gray.up::after{
  background:url(../images/common/btn_slide_gray_up.png) no-repeat center center;
  background-size:0.875rem;
}

/* form */
.toggle-button {
  position: relative;
  display: inline-block;
}
.toggle-button .label {
  display: flex;
  line-height: 0;
  cursor: pointer;
  vertical-align:top;
}
.toggle-button .bg-track {
  display: inline-block;
  position: relative;
  width: 2.5rem;
  height: 1.5rem;
  border-radius: 3.125rem;
  background-color: #dddddd;
  outline: none;
  overflow: hidden;
  vertical-align:top;
}
.toggle-button .text {
  display: inline-block;
  margin-left:0.375rem;
  color:#333;
  font-size:1rem;
  line-height:1.5rem;
  vertical-align:top;
}
.toggle-button .bg-track .ico-switch {
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 1;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  -webkit-transition: left 0.2s ease;
  transition: left 0.2s ease;
}
.toggle-button .checkbox:checked + .label .bg-track {
  background-color: #0096ff;
}
.toggle-button .checkbox:checked + .label .ico-switch {
  left: 1.125rem;
}
.toggle-button .checkbox:disabled + .label .bg-track {
  background-color: #f0f0f0;
}

.check-button {
  position: relative;
  display: inline-block;
}
.check-button .label {
  display: inline-block;
  line-height: 0;
  cursor: pointer;
  vertical-align:top;
}
.check-button .text {
  word-break: keep-all;
  display: inline-block;
  margin-left:0.375rem;
  color:#333;
  font-size:1rem;
  line-height:1.5rem;
  vertical-align:top;
}
.check-button .bg-arr {
  display: inline-block;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #dddddd;
  border-radius: 0.125rem;
  background-color: #ffffff;
  outline: none;
  overflow: hidden;
  vertical-align:top;
}
.check-button .bg-arr:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/common/ico_checkbox.png") no-repeat center/0.8125rem auto;
}
.check-button .checkbox:checked + .label .bg-arr {
  border-color: #0096ff;
  background-color: #0096ff;
}
.check-button .checkbox:checked + .label .bg-arr:before {
  background-image: url("../images/common/ico_checkbox_on.png");
}
.check-button .checkbox:disabled + .label .bg-arr {
  border-color: #e3e3e3;
  background-color: #e3e3e3;
}
.check-button .checkbox:disabled + .label .bg-arr:before {
  background-image: url("../images/common/ico_checkbox_disa.png");
}
.check-button.round .bg-arr {
  border-radius: 1.5rem;
}

.check-button.box .label{
  display:block;
  padding:0.875rem 0;
  text-align:center;
  border:1px solid #ddd;
  border-radius:2px;
}
.check-button.box .label .text{
  margin:0;
  color:#666;
  line-height:1.25rem;
}
.check-button.box .checkbox:checked + .label{
  border-color: #515151;
}
.check-button.box .checkbox:checked + .label .text{
  color:#131313;
}

.radio-button {
  position: relative;
  display: inline-block;
}
.radio-button .label {
  display: inline-block;
  line-height: 0;
  cursor: pointer;
  vertical-align:top;
}
.radio-button .bg-circle {
  display: inline-block;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid #dddddd;
  border-radius: 1.5rem;
  background-color: #ffffff;
  vertical-align:top;
}
.radio-button .text {
  display: inline-block;
  margin-left:0.375rem;
  color:#333;
  font-size:1rem;
  line-height:1.5rem;
  vertical-align:top;
}
.radio-button .ex {
  display: inline-block;
  margin-left:0.25rem;
  color:#666;
  font-size:1rem;
  line-height:1.5rem;
  vertical-align:top;
}
.radio-button .recom {
  display: inline-block;
  margin-left:0.375rem;
  padding:0 0.375rem;
  color:#fff;
  font-size:0.875rem;
  font-weight:700;
  line-height:1.5rem;
  vertical-align:top;
  border-radius:0.25rem;
  background:#5845ea;
}
.radio-button .info-btn{
  margin:0 0 0 0.375rem;
  vertical-align:top;
}
.radio-button .bg-circle:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  display: none;
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  background-color: #0096ff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.radio-button .radio:checked + .label .bg-circle {
  border-color: #0096ff;
}
.radio-button .radio:checked + .label .bg-circle:before {
  display: block;
}
.radio-button .radio:disabled + .label .bg-circle {
  border: 0;
  background-color: #e3e3e3;
}
.radio-button .radio:disabled + .label .bg-circle:before {
  display: none;
}
.radio-button .radio:checked:disabled + .label .bg-circle:before {
  display: block;
  background-color: #cccccc;
}
.radio-button.radio-fixed .label{
  width: 1rem;
  height: 1rem;
} 
.radio-button .bg-fixed::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  background:url(../images/smartbuy/ico_pin.png) no-repeat center center;
  background-size:contain;
}
.radio-button .radio:checked + .label .bg-fixed:before{
  background:url(../images/smartbuy/ico_pin_on.png) no-repeat center center;
  background-size:contain;
}
.radio-button.box .label{
  display:block;
  padding:0.875rem 0;
  text-align:center;
  border:1px solid #ddd;
  border-radius:2px;
}
.radio-button.box .label .text{
  margin:0;
  color:#666;
  line-height:1.25rem;
}
.radio-button.box .radio:checked + .label{
  border-color: #333;
}
.radio-button.box .radio:checked + .label .text{
  color:#131313;
  font-weight:700;
}

.inp-box {
  position: relative;
  width: 100%;
  height: 3.125rem;
  padding: 0 3.125rem 0 0;
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
.inp-box .inp {
  width: 100%;
  height: 100%;
  padding: 0 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: #131313;
  letter-spacing: 0;
  text-align: left;
}
.inp-box .inp ::-webkit-input-placeholder {
  color: #999999;
}
.inp-box .inp ::-moz-placeholder {
  color: #999999;
}
.inp-box .inp :-ms-input-placeholder {
  color: #999999;
}
.inp-box .inp ::-ms-input-placeholder {
  color: #999999;
}
.inp-box .inp ::placeholder {
  color: #999999;
}
.inp-box .search {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 3.125rem;
  height: 100%;
  background: url("../images/common/ico_inp_search_btn.png") no-repeat center/1.5rem;
}
#header-elm-wrap .inp-box .search {
  position: absolute !important;
  width: 3.125rem !important;
  height: 100% !important;
  background:none;
}
#header-elm-wrap > .inner.search .center{
  width:calc(100% - 6.75rem);
}
#header-elm-wrap > .inner.search .inp-box{
  height:3rem;
  border:0.0625rem solid #f6f6f6;
  background:#f6f6f6;
}
#header-elm-wrap > .inner.search .inp-box.active{
  border-color:#131313;
}
#header-elm-wrap .btn-close {width: 1.5rem;height: 1.5rem;position: absolute;background-image: url(../images/common/header_close_ico.svg);background-repeat: no-repeat;right: 0;padding: 0 0.75rem;}

/* 페이지네이션 */
.pagenation-base {
  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;
  gap: 0.625rem;
  padding: 1.25rem 0;
}
.pagenation-base [class*=paging] {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.125rem;
  background-color: #ffffff;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.875rem;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
}
.pagenation-base [class*=paging]:not([class*=-act]).select {
  background-color: #0096ff;
  font-weight: 700;
  color: #fff;
}
.pagenation-base [class*=-act] {
  background: url("../images/common/ico_paging_first.png") no-repeat center/100% auto;
}
.pagenation-base [class*=-act].prev {
  background-image: url("../images/common/ico_paging_prev.png");
}
.pagenation-base [class*=-act].next {
  background-image: url("../images/common/ico_paging_next.png");
}
.pagenation-base [class*=-act].last {
  background-image: url("../images/common/ico_paging_last.png");
}

/* 헤더 */
#header-elm-wrap {
  position: relative;
  display: block;
  width: 100%;
  z-index: 12;
  background:#fff;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
}
#header-elm-wrap > .inner {
  position: fixed;
  max-width:720px;
  width:100%;
  height: 3.625rem;
  border-bottom: 1px solid #eeeeee;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#header-elm-wrap > .inner.search {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-right:0.75rem;
}
#header-elm-wrap > .inner [class*=btn] {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.75rem;
}
#header-elm-wrap > .inner .btn-hisback{
  left: 0.75rem;
  background: url("../images/common/ico_gnb_hisback.png") no-repeat center/auto 100% transparent;
}
#header-elm-wrap > .inner .btn-menu{
  left: 0.75rem;
  background: url("../images/common/ico_gnb_menu.png") no-repeat center/auto 100% transparent;
}
#header-elm-wrap > .inner .btn-wish {
  right: 0.75rem;
  background: url("../images/common/ico_gnb_wish.png") no-repeat center/auto 100% transparent;
}
#header-elm-wrap > .inner .btn-search{
  right: 0.75rem;
  background: url("../images/common/ico_gnb_search.png") no-repeat center/auto 100% transparent;
}
#header-elm-wrap > .inner .btn-hisback + .btn-menu{
  left: 3.75rem;
}
#header-elm-wrap > .inner .center {
  width: calc(100% - 7rem);
  height: 3.625rem;
  overflow: hidden;
}
#header-elm-wrap > .inner .center h1{
  font-size:1.25rem;
  text-align:center;
  line-height: 3.625rem;
}
#header-elm-wrap > .inner .center > div {
  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;
  height: 3.625rem;
  padding:5px 0;
  text-align: center;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
          transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
}
#header-elm-wrap > .inner .center > .keyword-search-box {
  height: auto;
}
#header-elm-wrap > .inner .center > .keyword-search-box .row {
  width: 100%;
  position: relative; 
}
#header-elm-wrap > .inner .center > .keyword-search-box .row .comm-search-put {
  background-color: #f6f6f6;
  border: none;
}
#header-elm-wrap > .inner .center > .keyword-search-box .row .search-txt-delete {
  position: absolute;
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
  right: 3.2rem;
  padding: 0;
}
#header-elm-wrap > .inner .center > .keyword-search-box .row .search-txt-delete::before {
  display: none;
}
#header-elm-wrap > .inner .center > .keyword-search-box .row .btn-search {
  position: absolute;
  top: 50%;
  height: 1.5rem;
  margin-top: -0.75rem;
  width: 1.5rem;
  right: 0.685rem;
  background-size: 1.5rem;
}
#header-elm-wrap > .inner .center > .keyword-search-box .row .btn-search::before {
  display: none;
}
#header-elm-wrap > .inner .center > div.inp-box{
  padding:5px 3.125rem 5px 0;
  border:none;
}
#header-elm-wrap .inp-box{
  border:0;
}
#header-elm-wrap .inp-box .inp{
  border:0;
  outline:0;
  background: #f6f6f6;
}
#header-elm-wrap > .inner .center > div button,#header-elm-wrap > .inner .center > div a {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 1rem;
  background-color: #f6f6f6;
  font-size: 1rem;
  font-weight: 400;
  line-height: 3rem;
  color: #999999;
  letter-spacing: 0;
  text-align: left;
}
#header-elm-wrap > .inner .center > div button:before,#header-elm-wrap > .inner .center > div a:before {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  z-index: 1;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.75rem;
  background: url("../images/common/ico_gnb_search.png") no-repeat center/auto 100%;
}

#header-elm-wrap > .inner .center.ruller > div {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
#header-elm-wrap.search .center > div {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

/* 푸터 */
#footer-elm-wrap {
  padding-bottom: 5rem;
  background-color: #ffffff;
}
#footer-elm-wrap .cs {
  padding: 2rem 1.25rem;
  background-color: #f9f9f9;
}
#footer-elm-wrap .cs p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: auto;
  color: #131313;
  letter-spacing: -0.03125rem;
  text-align: left;
}
#footer-elm-wrap .cs .cs-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.625rem;
  margin-top: 1.125rem;
}
#footer-elm-wrap .cs .cs-info .call a {
  position: relative;
  padding: 0.85rem 0 0.1rem 2.5rem;
  background: url("../images/common/ico_cs_call.png") no-repeat left center/2rem;
  font-family: "Gmarket";
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1;
  color: #333333;
  letter-spacing: 0;
  text-align: left;
}
#footer-elm-wrap .cs .cs-info .info p {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
  color: #666666;
  letter-spacing: 0;
  text-align: left;
}
#footer-elm-wrap .cs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1.25rem -1.25rem 0;
}
#footer-elm-wrap .cs ul li {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#footer-elm-wrap .cs ul li a {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #333333;
  letter-spacing: -0.03125rem;
  text-align: center;
}
#footer-elm-wrap .cs ul li a .ico {
  display: inline-block;
  vertical-align: top;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.25rem;
  background: url("../images/common/ico_cs_btn01.png") no-repeat center/auto 100%;
}
#footer-elm-wrap .cs ul li a .ico.que {
  background-image: url("../images/common/ico_cs_btn02.png");
}
#footer-elm-wrap .cs ul li a .ico.cus {
  background-image: url("../images/common/ico_cs_btn03.png");
}
#footer-elm-wrap .cs ul li ~ li {
  position: relative;
}
#footer-elm-wrap .cs ul li ~ li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: calc(-1 * 0.625rem / 2);
  width: 1px;
  height: 0.625rem;
  background: #eeeeee;
}
#footer-elm-wrap .mail {
  padding: 1.25rem 0.625rem;
  border-bottom: 1px solid #f0f0f0;
}
#footer-elm-wrap .mail ul {
  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;
  gap: 0.5rem;
}
#footer-elm-wrap .mail ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  word-break: keep-all;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #000000;
  letter-spacing: -0.03125rem;
  text-align: center;
}
#footer-elm-wrap .mail ul li a {
  display: inline-block;
  margin-left: 0.25rem;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #666666;
}
#footer-elm-wrap .sns {
  padding: 1.25rem 0.625rem;
  border-bottom: 1px solid #f0f0f0;
}
#footer-elm-wrap .sns ul {
  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;
  gap: 1rem;
}
#footer-elm-wrap .sns ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
}
#footer-elm-wrap .sns ul li a .ico {
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0 auto;
  border-radius: 2rem;
  background: url("../images/common/ico_footer_blog.png") no-repeat center/auto 100%;
}
#footer-elm-wrap .sns ul li a .ico.facebook {
  background-image: url("../images/common/ico_footer_facebook.png");
}
#footer-elm-wrap .sns ul li a .ico.youtube {
  background-image: url("../images/common/ico_footer_youtube.png");
}
#footer-elm-wrap .sns ul li a .ico.instagram {
  background-image: url("../images/common/ico_footer_instagram.png");
}
#footer-elm-wrap .sns ul li a .ico.kakao {
  background-image: url("../images/common/ico_footer_kakao.png");
}
#footer-elm-wrap .company {
  padding: 1.25rem 0;
}
#footer-elm-wrap .company ul {
  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;
}
#footer-elm-wrap .company ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  padding: 0 0.625rem;
}
#footer-elm-wrap .company ul li a {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #000000;
  letter-spacing: -0.03125rem;
  text-align: center;
}
#footer-elm-wrap .company ul li ~ li {
  position: relative;
}
#footer-elm-wrap .company ul li ~ li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: calc(-1 * 0.625rem / 2);
  width: 1px;
  height: 0.625rem;
  background: #ddd;
}
#footer-elm-wrap .company .copyright {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #888888;
  letter-spacing: -0.03125rem;
  text-align: center;
}
#footer-elm-wrap .company .toggle {
  margin-top: 1.25rem;
  padding: 0 1.25rem;
}
#footer-elm-wrap .company .toggle .toggle-btn {
  padding: 0 1.25rem 1rem;
  text-align: center;
}
#footer-elm-wrap .company .toggle .toggle-btn .btn {
  position: relative;
  display: inline-block;
  padding-right: 1.375rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
  color: #000000;
  letter-spacing: -0.03125rem;
  text-align: center;
}
#footer-elm-wrap .company .toggle .toggle-btn .btn:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  background: url("../images/common/ico_toggle_arr.png") no-repeat center/100% auto;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
}
#footer-elm-wrap .company .toggle .toggle-btn .btn.active:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#footer-elm-wrap .company .toggle .toggle-cont {
  padding: 1rem 1.25rem;
  background-color: #f6f6f6;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
  color: #333333;
  letter-spacing: -0.03125rem;
  text-align: center;
}
#footer-elm-wrap .company .toggle .toggle-cont strong {
  display: block;
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  color: inherit;
}
#footer-elm-wrap .company .toggle .toggle-cont p {
  margin-top: 0.5rem;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
#footer-elm-wrap .down {
  padding: 1.25rem;
  border-top: 0.625rem solid #f0f0f0;
}
#footer-elm-wrap .down p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  color: #131313;
  letter-spacing: -0.03125rem;
  text-align: center;
}
#footer-elm-wrap .down .app-down-link {
  margin-top: 1rem;
  text-align: center;
}
#footer-elm-wrap .down .app-down-link a {
  display: inline-block;
}
#footer-elm-wrap .down .app-down-link a .ico {
  display: block;
  width: 7rem;
  height: 2rem;
  background: url("../images/common/ico_down_aos.png") no-repeat center/auto 100%;
}
#footer-elm-wrap .down .app-down-link a .ico.ios {
  background-image: url("../images/common/ico_down_ios.png");
}
/* 24.09.12 footer 공지사항 추가 */
#footer-elm-wrap .footer-notice{
  width:100%;
  border-top:0.5rem solid #f0f0f0;
}

#footer-elm-wrap .footer-notice .footer-notice-box{
  height:3rem;
  display:flex;
  align-items: center;
  padding:0 1.25rem;
}

#footer-elm-wrap .footer-notice .footer-notice-box .footer-notice-title{
  font-size:0.875rem;
  font-weight:600;
  width:2.0625rem;
}

#footer-elm-wrap .footer-notice .footer-notice-box .footer-notice-swiper{
  width:calc( 100% - 2.0625rem );
}

#footer-elm-wrap .footer-notice .footer-notice-box .footer-notice-swiper .footer-notice-list{
  width:100%;
  height:3rem;
}
#footer-elm-wrap .footer-notice .footer-notice-box .footer-notice-swiper .footer-notice-list .footer-notice-con a{
	display: flex;
	width: 100%;
}

#footer-elm-wrap .footer-notice .footer-notice-box .footer-notice-swiper .footer-notice-list .footer-notice-con{
  height:3rem;
  display:flex;
  align-items: center;
  gap:0 0.5rem;
}

#footer-elm-wrap .footer-notice .footer-notice-box .footer-notice-swiper .footer-notice-list .footer-notice-con .notice-title{
  display: block;
  width: calc(100% - 6.1rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  color: #666;
} 
#footer-elm-wrap .footer-notice .footer-notice-box .footer-notice-swiper .footer-notice-list .footer-notice-con > a {
    display: flex;
    width: 90%;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

#footer-elm-wrap .footer-notice .footer-notice-box .footer-notice-swiper .footer-notice-list .footer-notice-con .notice-date{
  font-size:0.875rem;
  color:#999;
}

#footer-elm-wrap .footer-notice .footer-notice-box .footer-notice-swiper .footer-notice-list .footer-notice-con::after{
  content:"";
  display:block;
  width:1rem;
  height:1rem;
  background:url(../images/common/footer_notice_arrow.png) no-repeat center;
  background-size:contain;
}

/* 하단 고정 메뉴 */
#bottom-menu-wrap {
  position: fixed;
  bottom: 0;
  z-index: 11;
  width: 100%;
  max-width: 720px;
  height: 3.5rem;
  border-top: 1px solid #eeeeee;
  background-color: #ffffff;
  -webkit-transition:bottom .4s;
          transition:bottom .4s;
}
#bottom-menu-wrap.scroll-down{
  bottom: -4.25rem;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
}
#bottom-menu-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
#bottom-menu-wrap ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#bottom-menu-wrap ul li .ico {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
  background: url("../images/common/ico_fix_home.png") no-repeat center/auto 100%;
}
#bottom-menu-wrap ul li .ico.all {
  background-image: url("../images/common/ico_fix_all.png");
}
#bottom-menu-wrap ul li .ico.sell {
  background-image: url("../images/common/ico_fix_sell.png");
}
#bottom-menu-wrap ul li .ico.recent {
  background-image: url("../images/common/ico_fix_recent.png");
}
#bottom-menu-wrap ul li .ico.center {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  margin: -1.25rem auto 0;
  border-radius: 2.75rem;
  background-image: url("../images/common/ico_fix_search.png");
  background-color: #0096ff;
  background-size: 1.5rem;
}
#bottom-menu-wrap ul li.on .ico {
  background-image: url("../images/common/ico_fix_home_on.png");
}
#bottom-menu-wrap ul li.on .ico.all {
  background-image: url("../images/common/ico_fix_all_on.png");
}
#bottom-menu-wrap ul li.on .ico.sell {
  background-image: url("../images/common/ico_fix_sell_on.png");
}
#bottom-menu-wrap ul li.on .ico.recent {
  background-image: url("../images/common/ico_fix_recent_on.png");
}
#bottom-menu-wrap ul li p {
  margin-top: 0.125rem;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 0.875rem;
  color: #151515;
  letter-spacing: -0.03125rem;
  text-align: center;
}

/* 최상단 이동 버튼 */
.quick-top-btn {
  position: fixed;
  right: 1.25rem;
  bottom: 13rem;
  z-index: 13;
  width: 3.5rem;
  height: 3.5rem;
  -webkit-box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  border: 1px solid #dddddd;
  border-radius: 100%;
  background: url("../images/common/ico_quick_top.png") no-repeat center/100% auto #fff;
  overflow: hidden;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
}
.quick-top-btn:disabled {
  background-color: #f9f9f9;
}
.quick-top-btn.move {
  bottom: 29rem;
}
.quick-top-btn.scroll-down{
  bottom: 8.75rem;
}

/* 퀵메뉴 */
.quick-base-wrap {
  position: fixed;
  right: 0;
  z-index: 13;
  pointer-events: none;
}
.quick-base-wrap .talk-box {
  position: absolute;
  right: 6rem;
  bottom: 0.75rem;
  z-index: 2;
  width: 10.3125rem;
  padding: 0.625rem 2.25rem 0.625rem 1rem;
  border-radius: 3.125rem;
  background-color: #333333;
  -webkit-animation: talkBox 2s infinite cubic-bezier(0.455,0.03,0.515,0.955);
          animation: talkBox 2s infinite cubic-bezier(0.455,0.03,0.515,0.955);
  pointer-events: auto;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #ffffff;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.quick-base-wrap .talk-box:after {
  content: "";
  position: absolute;
  right: -0.875rem;
  top: 50%;
  z-index: 1;
  border: 0.5rem solid transparent;
  border-left-color: #333333;
  margin: -0.5rem 0 0;
}
.quick-base-wrap .talk-box .talk-box-close {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  z-index: 1;
  width: 1.25rem;
  height: 1.25rem;
  margin: -0.625rem 0 0;
  background: url("../images/common/ico_talk_close.png") no-repeat center/0.75rem;
}
.quick-base-wrap .quick-btn {
  position: absolute;
  right: 1.25rem;
  bottom: 0;
  z-index: 3;
  width: 3.5rem;
  height: 3.5rem;
  -webkit-box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  overflow: hidden;
  pointer-events: auto;
}
.quick-base-wrap .quick-list {
  position: relative;
  z-index: 2;
  font-size: 0;
  visibility: hidden;
}
.quick-base-wrap .quick-list li {
  position: relative;
  right: 0;
  width: 3.5rem;
  height: 3.5rem;
  opacity: 0;
}
.quick-base-wrap .quick-list li p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #ffffff;
  letter-spacing: -0.0625rem;
  text-align: center;
}
.quick-base-wrap .quick-list li a {
  display: block;
  -webkit-box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  overflow: hidden;
}
.quick-base-wrap .quick-list li.on::after {
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  z-index: 1;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 100%;
  background-color: #0096ff;
}
.quick-base-wrap::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  opacity: 0;
}
.quick-base-wrap#quick-cs {
  bottom: 5rem;
  -webkit-transition:bottom .4s;
          transition:bottom .4s;
}
.quick-base-wrap#quick-cs.scroll-down{
  bottom: 0.75rem;
}
.quick-base-wrap#quick-cs .quick-btn {
  border: 1px solid #0096ff;
  background: url("../images/common/ico_quick_cs_open.png") no-repeat center/100% auto #fff;
}
.quick-base-wrap#quick-cs .quick-list {
  right: 5.25rem;
}
.quick-base-wrap#quick-cs .quick-list li {
  display: inline-block;
  vertical-align: bottom;
  -webkit-transform: translateX(1.875rem);
          transform: translateX(1.875rem);
}
.quick-base-wrap#quick-cs .quick-list li p {
  position: absolute;
  left: -0.25rem;
  top: -1.625rem;
  width: calc(100% + 0.5rem);
}
.quick-base-wrap#quick-cs .quick-list li a {
  border: 1px solid #0096ff;
  background-color: #ffffff;
}
.quick-base-wrap#quick-cs .quick-list li ~ li {
  margin-left: 0.5rem;
}
.quick-base-wrap#quick-user {
  bottom: 9rem;
  -webkit-transition:bottom .4s;
          transition:bottom .4s;
}
.quick-base-wrap#quick-user.scroll-down{
  bottom: 4.75rem;
}
.quick-base-wrap#quick-user .quick-btn {
  border: 1px solid #dddddd;
  background: url("../images/common/ico_quick_user_open.png") no-repeat center/100% auto #fff;
}
.quick-base-wrap#quick-user .quick-list {
  right: 1.25rem;
  bottom: 4rem;
}
.quick-base-wrap#quick-user .quick-list li {
  display: block;
  width: 7.5rem;
  font-size: 0;
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
}
.quick-base-wrap#quick-user .quick-list li p {
  display: inline-block;
  vertical-align: middle;
  width: calc(7.5rem - 3.5rem);
  padding-right: 0.625rem;
  line-height: 3.5rem;
  text-align: right;
}
.quick-base-wrap#quick-user .quick-list li a {
  display: inline-block;
  vertical-align: middle;
  width: 3.5rem;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.quick-base-wrap#quick-user .quick-list li ~ li {
  margin-top: 0.5rem;
}
.quick-base-wrap.active {
  z-index: 14;
  pointer-events: auto;
}
.quick-base-wrap.active .quick-btn {
  -webkit-animation: rotateBound .4s cubic-bezier(0.455,0.03,0.515,0.955);
          animation: rotateBound .4s cubic-bezier(0.455,0.03,0.515,0.955);
}
.quick-base-wrap.active .quick-list li {
  visibility: visible;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  opacity: 1;
}
.quick-base-wrap.active .quick-list li:nth-child(2) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.quick-base-wrap.active .quick-list li:nth-child(3) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.quick-base-wrap.active .quick-list li:nth-child(4) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.quick-base-wrap.active#quick-cs .quick-btn {
  background-image: url("../images/common/ico_quick_cs_close.png");
}
.quick-base-wrap.active#quick-cs .quick-list li {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.quick-base-wrap.active#quick-user .quick-btn {
  background-image: url("../images/common/ico_quick_user_close.png");
}
.quick-base-wrap.active#quick-user .quick-list li {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.quick-base-wrap.active::before {
  content: "";
  visibility: visible;
  opacity: 1;
}

/* 전체메뉴 */
#aside-menu-wrap {
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -webkit-transition: .4s cubic-bezier(0.455,0.03,0.515,0.955);
  transition: .4s cubic-bezier(0.455,0.03,0.515,0.955);
  overflow: hidden;
  /* overflow-y: auto; */
}
#aside-menu-wrap .flex-col-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#aside-menu-wrap .flex-col-wrap .top-cont {
  /* border-bottom: 1px solid #dddddd; */
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu {
  padding: 0.75rem 1.25rem 1.25rem 1.25rem;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .top {
  position: relative;
}

#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .top .gnb-btn-group {
  position: absolute;
  right: 0;
  top: -0.0625rem;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.875rem;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .top .btn-home{
	padding-bottom:0.75rem;
}

#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .top .btn-home a{
	display:block;
	width:1.5rem;
	height:1.5rem;
	background:url(../images/common/mo_all_menu_home.png) no-repeat center;
	background-size:contain;
}

#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .top .txt-btn{
	height:4rem;
	display:flex;
	align-items:center;
}

#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .top .txt-btn p{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
}

#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .top .gnb-btn-group .gnb-btn {
  width: 1.875rem;
  height: 1.875rem;
  background: url("../images/common/ico_aside_close.png") no-repeat center/auto 100%;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .top .gnb-btn-group .gnb-btn.setting {
  background-image: url("../images/common/ico_aside_setting.png");
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .top .gnb-btn-group .gnb-btn.logout {
  background-image: url("../images/common/ico_aside_logout.png");
  background-size:1.5rem;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .ico-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .ico-link li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .top .txt-btn p button.text-type {
  display: inline-block;
  padding-right: 1.5625rem;
  background: url("../images/common/ico_aside_arr.png") no-repeat center right/auto 1.25rem;
  color: #000000;
  letter-spacing: -0.03125rem;
  font-size: 1.25rem;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .top .txt-btn p button.btn-type{
	font-size:0.875rem;
	font-weight:600;
	color:#666;
}

#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .ico-link li a {
  display: block;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .ico-link li a .ico {
  display: block;
  width: 2.125rem;
  height: 2.125rem;
  margin: 0 auto;
  background: url("../images/common/ico_aside_buy.png") no-repeat center/auto 100%;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .ico-link li a .ico.sell {
  background-image: url("../images/common/ico_aside_sell.png");
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .ico-link li a .ico.rent {
  background-image: url("../images/common/ico_aside_rent.png");
}

#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .ico-link li a .ico.see {
  background-image: url("../images/common/ico_aside_see.svg");
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .ico-link li a .ico.heart {
  background-image: url("../images/common/m_gnb_btn_heart.svg");
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .ico-link li a .ico.notify {
  background-image: url("../images/common/ico_aside_notify.svg");
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .ico-link li a p {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  color: #131313;
  letter-spacing: -0.03125rem;
  text-align: center;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .ico-link li ~ li {
  position: relative;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .ico-link li ~ li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: calc(-1 * 2.625rem / 2);
  width: 1px;
  height: 2.625rem;
  background: #eeeeee;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .my-link {
  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;
  width: 100%;
  padding: 0.875rem 0;
  margin-top: 1.25rem;
  border-radius: 0.625rem;
  background-color: #fff;
  border: 0.063rem solid #eee;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .my-link li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .my-link li a {
  display: block;
  font-size: 0.813rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #333333;
  letter-spacing: -0.03125rem;
  text-align: center;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .my-link li a .ico {
  display: inline-block;
  vertical-align: top;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0 0.125rem 0 0;
  background: url("../images/common/ico_aside_mypage.png") no-repeat center/auto 100%;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .my-link li a .ico.cs {
  background-image: url("../images/common/ico_aside_cs.png");
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .my-link li a .ico.alram {
  background-image: url("../images/common/ico_aside_alram.png");
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .my-link li a .ico.event {
  background-image: url("../images/common/m_icon_event.svg");
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .my-link li ~ li {
  position: relative;
}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu .my-link li ~ li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: calc(-1 * 0.875rem / 2);
  width: 1px;
  height: 0.875rem;
  background: #dddddd;
}
#aside-menu-wrap .flex-col-wrap .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  position: relative;
  overflow: hidden;
}
#aside-menu-wrap .flex-col-wrap .flex-box .left-cont {
  width: 140px;
  -webkit-box-shadow: inset 1px 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05);
          box-shadow: inset 1px 0 0.25rem 0.25rem rgba(0, 0, 0, 0.05);
  background-color: #F4F5F6;
  overflow: hidden;
}
#aside-menu-wrap .flex-col-wrap .flex-box .left-cont .left-scroll {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
#aside-menu-wrap .flex-col-wrap .flex-box .left-cont li a {
  display: flex;
  width: 100%;
  height: 3.75rem;
  padding: 0 0.625rem 0 1.25rem;
  font-size: 1.125rem;
  align-items: center;
  font-weight: 400;
  color: #888888;
  letter-spacing: -0.03125rem;
  text-align: left;
}

@media screen and (min-width: 550px) {
  #aside-menu-wrap .flex-col-wrap .flex-box .left-cont li a  {font-size: 1.1rem;}
}

#aside-menu-wrap .flex-col-wrap .flex-box .left-cont li.bk a {
  font-weight: 700;
  color: #000000;
}
#aside-menu-wrap .flex-col-wrap .flex-box .left-cont li.active {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.1875rem 0.1875rem rgba(0, 0, 0, 0.05);
}
#aside-menu-wrap .flex-col-wrap .flex-box .left-cont li.active a {
  background-color: #ffffff;
  font-weight: 700;
  color: #0096ff;
}
#aside-menu-wrap .flex-col-wrap .flex-box .right-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #ffffff;
}
#aside-menu-wrap .flex-col-wrap .flex-box .right-cont .right-scroll {
  height: 100%;
  padding: 0 1.25rem;
  overflow: hidden;
  overflow-y: scroll;
}
#aside-menu-wrap .flex-col-wrap .flex-box .right-cont .right-scroll.pt {
	padding-top: 7.5rem;	
}
#aside-menu-wrap .flex-col-wrap .flex-box .right-cont .menu-box {
  position: relative;
  border-top: 0.063rem solid #eee;
}
#aside-menu-wrap .flex-col-wrap .flex-box .right-cont .menu-box:first-child {
  border-top: none;
}
#aside-menu-wrap .flex-col-wrap .flex-box .right-cont .menu-box h2,#aside-menu-wrap .flex-col-wrap .flex-box .right-cont .menu-box a.aside-menu-title {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 4.375rem;
  background-color: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 3.4375rem;
  color: #999;
  letter-spacing: -0.03125rem;
  text-align: left;
  display: flex;
  align-items: center;
}
#aside-menu-wrap .title_ico {
  margin-right: 0.313rem;
}
#aside-menu-wrap .flex-col-wrap .flex-box .right-cont .menu-box .depth1 {
  padding: 0rem 0 2.5rem;
}
#aside-menu-wrap .flex-col-wrap .flex-box .right-cont .menu-box .depth1 li a {
  display: block;
  word-break: keep-all;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #333;
  letter-spacing: -0.03125rem;
  text-align: left;
}
#aside-menu-wrap .flex-col-wrap .flex-box .right-cont .menu-box .depth1 li ~ li {
  margin-top: 1.5rem;
}
#aside-menu-wrap .flex-col-wrap .flex-box .right-cont .menu-box ~ .menu-box h2 {
  border-top: 1px solid #cccccc;
}
#aside-menu-wrap .flex-col-wrap .flex-box .right-cont .menu-box:last-child {
  min-height: calc(100% + 1px);
}
#aside-menu-wrap.active {
  left: 0;
}

/*  */
.layer-tooltip-wrap {
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 2;
  visibility: hidden;
  width: calc(100vw - 2.5rem);
  height: auto;
  padding: 0.75rem 2.5rem 0.75rem 0.75rem;
  border-radius: 0.25rem;
  background-color: #2e3546;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
          transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
}
.layer-tooltip-wrap .tip-box {
  height: auto;
  max-height: 8.5rem;
  overflow: hidden;
  overflow-y: auto;
}
.f-row .tit .layer-tooltip-wrap .tip-box p {color: #fff;}
.layer-tooltip-wrap .tip-box p {
  margin: 0;
  word-break: keep-all;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #ffffff;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.layer-tooltip-wrap [class*=close] {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 1;
  width: 1.5rem;
  height: 1.5rem;
  background: url("../images/common/ico_tip_close.png") no-repeat center/100% auto;
}
.layer-tooltip-wrap.show {
  visibility: visible;
  opacity: 1;
}

.layer-snack-wrap {
  position: fixed;
  left: 1.125rem;
  bottom: 5rem;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 16px); /* 홈 인디케이터 회피 */
  z-index: 20;
  visibility: hidden;
  width: calc(100% - 2.25rem);
  height: auto;
  padding: 0.75rem;
  border-radius: 0.25rem;
  background-color: #2e3546;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
          transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
  opacity: 0;
}
.layer-snack-wrap p {
  margin: 0;
  word-break: keep-all;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #ffffff;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.layer-snack-wrap.show {
  visibility: visible;
  bottom: 6.25rem;
  opacity: 1;
}

/*  */
.layer-base-wrap {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
  display: none;
}
.layer-base-wrap .layer-box {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: calc(100% - 2.5rem);
  max-width: 720px;
  height: auto;
  background-color: #ffffff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.layer-base-wrap .layer-box .layer-header .layer-close {
  position: absolute;
  right: 0;
  top: -3rem;
  z-index: 1;
  width: 3rem;
  height: 3rem;
  background: url("../images/common/ico_layer_close.png") no-repeat center/100% auto;
}
.layer-base-wrap .layer-box .layer-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
  min-height: 10rem;
  line-height:1.625rem;
  padding: 0 1.25rem;
}
.layer-base-wrap .layer-box .layer-btn {
  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;
  padding: 0;
}
.layer-base-wrap .layer-box .layer-btn .base-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 0;
}
.layer-base-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.layer-base-wrap.full {
  z-index: 14;
}
.layer-base-wrap.full .layer-box{
  position:relative;
  top:auto;
  left: 50%;
  transform:translate(-50%, 0);
  width:100%;
  height: 100%;
}
.layer-base-wrap.full .layer-header{
  position:relative;
  padding:1rem 3.5rem 1rem 1.25rem;
  border-bottom:1px solid #eee;
}
.layer-base-wrap.full .layer-header h1{
    font-size:1.25rem;
    font-weight:600;
    line-height:1.5625rem;
}
.layer-base-wrap.full .layer-header .layer-close{
  overflow:hidden;
  position: absolute;
  right: 0;
  top: 5px;
  width: 3rem;
  height: 3rem;
  background:url(../images/common/btn_layer_top_close.png) no-repeat center center;
  background-size:contain;
  z-index: 1;
}
.layer-base-wrap.full .layer-cont {
  display:block;
  overflow-y: auto;
  height: 100%;
  max-height: calc(100% - 143px);
  padding: 1rem 1.25rem;
}
.layer-base-wrap.full .layer-btn {
  position:relative;
  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;
  gap:0 0.3125rem;
  padding:1rem 1.25rem;
    border-top:1px solid #eee;
}
.layer-base-wrap.full .base-btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-radius:4px;
}
.btn-check-reset{
  display:flex;
  justify-content: center;
  align-items: center;
  gap:0 0.5rem;
  position:absolute;
  top:-4rem;
  left:50%;
  transform:translateX(-50%);
  padding:0.75rem 1.5rem;
  color:#666;
  font-size:1rem;
  line-height:1.5rem;
  border:1px solid #ddd;
  border-radius:3rem;
  background:#fff;
  z-index:2;
}
.btn-check-reset i{
    display:inline-block;
    width:15px;
    height:13px;
    background:url(../images/common/ico_reset.png) no-repeat center center;
    background-size:contain;
}

.layer-base-wrap.bottom .layer-box {
  top: auto;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: auto;
  border-radius: 3rem 3rem 0 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translate(-50%, 20%);
          transform: translate(-50%, 20%);
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
}
.layer-base-wrap.bottom .layer-box .layer-cont {
  overflow: hidden;
}
#layer-event-pop.layer-base-wrap .layer-box .layer-cont {padding: 0;gap: 0;}
#layer-event-pop.layer-base-wrap.bottom .layer-box {border-radius: 1.5rem 1.5rem 0 0;background-color: transparent;opacity: 1;transform: translate(-50%, 0px);}
#layer-event-pop.layer-base-wrap.bottom .layer-box .layer-btn {background-color: #fff;}
.layer-base-wrap.bottom .layer-box .layer-cont img {
  width: 100%;
  max-width: 100%;
}
.layer-base-wrap.bottom .layer-box .layer-btn {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 3.25rem;
  padding: 0 1.25rem;
}
.layer-base-wrap.bottom .layer-box .layer-btn .base-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  height: auto;
  padding: 0;
  line-height: 1.25rem;
}
.layer-base-wrap.bottom .layer-box .layer-btn .base-btn.layer-today {
  color: #666666;
}
.layer-base-wrap.bottom .layer-box .layer-btn .base-btn.layer-close {
  position: static;
}
.layer-base-wrap .dimmed {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.layer-cont h4{
  padding-top:1rem;
  font-size:1.125rem;
  line-height:1rem;
}
/* layer trans */
.layer-trans-wrap{
  /* visibility:hidden; */
  display: none;
  position: fixed;
  left:0;
  bottom:0;
  z-index:15;
  width:100%;
  height:100%;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  /* opacity:0; */
}
.layer-trans-wrap.show{
  visibility:visible;
  opacity:1;
}
.layer-trans-wrap .layer-box{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:13.75rem;
  height:18.125rem;
  border-radius:0.625rem;
  background:#fff;
  z-index: 3;
}
.layer-trans-wrap .layer-cont{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:1rem 0;
  height:100%;
  text-align:center;
}
.layer-trans-wrap .layer-cont i{
  display:inline-block;
  width:5.625rem;
  height:6.6875rem;
}
.layer-trans-wrap .layer-cont i.ico-favorite{
  background:url(../images/common/ico_trans_favorite.png) no-repeat center center;
  background-size:cover;
}
.layer-trans-wrap .layer-cont i.ico-compare{
  background:url(../images/common/ico_trans_compare.png) no-repeat center center;
  background-size:cover;
}
.layer-trans-wrap .layer-cont p{
  font-size:1.25rem;
  line-height:1.75rem;
  font-weight:600;
}
.layer-trans-wrap .layer-cont p strong{
  font-size:inherit;
  line-height:inherit;
  font-weight:800;
}
.layer-trans-wrap .layer-cont a{
  display:inline-block;
  padding:0.625rem 1.875rem;
  color:#fff;
  font-size:1rem;
  font-weight:700;
  line-height:1.5rem;
  text-align:center;
  border:0.0625rem solid #eee;
  border-radius:1.5625rem;
  background:#0096ff;
}
.layer-trans-wrap .layer-cont a::after{
  margin-left:0.1875rem;
  content:'>';
}
.layer-trans-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.layer-trans-wrap .dimmed {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.layer-notice-wrap#layer-rend-d {
  position: fixed; 
  inset: 0;
  height: 100svh;
  height: -webkit-fill-available; 
  -webkit-tap-highlight-color: transparent; 
}
#layer-rend-d button, #layer-rend-d a { 
  -webkit-tap-highlight-color: transparent; 
  touch-action: manipulation;             
}
/* filter layer / bottom */
/* layer : 리스트 정렬 순서 */
.layer-bottom-wrap {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 25;
  width: 100%;
  height: 100%;
  display: none;
}
.layer-bottom-wrap .layer-box {
  overflow:hidden;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform:translateX(-50%);
  z-index: 3;
  width: 100%;
  max-width: 720px;
  height: auto;
  max-height:calc(100vh - 80px);
  padding-top:1.5rem;
  /* padding-bottom: 1.25rem; */
  border-radius:1.5rem 1.5rem 0 0;
  background-color: #ffffff;
}
.layer-bottom-wrap .layer-header{
  position:relative;
  padding:0.5rem 3.25rem 1rem 1.25rem;
}
.layer-bottom-wrap .layer-header h1{
  font-size:1.25rem;
  font-weight:800;
  line-height:1.5rem;
}
.layer-bottom-wrap .layer-header h1 .date{
  margin-left:0.5rem;
  color:#666;
  font-size:0.75rem;
  font-weight:normal;
}
.layer-bottom-wrap .layer-header .layer-close {
  overflow:hidden;
  position: absolute;
  right: 4px;
  top: -5px;
  width: 3rem;
  height: 3rem;
  background:url(../images/common/btn_layer_top_close.png) no-repeat center center;
  background-size:contain;
  z-index: 1;
}
.layer-bottom-wrap .layer-box .layer-cont {
  overflow-y:auto;
  height:100%;
  max-height: calc(100vh - 242px);
  padding:0 1.25rem;
}
.layer-bottom-wrap .layer-cont .panel-header{
  padding:1.5rem 1.25rem;
}
.layer-bottom-wrap .layer-cont .panel-header h4{
  padding:0;
}
.layer-bottom-wrap .layer-cont .panel-header span{
  color:#666;
}
/* .layer-bottom-wrap.middle .layer-box .layer-cont {
  max-height: 18rem;
} */
.layer-bottom-wrap .layer-box .layer-btn {
  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;
  gap:0 0.3125rem;
  padding:1rem 1.25rem;
  border-top:0.0625rem solid #eee;
}
.layer-bottom-wrap .layer-box .layer-btn .base-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius:4px;
}
.layer-bottom-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.layer-bottom-wrap .dimmed {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
/* 고지항목 layer */
.layer-notice-wrap{
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 16;
  width: 100%;
  height: 100%;
  display: none;
}
.layer-notice-wrap .layer-box{
  position: absolute;
  left: 50%;
  top: 50%;
  transform:translate(-50%, -50%);
  z-index: 3;
  width: 100%;
  max-width: 720px;
  height: auto;
  max-height:calc(100vh - 110px);
  background-color: #ffffff;
}
.layer-notice-wrap.middle .layer-box{
  width:calc(100% - 40px);
  max-width: 680px;
  max-height: calc(100vh - 90px);
}
.layer-notice-wrap .layer-header{
  padding:0 1.25rem;
}
.layer-notice-wrap .layer-header h1{
  padding:1.5rem 0;
  font-size:1.25rem;
  font-weight:800;
  line-height:1.75rem;
  border-bottom:0.0625rem solid #131313;
}
.layer-notice-wrap .layer-box .layer-cont{
  padding:1.25rem;
}
.layer-notice-wrap .layer-box .layer-cont h4{
  padding:0;
  font-size:1rem;
  font-weight:800;
  line-height:1.5rem;
}
.layer-notice-wrap .layer-box .layer-btn {
  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;
  height:3.25rem;
}
.layer-notice-wrap .layer-box .layer-btn .base-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.layer-notice-wrap .layer-box .layer-close {
  overflow:hidden;
  position: absolute;
  right: 0;
  top: -3rem; 
  width: 3rem;
  height: 3rem;
  background:url(../images/common/ico_layer_close.png) no-repeat center center;
  background-size:contain;
  z-index: 3;
}
.layer-notice-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.layer-notice-wrap .dimmed {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
/* dot-list */
.dot-list > li{
  position:relative;
  padding-left:1.25rem;
  color:#666;
  font-size:0.875rem;
  line-height:1.375rem;
}
.dot-list > li::before{
  position:absolute;
  left:4px;
  top:0;
  color:#999;
  font-weight:700;
  content:'ㆍ';
}
.dot-list > li strong{
  font-size:inherit;
}
/* decimal-list */
.decimal-list > li{
  color:#888;
  font-size:0.75rem;
  line-height:1rem;
  list-style-type:decimal;
}

/* dot dl */
.dot-dl dt,.dot-dl dd{
  color:#888;
  font-size:0.875rem;
  line-height:1.375rem;
}
.dot-dl dt,.dot-dl dd{
  padding-left:1rem;
}
.dot-dl dt{
  position:relative;
  font-weight:600;
}
.dot-dl dt::before{
  position:absolute;
  left:0;
  top:0;
  content:'ㆍ';
}

.dot-link{
  padding:1rem 0;
}
.dot-link > li{
  position:relative;
  padding-left:0.75rem;
}
.dot-link > li::before{
  position:absolute;
  left:0;
  top:0;
  color:#888;
  font-size:0.625rem;
  line-height:1rem;
  content:'ㆍ';
}
.dot-link > li + li{
  margin-top:1rem;
}
.dot-link > li a{
  display:block;
  color:#888;
  font-size:1rem;
  line-height:1rem;
}
.dot-text{
  overflow:hidden;
  position:relative;
  padding-left:0.625rem;
  color:#666;
  font-size:0.875rem;
  line-height:1.375rem;
}
.dot-text::before{
  position:absolute;
  left:-4px;
  top:0;
  font-weight:700;
  content:'ㆍ';
}
.star-text{
  position:relative;
  padding-left:0.8125rem;
  color:#666;
  font-size:0.875rem;
  line-height:1.1875rem;
  letter-spacing:-0.03125rem;
  word-break:keep-all;
}
.star-text::before{
  position:absolute;
  left:0;
  top:0;
  content:'*';
}
.ex-text{
  position:relative;
  padding-left:1rem;
  color:#666;
  font-size:0.875rem;
  line-height:1.1875rem;
  letter-spacing:-0.03125rem;
  word-break:keep-all;
}
.ex-text::before{
  position:absolute;
  left:0;
  top:0;
  content:'※';
}

.schedule-date{
  position:relative;
  margin:1rem 0;
  padding-left:0.75rem;
  color:#888;
  font-size:1rem;
  line-height:1rem;
}
.schedule-date::before{
  position:absolute;
  left:4px;
  top:0.4375rem;
  width:2px;
  height:2px;
  border-radius:50%;
  background:#888;
  content:'';
}

/* 라이브 시청하기 */
.layer-container{
  padding:20px;
}
.live-timebox{
  overflow:hidden;
  display:inline-block;
  font-size:0;
  border-radius:15px;
  background:#333;
}
.live-timebox span{
  display:inline-block;
  padding:0 12px;
  color:#fff;
  font-size:1rem;
  line-height:1.875rem;
  vertical-align:top;
}
.live-timebox span.live-onair{
  color:#fff;
  font-size:14px;
  line-height:1.875rem;
  border-radius:15px;
  background:#cd0000;
}
.live-timebox span.live-onair::before{
  display:inline-block;
  width:12px;
  height:10px;
  margin-top:-1px;
  margin-right:7px;
  vertical-align:middle;
  background:url(../images/common/lp/ico_live_onair.png) no-repeat center center;
  background-size:contain;
  content:'';
}
.product-live-box{
  margin-top:20px;
}
/* 라이브 방송 차량 */
.product-live-wrap {
  overflow: hidden;
}
.product-live-header{
  display:flex;
  justify-content: space-between;
}
.product-live-title{
  flex:1 1 auto;
  display:flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap:0 0.375rem;
  margin-bottom:1rem;
  line-height:1.5rem;
}
.product-live-title p{
  font-weight:800;
}
.product-live-title .swiper-pagination-fraction{
  width:auto;
  color:#999;
}
.product-live-title .swiper-pagination-current{
  color:#131313;
  font-weight:800;
}
.product-live-title .swiper-pagination-total{
  color:#999;
}
.product-live-control{
  flex-basis:72px;
  font-size:0;
}
.product-live-control div{
  position:relative;
  display:inline-block;
  left:auto;
  right:auto;
  top:auto;
  width:24px;
  height:24px;
  margin:0;
  font-size:0;
  vertical-align:top;
}
.product-live-control > div::after{
  display:none;
}
.product-live-control .swiper-button-next{
  background:url(../images/common/ico_arrow_right.png) no-repeat center center;
  background-size:contain;
}
.product-live-control .swiper-button-prev{
  background:url(../images/common/ico_arrow_left.png) no-repeat center center;
  background-size:contain;
}
.product-live-control .swiper-button-play{
  background:url(../images/common/ico_swiper_play_b.png) no-repeat center center;
  background-size:contain;
}
.product-live-control .swiper-button-stop{
  background:url(../images/common/ico_swiper_stop_b.png) no-repeat center center;
  background-size:contain;
}
.product-live-control .swiper-container{
  margin-top:1rem;
}
.product-live-wrap li{
  display:flex;
  justify-content:space-between;
}
.product-live-wrap li .car-thumb {
  position: relative;
  width:7.5rem;
}
.product-live-wrap li .car-thumb > a {
  position: relative;
  z-index: 1;
  display: block;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.product-live-wrap li .car-thumb > a::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 74%;
}
.product-live-wrap li .car-thumb > a img {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.product-live-wrap li .car-info {
  width:calc(100% - 8.25rem);
}
.product-live-wrap li .car-info .car-sum {
  position: relative;
  margin-top: 0.125rem;
  padding-right: 2rem;
}
.product-live-wrap li .car-info .car-sum .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.product-live-wrap li .car-info .car-sum .row span {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  overflow:hidden;
  text-overflow:ellipsis;
  word-wrap:normal;
  white-space:nowrap;
  color: #999;
  letter-spacing: -0.0625rem;
  text-align: center;
}
.product-live-wrap li .car-info .car-sum .car-rent {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.product-live-wrap li .car-info .car-sum .car-rent span {
  display: inline-block;
  width: 2rem;
  height: 1.25rem;
  background-color:#0096ff;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  color:#fff;
  letter-spacing: -0.0625rem;
  text-align: center;
}
.product-live-wrap li .car-info .car-model, .product-live-wrap li .car-info .car-trim {
  overflow:hidden;
  text-overflow:ellipsis;
  word-wrap:normal;
  white-space:nowrap;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #000;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.product-live-wrap li .car-info .car-pay {
  margin-top: 0.125rem;
}

/* 배너 */
.swiper-base-banner {
  position: relative;
}
.swiper-base-banner .swiper-container {
  width: 100%;
  overflow: hidden;
}
.swiper-base-banner.visual::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 3.125rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}
.swiper-base-banner.visual .swiper-control {
  position: absolute;
  left: 50%;
  bottom: 0.9375rem;
  z-index: 2;
  width: auto;
  font-size: 0;
  line-height: 0;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.swiper-base-banner.visual .swiper-control .swiper-pagination {
  position: static;
  display: inline-block;
  width: auto;
  font-size: 0;
}
.swiper-base-banner.visual .swiper-control .swiper-pagination span {
  position: relative;
  width: 2.125rem;
  height: 0.25rem;
  margin: 0;
  border-radius: 0.25rem;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  overflow: hidden;
}
.swiper-base-banner.visual .swiper-control .swiper-pagination span .bar {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 0%;
  height: 100%;
  background-color: #ffffff;
}
.swiper-base-banner.visual .swiper-control .swiper-pagination span ~ span {
  margin-left: 0.25rem;
}
.swiper-base-banner.visual .swiper-control .swiper-pagination span.swiper-pagination-bullet-active .bar {
  -webkit-animation: progress 3s cubic-bezier(0.455,0.03,0.515,0.955) alternate forwards;
          animation: progress 3s cubic-bezier(0.455,0.03,0.515,0.955) alternate forwards;
}
.swiper-base-banner.visual .swiper-control .swiper-pagination span.swiper-pagination-bullet-active.stop .bar {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.swiper-base-banner.visual .swiper-control .swiper-btn {
  position: absolute;
  right: -1.25rem;
  top: 50%;
  z-index: 1;
  width: 0.75rem;
  height: 0.75rem;
  margin: -0.375rem 0 0;
  background: url("../images/common/ico_swiper_stop.png") no-repeat center/100% auto;
}
.swiper-base-banner.visual .swiper-control .swiper-btn.pause {
  background-image: url("../images/common/ico_swiper_play.png");
}

/* 상품 */
.product-base-wrap {
  overflow: hidden;
}
.product-base-wrap li .car-thumb {
  position: relative;
}
.product-base-wrap li .car-thumb > a {
  position: relative;
  z-index: 1;
  display: block;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  background-color: #000;
}
.product-base-wrap li .car-thumb > a::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 74%;
}
.product-base-wrap li .car-thumb > a img {
  position: absolute;
  left: 50%;
  top: 50%;
  width:auto;
  max-width: none;
  height: 102%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.product-base-wrap li .car-thumb .car-state {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  text-align: left;
}
.product-base-wrap li .car-thumb .car-state span {
  display: inline-block;
  width: auto;
  height: 1.5rem;
  padding: 0 0.375rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #ffffff;
  letter-spacing: -0.0625rem;
  text-align: center;
}
.product-base-wrap li .car-thumb .car-state span.soldout {
  background-color: #333333;
}
.product-base-wrap li .car-thumb .car-state span.contract {
  background-color: #0096ff;
}
.product-base-wrap li .car-thumb .car-logo {
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
  z-index: 2;
  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;
}
.product-base-wrap li .car-thumb .car-logo i {
  position:relative;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.product-base-wrap li .car-thumb .car-logo i + i {
  margin-left:14px;
}
.product-base-wrap li .car-thumb .car-logo i + i::before{
  position:absolute;
  top:50%;
  left:-14px;
  width:14px;
  height:14px;
  transform:translateY(-50%);
  background:url("../images/common/lp/ico_prd_reborn_bar.png") no-repeat center/auto 100%;
  content:'';
}
.product-base-wrap li .car-thumb .car-logo i.reborn {
  background-image: url("../images/common/lp/ico_prd_reborn.png");
}
.product-base-wrap li .car-thumb .car-logo i.hyun {
  background-image: url("../images/common/lp/ico_prd_hyun.png");
}
.product-base-wrap li .car-thumb .car-logo i.sk {
  background-image: url("../images/common/lp/ico_prd_sk.png");
}
.product-base-wrap li .car-thumb .car-logo i.hana {
  background-image: url("../images/common/lp/ico_prd_hana.png");
}
.product-base-wrap li .car-thumb .car-logo i.woori {
  background-image: url("../images/common/lp/ico_prd_woori.png");
}
.product-base-wrap li .car-thumb .car-logo i.m {
  background-image: url("../images/common/lp/ico_prd_m.png");
}
.product-base-wrap li .car-thumb .car-logo i.bnk {
  background-image: url("../images/common/lp/ico_prd_bnk.png");
}
.product-base-wrap li .car-thumb .car-btn {
  position: absolute;
  right: 0.25rem;
  bottom: 0.25rem;
  z-index: 2;
}
.product-base-wrap li .car-thumb .car-btn button {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.product-base-wrap li .car-thumb .car-btn button.favorite {
  background-image: url("../images/common/lp/ico_prd_wish.png");
}
.product-base-wrap li .car-thumb .car-btn button.favorite.on {
  background-image: url("../images/common/lp/ico_prd_wish_on.png");
}
.product-base-wrap li .car-info {
  margin-top: 1rem;
  padding: 0 1rem;
}
.product-base-wrap li .car-info .car-sum {
  position: relative;
}
.product-base-wrap li .car-info .car-sum .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.product-base-wrap li .car-info .car-sum .row span {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #999999;
  text-align: center;
}
.product-base-wrap li .car-info .car-sum .car-rent {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.product-base-wrap li .car-info .car-sum .car-rent span {
  display: inline-block;
  width: 2rem;
  height: 1.25rem;
  background-color: #0096ff;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #ffffff;
  letter-spacing: -0.0625rem;
  text-align: center;
}
.product-base-wrap li .car-info .car-sum .car-rent span.rent {
  color: #0096ff;
  line-height: 1.125rem;
  border: 0.0625rem solid #0096ff;
  background-color: #fff;
}
.product-base-wrap li .car-info .car-model, .product-base-wrap li .car-info .car-trim {
  word-break: keep-all;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #000000;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.product-base-wrap li .car-info .car-pay {
  margin-top: 0.5rem;
}
.product-base-wrap li .car-info .car-pay .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 0.125rem;
}
.product-base-wrap li .car-info .car-pay .price p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: #000000;
  /*letter-spacing: -0.0625rem;*/
  text-align: left;
}
.product-base-wrap li .car-info .car-pay .price p strong {
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  color: inherit;
}
.product-base-wrap li .car-info .car-pay .price del {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.875rem;
  color: #999999;
  /*letter-spacing: -0.0625rem;*/
  text-align: left;
}
.product-base-wrap li .car-info .car-pay .price del strong {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.product-base-wrap li .car-info .car-pay .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.375rem;
  margin-top: 0.25rem;
}
.product-base-wrap li .car-info .car-pay .txt dt, .product-base-wrap li .car-info .car-pay .txt dd {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  color: #000000;
  /*letter-spacing: -0.0625rem;*/
  text-align: left;
}
.product-base-wrap li .car-info .car-pay .txt dd {
  color: #999999;
}
.product-base-wrap li .car-info .car-pay .txt dd span {
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  color: #0096ff;
}
.product-base-wrap li .car-info .car-pay .etc {
  margin-top: 0.25rem;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.875rem;
  color: #333333;
  /*letter-spacing: -0.0625rem;*/
  text-align: left;
}
.car-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem 0.25rem;
  margin-top: 0.5rem;
}
.car-badge span,
.car-badge button {
  display: inline-block;
  vertical-align: top;
  border-radius: 0.125rem;
  background-color: #f0f0f0;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.875rem;
  color: #666666;
  letter-spacing: -0.0625rem;
  text-align: center;
}
.car-badge span{
  padding: 0 0.375rem;
  background:#f0f0f0;
}
.car-badge button{
  position:relative;
  padding: 0 1rem 0 0.375rem;
  color:#cd0000;
  line-height:1.417rem;
  border:1px solid #cd0000;
  border-radius:2px;
  background:#ffffff;
}
.car-badge button::after{
  position:absolute;
  top:50%;
  right:6px;
  transform:translateY(-25%);
  border-width:3px;
  border-style:solid;
  border-color:#cd0000 transparent transparent transparent;
  z-index:5;
  content:'';
}
.car-badge span.icon{
  padding: 0 0.375rem 0 1.25rem;
}
.car-badge button.icon{
  padding: 0 1rem 0 1.25rem;
}
.car-badge span.fire{
  color:#fff;
}
.car-badge span.sale{
  color:#cd0000;
  background:#fef3f3;
}
.car-badge span.timedeal{
  color:#cd0000;
  background:#fef3f3 url("../images/common/lp/ico_prd_timedeal.png") no-repeat .375rem center;
  background-size:12px;
}
.car-badge .onair{
  background:#ffffff url("../images/common/lp/ico_prd_onair.png") no-repeat 4px center;
  background-size:12px;
}
.car-badge .lock{
  background:#ffffff url("../images/common/lp/ico_prd_lock.png") no-repeat 4px center;
  background-size:12px;
}
.car-badge .last{
  background:#ffffff url("../images/common/lp/ico_prd_last.png") no-repeat 4px center;
  background-size:12px;
}
.car-badge span.black{
  color:#fff;
  background:#333;
}
.car-badge span.blue{
  color:#fff;
  background:#0096ff;
}
.car-badge span.f-blue{
  color:#0096ff;
  border:0.0625rem solid #0096ff;
  background:#fff;
}
.car-badge span.red{
  color:#fff;
  background:#cd0000;
}

.product-base-wrap li.more {
  padding: 0 0.625rem;
}
.product-base-wrap li.more a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.875rem;
  width: 100%;
  height: 16.125rem;
  border-radius: 0.25rem;
  background-color: #f9f9f9;
}
.product-base-wrap li.more a .arr {
  display: block;
  width: 5rem;
  height: 5rem;
  margin: 0 auto;
  border-radius: 100%;
  background: url("../images/common/lp/ico_prd_more.png") no-repeat center/auto 100% #ffffff;
  overflow: hidden;
}
.product-base-wrap li.more a p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
  color: #666666;
  letter-spacing: -0.0625rem;
  text-align: center;
}
.product-base-wrap .car-badge span{
    line-height:1.5rem;
}


/* 전기차 뱃지 추가 */
.product-base-wrap .car-badge span.electric{
	background:#E6FBED;
	color:#0AA55F;
	padding-left:1.5rem;
	position:relative;
}

.product-base-wrap .car-badge span.electric::before{
	content:"";
	display:block;
	width:0.875rem;
	height:0.875rem;
	background:url(../images/smartbuy/electric_bage_i.svg) no-repeat center;
	background-size:contain;
	position:absolute;
	left:0.375rem;
	top:50%;
	transform:translate( -0, -50% );
}


.product-base-wrap.focus ul li {
  width: 65%;
}
.product-base-wrap.focus ul li .car-thumb {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
}
.product-base-wrap.focus ul li .car-info {
  opacity: 0;
}
.product-base-wrap.focus ul li .car-info .car-sum{
  padding-right:2.625rem;
}
.product-base-wrap.focus ul li .car-info .car-sum .row span {
  color: #999999;
}
.product-base-wrap.focus ul li .car-info .car-model, .product-base-wrap.focus ul li .car-info .car-trim {
  color: #ffffff;
}
.product-base-wrap.focus ul li .car-info .car-pay .price p {
  color: #0096ff;
}
.product-base-wrap.focus ul li .car-info .car-pay .etc {
  color: #999999;
}
.product-base-wrap.focus ul li .car-info .car-badge span {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.product-base-wrap.focus ul li[class*=active] .car-thumb {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.product-base-wrap.focus ul li[class*=active] .car-info.show {
  opacity: 1;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
}
.product-base-wrap.focus .swiper-control .swiper-pagination span, #layer-event-pop .swiper-control .swiper-pagination span{
  vertical-align: top;
  position: static;
  width: 1.875rem;
  height: 100%;
  margin: 0 !important;
  border-radius: 0.25rem;
  background-color: #eeeeee;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  overflow: hidden;
}

.product-base-wrap.swiper .swiper-control, .product-base-wrap.focus .swiper-control, .pd-base-wrap .swiper-control, .pd-base-wrap .swiper-control ,.review-base-wrap .swiper-control, .pd-base-wrap .swiper-control,.prev-video-list-box .swiper-control,.product-list-wrap.review-bottom-slide .swiper-control {
  padding: 3.5rem 1.25rem 2.5rem;
  text-align: center;
  font-size: 0;
  line-height: 0;
}
#layer-event-pop .swiper-control .swiper-pagination,.product-base-wrap.swiper .swiper-control .swiper-pagination,.pd-base-wrap.swiper .swiper-control .swiper-pagination, .product-base-wrap.focus .swiper-control .swiper-pagination, .review-base-wrap .swiper-control .swiper-pagination,.prev-video-list-box .swiper-pagination,.prev-video-list-box .swiper-control .swiper-pagination,.prev-video-list-box .swiper-pagination,.product-list-wrap.review-bottom-slide .swiper-pagination {
  display: inline-block;
  position: static;
  width: auto;
  height: 0.1875rem;
  border-radius: 0.25rem;
  background-color: rgba(255, 255, 255, 0.3);
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.product-base-wrap.swiper .swiper-control .swiper-pagination,.pd-base-wrap.swiper .swiper-control .swiper-pagination, .review-base-wrap .swiper-control .swiper-pagination,.prev-video-list-box .swiper-control .swiper-pagination,#car-new-video .swiper-control .swiper-pagination,.product-list-wrap.review-bottom-slide .swiper-pagination {
  background-color: #eee;
}
.product-base-wrap.swiper .swiper-control .swiper-pagination span,.pd-base-wrap.swiper .swiper-control .swiper-pagination .swiper-pagination-bullet , .review-base-wrap .swiper-control .swiper-pagination span,.prev-video-list-box .swiper-control .swiper-pagination span,.prev-video-list-box .swiper-control .swiper-pagination div,#car-new-video .swiper-control .swiper-pagination div,.product-list-wrap.review-bottom-slide .swiper-pagination span,.kakao-f-section .swiper-pagination .swiper-pagination-bullet {
  vertical-align: top;
  position: static;
  width: 0.875rem;
  height: 100%;
  margin: 0 !important;
  border-radius: 0.25rem;
  background-color: #eeeeee;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  overflow: hidden;
}
#layer-event-pop .swiper-control .swiper-pagination span.swiper-pagination-bullet-active,.product-base-wrap.focus .swiper-control .swiper-pagination span.swiper-pagination-bullet-active,.product-list-wrap #product-lp-banner .swiper-control .swiper-pagination span.swiper-pagination-bullet-active {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  background-color: #ffffff;
}
.product-base-wrap.swiper .swiper-control .swiper-pagination span.swiper-pagination-bullet-active,.pd-base-wrap.swiper .swiper-control .swiper-pagination .swiper-pagination-bullet-active, .review-base-wrap .swiper-control .swiper-pagination span.swiper-pagination-bullet-active,.swiper-pagination-bullet .swiper-control .swiper-pagination span.swiper-pagination-bullet-active,.prev-video-list-box .swiper-control .swiper-pagination .swiper-pagination-bullet-active,#car-new-video .swiper-control .swiper-pagination .swiper-pagination-bullet-active,.product-list-wrap.review-bottom-slide .swiper-pagination .swiper-pagination-bullet-active,.kakao-f-section .swiper-pagination .swiper-pagination-bullet-active {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  background-color: #131313;
}

/* swiper bar pagination 공통 */

.swiper-bar .swiper-control{
  padding: 3.5rem 1.25rem 2.5rem;
  text-align: center;
  font-size: 0;
  line-height: 0;
}
.swiper-bar .swiper-control .swiper-pagination{
  display: inline-block;
  position: static;
  width: auto;
  height: 0.1875rem;
  border-radius: 0.25rem;
  background-color: rgba(255, 255, 255, 0.3);
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.swiper-bar .swiper-control .swiper-pagination span{
  vertical-align: top;
  position: static;
  width: 0.875rem;
  height: 100%;
  margin: 0 !important;
  border-radius: 0.25rem;
  background-color: #eeeeee;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  overflow: hidden;
}
.search-result-box .product-base-wrap.focus ul li .car-info .car-model, .search-result-box .product-base-wrap.focus ul li .car-info .car-trim{
  color:#131313;
}
.product-base-wrap.focus ul li .car-info .car-badge span{
  color:#666;
  line-height:1.5rem;
  background:#f0f0f0;
}
.swiper-bar.bar-black .swiper-control .swiper-pagination{
  background-color: #eee;
}
.swiper-bar .swiper-control .swiper-pagination span.swiper-pagination-bullet-active{
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  background-color: #ffffff;
}
.swiper-bar.bar-black .swiper-control .swiper-pagination span.swiper-pagination-bullet-active{
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  background-color: #131313;
}

/* 리뷰 */
.review-base-wrap .swiper-container {
  padding: 0 1.25rem;
}
.review-base-wrap li {
  width: 70%;
}
.review-base-wrap li a {
  display: block;
  padding: 1.5rem;
  background-color: #ffffff;
}
.review-base-wrap li .prd-pic{
  margin-bottom:1.25rem;
}
.review-base-wrap li .box {
  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;
}
.review-base-wrap li .box .rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.125rem;
  width: 5.5rem;
  height: 1rem;
}
.review-base-wrap li .box .rating span {
  width: 1rem;
  height: 1rem;
  background: url("../images/common/ico_rating.png") no-repeat center/100% auto;
}
.review-base-wrap li .box .rating span.on {
  background-image: url("../images/common/ico_rating_on.png");
}
.review-base-wrap li .box .car-model {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
  color: #131313;
  letter-spacing: -0.0625rem;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.review-base-wrap li .box .name, .review-base-wrap li .box .date {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  color: #999999;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.review-base-wrap li .box .name b, .review-base-wrap li .box .date b {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #131313;
}
.review-base-wrap li .subject {
  margin-top: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  color: #131313;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.review-base-wrap li .summary {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  overflow: hidden;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: #131313;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.review-base-wrap li .summary + .box {
  margin-top: 1rem;
}

/* 영상 */
.video-base-wrap {
  padding-bottom: 2.5rem;
}
.video-base-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding: 0 1.25rem;
  margin: 2rem 0 0;
}
.video-base-wrap ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.video-base-wrap ul li a .pic {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  max-width: 8.125rem;
  overflow: hidden;
}
.video-base-wrap ul li a .pic::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.2%;
}
.video-base-wrap ul li a .pic img {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.video-base-wrap ul li a .sum {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  max-width: calc(100% - 9.125rem);
}
.video-base-wrap ul li a .sum .tit {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #000000;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.video-base-wrap ul li a .sum .write {
  padding-left: 1.25rem;
  margin-top: 0.5rem;
  background: url("../images/common/ico_video_yt.png") no-repeat left center/1rem auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  color: #666666;
  letter-spacing: -0.0625rem;
  text-align: left;
}

[class*=-tab-wrap] {
  margin-top: 1rem;
}
[class*=-tab-wrap] > [class*=-tab] {
  padding: 0 1.25rem;
  border-bottom: 1px solid #eeeeee;
  overflow: hidden;
}
[class*=-tab-wrap] > [class*=-tab] .btn {
  position: relative;
  width: auto;
  padding: 1.0625rem 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #666666;
  letter-spacing: -0.0625rem;
  text-align: center;
}
[class*=-tab-wrap] > [class*=-tab] .btn p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
[class*=-tab-wrap] > [class*=-tab] .btn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 0;
  height: 0.125rem;
  background-color: #131313;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
}
[class*=-tab-wrap] > [class*=-tab] .btn ~ .btn {
  border-left: 0;
}
[class*=-tab-wrap] > [class*=-tab] .btn.active {
  font-weight: 700;
  color: #000000;
}
[class*=-tab-wrap] > [class*=-tab] .btn.active::after {
  width: 100%;
}
[class*=-tab-wrap] > [class*=-tab].box {
  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;
  padding: 0 1.25rem;
  margin-top: 0.625rem;
  border: 0;
}
[class*=-tab-wrap] > [class*=-tab].box .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 3rem;
  padding: 0;
  border: 1px solid #dddddd;
  background-color: #f6f6f6;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  color: #666666;
  letter-spacing: -0.0625rem;
  text-align: center;
}
[class*=-tab-wrap] > [class*=-tab].box .btn p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
[class*=-tab-wrap] > [class*=-tab].box .btn ~ .btn {
  border-left: 0;
}
[class*=-tab-wrap] > [class*=-tab].box .btn::after {
  display: none;
}
[class*=-tab-wrap] > [class*=-tab].box .btn.active {
  border: 1px solid #131313;
  -webkit-box-shadow: 0 0.3125rem 0.625rem rgba(0, 3, 7, 0.1);
          box-shadow: 0 0.3125rem 0.625rem rgba(0, 3, 7, 0.1);
  background-color: #ffffff;
  color: #131313;
  font-weight: bold;
}
[class*=-tab-wrap] > [class*=-cont] {
  margin-top: 1rem;
}
[class*=-tab-wrap] > [class*=-cont] .cont {
  display: none;
}
[class*=-tab-wrap] > [class*=-cont] .cont .dummy {
  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;
  width: 100%;
  height: 18.75rem;
  background-color: #dddddd;
}
.history_popup [class*=-tab-wrap] > [class*=-cont] .cont .noresult {min-height: calc(100vh - 335px);}
.cont-base-more {
  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;
}
.cont-base-more a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background-color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 3.75rem;
  color: #666666;
  letter-spacing: -0.0625rem;
  text-align: center;
}
.cont-base-more a strong {
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  color: #131313;
}
.cont-base-more a ~ a {
  border-left: 1px solid #dddddd;
}
.cont-base-more a.gray strong {
  color: #666666;
}
.cont-base-more a.blue strong {
  color: #0096ff;
}

.tit-base-wrap {
  position: relative;
  padding: 0 1.25rem;
}
.tit-base-wrap p {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  color: #666666;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.tit-base-wrap p strong {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #131313;
}

/*---------- common 처리 ----------*/
/* panel */
.panel + .panel{
  border-top:0.0625rem solid #ddd;
}
.panel-header{
  position:relative;
  padding:1.5rem 2.625rem 1.5rem 1.25rem;
}
.panel-header .inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.panel-header h4{
  color:#131313;
  font-size:1.125rem;
  font-weight:700;
  line-height:1.375rem;
  letter-spacing: -0.03125rem;
}
.panel-header span{
  color:#999;
  font-size:0.875rem;
}
.panel-header .select-date{
  display:none;
}
.panel-header .btn-slide{
  position:absolute;
  top:50%;
  right:0.75rem;
  transform:translateY(-50%);
}
.panel-cont{
  padding:0 1.25rem 1.5rem 1.25rem;
}

/* form dl */
.form-dl{
  margin-top:1.25rem;
}
.form-dl dt{
  font-size:1rem;
  line-height:2rem;
}
.form-dl dd{
  display:flex;
  align-items:center;
  gap:0 0.5rem;
  margin-top:0.5rem;
}
.form-dl dd > *{
  flex:1;
}
.form-dl input[type=text]{
  width:100%;
}
.form-dl select{
  width:100%;
  font-weight:700;
}
.form-dl .btn-mms{
  flex:none;
  width:auto;
  height:3rem;
  padding:0 1.25rem;
  color:#acacac;
  text-align:center;
  border:0.0625rem solid #ccc;
  border-radius:0.25rem;
}
.form-maker{
  display:flex;
  gap:0 0.4375rem;
}
.form-maker select:first-child{
  flex: none;
  width:108px
}
/* 개인정보 & 마케팅 */
.public-list{
  padding:1.25rem;
  background:#f9f9f9;
}
.public-list li + li{
  margin-top:1rem;
}
.public-list dt,.public-list dd,.public-text{
  color:#888;
  font-size:0.875rem;
  line-height:1.375rem;
}
.public-list dt,.public-list dd{
  padding-left:1rem;
}
.public-list dt{
  position:relative;
  font-weight:600;
}
.public-list dt::before{
  position:absolute;
  left:0;
  top:0;
  content:'ㆍ';
}
.public-list + .public-text{
  margin-top:0.75rem;
}
.public-text{
  position:relative;
  padding-left:1.25rem;
  font-weight:600;
}
.public-text::before{
  position:absolute;
  left:0.25rem;
  top:0;
  content:'※';
}

/* public slide box */
.slide-box:first-child .public-box{
  padding-bottom:1.25rem;
}
.slide-header{
  position:relative;
  padding:0.625rem 0;
}
.slide-header .btn-slide{
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  width:1rem;
  height:1rem;
}
.slide-header .btn-slide::before{
  width:1rem;
  height:1rem;
  background:url(../images/common/btn_slide_gray_up.png) no-repeat center center;
  background-size:contain;
  content:'';
}
.slide-header .btn-slide.up::before{
  background:url(../images/common/btn_slide_gray_down.png) no-repeat center center;
  background-size:contain;
}

/* lp 비슷한차량입고알림 */
.btn-alarm{
  display:flex;
  justify-content: center;
  align-items: center;
  gap:0 0.5rem;
  width:100%;
  padding:0.4375rem 0;
  color:#131313;
  font-size:1rem;
  font-weight:600;
  line-height:2rem;
  border:1px solid #ccc;
  border-radius:4px;
  margin-top:1.25rem;
}
.btn-alarm i{
  width:2rem;
  height:2rem;
  background:url(../images/common/ico_alarm.png) no-repeat center center;
  background-size:contain;
}

/* 공유하기 layer cont : 비교하기 페이지 */
.share-list{
  display:flex;
  justify-content: center;
  align-items: center;
  gap:0 1.25rem;
  padding:1rem 0;
}
.share-list a{
  display:flex;
  flex-direction: column;
  align-items: center;
  gap:0.625rem 0;
  min-width:80px;

}
.share-list i{
  display:inline-block;
  width:3rem;
  height:3rem;
}
.share-list .share-face i{
  background:url(../images/common/ico_share_face.png) no-repeat center center;
  background-size:contain;
}
.share-list .share-kakao i{
  background:url(../images/common/ico_share_kakao.png) no-repeat center center;
  background-size:contain;
}
.share-list .share-url i{
  background:url(../images/common/ico_share_url.png) no-repeat center center;
  background-size:contain;
}
.share-list span{
  color:#131313;
  font-size:0.875rem;
  line-height:1.375rem;
}

/* 결과 없음 */
.noresult{
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
}
.noresult p{
  padding-top:5rem;
  color:#131313;
  font-size:1.125rem;
  font-weight:700;
  line-height:1.375rem;
  background:url(../images/common/ico_car_empty.png) no-repeat center top;
  background-size:3.75rem;
}

/* common icon */
.ico-del,.ico-alarm{
  width:1.375rem;
  height:1.375rem;
}
.ico-del{
  background:url(../images/common/search/ico_del.png) no-repeat center center;
  background-size:17px 18px;
}
.ico-alarm{
  background:url(../images/common/search/ico_alarm.png) no-repeat center center;
  background-size:17px 18px;
}
.ico-share{
  background:url(../images/common/btn_share.svg) no-repeat center center;
  width: 2rem;height: 2rem;background-size: 2rem;
}

/* 통합 검색 */
.total-search-wrap{
  display:none;
  overflow-y:auto;
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:720px;
  background:#fff;
}
.total-search-wrap > div{
  /* padding-bottom:9.3125rem; */
  padding-bottom: 0;
}
.total-list-wrap,.total-result-wrap{
  display:none;

}
.total-noresult-wrap .receiving-box{
  border:0;
}

.keyword-result-box .title{
  padding:2rem 1.25rem 1rem 1.25rem;
  font-size:1.25rem;
  font-weight:800;
  line-height:1.5625rem;
  border-bottom:0.0625rem solid #acacac;
}
.keyword-result-box .maker-list-box{
  border-bottom:0.0625rem solid #ddd;
}
.total-search-wrap .product-base-wrap.focus {position: relative;}
.total-search-wrap .product-base-wrap.focus .swiper-slide img {min-width: 100%;}
.total-search-wrap .product-base-wrap.focus .swiper-control {position: absolute;bottom: 0.9375rem;left: 0;right: 0;width: 100%;z-index: 13;padding: 0;}

/* 통합검색 결과 */
.search-result-box + .search-result-box{
  border-top:0.625rem solid #f0f0f0;
}
.search-result-box .title-box{
  padding:2.375rem 1.25rem 1.5rem 1.25rem;
}
.search-result-box .title-box p{
  display:flex;
  justify-content:start;
  align-items:end;
  gap:0 0.5rem;
}
.search-result-box .title-box strong{
  font-size:1.5rem;
  font-weight:800;
  line-height:2rem;
}
.search-result-box .title-box strong + span{
  color:#666;
  font-size:0.875rem;
  font-weight:600;
  line-height:1.75rem;
}
.search-result-box + .my-recommend-box{
  margin:0;
  padding:2.75rem 0 9.3125rem;
  border-top:0.625rem solid #f0f0f0;
}
.search-result-box + .my-recommend-box .box-header p{
  margin-top:0.5rem;
}

/* search tab */
.price-tab-wrap{
  margin:0;
}
.price-tab-wrap .price-tab{
  display:flex;
  padding:0;
  border:0;
}
.price-tab-wrap .price-tab .btn{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding:0.625rem 0;
  font-size:0.875rem;
  border:0.0625rem solid #ddd;
  border-bottom:0;
  border-radius:2px 2px 0 0;
  background:#f6f6f6;
}
.price-tab-wrap .price-tab .btn:first-child{
  border-right:0;
}
.price-tab-wrap .price-tab .btn.active{
  border:0.0625rem solid #131313;
  border-bottom:0;
  background:#fff;
  z-index: 2;
}
.price-tab-wrap .price-tab .btn:first-child.active{
  border-right:0.0625rem solid #131313;
}
.price-tab-wrap .price-tab .btn:after{
  height:0.0625rem;
  width:100%;
  border:0;
  transition: none;
}
.price-tab-wrap .price-tab .btn.active:after{
  bottom:-0.0625rem;
  background:#fff;
}

/* 2cols tab */
.multi-tab-wrap{
  margin:0;
}
.multi-tab-wrap .multi-tab{
  display:flex;
  padding:0;
  border:0;
}
.multi-tab-wrap .multi-tab .btn{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding:0.875rem 0;
  font-size:1rem;
  line-height:1.5rem;
  border:0.0625rem solid #ddd;
  border-bottom:0;
  border-radius:2px 2px 0 0;
  background:#f6f6f6;
}
.multi-tab-wrap .multi-tab .btn:first-child{
  border-right:0;
}
.multi-tab-wrap .multi-tab .btn.active{
  border:0.0625rem solid #131313;
  border-bottom:0;
  background:#fff;
  z-index: 2;
}
.multi-tab-wrap .multi-tab .btn:first-child.active{
  border-right:0.0625rem solid #131313;
}
.multi-tab-wrap .multi-tab .btn:after{
  height:0.0625rem;
  width:100%;
  border:0;
  transition: none;
}
.multi-tab-wrap .multi-tab .btn.active:after{
  bottom:-0.0625rem;
  background:#fff;
}



/* 리본카 라이브 영상 */
.live-mov-btn{
  position:relative;
  display:flex;
  justify-content:center;
  padding:0.75rem 0;
  background:#f6f6f6;
}
.live-mov-btn .btn-mov-slide{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0 0.25rem;
  line-height:1.5rem; 
}
.live-mov-btn .btn-mov-slide::after{
  width:0.625rem;
  height:0.375rem;
  background:url(../images/vip/icon_arrow_down.png) no-repeat center center;
  background-size:contain;
  content:'';
}
.live-mov-btn .btn-mov-slide.up::after{
  background:url(../images/vip/icon_arrow_up.png) no-repeat center center;
  background-size:contain;
}
.live-mov-btn .btn-mov-slide i{
  display:inline-block;
  width:1.5rem;
  height:100%;
  background:url(../images/vip/icon_movie.png) no-repeat center center;
  background-size:contain;
}
.live-mov-btn .btn-mov-slide span{
  display:inline-block;
  line-height:1.5rem; 
}
.live-mov-btn .btn-mov-close{
  position:absolute;
  top:50%;
  right:0.75rem;
  transform:translateY(-50%);
  width:1.5rem;
  height:1.5rem;
  font-size:0;
  border:0.0625rem solid #ddd;
  border-radius:50%;
  background:#fff url(../images/vip/icon_mov_close.png) no-repeat center center;
  background-size:0.5rem;
}
.live-mov-wrap{
  position:relative;
  width:100%;
}
.live-mov-wrap .mov-inner{
  position:relative;
}
.live-mov-wrap .mov-inner::before{
  content: '';
  display: block;
  padding-top: 56.5vw;
}
.live-mov-wrap .mov-inner iframe{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.live-mov-cont .btn-prev-slide{
  position:relative;
  display:flex;
  align-items:center;
  gap:0 0.5rem;
  width:100%;
  padding:0.875rem 1.25rem;
  color:#666;
  line-height:1.5rem;
}
.live-mov-cont .btn-prev-slide::after{
  position:absolute;
  top:50%;
  right:1.25rem;
  transform:translateY(-50%);
  width:0.875rem;
  height:0.875rem;
  background:url(../images/common/btn_slide_down.png) no-repeat center center;
  background-size:contain;
  content:'';
}
.live-mov-cont .btn-prev-slide.up::after{
  background:url(../images/common/btn_slide_up.png) no-repeat center center;
  background-size:contain;
}
.live-mov-cont .btn-prev-slide i{
  width:1.5rem;
  height:1.5rem;
  background:url(../images/common/ico_prev_mov.png) no-repeat center center;
  background-size:contain;
}
.live-prev-list{
  overflow:hidden;
  display:none;
}
.live-prev-list .swiper-slide{
  padding-top:1.25rem;
}
.live-prev-list .thumbnail{
  margin-bottom:1rem;
}
.live-prev-list .thumbnail img{
  width:100%;
}
.live-prev-list .title,.live-prev-list .date{
  padding:0 1rem;
}
.live-prev-list .title{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color:#000;
  line-height:1.5rem;
}
.live-prev-list .date{
  margin-top:0.5rem;
  font-size:0.75rem;
  line-height:1rem;
}
/* 라이브 상세 정보 */
.live-mov-info{
  padding:0 1.25rem; 
}
.live-info-box{
  padding:1.25rem 1.25rem 1.5rem;
  border-top:0.0625rem solid #ddd;
}
.last-live .live-info-box {border-top: none;}
.live-info-box .mov-state{
  display:inline-block;
}
.live-info-box .mov-state span{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0 0.25rem;
  padding:0 0.75rem;
  color:#fff;
  font-size:0.875rem;
  font-weight:700;
  line-height:1.875rem;
  border-radius:0.9375rem;
  background:#cd0000;
}
.live-info-box .mov-state span::before{
  display:inline-block;
  width:1rem;
  height:1rem;
  content:'';
}
.live-info-box .mov-state span.onair::before{
  background:url(../images/common/ico_onair.png) no-repeat center center;
  background-size:contain;
}
.live-info-box .mov-state span.counsel::before{
  background:url(../images/common/ico_counsel.png) no-repeat center center;
  background-size:contain;
}
.live-info-box .mov-state span.past::before{
  background:url(../images/common/ico_past.png) no-repeat center center;
  background-size:contain;
}
.live-info-box .title{
  margin-top:0.625rem;
  font-size:1.5rem;
  line-height:2rem;
  font-weight:800;
}
.live-info-box .date{
  margin-top:0.25rem;
  color:#666;
  font-size:0.875rem;
  line-height:1.375rem;
}
.live-info-cont{
  margin:1.25rem 0;
}
.live-info-cont strong{
  font-weight:normal;
  line-height:1.375rem;
}
.live-info-cont .live-desc{
  margin-top:0.625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height:2.75rem;
}
.live-info-cont .live-desc.open{
  display:block;
  height:auto;
}
.live-info-cont .live-desc pre{
  color:#666;
  font-size:0.875rem;
  line-height:1.375rem;
}
.live-info-box .btn-full-slide{
  display:inline-block;
  width:auto;
  padding:0;
  color:#999;
  font-size:0.875rem;
  font-weight:normal;
  line-height:1.375rem;
  border:0;
}
.live-btn-box{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:0 0.0625rem;
  border-top:0.0625rem solid #131313;
  border-bottom:0.0625rem solid #ddd;
}
.vip__page .live-btn-box {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;border-top: 0.063rem solid #131313;margin-top: 1.5rem; border-bottom: 0.063rem solid #ddd;}
.vip__page .live-btn-box button {flex: 1;}

.live-btn-box.cols2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.live-btn-box button{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0 0.375rem;
  padding:0.9375rem 0;
  font-size:0.875rem;
  line-height:1.375rem;
}
.live-btn-box button i{
  width:0.9375rem;
  height:0.9375rem;
}
.live-btn-box .btn-live-chat i{
  background:url(../images/common/btn_live_chat.png) no-repeat center center;
  background-size:contain;
}
.live-btn-box .btn-live-idea i{
  background:url(../images/common/btn_live_idea.png) no-repeat center center;
  background-size:contain;
}
.live-btn-box .btn-live-share i{
  background:url(../images/common/btn_live_share.png) no-repeat center center;
  background-size:contain;
}
.live-btn-box button + button::before{
  position:absolute;
  top:50%;
  left:-0.0625rem;
  transform:translateY(-50%);
  width:0.0625rem;
  height:0.875rem;
  background:#ddd;
  content:'';
}

/* 설명 layer */
.layer-cont .guide-box{
  padding:1rem 0 2.5rem;
}
.layer-cont .guide-box .text{
  color:#515151;
  line-height:1.5rem;
}
.layer-cont .guide-box .text strong{
  color:inherit;
  font-weight:800;
  line-height:inherit;
}
.layer-cont .guide-box .title{
  font-weight:800;
  line-height:1.5rem;
}
.layer-cont .guide-box .text + .title{
  margin-top:1rem;
}
.layer-cont .guide-box .title + .t-reborn{
  margin-top:1rem;
}
.layer-cont .guide-box .desc-list li{
  color:#515151;
  line-height:1.5rem;
}
.layer-cont .guide-box .desc-list li + li{
  margin-top:1.25rem;
}
.layer-cont .guide-box .desc-list li strong{
  color:#131313;
  font-weight:500;
  line-height:inherit;
}

/* 리본케어 이미지 크게 보기 layer */
.layer-box .instruct-box .thum{
  position:relative;
}
.layer-box .instruct-box .thum .full{
  position:absolute;
  bottom:0.5rem;
  right:0.5rem;
  width:1.8125rem;
  height:1.8125rem;
  font-size:0;
  background:url(../images/common/ico_full.png) no-repeat center center;
  background-size:contain;
}
.layer-box .instruct-box .title{
  padding:1rem 1.25rem;
  line-height:1.5rem;
  font-weight:800;
}
.layer-box .instruct-box .instruct-info{
  padding:1.25rem;
  border-top:0.0625rem solid #ddd;
}
.layer-box .instruct-box .instruct-info strong{
  line-height:1.5rem;
  font-weight:800;
}
.layer-box .instruct-box .instruct-info .text{
  overflow:auto;
  max-height:9.0625rem;
  padding-right:1.0625rem;
  color:#666;
  line-height:1.5rem;
}
.layer-box .instruct-box .instruct-info strong + .text{
  margin-top:0.25rem;
}

/* full size layer cont base */
.layer-cont-box{
  padding:1.25rem 0;
}
.layer-bottom-wrap .layer-cont-box {
  padding: 1.25rem 0 2.5rem;
}
.layer-cont-box h4{
  padding:0;
  font-size:1rem;
  font-weight:800;
  line-height:1.5rem;
}
.layer-cont-box .top-title{
  line-height:1.5rem;
  word-break:keep-all;
}
.layer-cont-box .top-title strong{
  font-weight:800;
  line-height:inherit;
}
.layer-cont-box .t-base{
  margin-top:1.5rem;
}
.layer-cont-box .t-base + .star-text{
  margin-top:1.5rem;
}
.layer-cont-box .service-area-box{
  margin-top:2rem;
  padding:1.25rem 0.75rem;
  background:#f9f9f9;
}
.layer-cont-box .service-area-box strong,.layer-cont-box .service-area-box p{
  padding-left:1.75rem;
}
.layer-cont-box .service-area-box strong{
  position:relative;
  display:block;
  font-weight:normal;
  line-height:1.5rem;
}
.layer-cont-box .service-area-box strong::before{
  position:absolute;
  left:0;
  top:0;
  width:1.5rem;
  height:1.5rem;
  background:url(../images/common/ico_important.png) no-repeat center center;
  background-size:contain;
  content:'';
}
.layer-cont-box .service-area-box p{
  color:#666;
  font-size:0.875rem;
  line-height:1.25rem;
}
.layer-cont-box .service-area-box strong + p{
  margin-top:0.75rem;
}
.layer-cont-box .text-box{
  margin-top:0.75rem;
  color:#333;
}
.layer-cont-box .info-text{
  margin-top:0.75rem;
  color:#666;
}
.layer-cont-box .text-box + .info-text{
  margin-top:1.25rem;
}
/* 타이어 점검 결과 */
.layer-cont-box .vip-tire-box{
  margin-bottom:2rem;
}
.layer-cont-box h4{
  margin-bottom:1rem;
}
.layer-cont-box .t-data th,.layer-cont-box .t-data td{
  font-size:0.875rem;
  line-height:1.375rem;
}
.layer-cont-box .t-data td{
  padding:0.5rem 0.625rem;
  text-align:left;
}
.layer-cont-box .ex-text{
  margin-top:1rem;
}

/* 고객센터/담당매니저 */
.help-desk-box{
  margin-top:2rem;
}
.help-desk-box dl{
  display:flex;
  justify-content:start;
  align-items:start;
  gap:0 0.75rem;
  padding:0.75rem 0;
  border-bottom:0.0625rem solid #eee;
}
.help-desk-box dt,.help-desk-box dd{
  line-height:1.5rem;
}
.help-desk-box dt{
  display:flex;
  justify-content:start;
  align-items:center;
  gap:0 0.25rem;
  min-width:5.9375rem;
  color:#666;
}
.help-desk-box dt::before{
  display:inline-block;
  width:1.125rem;
  height:1.125rem;
  background:url(../images/common/ico_phone_s.png) no-repeat center center;
  background-size:contain;
  content:'';
}
.help-desk-box dd{
  font-weight:800;
}

/* 유의사항 slide */
.desc-slide-box{
  padding:0.75rem 1.25rem;
  background:#f9f9f9;
}

.desc-slide-box > dl > dt{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0.75rem 0;
}
.desc-slide-box > dl > dt .title{
    display:flex;
    justify-content:start;
    align-items:center;
    gap:0 0.5rem;
    font-size:1.125rem;
}
.desc-slide-box > dl > dt .title p{
  font-size:1.125rem;
  font-weight:600;
}
.desc-slide-box > dl > dd .title{
  line-height:1.5rem;
}
.desc-slide-box > dl > dd ol{
  margin-top:0.625rem;
}
.desc-slide-box > dl > dd ol > li{
  color:#666;
  font-size:0.875rem;
  line-height:1.375rem;
}
.desc-slide-box > dl > dd ol > li + li{
  margin-top:0.5rem;
}
.desc-slide-box > dl > dd .dot-list li{
  font-size:0.75rem;
  line-height:1rem;
}
.desc-slide-box > dl > dd ol + .title{
  margin-top:1.5rem;
}
.desc-slide-box > dl > dd .title + p{
  margin-top:0.625rem;
  color:#666;
  font-size:0.875rem;
  line-height:1.375rem;
}


/* 달력 */

.calendar-form .calendar-inpt {
  width: 160px;
  cursor: pointer;
  height: 44px;
  border: 1px solid #f6f6f6;
  background: #f6f6f6;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.calendar-form .calendar-inpt::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/smartbuy/calendar_ico.png) no-repeat center;
}

.calendar-form .calendar-inpt .txt {
  font-size: 14px;
  color: #888;
}

.calendar-form .calendar-inpt.active {
  background: #fff;
  border: 1px solid #131313;
}

.calendar-form .calendar-inpt.active .txt {
  color: #131313 !important;
}

.calendar-form .calendar-box {
  padding: 20px;
  display: none;
  background: #fff;
  left: 0;
  top: 44px;
  z-index: 9999;
}

.calendar-form .calendar-box .calendar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.calendar-form .calendar-box .calendar-head .calendar-select {
  display: flex;
  gap: 0px 10px;
}

.calendar-form .calendar-box .calendar-head .calendar-select .change-select {
  position: relative;
}

.calendar-form .calendar-box .calendar-head .calendar-select .change-select.year-select {
  width: 100px;
}

.calendar-form .calendar-box .calendar-head .calendar-select .change-select.month-select {
  width: 80px;
}

.calendar-form .calendar-box .calendar-head .calendar-select .change-select .change-title {
  height: 44px;
  padding: 0px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 700;
  background: #f6f6f6;
  cursor: pointer;
}

.calendar-form .calendar-box .calendar-head .calendar-select .change-select .change-title::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/common/select_arrow.png) no-repeat center;
  transform: rotate( 0deg );
  transition: all 0.2s;
}

.calendar-form .calendar-box .calendar-head .calendar-select .change-select.active .change-title::after {
  transform: rotate( 180deg );
  transition: all 0.2s;
}

.calendar-form .calendar-box .calendar-head .calendar-select .change-select .change-list {
  width: 100%;
  background: #fff;
  padding: 20px;
  border: 1px solid #acacac;
  max-height: 200px;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 44px;
  display: none;
}

.calendar-form .calendar-box .calendar-head .calendar-select .change-select .change-list li {
  font-size: 14px;
  color: #666;
  min-height: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 10px;
}

.calendar-form .calendar-box .calendar-head .calendar-select .change-select .change-list li:hover {
  font-weight: 700;
  color: #131313;
}

.calendar-form .calendar-box .calendar-head .calendar-select .change-select .change-list li.active {
  font-weight: 700;
  color: #131313;
}

.calendar-form .calendar-box .calendar-head .calendar-select .change-select .change-list li:first-child {
  margin-top: 0px;
}

.calendar-form .calendar-box .calendar-head .calendar-close {
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.calendar-form .calendar-box .calendar-head .calendar-close .close-ico {
  width: 16px;
  height: 16px;
  position: relative;
  transform: rotate(0deg);
  transition: all 0.2s;
}

.calendar-form .calendar-box .calendar-head .calendar-close .close-ico::before {
  content: "";
  display: block;
  width: 16px;
  height: 1px;
  background: #131313;
  position: absolute;
  left: 0;
  top: 8px;
  transform: rotate(45deg);
}

.calendar-form .calendar-box .calendar-head .calendar-close .close-ico::after {
  content: "";
  display: block;
  width: 16px;
  height: 1px;
  background: #131313;
  position: absolute;
  left: 0;
  top: 8px;
  transform: rotate(135deg);
}

.calendar-form .calendar-box .calendar-head .calendar-close:hover .close-ico {
  transform: rotate(180deg);
  transition: all 0.2s;
}

.calendar-form .calendar-box .calendar-body {
  margin-top: 10px;
}

.calendar-form .calendar-box .calendar-body .calander-week {
  display: flex;
  align-items: center;
  gap: 0px 5px;
}

.calendar-form .calendar-box .calendar-body .calander-week li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 16px;
  font-weight: 500;
  color: #888;
}

.calendar-form .calendar-box .calendar-body .calendar-day-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
  gap: 10px 5px;
  width: 282px;
}

.calendar-form .calendar-box .calendar-body .calendar-day-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 14px;
  font-weight: 700;
  color: #131313;
  border-radius: 36px;
  cursor: pointer;
}

.calendar-form .calendar-box .calendar-body .calendar-day-list li.today {
  color: #0096ff !important;
}

.calendar-form .calendar-box .calendar-body .calendar-day-list li:nth-child(7n - 6) {
  color: #ff3f3f;
}

.calendar-form .calendar-box .calendar-body .calendar-day-list li:nth-child(7n) {
  color: #131313;
}

.calendar-form .calendar-box .calendar-body .calendar-day-list li:hover {
  background: rgba(0,0,0,0.06);
}

.calendar-form .calendar-box .calendar-body .calendar-day-list li:active {
  background: rgba(0,0,0,0.1);
}

.calendar-form .calendar-box .calendar-body .calendar-day-list li.active {
  background: #333;
  color: #fff;
}

.calendar-form .calendar-box .calendar-body .calendar-day-list li.disabled {
  color: #acacac;
}

/* NEW JCH */
.line-tab{
  width:100%;
  padding:0 1.25rem;
  border-bottom:0.0625rem solid #eee;
}

.line-tab .tab-box{
  display:flex;
  align-items: center;
  width:100%;
}

.line-tab .tab-box .tab-con{
  width:100%;
  max-width:100%;
  display:flex;
  align-items: center;
  justify-content: center;
  height:3.5rem;
  cursor: pointer;
}

.line-tab .tab-box .tab-con span{
  font-size:1.125rem;
  position: relative;
  color:#666;
}

.line-tab .tab-box .tab-con.active{
  position: relative;
}

.line-tab .tab-box .tab-con.active::before{
  content:"";
  display:block;
  width:100%;
  height:0.125rem;
  background:#131313;
  position: absolute;
  left:0;
  bottom:0;
}

.line-tab .tab-box .tab-con.active span{
  font-weight:700;
  color:#131313;
}

.line-tab .tab-box .tab-con.new span::after{
  content:"";
  display:block;
  width:4px;
  height:4px;
  border-radius: 4px;
  background:#0096ff;
  position: absolute;
  right: -8px;
  top:-4px;
}


/* 입력 폼 공통 */
.inpt-form{
  width:100%; 
  padding:1.25rem; 
  display:flex;
  flex-direction: column;
  gap:1.25rem 0;
}

.inpt-form .inpt-box{
  width:100%;
}

.inpt-form .inpt-box p{
  font-size:1rem; 
  height:2rem;
  width:100%;
  display:flex;
  align-items: center;
}

.inpt-form .inpt-box .inpt-con{
  margin-top:0.5rem;
  width:100%;
  display:flex;
  flex-wrap: wrap;
  gap:0.5rem 0.5rem;
}

.inpt-form .inpt-box .inpt-con input[type="text"],
.inpt-form .inpt-box .inpt-con input[type="password"],
.inpt-form .inpt-box .inpt-con input[type="number"],.inpt-form .inpt-box .inpt-con input[type="tel"]{
  width:100%;
  max-width:100%;
}

.inpt-form .inpt-box .inpt-con .error{
  width:100%;
  font-size:0.875rem;
  color:#ff3f3f;
  display:none;
}

.inpt-form .inpt-box .inpt-con .phone-inpt{
  width:100%;
  display:flex;
  flex-wrap: wrap;
  gap:0.5rem 0.5rem;
}
.inpt-form .inpt-box .inpt-con .phone-inpt .set {position: relative;width:calc( 100% - 8rem );}
.inpt-form .inpt-box .inpt-con .phone-inpt button.phone-send{
  width:7.5rem;
  height:3rem;
  display:flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border:0.0625rem solid #ccc;
  font-size:1rem;
  font-weight:600;
  background:#fff;
}

.phone-check-inpt{
  width:100%;
  display:none;
  align-items: center;
  flex-wrap: wrap;
  gap:0.5rem 0.5rem; 
}

.phone-check-inpt.active{
  display:flex;
}

.phone-check-inpt .phone-check{
  width:calc( 100% - 5rem );
  position: relative;

}

.phone-check-inpt .phone-check .time-count{
  font-size:0.875rem;
  color:#ff3f3f;
  font-weight:500;
  position: absolute;
  right:0.75rem;
  top:50%;
  transform: translate( -0, -50% ); 
}

.phone-check-inpt button{
  width:4.5rem;
  height:3rem;
  display:flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border:0.0625rem solid #ccc;
  font-size:1rem;
  font-weight:600;
  background:#fff;
}



/* common.css 에 추가 24.09.24 */
.inpt-form .inpt-box .inpt-con input[type="text"]:focus,
.inpt-form .inpt-box .inpt-con input[type="password"]:focus,
.inpt-form .inpt-box .inpt-con input[type="number"]:focus{
  border:0.0625rem solid #131313;
}

.inpt-form .inpt-box .inpt-con .inpt-radio-box{
  display:flex;
  flex-wrap: wrap;
  gap:0.5rem 1.25rem;
}

.inpt-form .inpt-box .inpt-con .inpt-radio-box .radio-con{
  display:flex;
  align-items: center;
}

.inpt-form .inpt-box .inpt-con .inpt-radio-box .radio-con input[type="radio"]{
  display: none;
}

.inpt-form .inpt-box .inpt-con .inpt-radio-box .radio-con label{
  display:flex;
  align-items: center;
  padding-left:0.125rem;
  gap:0 0.75rem;
}

.inpt-form .inpt-box .inpt-con .inpt-radio-box .radio-con label i{
  width:1.25rem;
  height:1.25rem;
  border-radius: 1.25rem;
  border:0.0625rem solid #ddd; 
  position: relative;
  display:flex;
  align-items: center;
  justify-content: center;
}

.inpt-form .inpt-box .inpt-con .inpt-radio-box .radio-con input[type="radio"]:checked + label i{
  border:0.0625rem solid #0096ff;
}

.inpt-form .inpt-box .inpt-con .inpt-radio-box .radio-con input[type="radio"]:checked + label i::before{
  content:"";
  display:block;
  width:0.75rem;
  height:0.75rem;
  border-radius: 0.75rem;
  background:#0096ff;
}

.inpt-form .inpt-box .inpt-con .area-summary{
  width:100%;
  margin-top:0.5rem;
}

.inpt-form .inpt-box .inpt-con .area-summary .sum-title{
  font-size:0.875rem;
  font-weight:500;
  color:#ff3f3f;
}

.inpt-form .inpt-box .inpt-con .area-summary .sum-txt{
  font-size:0.75rem;
  color:#ff3f3f;
  line-height:1.3;
  margin-top:0.25rem;
}

/* 약관 */
.policy-form{
  width:100%;
}

.policy-form .title{
  font-size:1.125rem;
  font-weight:600;
  color:#131313;
  padding:0 1.25rem 0.5rem 1.25rem;
}

.policy-form .policy-all-box{
  width:100%;
  display:flex;
  align-items: center;
  height:3.625rem;
  padding:0 1.25rem;
  border-bottom:0.0625rem solid #eee;
}

.policy-form .policy-all-box input[type="checkbox"]{
  display:none;
}

.policy-form .policy-all-box label{
  display:flex;
  align-items: center;
  font-size:1.125rem;
  font-weight:500;
  color:#131313;
}

.policy-form .policy-all-box label::before{
  content: "";
  display:block;
  width:1.5rem;
  height:1.5rem;
  border-radius: 0.125rem;
  border:0.0625rem solid #ddd;
  background :#fff url(../images/common/ico_checkbox.png) no-repeat center;
  background-size:0.8125rem 0.5625rem;
  margin-right:0.5rem;
}

.policy-form .policy-all-box input[type="checkbox"]:checked + label::before{
  border:0.0625rem solid #0096ff;
  background :#0096ff url(../images/common/ico_checkbox_on.png) no-repeat center;
  background-size:0.8125rem 0.5625rem;
}

.policy-form .policy-box{
  width:100%;
  padding:0 1.25rem;
}

.policy-form .policy-box .policy-con{
  width:100%;
}

.policy-form .policy-box .policy-con .policy-title{
  width:100%;
  display:flex;
  align-items: center;
  justify-content: space-between;
}

.policy-form .policy-box .policy-con .policy-title [type="checkbox"]{
  display:none;
}

.policy-form .policy-box .policy-con .policy-title label{
  display:flex;
  padding:0.625rem 0;
  align-items: center;
}

.policy-form .policy-box .policy-con .policy-title label .txt{
  font-size:1rem;
  line-height:1.3;
}

.policy-form .policy-box .policy-con .policy-title label .txt span{
  color:#0096ff;
}

.policy-form .policy-box .policy-con .policy-title label::before{
  content: "";
  display:block;
  width:1.5rem; 
  height:1.5rem;
  border-radius: 0.125rem;
  border:0.0625rem solid #ddd;
  background :#fff url(../images/common/ico_checkbox.png) no-repeat center;
  background-size:0.8125rem 0.5625rem;
  margin-right:0.5rem;
}

.policy-form .policy-box .policy-con .policy-title input[type="checkbox"]:checked + label::before{
  border:0.0625rem solid #0096ff;
  background :#0096ff url(../images/common/ico_checkbox_on.png) no-repeat center;
  background-size:0.8125rem 0.5625rem;
}

.policy-form .policy-box .policy-con .policy-title .arrow{
  width:1rem;
  height:1rem;
  background:url(../images/common/btn_slide_gray_down.png) no-repeat center;
  background-size:contain;
  cursor:pointer;
  transform: rotate(0deg);
  transition: all 0.2s;
}

.policy-form .policy-box .policy-con.active .policy-title .arrow{
  transform: rotate(180deg);
  transition: all 0.2s;
}

.policy-form .policy-box .policy-con .policy-summary-form{
  width:100%;
  padding:1.25rem 1rem;
  background:#f9f9f9;
  display:flex;
  flex-direction: column;
  gap:1rem 0;
}

.policy-form .policy-box .policy-con .policy-summary-form .policy-summary-box{
  width:100%;
}

.policy-form .policy-box .policy-con .policy-summary-form .policy-summary-box .summary-title{
  font-size:0.875rem;
  color:#888;
  font-weight:600;
  display: flex;
  align-items: center;
  line-height:1.3;
}

.policy-form .policy-box .policy-con .policy-summary-form .policy-summary-box .summary-title::before{
  content:"";
  display:block;
  width: 0.25rem;
  height:0.25rem;
  border-radius: 0.25rem;
  background:#999;
  margin:0 0.5rem 0 0.25rem;
}

.policy-form .policy-box .policy-con .policy-summary-form .policy-summary-box .summary-txt{
  font-size:0.875rem;
  color:#888;
  line-height:1.3;
  padding-left: 1rem;
  margin-top:0.125rem;
}

.policy-form .policy-comment{
  display: flex;
  word-break: keep-all;
  font-size:0.875rem;
  color:#666;
  line-height:1.3;
  font-weight:500;
  margin-top:0.75rem;
  padding:0 1.4375rem;
}

.policy-form .policy-comment::before{
  content:"※";
  display:block;
  font-size:0.875rem;
  color:#666;
  font-weight:500;
  margin-right:0.1875rem;
}

/* VIP CSS 이동 */

/* 차량 옵션 */
.vip-car-option{
  overflow:hidden;
}
.car-option-box{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:1.25rem 0.5rem;
  margin-bottom: 2rem;
}
.car-option-box p{
  display:block;
  padding-top:2.75rem;
  color:#131313;
  font-size:0.75rem;
  line-height:1rem;
  letter-spacing:-0.0625rem;
  text-align:center;
}
.car-option-box .car-option01{background:url(../images/vip/icon_car_option01.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option02{background:url(../images/vip/icon_car_option02.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option03{background:url(../images/vip/icon_car_option03.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option04{background:url(../images/vip/icon_car_option04.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option05{background:url(../images/vip/icon_car_option05.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option06{background:url(../images/vip/icon_car_option06.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option07{background:url(../images/vip/icon_car_option07.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option08{background:url(../images/vip/icon_car_option08.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option09{background:url(../images/vip/icon_car_option09.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option10{background:url(../images/vip/icon_car_option10.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option11{background:url(../images/vip/icon_car_option11.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option12{background:url(../images/vip/icon_car_option12.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option13{background:url(../images/vip/icon_car_option13.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option14{background:url(../images/vip/icon_car_option14.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option15{background:url(../images/vip/icon_car_option15.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option16{background:url(../images/vip/icon_car_option16.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option17{background:url(../images/vip/icon_car_option17.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option18{background:url(../images/vip/icon_car_option18.png) no-repeat center top;background-size:4rem 2.5rem;}
.car-option-box .car-option19{background:url(../images/vip/icon_car_option19.png) no-repeat center top;background-size:4rem 2.5rem;}

.vip-car-option.swiper-bar .swiper-control .swiper-pagination span{
  width:2.5rem;
}
.vip-car-option .star-text{
  margin-top:1.25rem;
}
/* 전체 옵션 보기 layer */
.total-option-box{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:0.75rem 0.625rem;
  padding:0 0 1.25rem;
}
.total-option-box .option-list {margin-top: 1.25rem;}
.option-list p{
  color:#333;
  font-weight:800;
  line-height:1.5rem;
}
.option-list p em{
  font-style:normal;
  font-weight:normal;
}
.option-list ul{
  display:flex;
  flex-direction:column;
  gap:0.25rem 0;
  margin-top:0.75rem;
}
.option-list ul li{
  padding:0.5625rem 0.6875rem;
  color:#ccc;
  font-size:0.875rem;
  line-height:1.375rem;
  border:0.0625rem solid #ddd;
  border-radius:0.3125rem;
}
.option-list ul li.select{
  color:#131313;
  font-weight:800;
  border-color:#131313;
}
/* 추가된 선택 옵션 */
.vip-car-option-add{
  padding:1.5rem;
  border:0.0625rem solid #ddd;
  border-radius:0.3125rem;
}
.vip-car-option-add .dot-list li + li{
  margin-top:0.5rem;
}
.select-option-box{
  padding:1rem 0;
}
.select-option-box .thumbnail{
  overflow:hidden;
  margin-bottom:1.25rem;
  border-radius:0.3125rem;
}
.select-option-box p{
  color:#515151;
  line-height:1.5rem;
}

/* 외부 패널 및 프레임 진단 결과 */
.vip-frame-box{
  margin:0 -1.25rem;
}
.frame-marker{
  display:flex;
  flex-wrap:wrap;
  gap:0.625rem;
  padding:1.25rem 1.125rem;
  border:0.0625rem solid #eee;
}
.frame-marker span{
  position:relative;
  padding-left:1.75rem;
  font-size:0.875rem;
  line-height:1.375rem;
}
.frame-marker span i{
  top:50%;
  left:11px;
}
.product-list-wrap #product-lp-banner {position: relative;grid-column: span 2 / span 2;}
.product-list-wrap #product-lp-banner .swiper-control {position: absolute;bottom: 0;left: 0;right: 0;width: 100%;z-index: 11;height: 2.5rem;padding: 0.5rem 0;display: flex;justify-content: center;align-items: flex-end;background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.00) 91.25%);}
.product-list-wrap #product-lp-banner .swiper-control .swiper-pagination span {
  vertical-align: top;
  position: static;
  width: 1.875rem;
  height: 100%;
  margin: 0 !important;
  border-radius: 0.25rem;
  background-color: #eeeeee;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  overflow: hidden;
}
.car-frame,.truck-frame{
  overflow-y: hidden;
  overflow-x:auto;
  width:100%;
  margin-bottom:2.5rem;
  /* -webkit-overflow-scrolling:touch; */
}
/* 32 / 22 / 1 */
.car-frame{
  height:298px;
}
.truck-frame{
  height:370px;
}
.car-frame .frame-map{
  position:relative;
  max-width:546px;
  /*max-width:485px;*/
  margin:0 auto;
  height: 100%;
}
.truck-frame .frame-map{
  position:relative;
  max-width:556px;
  margin:0 auto;
}
.car-frame img,.truck-frame img{
  width:auto;
  max-width:inherit;
  height: 100%
}
.car-frame-box i{
  position:absolute;
  width:0.0625rem;
  height:0.0625rem;
}
.car-frame-box i::after{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  content:'';
}
.car-frame-box i.metal::after{
  width:2rem;
  height:2rem;
  background:url(../images/vip/ico_metal.png) no-repeat center center;
  background-size:contain;
}
.car-frame-box i.exchange::after{
  width:2rem;
  height:2rem;
  background:url(../images/vip/ico_exchange.png) no-repeat center center;
  background-size:contain;
}
.car-frame-box i.exchange::after{
  width:2rem;
  height:2rem;
  background:url(../images/vip/ico_exchange.png) no-repeat center center;
  background-size:contain;
}
.car-frame-box i.ico-x::after{
  width:1.375rem;
  height:1.375rem;
  background:url(../images/vip/ico_x.png) no-repeat center center;
  background-size:contain;
}
.car-frame-box i.ico-w::after{
  width:1.375rem;
  height:1.375rem;
  background:url(../images/vip/ico_w.png) no-repeat center center;
  background-size:contain;
}
.car-frame-box i.ico-a::after{
  width:1.375rem;
  height:1.375rem;
  background:url(../images/vip/ico_a.png) no-repeat center center;
  background-size:contain;
}
.car-frame-box i.ico-u::after{
  width:1.375rem;
  height:1.375rem;
  background:url(../images/vip/ico_u.png) no-repeat center center;
  background-size:contain;
}
.car-frame-box i.ico-c::after{
  width:1.375rem;
  height:1.375rem;
  background:url(../images/vip/ico_c.png) no-repeat center center;
  background-size:contain;
}
.car-frame-box i.ico-t::after{
  width:1.375rem;
  height:1.375rem;
  background:url(../images/vip/ico_t.png) no-repeat center center;
  background-size:contain;
}



/* 해당 부분은 추후 common.css에 추가 */
.base-btn.red{
  background:#ff3f3f;
  color:#fff;
}

/*****************************
      추가 css
*****************************/
/* NEW KIKMBORA */

/* html {scroll-behavior: smooth;} */
/* common */
.discount-t {color: #999;text-decoration: line-through;margin-left: 0.25rem;;}
.lay-out-t {padding: 0 1.5rem;}
.t-line {border-top: 0.063rem solid #131313 !important;}
.d_flex {display: flex;align-items: center;}
.d_block {display: block !important;}
.d_inblock {display: inline-block !important;}
span {font-size: inherit;color: inherit;}
.section-line {border-top: 0.625rem solid #F4F4F4;padding-top: 1.875rem;}
.black-line {width: 100%;height: 0.063rem;background-color: #131313;}
.under {text-decoration: underline;}
    /* input */
input {outline: none;}
textarea {resize: none;outline: none;height: 3rem;padding: 0.75rem;border: 1px solid #ddd;box-sizing: border-box;width: 100%;}
.comm-put {border: 0.063rem solid #ddd;height: 3rem;box-sizing: border-box;font-size: 1rem;padding: 0 0.75rem;}
    /* font size */
.scommp {color: #666;font-size: 0.75rem;}
.mscommp {color: #666;font-size: 0.875rem !important;line-height: 1.375rem;}
.mscommp span {font-size: 0.875rem;}
.commp {font-size: 1rem;line-height: 1.375rem;}
.commp2 {font-size: 1.125rem !important;}
.mlcommp {font-size: 1.25rem !important;}
.mlcommp span {font-size: 1.25rem;}
.lcommp {font-size: 1.5rem;}
.lcommp2 {font-size:1.75rem;}
/* font weight */
.fw-n {font-weight: normal;}
.fwb {font-weight: 700 !important;}
.fwn {font-weight: normal !important;}
    /* font align */
.tac {text-align: center !important;}
.tar {text-align: right !important;}
.tal {text-align: left !important;}
    /* color */
.c_white {color: #fff !important;}
.c_black {color: #131313 !important;}
.c_black2 {color: #333 !important;}
.c_yellow {color: #FFE8A3 !important;}
.c_red {color: #FF3F3F !important;}
.c_blue {color: #0096FF !important;}
.c_gray {color: #888 !important;}
.c_gray2 {color: #666 !important;}
.c_gray3 {color: #515151 !important;}
.c_gray4 {color: #999 !important;}
    /* margin-right */
.mr5 {margin-right: 0.313rem;}
    /* margin-left */
.ml5 {margin-left: 0.313rem;}
    /* margin-top */
.mt0 {margin-top: 0rem !important;}
.mt5 {margin-top: 0.313rem !important;}
.mt8 {margin-top: 0.5rem !important;}
.mt10 {margin-top: 0.625rem !important;}
.mt12 {margin-top: 0.75rem !important;}
.mt15 {margin-top: 0.938rem !important;}
.mt16 {margin-top: 1rem !important;}
.mt20 {margin-top: 1.25rem !important;}
.mt25 {margin-top: 1.563rem !important;}
.mt28 {margin-top: 1.75rem !important;}
.mt30 {margin-top: 1.875rem !important;}
.mt32 {margin-top: 2.2rem;}
.mt40 {margin-top: 2.5rem;}
.mt50 {margin-top: 3.125rem;}
.mt80 {margin-top: 5rem;}
    /* margin-bottom */
.mb5 {margin-bottom: 0.313rem;}
.mb10 {margin-bottom: 0.625em;}
.mb30 {margin-bottom: 1.875rem;}
.mb40 {margin-bottom: 2.5rem;}
.mb50 {margin-bottom: 3.125rem;}
.mb60 {margin-bottom: 3.75rem;}   
    /* padding */
.pt20 {padding-top: 1.25rem;}
.pb20 {padding-bottom: 1.25rem;}
.pt-0 {padding-top: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
    /* btn */
.comm-btn {border: 0.063rem solid #ccc;box-sizing: border-box;border-radius: 0.25rem;font-size: 1rem;color: #131313;font-weight: 600;height: 3rem;}
.comm-link-btn {display: flex;align-items: center;justify-content: center;padding: 0 1.25rem;height: 3rem;border-radius: 1.5rem;border: 0.0625rem solid #e0e0e0; margin-top: 2rem;background-color: #fff;}
.page-btn {padding: 1.25rem;}
.page-btn .base-btn {margin-top:0.625rem;border-radius: 0.25rem;}
    /* title */
.m-title {font-size: 1.125rem;}
.ml-title {font-size: 1.25rem;}
.ls-title {font-size: 1.375rem;}
.l-title {font-size: 1.5rem;}
.l-title2 {font-size: 1.625rem;}
.xl-title {font-size: 2rem;}
    /* active */
.active {-webkit-transition: .4s;-moz-transition: .4s;-ms-transition: .4s;-o-transition: .4s;transition: .4s;}
.wid100 {width: 100%;}
.flex-wrap {flex-wrap: wrap;}
.flex-between {justify-content: space-between;}
    /* border */
.bd-bn {border-bottom: none !important;}
.bd-tn {border-top: none !important;}
.gray_line {width: 100%;height: 0.063rem;background-color: #eee;}
    /* form */
.form-ly-comm .f-row {margin-top: 1.25rem;}
.f-row .tit p {line-height: 2rem;font-size: 1rem;color: #131313;}
.f-row .tit p .c_red {display: inline-block;line-height: 1.5;vertical-align: top;}
.form-ly-comm .f-bt .row {position: relative; margin-top: 0.5rem;}
.f-bt .row input {width: 100%;}
.f-row .row.half_ver1 {display: flex;align-items: center;gap: 0 0.5rem;}


/* 페이지 공통 로딩 */
.loading-pop {padding: 48px 30px 30px 30px;background: #fff;position: fixed;left: 50%;top: 50%;transform: translate( -49.99%, -49.99% );border-radius: 10px;box-shadow: 0px 10px 25px rgba(0,0,0,0.16) ;z-index: 99999;}
.loading-pop .loading-con {width: 60px;height: 60px;margin: 0 auto;position: relative;animation: loading-motion02 1.2s linear infinite;}
.loading-pop .loading-con li {width: 14px;height: 14px;display: flex;position: absolute;align-items: center;justify-content: center;}
.loading-pop .loading-con li::before {animation: loading-motion 1.2s linear infinite;}
.loading-pop .loading-con li:nth-child(1) {left: 50%;top: 14%;transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(1)::before {content: "";animation-delay: 0s;transform: scale(0.2);width: 14px;height: 14px;border-radius: 15px;background: #4E5A61;}
.loading-pop .loading-con li:nth-child(2) {left: 75%;top: 25%;transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(2)::before {content: "";animation-delay: -0.8s;transform: scale(0.2);width: 14px;height: 14px;border-radius: 15px;background: #4E5A61;}
.loading-pop .loading-con li:nth-child(3) {left: 88%;top: 50%;transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(3)::before {content: "";animation-delay: -0.7s;transform: scale(0.2);width: 14px;height: 14px;border-radius: 15px;background: #4E5A61;}
.loading-pop .loading-con li:nth-child(4) {left: 75%;top: 75%;transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(4)::before {content: "";animation-delay: -0.6s;transform: scale(0.2);width: 14px;height: 14px;border-radius: 15px;background: #4E5A61;}
.loading-pop .loading-con li:nth-child(5) {left: 50%;top: 88%;transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(5)::before {content: "";animation-delay: -0.5s;transform: scale(0.2);width: 14px;height: 14px;border-radius: 15px;background: #4E5A61;}
.loading-pop .loading-con li:nth-child(6) {left: 25%;top: 75%;transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(6)::before {content: "";animation-delay: -0.4s;transform: scale(0.2);width: 14px;height: 14px;border-radius: 15px;background: #4E5A61;}
.loading-pop .loading-con li:nth-child(7) {left: 14%;top: 50%;transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(7)::before {content: "";animation-delay: -0.3s;transform: scale(0.2);width: 14px;height: 14px;border-radius: 15px;background: #4E5A61;}
.loading-pop .loading-con li:nth-child(8) {left: 25%;top: 25%;transform: translate( -50%, -50% );}
.loading-pop .loading-con li:nth-child(8)::before {content: "";animation-delay: -0.2s;transform: scale(0.2);width: 14px;height: 14px;border-radius: 15px;background: #4E5A61;}
.loading-pop .loading-txt {font-size: 14px;color: #666;line-height: 1.3;margin-top: 23px;text-align: center;}

@keyframes loading-motion {
  0%, 20%, 80%, 100% {
      transform: scale(0.2);
  }

  50% {
      transform: scale(0.8);
  }
}


/*****************************
      popup.html
*****************************/
/* scroll btn */
.layer-btn .scroll-btn {background-color: #e3e3e3;color: #acacac;font-size: 1rem;}
.layer-btn.on .scroll-btn {background-color: #0096FF;color: #fff;}
/* 개인정보처리방침 / 이용약관 / 환불약관 */
.terms_popup .terms-year {padding-top: 0.75rem;padding-bottom: 0.75rem;margin-bottom: 0.75rem;border-bottom: 0.063rem solid #ddd;}
.terms_popup .layer-cont {padding: 1.25rem;}
.terms_popup .layer-cont .terms-box p {font-size: 0.813rem;word-break: break-all;color: #333;line-height: 1.375rem !important;}
.terms_popup .layer-cont .terms-box p span {word-break: break-all;font-size: 0.813rem !important;word-break: break-all;color: #333 !important;line-height: 1.375rem !important;}
.terms_popup .layer-cont .terms-box p.MsoListParagraph {margin-top: 0.7rem;}
.terms_popup .terms-year {display: flex;justify-content: space-between;align-items: center;}
.terms_popup .terms-year .tit {color: #333;}
.terms-year .select-box {height: 2.75rem;width: 11.5rem;}
.select-box select {width: 100%;height: 100%;box-sizing: border-box;color: #888;font-size: 1rem;outline: none;}
.comm-select {-webkit-appearance : none;-moz-appearance: none;appearance: none;background-image: url(../images/common/btn_chevron_fold.png);background-repeat: no-repeat;background-position: 91% center;background-color: #f6f6f6;outline: none;}
.layer-cont .terms-box {margin-top: 2rem;}
/* aqi 수정사항 적용 */
.custom-car-number span {border: 0.063rem solid #0096FF;background-color: #F4F9FF;font-size: 1.125rem;padding: 0.125rem 0.75rem;color: #579AFF;border-radius: 0.313rem;position: relative;}
.custom-car-number span:before {content: '';width: 0.125rem;height: 0.125rem;border-radius: 0.125rem;position: absolute;left: 0.375rem;top: 0.775rem;background-color: #0096FF;}
.custom-car-number span:after {content: '';width: 0.125rem;height: 0.125rem;border-radius: 0.125rem;right:0.375rem;top: 3rem;position: absolute;top: 0.775rem;background-color: #0096FF;}
#layer-basic-popup.layer-base-wrap .layer-box .layer-cont {padding: 0 2rem;}


/*****************************
       input
*****************************/
input[type="number"]:read-only,input[type="tel"]:read-only,input[type="tel"]:disabled,input[type="text"]:disabled,input[type="password"]:disabled,input[type="number"]:disabled,input[type="text"]:read-only{color: #acacac;background:#e3e3e3;}

.comm-put[type=text]:focus,.comm-put[type=text]:active,.comm-put[type=text]:hover,.comm-put[type=number]:active,.comm-put[type=number]:hover,.comm-put[type=number]:focus,textarea:hover,.comm-put[type=password]:hover,.comm-put[type=password]:focus,.comm-put[type=password]:active,.comm-put[type=email]:active,.comm-put[type=email]:focus,.comm-put[type=tel]:focus,.comm-put[type=tel]:hover,.comm-put[type=tel]:active,.live-counseling .lp-inp-box input[type=text]:active,.live-counseling .lp-inp-box input[type=text]:hover,.live-counseling .lp-inp-box input[type=text]:focus {border-color: #131313 !important;}
input[type="email"]:disabled:focus,input[type="tel"]:disabled:focus,input[type="text"]:disabled:focus, input[type="password"]:disabled:focus, input[type="number"]:disabled:focus, input[type="text"]:read-only:focus {border-color: #ddd !important;}
input[type=number],textarea {-webkit-appearance: none;-moz-appearance: textfield;}
textarea::placeholder,textarea::-moz-placeholder,textarea::-webkit-input-placeholder,.comm-textarea::placeholder {color: #999;line-height: 1.5rem;}
/* search */
.search-row {padding: 1rem 1.5rem;border-bottom: 0.063rem solid #ddd;}
.comm-search {position: relative;}
.comm-search .comm-search-put {border: 0.063rem solid #ddd;box-sizing: border-box;width: 100%;height: 3rem;padding-right: 4.5rem;}
.comm-search .search-txt-delete {}
.comm-search .search-btn {position: absolute;right: 0.75rem;width: 1.5rem;height: 1.5rem;top: 0.75rem;background-image: url(../images/common/ic_header_search.svg);background-repeat: no-repeat;}
.comm-search:focus-within .search-btn {background-image: url(../images/common/ic_header_search_on.svg);}
.search-txt-delete {background-image: url(../images/common/btn_search_cancel.svg);background-repeat: no-repeat;width: 1rem;height: 1rem;position: absolute;right: 2.75rem;bottom: 1rem;display: none;background-size: 100%;}
.search-txt-delete.active {display: block;}
.comm-form .guide {line-height:24px; letter-spacing:-0.2px;}
.comm-form .guide.type01 {padding:1rem 1.25rem; background:#f9f9f9; color:#131313;}
.comm-form .guide.type02 {padding:0.75rem 1.25rem; color:#515151;}
.comm-form .comm-line {border:0; background:none;}
.comm-form .comm-line.lightgray {border-bottom:0.063rem solid #eee;}
.comm-form .comm-line.gray {border-bottom:0.063rem solid #acacac;}
.comm-form .v-error {display:none; margin:0.5rem 0 0.75rem; line-height:1.375rem; letter-spacing:-0.2px; color:#ff3f3f; font-size:0.875rem; font-weight:500;}
.comm__textarea {width: 100%;height: 10rem;border: 0.063rem solid #ddd;box-sizing: border-box;}
.comm__textarea::placeholder {font-size: 0.875rem;line-height: 1.375rem;font-weight: 400;color: #999;}
.error {color: #FF3F3F;font-size: 0.875rem;}
.check-ok {color: #0096FF;font-size: 0.875rem;}
.keyword-search-box .row {position: relative;}
/* 차량번호 검색 추가 */
.search-cont .search-put.row {left: 0;max-width: 720px;right: 0;background-color: #fff;width: 100%;border-top: 0.063rem solid #ddd;padding: 1rem 1.25rem;box-sizing: border-box;z-index: 10;margin: 0 auto;}
.search-cont .search-put .putbox {position: relative;}
.search-cont .search-put .putbox .search-txt-delete {right: 0.75rem;}
.search-cont .search-put.row .car-search {width: 100%;box-sizing: border-box;}


/*****************************
       page
*****************************/
div.icon img {display: inline-block;}
/* 공통 버튼 */
.h-cube-set {display: flex;flex-wrap: wrap;}
.h-cube-set .cube-btn {border-radius: 0.125rem;border: 0.063rem solid #ddd;height: 3.5rem;margin: 1%;width: 48%;font-size: 1rem;font-weight: 600;color: #515151;position: relative;}
.cube-box.on a {border-color: #333;color: #333;}
.cube-box.on:before {content: '';position: absolute;right: -0.563rem;top: -0.563rem;width: 1.125rem;height: 1.125rem;background-image: url(../images/common/ic_btn_check.svg);background-repeat: no-repeat;display: block;z-index: 9;background-size: 100%;}
.cube-box.on label,.cube-box.on label span {color: #333;}
.d_center {justify-content: center;}
.h-cube-set .cube-btn.on {border-color: #131313;color: #333;}
.h-cube-set .cube-btn.on p {color: #333 !important;}
.h-cube-set .cube-btn.on:before {content: '';position: absolute;right: -0.563rem;top: -0.563rem;width: 1.125rem;height: 1.125rem;background-image: url(../images/common/ic_btn_check.svg);background-repeat: no-repeat;display: block;z-index: 9;background-size: 100%;}
.h-cube-set .cube-btn label {display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;font-size: 1rem;color: #515151;}
.cube-box a label {color: #515151;font-size: 1rem;display: flex;align-items: center;justify-content: center;}
.h-cube-set .cube-btn.on label {color: #333;}
/* 상단 타이틀 + pager */
.space-set {display: flex;justify-content: space-between;padding: 2.125rem 1.25rem 0;}
.medium-title {color: #131313;font-weight: 500;font-size: 1.25rem;}
.order-section {padding: 2.125rem 1.25rem 2.5rem;}
.order-section.section1 {padding-top: 0;}
.step-number {font-size: 0.875rem;color: #888;letter-spacing: 0.165rem;} 
.p-num {font-size: 0.875rem;color: #131313;font-weight: 700;}

/* 하단버튼 */ 
.layer-btn {position: relative;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;border-top: 1px solid #eee;box-sizing: border-box;}
/* 하단버튼 2개버튼 패딩 */
.layer-btn.set-btn {padding: 1rem 1.25rem;gap: 0.3125rem;}
.layer-btn.set-btn .base-btn {border-radius: 0.25rem;}
.layer-btn .base-btn {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.page-cont.visit .layer-btn {position: relative;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;gap: 0 0.313rem;padding: 1rem 1.25rem;border-top: 1px solid #eee;box-sizing: border-box;}
.page-cont.visit .layer-btn .base-btn {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;border-radius: 4px;}
.page-cont.visit .layer-btn .base-btn.gray {color: #acacac;}
.layer-btn.bottom-fixed {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;background-color: #fff;z-index: 9;}
.layer-btn.bottom-fixed .base-btn {border-radius: 0.25rem;}
/* 페이지 진행바 */
.page-progress {background-color: #eee;position: relative;height: 0.125rem;width: 100%;}
.page-progress .page-marker {position: absolute;left: 0;background-color: #0096FF;height: 100%;}
.page-progress .page-marker.step01 {width: 33.3333%;}
.page-progress .page-marker.step02 {width: 66.66666%;}
.page-progress .page-marker.step03 {width: 100%;}

/* 검색 결과 없음 */
.icon img {display: inline-block;}
.noresult-box {display: flex;flex-direction: column;justify-content: center;align-items: center;height:320px;}
.noresult-box i {width:60px;height:60px;background:url(../images/common/ico_result_empty.png) no-repeat center center;background-size:contain;}
.noresult-box p {margin-top:12px;color:#888;font-size:0.875rem;line-height:1.125rem;line-height: 1.5rem;text-align: center;}
/* blit st */
.blit {position: relative;padding-left: 0.688rem;}
.blit:before {content: '';position: absolute;width: 0.188rem;height: 0.188rem;background-color: #999;border-radius: 0.188rem;overflow: hidden;left: 0;}
/* 페이지 결과 (~완료 되었습니다.) */
.comm-finish {padding: 2.5rem 0;display: flex;justify-content: center;flex-direction: column;text-align: center;}
.comm-finish .iconbox img {display: inline;}
#layer-not-found .layer-cont {padding: 2.5rem 1.25rem;}

/* 제품 썸네일 + 소개 images 375px 120x90 */
.product-info {display: flex;justify-content: flex-start;gap: 1rem;}
.product-info .thumbbox .imgbox {position: relative;padding-top: 5.625rem; width: 7.5rem;} 
.product-info .thumbbox .imgbox img {position: absolute;left: 0;right: 0;width: 100%;height: 100%;top: 0;}
.product-info .pd-text1 {font-size: 1rem;color: #131313;line-height: 1.375rem;}
.product-info .cate-tag {display: flex;flex-wrap: wrap;margin-top: 0.406rem;}
.product-info .cate-tag span {color: #888;font-size: 0.75rem;margin-right: 0.4rem;line-height: 1rem;}
.product-info .price-t1 {margin-top: 0.406rem;}
.product-info .price-t1 .discount-t {margin-left: 0.25rem;}
.product-info .pd-text2 {margin-top: 0.4rem;}
.product-info .pd-text2 .sset,.product-info .pd-text2 .sset span {font-size: 0.75rem;}
.product-info .pd-text2 .sset {padding-right: 0.5rem;margin-right: 0.5rem;position: relative;}
.product-info .pd-text2 .sset:before {content: '';position: absolute;right: 0;background-color: #ddd;width: 0.063rem;height: 0.688rem;top: 0;margin-top: -0.344rem;top: 50%;}
.product-info .pd-text2 .sset:last-child:before {display: none;}

/* 유의사항 */
.g-textbox {background-color: #F9F9F9;}
.page-cont .sale-content .g-textbox .inner {padding: 1.875rem 1.25rem;}
.g-textbox .inner {padding: 1.875rem 1.25rem;}
.g-textbox .mscommp.blit:before {top: 0.48rem;}
.g-textbox .mscommp.blit.c_red:before {background-color: #FF3F3F;}
.g-textbox .inner p {line-height: 1.125rem;}

/* payment */
.row.total-row {display: flex;justify-content: space-between;align-items: center;}
.total-row .list-title {font-size: 1rem;font-weight: 700;line-height: 1.5rem;}
.total-row .price-t1 {color: #0096FF;font-size: 1.75rem;text-decoration: none;font-weight: 800;line-height: 1.5rem;}
.total-row .price-t1 span {font-weight: normal;font-size: 1rem;color: #0096FF;margin-left: 0.125rem;}

/* 타이틀 + 내용 list */
.comm-info-list .t-list {border-top: 0.063rem solid #131313;padding-top: 1.25rem;}
.comm-info-list .t-list li {display: flex;justify-content: space-between;margin: 0.625rem 0;}
.payment-content .pm-section .comm-info-list .t-list li {margin: 1rem 0;}
.comm-info-list .t-list li span {width: 33%;}
.comm-info-list .t-list li p {width: 67%;padding-left: 1rem;box-sizing: border-box;line-height: 1.375rem;font-weight: 600;}
.comm-info-list .t-list.line-list {border-bottom: 0.065rem solid #eee;}

/* 사용 가능한 쿠폰 */
.coupon-row .half_ver1 .base-btn {flex:1;flex-basis: 7rem;border-radius: 0.25rem;}
.coupon-row .half_ver1 .comm-select {flex:1;flex-basis: 16rem;font-size: 1rem;color: #888;height: 3.25rem;}
.coupon-row .comm-select {font-size: 1rem;}
.coupon-row .comm-select option:disabled {color: #888;}
.coupon-row .comm-select option {color: #131313;}
.coupon-row .base-btn.blue2.off {background-color: #ACACAC;color: #e3e3e3;}

/* 복사 포함 테이블 */
.payment-tb {border-right: 0.063rem solid #ddd;border-bottom: 0.063rem solid #ddd;}
.payment-tb tr th {font-size: 1rem;padding: 1rem 1rem;color: #131313;background-color: #F9F9F9;font-weight: normal;text-align: left;border-top: 0.063rem solid #ddd;border-left: 0.063rem solid #ddd;}
.payment-tb tr td {font-size: 0.875rem;color: #515151;padding: 1rem 1rem;border-left: 0.063rem solid #ddd;border-top: 0.063rem solid #ddd;text-align: left;}
.payment-tb tr:first-child th {text-align: center;}
.payment-tb .copy-set {display: flex;justify-content: space-between;align-items: center;}
.payment-tb .copy-set .copy-t {color: #515151;font-size: 1rem;line-height: 1.5rem;}
.payment-tb .copy-btn {color: #666;font-size: 0.75rem;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.payment-tb .copy-btn img {margin-bottom: 0.188rem;}
.payment-tb .lay-out-t {color: #333;}

/*lp copy css 최근 검색 & 검색결과없음 */
.recent-box, .recommend-box, .invite-box{padding:2.5rem 1.25rem;border-top:0.0625rem solid #eee;}
.recent-box .title, .recommend-box .title, .invite-box .title{display: flex;justify-content: flex-start;align-items: center;gap:0 0.375rem;color:#131313;font-size:1.25rem;font-weight:600;line-height:1.5rem;}
.recent-box .title i, .recommend-box .title i, .invite-box .title i{display:inline-block;width:1.5rem;height:1.5rem;}
.recent-box i{background:url(../images/common/ico_time.svg) no-repeat center top;background-size:contain;}
.recommend-box i{background:url(../images/common/ico_star.svg) no-repeat center top;background-size:contain;}
.invite-box i{background:url(../images/common/ico_invite.svg) no-repeat center top;background-size:contain;}
.recent-list{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.25rem;}
.recent-list li{display:flex;align-items:center;gap:0 0.5rem;padding:0.6875rem 0.75rem;border-radius:2px;background:#f6f6f6;}
.recent-list a{color:#131313;font-size:0.875rem;line-height:1.375rem;}
.recent-list button{width:16px;height:16px;font-size:0;background:url(../images/common/ico_delete.png) no-repeat center center;background-size:contain;}

.recommend-list{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.25rem;}
.recommend-list li{display:flex;}
.recommend-list a{padding:0.75rem 0.6875rem;color:#515151;font-size:0.875rem;line-height:1.125rem;border:0.0625rem solid #ddd;border-radius:2px;}
.invite-list{position:relative;overflow:hidden;margin-top:1.25rem;}
.invite-list .swiper-slide{width:5rem;height:5.625rem;}
.invite-list .swiper-slide a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.25rem 0;}
.invite-list .swiper-slide a i{width:4rem;height:4rem;border-radius:50%;}
.invite-list .swiper-slide a span{color:#666;font-size:0.875rem;line-height:1.375rem;}
.invite-list .swiper-slide i.icon-invite01{background:#f6f6f6 url(../images/common/search/icon_invite01.png) no-repeat center center;background-size:contain;}
.invite-list .swiper-slide i.icon-invite02{background:#f6f6f6 url(../images/common/search/icon_invite02.png) no-repeat center center;background-size:contain;}
.invite-list .swiper-slide i.icon-invite03{background:#f6f6f6 url(../images/common/search/icon_invite03.png) no-repeat center center;background-size:contain;}
.invite-list .swiper-slide i.icon-invite04{background:#f6f6f6 url(../images/common/search/icon_invite04.png) no-repeat center center;background-size:contain;}
.invite-list .swiper-slide i.icon-invite05{background:#f6f6f6 url(../images/common/search/icon_invite05.png) no-repeat center center;background-size:contain;}
.invite-list .swiper-slide i.icon-invite06{background:#f6f6f6 url(../images/common/search/icon_invite06.png) no-repeat center center;background-size:contain;}
.invite-list .swiper-slide i.icon-invite07{background:#f6f6f6 url(../images/common/search/icon_invite07.png) no-repeat center center;background-size:contain;}
.invite-box .btn-invite{display:block;color:#fff;text-align:center;line-height:3rem;border-radius:0.25rem;background:#0096ff;}

/* 검색 결과 없음 */
.noresult-recent{display: flex;flex-direction: column;justify-content: center;align-items: center;gap:1.25rem 0;height:226px;}
.noresult-recent i{width:40px;height:40px;background:url(../images/common/ico_noresult.png) no-repeat center center;background-size:contain;}
.noresult-recent p{color:#131313;font-size:1.25rem; line-height:1.625rem;}

/* paging */
.pagenation-base{margin:50px 0;}

/* 입고 알림 신청 */
.receiving-box{/*margin-top:6.25rem;*/padding-top:2.75rem;border-top: 0.625rem solid #f0f0f0;}
.receiving-box .title{padding:0 1.25rem;color:#131313;font-size:1.25rem;font-weight:700;line-height:1.5625rem;letter-spacing: -0.0625rem;}
.receiving-box .inner{position:relative;margin-top:0.9375rem;padding:1.25rem 1.25rem 1.25rem 7.75rem;background:#f6f6f6;}
.receiving-box .inner::before{position:absolute;left:23px;top:20px;width:86px;height:76px;background:url(../images/example/img_receiving_ex01.png) no-repeat left top;background-size:contain;content:'';}
.receiving-box .inner a{color:#131313;font-size:1.125rem;font-weight:700;line-height:1.5rem;}
.receiving-box .inner p{margin-top:0.4375rem;color:#888;font-size:0.875rem;line-height:1.125rem;}
.my-recommend-box{margin:4rem 0 2.625rem;}
.my-recommend-box .box-header{margin-bottom:1.5rem;padding:0 1.25rem;}
.my-recommend-box .box-header h4{font-size:1.5rem;line-height:2rem;letter-spacing: -0.0625rem;}
.my-recommend-box .box-header p{margin-top:0.75rem;color:#666;font-size:0.875rem;}
.panel-box.panel-alarm .putbox {position: relative;}
.panel-box.panel-alarm .search-txt-delete {right: 1.5rem;}
.panel-box.panel-alarm .putbox .row-wd {width: 100%;}
/* 메인용 통합검색 닫기 텍스트 삭제버튼 위치 및 영역 잡기 */
.main-search-wrap .search-txt-delete {height: 100%;top: 0;background-repeat: no-repeat;background-position: center;padding: 0 1rem;background-size: 1rem;}

/* 예상견적 전송하기 번호 입력시 버튼 활성화 */
.form-dl .btn-mms.on {border-color: #131313;color: #131313;}

/* filter icon */
.lp-search-box .btn-list-search.ico_filter {padding: 0.625rem 2rem 0.625rem 0.75rem;}
.lp-search-box .btn-list-search.ico_filter:after {position: absolute;right: 0.75rem;top: 50%;transform: translateY(-50%);width: 1rem;height: 100%;background: url(../images/common/ico_filter.svg) no-repeat center center;background-size: 1rem;content: '';}

/* lp soldout */
.car-thumb.soldout-item::after {position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, .5);z-index:2;content:'';}
/* top_banner */    
.comm_top_banner {position: relative;overflow: hidden;}
.top_banner.swiper-container {overflow: hidden;}
#header-elm-wrap .comm_top_banner {position: relative;}
#header-elm-wrap .comm_top_banner .cbtn-today-close {position: absolute;text-indent: -9999px;width: 14%;top: 0;right: 0;height: 100%;z-index: 17;}

/* main slide pager 수정*/
/* 24.11.29 main banner swiper 수정 */
#main-event-banner.swiper-base-banner.visual::after {display: none;}
#main-event-banner.swiper-base-banner.visual .swiper-control .swiper-pagination-bullets {background-color: rgba(46, 53, 70, 0.2);display: flex;flex-wrap: nowrap;flex-direction: row;justify-content: space-between;top: 0;width: 71.645%;margin-left: 0.75rem;margin-right: 0.75rem;}
#main-event-banner.swiper-base-banner.visual .swiper-control .swiper-pagination-bullets span ~ span {}
#main-event-banner.swiper-base-banner.visual .swiper-control .swiper-pagination-bullets span.swiper-pagination-bullet-active .bar {-webkit-animation: none;animation:none;background-color: rgba(46, 53, 70, 0.20);}
#main-event-banner.swiper-base-banner.visual .swiper-control {position: relative;left: 0;width: 100%;transform: none;padding: 1rem 1.25rem;top: 0;overflow: hidden;box-sizing: border-box;display: flex;align-items: center;flex-wrap: nowrap;justify-content: space-between;}
#main-event-banner.swiper-base-banner.visual .swiper-control .swiper-pagination-bullets span {width: 100%;margin:0 !important;height: 0.161rem;border-radius: 0;}
#main-event-banner.swiper-base-banner.visual .swiper-control .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #2E3546;border-radius: 0.25rem;}
#main-event-banner .swiper-count-pager {display: flex; width: 2.625rem; height:1.75rem; align-items: center;justify-content: center; color:rgba(46,53,70,0.2);}
#main-event-banner .swiper-count-pager span {margin: 0 0.25rem;}
#main-event-banner .swiper-count-pager,#main-event-banner .swiper-count-pager .current {color: #2E3546;font-weight: 700;font-size: 0.875rem;}
#main-event-banner .swiper-count-pager .total {color: rgba(46, 53, 70, 0.20);font-weight: 700;font-size: 0.875rem;}
#main-event-banner.swiper-base-banner.visual .swiper-control .swiper-btn {background: url(../images/common/ico_stop.svg) no-repeat center;position: static;width: 1.75rem;height: 1.75rem;margin: 0;}
#main-event-banner.swiper-base-banner.visual .swiper-control .swiper-btn.pause {background: url(../images/common/ico_play.svg) no-repeat center;position: static;width: 1.75rem;height: 1.75rem;margin: 0;}
#main-event-banner .swiper-count-pager{color:rgba(46,53,70,0.2);} 
#main-event-banner .swiper-count-pager .swiper-pagination-current{color: #2E3546;}
#main-event-banner.swiper-base-banner.visual .swiper-control{
	padding:0 1.25rem 0 2rem;
	height:2.25rem;
	display:flex;
	align-items:center;
	justify-content:center;
}

.swiper-base-banner.visual .swiper-control .swiper-pagination{
	width:calc( 100% - 5.125rem );
	height:0.125rem;
	background:rgba(46,53,70,0.2);
	margin-right:0.75rem;
	position:relative;
	border-radius:0.125rem;
}


.swiper-base-banner.visual .swiper-control .swiper-pagination .swiper-scrollbar-drag{
	background:#2e3546;
	border-radius:0.125rem;
}

#main-event-banner.swiper-base-banner.visual .swiper-control .swiper-btn{
	position:relative;
	top:auto;
	right:auto;
}
#main-event-banner.swiper-base-banner.visual .swiper-control .swiper-btn {background: url(../images/common/ico_stop.svg) no-repeat;position: static;width: 1.75rem;height: 2.25rem;margin: 0;padding: 0.75rem 0.5rem;}
#main-event-banner.swiper-base-banner.visual .swiper-control .swiper-btn.pause {background: url(../images/common/ico_play.svg) no-repeat;position: static;width: 1.75rem;height: 2.25rem;margin: 0;padding: 0.75rem 0.5rem;}

/* 비교하기 수정 */
.lp-compare-box .inner {position: relative;width: 100%;}
.lp-compare-box .inner .btn-compare {height: 100%;right: 0;top: 0;}

/* lp 검색 필터 정렬 */
.bottom__set .select-review .swiper {margin: 0;}
#select-review-swiper {margin: 0 !important;}

/* 추가 본인인증 팝업 */
.ico_pay_set {display: flex;gap: 0 0.313rem;align-items: center;justify-content: center;margin-top: 0.875rem;}
.ico_pay_set .cf_box {flex: 1;border-radius: 0.625rem;border: 0.063rem solid #eddd;box-sizing: border-box;height: 13.75rem;display: flex;align-items: center;justify-content: space-around;flex-direction: column;padding: 1.719rem 1rem;}
.ico_pay_set .cf_box .commp {font-size: 1.25rem;font-weight: 500;color: #131313;}
.ico_pay_set .cf_box a.link_btn {display: block;height: 3rem;display: flex;align-items: center;justify-content: center;background-color: #0096FF ;color: #fff;border-radius: 0.25rem;font-size: 1rem;width: 95px;}
.ico_pay_set .dot-list > li {margin-top: 0.031rem;}
#layer-mycar-history .car-compare-list .car-info .btn-alarm {margin-top: 0.625rem;}
/* 24.12.03 문구 추가 */
.sellSummary{width:100%; max-width:550px; margin:0 auto; padding:25px 20px; background:#f8fcff; }
.sellSummary .sell-summary-txt{text-align: center; font-size:0.636rem; font-weight:800; color:#000; }
.sellSummary .sell-summary-tit{text-align: center; font-size:1.09rem; font-weight:800; color:#000; line-height:1.3; margin-top:6px; }
.sellSummary .sell-summary-tit span{font-size:1.09rem; font-weight:800;color:#0096ff;}

/* 20250602 헤더변경 */
.right-cont {border-top: 0.625rem solid #f4f4f4;box-sizing: border-box;}
#aside-menu-wrap .flex-col-wrap .flex-box .right-cont .menu-box .depth1 li .depth1_menu_list a {font-size: 1rem;color: #666;font-weight: 500;}
.depth1_menu_list {margin-top: 1.25rem;padding-left: 0.75rem;}
.user-menu.fixed .txt-btn.btn-login {display: none;}
.user-menu.fixed {position: fixed;top: 0;left: 0;right: 0;width: 100%;background-color: #fff;z-index:999;}
#aside-menu-wrap .flex-col-wrap .top-cont .user-menu.fixed .ico-link,#aside-menu-wrap .flex-col-wrap .top-cont .user-menu.fixed .my-link,#aside-menu-wrap .flex-col-wrap .top-cont .user-menu.fixed .txt-btn.btn-login {display: none;}
/* .scroll-active-menu {display: flex;}
.scroll-active-menu li a {display: flex;background-color: #F6F6F6;color: #888;font-size: 0.875rem;font-weight: 500;align-items: center;}
.scroll-active-menu li a img {margin-right: 0.313rem;} */

.scroll-active-menu {display: none; overflow-x: auto;  white-space: nowrap;-webkit-overflow-scrolling: touch;padding: 1rem 0;gap: 0.5rem;}
.scroll-active-menu::-webkit-scrollbar {height: 6px;}
.scroll-active-menu::-webkit-scrollbar-thumb {background: #ccc;border-radius: 3px;}
.scroll-active-menu li {flex: 0 0 auto;border-radius: 1.875rem;overflow: hidden;}
.scroll-active-menu li a {display: flex;align-items: center;background-color: #F6F6F6;color: #888;font-size: 0.875rem;font-weight: 500;padding: 0.5rem 0.75rem;border-radius: 0.5rem;white-space: nowrap;height: 2.25rem;}
.scroll-active-menu li a img {margin-right: 0.3rem;}
.scroll-active-menu li.active a {background-color: #2E3546;color: #F0F0F0;}

/* 말풍선추가 .new추가*/
.talk-box.new {background-color: #2E3546;border-radius: 0.25rem;color: #fff;font-size: 0.875rem;font-weight: 700;display: flex;align-items: flex-start;justify-content: center;width: 100%;padding: 0.47rem;}
.talk-box.new .face_ico {margin-right: 0.25rem;flex-shrink: 0;}
.column-ver {flex-direction: column;}
.order-section .layer-btn .talk-box.new {margin-top: 2.5rem;position: relative;box-sizing: border-box;line-height: 1.25rem;}
.order-section.section3 .layer-btn.column-ver button {margin-top: 0.875rem;}
.talk-box.new:before {content: '';position: absolute;bottom: -0.375rem;background-image: url(../images/sub/talk_down.png);background-repeat: no-repeat;width: 0.75rem;height: 0.375rem;left: 0;right: 0;margin :0 auto}
.talk-set {-webkit-animation: talkBox 2s infinite cubic-bezier(0.455,0.03,0.515,0.955);animation: talkBox 2s infinite cubic-bezier(0.455,0.03,0.515,0.955); pointer-events: auto;}
.talk-set.right {position: absolute;top: -1.4rem; right: 1.25rem;}
.talk-set.right .talk-box.new:before {right: 22vmin;left: auto;}
.car-filter-wrap {padding: 0.5rem 2rem 0 0.5rem;position: relative;}
.car-filter-wrap.is-expanded {padding: 0.5rem;}
.car-filter-list {display: flex;gap: 0.5rem;transition: all 0.3s ease;}
.car-filter-list.scroll-mode {overflow-x: auto;white-space: nowrap;flex-wrap: nowrap;padding-bottom: 0.5rem;padding-right: 1rem;}
.car-filter-list.grid-mode {flex-wrap: wrap;overflow-x: hidden; white-space: normal;}
.car-filter-tag {flex: 0 0 auto;white-space: nowrap;padding: 0.625rem 0.887rem;border-radius: 1.25rem;border: 0.063rem solid #F0F0F0;font-size: 0.875rem;background: #F9F9F9;display: flex;align-items: center;color: #515151;font-weight: 500;}
.car-filter-tag img {margin-right: 0.5rem;}
.car-filter-toggle {position: absolute;top: 0.5rem;right: 0;width: 3rem;height: 2.5rem;display: flex;justify-content: center;align-items: center;background-image: url(../images/main/opacity_bg.png);background-repeat: no-repeat;background-size: 100% 100%;;}
.car-filter-toggle img {width: 24px;height: 24px;transition: transform 0.3s ease;}
.car-filter-wrap.is-expanded .car-filter-toggle img {transform: rotate(180deg);}
/* 메인 내차팔기 -완벽한 비대면 아이콘 css */
.main-quick-ico {perspective: 800px;}
.flip-box {position: relative;width: 2.5rem;height: 2.5rem;margin: 0 auto;transform-style: preserve-3d;transition: transform 0.8s;}
.flip-box.flipped {transform: rotateY(180deg);}
.flip-face {position: absolute;width: 105%;height: 100%;backface-visibility: hidden;display: flex;justify-content: center;align-items: center;}
.front {z-index: 2;}
.back {transform: rotateY(180deg);}
/* 완벽한 비대면 타이핑  */
.quick-ico-txt {position: relative;font-size: 1rem;font-weight: bold;color: #579AFF;display: flex;flex-wrap: wrap;}
.quick-ico-txt span {opacity: 0;display: block;margin: 0.05rem 0;transition: opacity 0.3zs ease;}
.quick-txt-line {position: absolute;width: 2px;height: 1rem;background: #579AFF;animation: blink-cursor 1s steps(1) infinite;opacity: 0;}
@keyframes blink-cursor {
  50% { opacity: 0; }
  100% { opacity: 1; }
}

/*
  2025-06-16 ui ux 개선 vip 김보라
*/
.car-btn.vip-top-btn {width: auto;height: auto;right: 1.75rem;display: none;}
#header-elm-wrap > .inner .car-btn.vip-top-btn {width: auto;height: auto;right: 0.725rem;}
.car-btn.vip-top-btn button {background-size:100%;margin:0 0.25rem;position: static !important;margin-top: 0 !important;}
.car-btn.vip-top-btn .compare {background-image: url("../images/sub/mobile_toggle_btn_comparison.png");width: 1.5rem;height: 1.5rem;}
.car-btn.vip-top-btn .favorite {background-image: url("../images/sub/top_right_heart.png");width: 1.5rem;height: 1.5rem;}
.car-btn.vip-top-btn .favorite.on {background-image: url("../images/sub/mobile_toggle_btn_like_on.png");}
.car-btn.vip-top-btn .share {background-image: url("../images/sub/top_right_share.png");width: 1.5rem;height: 1.5rem;}
.history_popup.layer-base-wrap#layer-mycar-history .layer-cont {padding: 0;}
.history_popup.layer-base-wrap#layer-mycar-history .layer-cont [class*=-tab-wrap] {margin-top:0}
.s_notibox {background-color: #F6F6F6;text-align: center;font-size: 0.875rem;color: #131313;padding: 0.875rem 1rem;}
/* vip 제조사 보증 */
.vip-cont-wrap[class*=box] article.car-guaranty-box {padding: 2.125rem 0 2.5rem;border-bottom: none !important;}
.car-guaranty-box .article-header {padding: 0 1.25rem;}
.car-guaranty-box .vip-guaranty-box .group-inner {padding: 0 1.25rem;}
.car-guaranty-box .vip-guaranty-box .maker-guaranty {padding: 1.25rem;background-color: #F9F9F9;}
.car-guaranty-box .vip-guaranty-box .car-warranty-box {background-color: #fff;padding: 1.25rem;display: flex;align-items: flex-start;gap: 0 1.25rem;justify-content: space-between;}
.car-guaranty-box .car-warranty-box .con-l {width: 70px;flex-shrink: 0;}
.car-guaranty-box .car-warranty-box .con-r {flex: 1;}
.car-guaranty-box .car-warranty-box .con-l .icon {width: 3.688rem;}
.car-warranty-box .con-l .tit {color: #131313;font-size: 0.938rem;font-weight: 800;margin-bottom: 0.5rem;}
.car-warranty-box .warranty-set {margin-bottom: 1.25rem;}
.car-warranty-box .warranty-set .row {display: flex;justify-content: space-between;}
.car-warranty-box .warranty-set .row .stit {font-size: 0.875rem;font-weight: 400;color: #666;}
.car-warranty-box .warranty-set .row .tdate {color: #131313;font-size: 0.935rem;font-weight: 400;}
.car-warranty-box .warranty-set .row .tdate strong {font-weight: 700;color: #131313;}
.car-warranty-box .warranty-set .row .tdate strong span {margin-right: 0.25rem;}
.car-warranty-box .warranty-set .row .tdate.end strong span {color: #FF1414;font-weight: 700;font-size: 0.935rem;margin-left: 0.25rem;}
.car-warranty-box .warranty-set .percent-bar {position: relative;height: 0.313rem;width: 100%;border-radius: 0.5rem;background-color: #E3E3E3;margin-top: 0.5rem;}
.car-warranty-box .warranty-set .percent-bar .percent {position: absolute;left: 0;height: 100%;background-color: #0188FF;border-radius: 0.5rem;overflow: hidden;}
.car-warranty-box .warranty-set .percent-row .set {display: flex;justify-content: space-between;margin-top: 0.25rem;}
.set .t-l,.set .t-r {color: #888;font-size: 0.813rem;}
.car-estimate-box .estimate-banner {background-color: #F4F9FF;font-size: 0.938rem;display: flex;align-items: center;justify-content: center;padding: 0.559rem 0.5rem;color: #131313;font-weight: 500;}
.car-estimate-box .estimate-banner .c_blue {margin-left: 0.25rem;}
.car-estimate-box .estimate-banner .icon {margin-right: 0.625rem;}
.vip-cont-wrap.vip-estimate-box .article-header {margin-top: 3.125rem;}
/* 연장보증서비스 */
.car-extend-service#b-link-section {border:0.063rem solid #ddd;border-radius: 0.625rem;padding: 1.25rem 1rem 2.25rem;box-sizing: border-box;position: relative;margin-bottom: 0;}
.vip-cont-wrap .service-list > li {border: none;border-top: 0.063rem solid #eee;border-radius: 0;margin-top: 0;padding: 1.25rem 0;}
.vip-cont-wrap .service-list .radio-button .label > * {color: #131313;}
.not_selected {color: #888;font-weight: 400;font-size: 0.875rem;margin-top: 0.375rem;display: none;}
.vip-cont-wrap .car-estimate-box .open-button {background-color: #F6F6F6;text-align: center;display: flex;align-items: center;justify-content: center;position: absolute;height: 1.25rem;bottom: 0;left: 0;right: 0;border-radius: 0 0 0.625rem 0.625rem;}
.car-estimate-box .service-list {display: none;}
.vip-cont-wrap .car-estimate-box .open-button.on img {transform: rotate(180deg);transition: transform 0.3s ease;}
/* 선택개선 */
.select-upgrade-box .select-set {border: 0.063rem solid #ddd;border-radius: 0.625rem 0.625rem 0 0;padding: 1rem 1rem 2.25rem;border-bottom: none;}
.vip-cont-wrap .between_set {display: flex;justify-content: space-between;    border-radius: 0.625rem 0.625rem 0 0;border: 0.063rem solid #ddd; border-bottom: none;padding: 1.25rem 1rem;}
.vip-cont-wrap .between_set h5 {display: flex;align-items: center;}
.vip-cont-wrap .between_set h5 .upgrade-number {color: #666;font-size: 1rem;margin-left: 0.25rem;font-weight: 400;}
.vip-cont-wrap .between_set h5 .upgrade-number strong {font-weight: 700;color: #666;}
.vip-cont-wrap .between_set h5 .info-btn {margin: 0 0 0 0.25rem;}
.vip-cont-wrap .between_set .pay {font-size: 1rem;color: #131313;}
.vip-cont-wrap .between_set .pay strong {color: #131313;font-size: 1rem;font-weight: 700;}
.vip-cont-wrap .select-upgrade-list li {background: none;margin-top: 0;border-top: 0.063rem solid #eee;}
.vip-cont-wrap .select-upgrade-box {position: relative;border-bottom: none;border-radius: 0.625rem; padding: 1rem 0 1.25rem;}
.vip-cont-wrap .select-upgrade-list {margin: 0; padding: 0 1.25rem;border-left: 0.063rem solid #ddd;border-right: 0.063rem solid #ddd;}
.vip-cont-wrap .select-upgrade-list .btn-del {left: 0.25rem;}
.vip-cont-wrap .car-estimate-box .select-upgrade-box .open-button {border: 0.063rem solid #ddd;border-top: none;border-radius: 0 0 0.625rem 0.625rem;}
.select-upgrade-box .toggle-service {display: none;}
.vip-cont-wrap .select-upgrade-list dl * {font-size: 1rem;}
.vip-cont-wrap .upgrade-tab-wrap dt strong {font-size: 1rem;}
/* 탁송비 */
.consign-box .between_set .c_gray {font-weight: 400;font-size: 1rem;color: #666;margin-left: 0.25rem;}
.vip-cont-wrap .consign-box {position: relative;border-bottom: none;}
.vip-cont-wrap .consign-box .upgrade-check {margin: 0;padding: 1.25rem 0;border-top: 0.063rem solid #eee;}
.vip-cont-wrap .consign-box dd {margin-top: 0;padding: 0 1rem 1rem;box-sizing: border-box;border-left: 0.063rem solid #ddd;border-right: 0.063rem solid #ddd;}
.vip-cont-wrap .consign-box .open-button {border: 0.063rem solid #ddd;border-top: none;border-radius: 0 0 0.625rem 0.625rem;}
.vip-cont-wrap .consign-box .consign-address {padding-left: 0;margin-top: 0;}
.vip-cont-wrap .consign-address p {padding-bottom: 0.5rem;}
.vip-cont-wrap .consign-box dd {display: none;}
/* 유로옵션 추가된 선택 옵션 */
.add-option-con {border:0.063rem solid #eee;border-radius: 0.313rem;}
.add-option-con .add-opt-list {padding: 0 1.25rem;}
.add-option-con .add-opt-list li {padding: 1rem 0;border-bottom: 0.063rem dashed #eee;}
.add-option-con .add-opt-list li:last-child {border-bottom: none;}
.add-option-con .add-opt-list li p {line-height: 1.5rem;font-weight: 700;position: relative;padding-left: 0.625rem;}
.add-option-con .add-opt-list li p .blit {position: absolute;left: 0;width: 0.188rem;height: 0.188rem;border-radius: 0.188rem;top: 0.625rem;}
.add-option-con .add-opt-list li p .blit:before {background-color: #666;}
.add-option-con .add-opt-list li .add-name {font-weight: 500;}