.section-partition + section {
  margin-top: 4rem;
}

.main-search-wrap {
  padding: 1.25rem 1.25rem 1rem;
}
.main-search-wrap .inp-box {border: 0.063rem solid #131313;border-radius: 0.25rem;overflow: hidden;}

.main-search-wrap .inp-box .inp {border: none;}
.main-menu-wrap {
  padding: 0.25rem 0.625rem 1.25rem;
}
.main-menu-wrap .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.75rem 0 1.375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-menu-wrap .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-menu-wrap .btn a {
  display: block;
}
.main-menu-wrap .btn a .ico {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto;
  background: url("../images/main/ico_main_service_btn01.png") no-repeat center/100% auto;
}
.main-menu-wrap .btn a .ico.sell {
  background-image: url("../images/main/ico_main_service_btn02.png");
}
.main-menu-wrap .btn a .ico.rent {
  background-image: url("../images/main/ico_main_service_btn03.png");
}
.main-menu-wrap .btn a .ico.refund {
  background-image: url("../images/main/ico_main_service_btn04.png");
}
.main-menu-wrap .btn a .ico.warran {
  background-image: url("../images/main/ico_main_service_btn05.png");
}
.main-menu-wrap .btn a p {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  color: #333333;
  letter-spacing: -0.0625rem;
  text-align: center;
}

.main-recom-wrap .recom-tab-wrap .recom-btn {
  padding: 0 1.25rem;
  text-align: center;
}
.main-recom-wrap .recom-tab-wrap .recom-btn .btn {
  width: 100%;
  height: 3rem;
  border: 2px dashed #dddddd;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  color: #666666;
  letter-spacing: -0.0625rem;
  text-align: center;
}
.main-recom-wrap .recom-tab-wrap .recom-btn .btn p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.main-rent-wrap {
  padding-top: 4rem;
  background:#f9f9f9 url("../images/main/bg_main_rent.png") no-repeat center top/cover;
}
.main-rent-wrap .tit-base-wrap p strong {
  color: #ffffff;
}
.main-rent-wrap .product-base-wrap {
  margin-top: 2rem;
}

.banner-base-wrap {
  margin: 0 !important;
  padding: 4rem 0 0;
  background-color: #f6f6f6;
}
.banner-base-wrap .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* height: 15rem; */
  margin-top: 2rem;
}
.banner-base-wrap .inner a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  /* padding: 1.5rem 1.25rem; */
}
/* .banner-base-wrap .inner a:first-child {
  background: url("../images/main/bg_service_ban01.png") no-repeat right 0.375rem bottom 0.625rem/9.0625rem auto #8EA1AF;
}
.banner-base-wrap .inner a:last-child {
  background: url("../images/main/bg_service_ban02.png") no-repeat right 0.3125rem bottom 0.3125rem/8.4375rem auto #0E356F;
} */
.banner-base-wrap .inner .box strong {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #ffffff;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.banner-base-wrap .inner .box p {
  margin-top: 0.3125rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  color: #ffffff;
  letter-spacing: -0.0625rem;
  text-align: left;
}

.main-finance-wrap .finance-cont {
  margin: 0;
}
.main-finance-wrap .finance-cont .finance-info-txt {
  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: 4rem;
}
.main-finance-wrap .finance-cont .finance-info-txt p {
  position: relative;
  display: inline-block;
  padding-left: 1.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
  color: inherit;
  letter-spacing: -0.0625rem;
  text-align: center;
}
.main-finance-wrap .finance-cont .finance-info-txt p img {
  position: absolute;
  left: 0;
  top: 50%;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.625rem;
}

.main-review-wrap {
  background-color: #f6f6f6;
}
.main-review-wrap .review-tab-wrap {
  padding: 4rem 0 0;
  margin: 0;
}
.main-review-wrap .review-tab-wrap .review-tab {
  margin: 0;
  overflow: visible;
}
.main-review-wrap .review-tab-wrap .review-tab .active {box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.10);}
.main-review-wrap .review-tab-wrap .cont-base-more a {
  background-color: transparent;
}

.main-notice-wrap {
  height: 3.5rem;
  border-top: 0.5rem solid #f0f0f0;
}
.main-notice-wrap .swiper-container {
  height: 100%;
  overflow: hidden;
}
.main-notice-wrap .swiper-container a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  position: relative;
  height: 100%;
  padding: 0 2.75rem 0 1.25rem;
  background: url("../images/common/ico_notion_detail.png") no-repeat right 1.25rem center/1rem;
}
.main-notice-wrap .swiper-container a div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  color: #666666;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.main-notice-wrap .swiper-container a div.cate {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  font-weight: 700;
  color: #131313;
}
.main-notice-wrap .swiper-container a div.date {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  color: #999999;
}

.main-brand-wrap {
  padding-bottom: 4rem;
}
.main-brand-wrap .inner {
  margin: 2rem 0 0;
  padding: 0 1.25rem;
}
.main-brand-wrap .inner ul {
  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.625rem;
  position: relative;
  height: 8.125rem;
  overflow: hidden;
  -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);
  font-size: 0;
  line-height: 0;
}
.main-brand-wrap .inner ul li {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 1.25rem) / 3);
  border: 1px solid #dddddd;
}
.main-brand-wrap .inner ul li .logo {display: flex;align-items: center;height: 2.188rem;}
.main-brand-wrap .inner ul li img {margin: 0 auto;max-height: 25px}
.main-brand-wrap .inner ul li p {
  width: 100%;
  height: 1.5rem;
  background-color: #f6f6f6;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #333333;
  letter-spacing: -0.0625rem;
  text-align: center;
}
.main-brand-wrap .inner ul::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 3.125rem;
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.main-brand-wrap .inner .brand-more-btn {
  width: 100%;
  height: 3.75rem;
  margin: 0.625rem auto 0;
  border: 1px solid #dddddd;
}
.main-brand-wrap .inner .brand-more-btn p {
  position: relative;
  display: inline-block;
  padding-right: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  color: #666666;
  letter-spacing: -0.0625rem;
  text-align: center;
}
.main-brand-wrap .inner .brand-more-btn p::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  margin: -0.5rem 0 0;
  background: url("../images/main/ico_brand_btn.png") no-repeat center/100% auto;
}
.main-brand-wrap.active ul:before {
  opacity: 0;
  pointer-events: none;
}
.main-brand-wrap.active .brand-more-btn p::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}



/* NEW Kimbora */


/* NEW JCH */
/* mypage */
/* mypage common */
.mypage-list-none{
  width:100%;
  padding:3.75rem 1.25rem 6.25rem 1.25rem;
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mypage-list-none i{
  width:60px;
  height:60px;
}

.mypage-list-none .title{
  font-size:1.25rem;
  font-weight:700;
  text-align: center;
  margin-top:0.75rem;
}

.mypage-list-none .txt{
  font-size:0.875rem;
  color:#888;
  text-align: center;
  margin-top:0.75rem;
}

.mypage-list-none .list-none-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;
}

/* mypage main */
.maypage-main {
  width:100%;
}

.maypage-main .maypage-main-head{
  width:100%;
}

.maypage-main .maypage-main-head .mypage-main-user{
  width:100%;
  padding:1.5rem 1.25rem;
}

.maypage-main .maypage-main-head .mypage-main-user .user-info{
  font-size:1.5rem;
  font-weight:700;
  line-height: 2rem;
}

.maypage-main .maypage-main-head .mypage-main-user .user-modify{
  display: block;
  line-height: 1.375rem;
  font-size:0.8975rem;
  font-weight:500;
  color:#666;
  margin-top:0.625rem;
}

.maypage-main .maypage-main-head .maypage-quick{
  width:100%;
}

.maypage-main .maypage-main-head .maypage-quick .quick-list{
  display:flex;
  gap:0 0.625rem;
  padding:0 1.24rem 1.5rem 1.24rem;
}

.maypage-main .maypage-main-head .maypage-quick .quick-list .quick-con{
  width:25%; 
  max-width: 25%;
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.maypage-main .maypage-main-head .maypage-quick .quick-list .quick-con i{
  display:block;
  width:48px;
  height:48px;
  position: relative;
}

.maypage-main .maypage-main-head .maypage-quick .quick-list .quick-con.new i:before{
  content:"";
  display:block;
  width:4px;
  height:4px;
  border-radius: 4px;
  background:#0096ff;
  position: absolute;
  top:8px;
  right:10px;
}

.maypage-main .maypage-main-head .maypage-quick .quick-list .quick-con .quick-title{
  font-size:0.875rem;
  color:#888;
  line-height: 1.375rem;
}

.maypage-main .maypage-main-head .maypage-quick .quick-list .quick-con .quico-count{
  font-size:1.875rem;
  font-weight:700;
  color:#0096ff;
  display: flex;
  align-items: center;
  justify-content: center;
  height:2.375rem;
}

.maypage-main .maypage-main-cont{
  width:100%;
}

.maypage-main .maypage-main-cont .mypage-tab-cont{
  width:100%;
  display:none;
}

.maypage-main .maypage-main-cont .mypage-tab-cont .list-summary{
  width:100%;
  padding:1.25rem;
  background:#f9f9f9;
  font-size:0.875rem;
  color:#666;
}

.maypage-main .maypage-main-cont .mypage-tab-cont .mypage-buy-cont{
  margin-bottom:1.25rem;
}

.maypage-main .maypage-main-cont .mypage-tab-cont .mypage-sell-cont{
  margin-bottom:1.25rem;
}

.maypage-main .maypage-main-cont .mypage-tab-cont .more-btn{
  width:100%;
  display:flex;
  align-items: center;
  justify-content: center;
  height:3.75rem;
  font-size:1rem;
  font-weight: 500;
  color:#666;
  border-top:0.0625rem solid #ddd;
  border-bottom:0.0625rem solid #ddd;
}

.maypage-main .maypage-main-cont .mypage-tab-cont .more-btn span{
  color:#131313;
  margin-right:0.125rem;
}

.maypage-main .mypage-menu-list{
  width:100%;
  border-top:0.625rem solid #f0f0f0;
  border-bottom:0.625rem solid #f0f0f0;
}

.maypage-main .mypage-menu-list .menu-list-box{
  width:100%;
}

.maypage-main .mypage-menu-list .menu-list-box .menu-list-con{
  display:flex;
  align-items: center;
  justify-content: space-between;
  width:100%;
  height:5rem;
  border-bottom:0.0625rem solid #eee;
  padding:0 0.375rem 0 1.25rem;
}

.maypage-main .mypage-menu-list .menu-list-box .menu-list-con::after{
  content:"";
  display:block;
  width:2rem;
  height:2rem;
  background:url(../images/contents/mypage_menu_arrow.png) no-repeat center ;
  background-size: contain;
}

.maypage-main .mypage-menu-list .menu-list-box .menu-list-con .tilte{
  display:flex;
  align-items: center;
  font-size: 1.125rem;
  font-weight:500;
  gap:0 1rem;
}

.maypage-main .mypage-menu-list .menu-list-box .menu-list-con .tilte::before{
  content:"";
  display:block;
  width:1.5rem;
  height:1.5rem;
}

.maypage-main .mypage-menu-list .menu-list-box .menu-list-con .tilte.buy::before{
  background:url(../images/contents/my_menu_ico01.png) no-repeat center;
  background-size:contain
}

.maypage-main .mypage-menu-list .menu-list-box .menu-list-con .tilte.sell::before{
  background:url(../images/contents/my_menu_ico02.png) no-repeat center;
  background-size:contain
}

.maypage-main .mypage-menu-list .menu-list-box .menu-list-con .tilte.live::before{
  background:url(../images/contents/my_menu_ico03.png) no-repeat center;
  background-size:contain
}

.maypage-main .mypage-menu-list .menu-list-box .menu-list-con .tilte.favorit::before{
  background:url(../images/contents/my_menu_ico04.png) no-repeat center;
  background-size:contain
}

.maypage-main .mypage-menu-list .menu-list-box .menu-list-con .tilte.coupon::before{
  background:url(../images/contents/my_menu_ico05.png) no-repeat center;
  background-size:contain
}

.maypage-main .mypage-menu-list .menu-list-box .menu-list-con .tilte.consult::before{
  background:url(../images/contents/my_menu_ico06.png) no-repeat center;
  background-size:contain
}

.maypage-main .mypage-menu-list .menu-list-box .menu-list-con .tilte.bell::before{
  background:url(../images/contents/my_menu_ico07.png) no-repeat center;
  background-size:contain
}

.maypage-main .mypage-menu-list .menu-list-box .menu-list-con .tilte.car-bell::before{
  background:url(../images/contents/my_menu_ico08.png) no-repeat center;
  background-size:contain
}

.maypage-main .mypage-menu-list .menu-list-box .menu-list-con .tilte.user::before{
  background:url(../images/contents/my_menu_ico09.png) no-repeat center;
  background-size:contain
}

.maypage-main .my-recommend-box{
  width:100%;
}

.maypage-main .my-recommend-box .box-header{
  padding:1.5rem 1.25rem 1.5rem  1.25rem;
  margin-bottom: 0;
}

.maypage-main .my-recommend-box .box-header h4{
  font-size:1.5rem;
}

/* mypage 구매이력 리스트 */
.mypage-buy-cont{
  width:100%;
}

.mypage-buy-cont .mypage-lp{
  width:100%;
}

.mypage-buy-cont .mypage-lp .car-thumnail{
  position: relative;
  overflow: hidden;
}

.mypage-buy-cont .mypage-lp .car-thumnail::before{
  content:"";
  display:block;
  width:100%;
  padding-bottom:74.6%;
}

.mypage-buy-cont .mypage-lp .car-thumnail img{
  position: absolute;
  left:50%;
  top:50%;
  transform: translate( -50%, -50% );
  width:auto;
  max-width:none;
  height:100%;
  z-index: 1;
}

.mypage-buy-cont.lease .mypage-lp .car-thumnail::after{
  content:"구독";
  display:flex;
  align-items: center;
  justify-content: center;
  height:1.875rem;
  padding:0.25rem 0.5rem;
  background:#0096ff;
  color:#fff;
  font-size:0.875rem;
  font-weight:500;
  position: absolute;
  left:0;
  top:0;
  z-index: 2;
}

.mypage-buy-cont.rent .mypage-lp .car-thumnail::after{
  content:"렌트";
  display:flex;
  align-items: center;
  justify-content: center;
  height:1.875rem;
  padding:0.25rem 0.5rem;
  border:0.0625rem solid #0096ff;
  background:#fff;
  color:#0096ff;
  font-size:0.875rem;
  font-weight:500;
  position: absolute;
  left:0;
  top:0;
  z-index: 2;
}

.mypage-buy-cont .mypage-lp .car-info{
  width:100%;
  padding:1.25rem;
}

.mypage-buy-cont .mypage-lp .car-info .car-name{
  font-size : 1.625rem;
  font-weight:700;
  line-height:1.3;
}

.mypage-buy-cont .mypage-lp .car-info .car-trim{
  font-size : 1.375rem;
  line-height:1.3;
}

.mypage-buy-cont .mypage-lp .car-info .car-infos{
  width:100%;
  display:flex;
  flex-wrap: wrap;
  gap: 0.75rem 0.75rem;
  margin-top: 1.5rem;

}

.mypage-buy-cont .mypage-lp .car-info .car-infos li{
  font-size:0.875rem;
  color:#999;
}

.mypage-buy-cont .mypage-lp .car-info .car-pay{
  margin-top:1.5rem;
  font-size:1.625rem;
  display:flex;
  align-items: center;
}
.mypage-buy-cont .mypage-lp .car-info .car-pay span{
  font-size:1.625rem;
  font-weight:700;
}

.mypage-buy-cont .mypage-lp .car-info .car-pay .day{
  font-size:1.625rem;
  display:flex;
  align-items: center;
}

.mypage-buy-cont .mypage-lp .car-info .car-pay .day::after{
  content:"";
  display:block;
  width:0.0625rem;
  height: 1.25rem;
  background:#ddd;
  margin:0 0.625rem;
}

.mypage-buy-cont .mypage-lp .car-info .car-pay .pay{
  font-size:1.625rem;
}

.mypage-buy-cont .buy-cont-box{
  width:100%;
  padding: 0.25rem 1.25rem 0rem 1.25rem;
}

.mypage-buy-cont .buy-cont-box .buy-status{
  width:100%;
  padding:1.25rem 0;
  background:#f9f9f9;
}

.mypage-buy-cont .buy-cont-box .buy-status .status{
  width:100%;
  text-align: center;
  font-size:1.25rem;
  font-weight:700;
}

.mypage-buy-cont .buy-cont-box .buy-status .summary{
  width:100%;
  text-align: center;
  font-size: 0.875rem;
  color:#666;
  margin-top:0.5rem;
  word-break: keep-all;
  line-height:1.3;
}

.mypage-buy-cont .buy-cont-box .btn-box{
  width:100%;
  display:flex;
  align-items: center;
  justify-content: center;
  margin-top:1.25rem;
  gap:0 0.3125rem;
}

.mypage-buy-cont .buy-cont-box .btn-box .btn{
  display:flex;
  align-items: center;
  justify-content: center;
  width:100%;
  max-width:100%;
  height: 3.25rem;
  border-radius: 0.25rem;
  font-size:1rem;
  font-weight:500;
  word-break: keep-all;
  line-height:1.3;
  text-align: center;
  padding:0 0.25rem;
}

.mypage-buy-cont .buy-cont-box .btn-box .btn.btn-white{
  border:0.0625rem solid #ccc;
  background:#fff;
  color:#131313;
}

.mypage-buy-cont .buy-cont-box .btn-box .btn.btn-blue{
  border:0.0625rem solid #0096ff;
  background:#0096ff;
  color:#fff;
}

.mypage-buy-cont .buy-cont-box .btn-box .btn.btn-deepblue{
  border:0.0625rem solid #2e3546;
  background:#2e3546;
  color:#fff;
  font-size:0.875rem;
  font-weight:700;
}


/* 판매이력 리스트 */
.mypage-sell-cont{
  width:100%;
  padding:1.25rem;
}

.mypage-sell-cont .sell-info{
  width:100%;
  padding-bottom:1.25rem;
}

.mypage-sell-cont .sell-info .sell-info-list{
  width:100%;
  display: flex;
  flex-direction: column;
  gap:1rem 0;
}

.mypage-sell-cont .sell-info .sell-info-list .sell-info-con{
  display:flex;
  gap:0 1.25rem;
}

.mypage-sell-cont .sell-info .sell-info-list .sell-info-con .title{
  width: 3.125rem;
  font-size:0.875rem;
  color:#666;
  line-height:1.3;
}

.mypage-sell-cont .sell-info .sell-info-list .sell-info-con .info-con{
  width:calc( 100% - 4.375rem );
  font-size:0.875rem;
  font-weight:500;
  line-height:1.3;
}

.mypage-sell-cont .sell-info .sell-info-list .sell-info-con .info-con span{
  font-weight:700;
}

.mypage-sell-cont .sell-info .sell-info-list .sell-info-con .info-con .car-name{
  width:100%;
  font-size:0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height:1.3;
}


.mypage-sell-cont .sell-cont-box{
  width:100%;
  padding: 0.25rem 0rem 0rem 0rem;
}

.mypage-sell-cont .sell-cont-box .sell-status{
  width:100%;
  padding:1.25rem 0;
  background:#f9f9f9;
}

.mypage-sell-cont .sell-cont-box .sell-status .status{
  width:100%;
  text-align: center;
  font-size:1.25rem;
  font-weight:700;
}

.mypage-sell-cont .sell-cont-box .sell-status .summary{
  width:100%;
  text-align: center;
  font-size: 0.875rem;
  color:#666;
  margin-top:0.5rem;
  word-break: keep-all;
  line-height:1.3;
}

.mypage-sell-cont .sell-cont-box .btn-box{
  width:100%;
  display:flex;
  align-items: center;
  justify-content: center;
  margin-top:1.25rem;
  gap:0 0.3125rem;
}

.mypage-sell-cont .sell-cont-box .btn-box .btn{
  display:flex;
  align-items: center;
  justify-content: center;
  width:100%;
  max-width:100%;
  height: 3.25rem;
  border-radius: 0.25rem;
  font-size:1rem;
  font-weight:500;
}

.mypage-sell-cont .sell-cont-box .btn-box .btn.btn-white{
  border:0.0625rem solid #ccc;
  background:#fff;
  color:#131313;
}

.mypage-sell-cont .sell-cont-box .btn-box .btn.btn-blue{
  border:0.0625rem solid #0096ff;
  background:#0096ff;
  color:#fff;
}

/* mypage sub 공통 */
.mypage-section{
  width:100%;
}

.mypage-section .mypage-haed{
  width:100%;
  padding:1rem 1.25rem;
  display:flex;
  align-items: center;
  justify-content: space-between;
}

.mypage-section .mypage-haed .mypage-title{
  display:flex;
  align-items: center;
  gap:0 0.5rem;
}

.mypage-section .mypage-haed .mypage-title .title{
  font-size:1.125rem;
  font-weight:700;
  line-height: 1.625rem;
}

.mypage-section .mypage-haed .mypage-title .list-count{
  font-size:1.125rem;
  font-weight:700;
  line-height: 1.625rem;
}

.mypage-section .mypage-haed .mypage-title .list-count span{
  color:#0096ff;
}

.mypage-section .mypage-haed .mypage-head-btn{
  display:flex;
  align-items: center;
  justify-content: center;
  height:2.5rem;
  padding:0 1.25rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #ccc;
  font-size:0.875rem; 
  font-weight:500;
  color: #131313;
}

.mypage-section .pagenation-base{
  padding:3.125rem 0 2.5rem;
  margin: 0;
}

/* 구매 내역 */
.mypage-section .mypage-buy-list{
  width:100%;
  display:flex;
  flex-direction: column;
  gap:2.5rem 0;
}

/* 판매내역 */
.mypage-section .mypage-sell-form{
  width:100%;
  display:flex;
  flex-direction: column;
  gap:1.25rem 0;
}

.mypage-section .mypage-sell-form .mypage-sell-cont .sell-cont-box{
  padding-bottom:1.25rem;
  border-bottom:0.0625rem solid #eee;
}


/* 구매/판매 이력 찾기 */
#layer-find-result .inpt-form .inpt-box .phone-inpt.row .phone-number {width:calc( 100% - 8rem )}
#layer-find-result .inpt-form .inpt-box .inpt-con .phone-check-inpt .phone-number-check {width: 100%;}
#layer-find-result .layer-header h1 {font-size: 1.25rem;font-weight: 600;line-height: 1.5625rem;}

#layer-find-result .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-find-result .layer-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 1rem 3.5rem 1rem 1.25rem;
  border-bottom: 1px solid #eee;
  background-color: #fff;
  z-index: 99;
}
#layer-find-result .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;
}

#layer-find-result .inpt-radio-box {
  display:flex;
  flex-wrap: wrap;
  gap:0.5rem 1.25rem;
}

#layer-find-result .inpt-radio-box .radio-con{
  display:flex;
  align-items: center;
}

#layer-find-result .inpt-radio-box .radio-con input[type="radio"]{
  display: none;
}

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

#layer-find-result .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;
}

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

#layer-find-result .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;
}

#layer-find-result .layer-cont{
  max-height: 100%;
  height: auto;
  padding: 3.625rem 0 6.25rem;
}

.car-inquiry-form{
  width:100%;
}

.car-inquiry-form .car-inquiry-summary{
  padding:2.5rem 1.25rem;
  background:#f9f9f9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.car-inquiry-form .car-inquiry-summary i{
  width:3.75rem;
  height:3.75rem;
}

.car-inquiry-form .car-inquiry-summary .title{
  font-size:1.25rem;
  font-weight:700;
  text-align: center;
  line-height:1.3;
  margin-top:0.625rem;

}

.car-inquiry-form .car-inquiry-summary .txt{
  font-size: 0.875rem;
  line-height:1.3;
  color:#666;
  margin-top:0.625rem;
  text-align: center;
}

/* 구매/판매 이력 리스트 */

.inquiry-section{
  width:100%;
}

.inquiry-section .inquiry-form{
  width:100%;
}

.inquiry-section .inquiry-form .inquiry-box{
  width:100%;
}


.inquiry-section .inquiry-form .inquiry-box .inquiry-title{
  padding:4rem 1.25rem 2.5rem 1.25rem;
  width:100%;
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.inquiry-section .inquiry-form .inquiry-box .inquiry-title i{
  width:3rem;
  height:3rem;
}

.inquiry-section .inquiry-form .inquiry-box .inquiry-title .title{
  width:100%;
  margin-top:0.75rem;
  font-size:1.375rem;
  font-weight:700;
  line-height:1.3;
  text-align: center;
}

.inquiry-section .inquiry-form .inquiry-box .inquiry-title .list-total{
  width:100%;
  margin-top:0.375rem;
  font-size:0.875rem;
  color:#666;
  text-align: center;
}

.inquiry-section .inquiry-form .inquiry-box .inquiry-list{
  width:100%;
}

.inquiry-section .inquiry-form .inquiry-box .inquiry-list .inquiry-cont{
  padding:0 1.25rem;
  width:100%;
}

.inquiry-section .inquiry-form .inquiry-box .inquiry-list .inquiry-cont .inquiry-cont-list{
  width:100%;
  padding: 1.5rem 1.25rem;
  background:#f9f9f9;
  display:flex;
  flex-direction: column;
  gap:1rem 0;
}

.inquiry-section .inquiry-form .inquiry-box .inquiry-list .inquiry-cont .inquiry-cont-list .list-con{
  display:flex;
  width:100%;
  gap:0 1.25rem;
}

.inquiry-section .inquiry-form .inquiry-box .inquiry-list .inquiry-cont .inquiry-cont-list .list-con .title{
  width:3.125rem;
  font-size:0.875rem;
  color:#666; 
}

.inquiry-section .inquiry-form .inquiry-box .inquiry-list .inquiry-cont .inquiry-cont-list .list-con .cont{
  width:calc( 100% - 4.375rem );
  font-size:0.875rem;
  font-weight:500;
  line-height:1.3;
  text-overflow: ellipsis;
  overflow: hidden;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

}

.inquiry-section .inquiry-form .inquiry-box .inquiry-list .pagenation-base{
  padding: 0;
  margin: 3.125rem 0 2.5rem;
}

.inquiry-section .inquiry-form .inquiry-btn-box{
  padding:1rem 1.25rem;
  border-top:0.0625rem solid #eee;
}

.inquiry-section .inquiry-form .inquiry-btn-box .btn{
  width:100%;
  height:3.25rem;
  display:flex;
  align-items: center;
  justify-content: center;
  background:#0096ff;
  color:#fff;
  border-radius: 0.25rem;
  font-size:1rem;
  font-weight:500;
}

/* 마이페이지 라이브 */
.mypage-live-form{
  width:100%;
}

.mypage-live-form .mypage-live-cont{
  width:100%;
  padding:0 1.25rem 1rem 1.25rem;
}

.mypage-live-form .mypage-live-cont .live-title{
  display:flex;
  align-items: flex-end;
  justify-content: space-between;
  padding:0.625rem 0;
  border-bottom: 0.0625rem solid #131313;
}

.mypage-live-form .mypage-live-cont .live-title .title{
  display:flex;
  align-items: center;
  height:1.5rem;
  font-size:1rem;
  font-weight:500;
}

.mypage-live-form .mypage-live-cont .live-title .title::before{
  content:"";
  display:block;
  width:1.25rem;
  height:1.25rem;
  margin-right:0.25rem;
}

.mypage-live-form .mypage-live-cont.schedule .live-title .title::before{
  background:url(../images/contents/live_schedule.png) no-repeat center;
  background-size: contain;
}

.mypage-live-form .mypage-live-cont.onair .live-title .title::before{
  background:url(../images/contents/live_onair.png) no-repeat center;
  background-size: contain;
}

.mypage-live-form .mypage-live-cont.end .live-title .title::before{
  background:url(../images/contents/live_end.png) no-repeat center;
  background-size: contain;
}

.mypage-live-form .mypage-live-cont.cancel .live-title .title::before{
  background:url(../images/contents/live_cancel.png) no-repeat center;
  background-size: contain;
}

.mypage-live-form .mypage-live-cont .live-title .live-date{
  font-size:0.875rem;
  color:#666;
  height:1.375rem;
  display:flex;
  align-items: center;
}

.mypage-live-form .mypage-live-cont .live-cont{
  width:100%;
  border-bottom: 0.0625rem solid #acacac;
}

.mypage-live-form .mypage-live-cont .live-cont .live-info-list{
  padding: 1.25rem 0;
  border-bottom: 0.0625rem solid #eee;
  display: flex;
  flex-direction: column;
  gap:1.375rem 0;
}

.mypage-live-form .mypage-live-cont .live-cont .live-info-list .live-info-con{
  display: flex;
  width:100%;
  gap:0 1.25rem;
}

.mypage-live-form .mypage-live-cont .live-cont .live-info-list .live-info-con .title{
  width:5rem;
  font-size:0.875rem;
  color:#666;
}

.mypage-live-form .mypage-live-cont.end .live-cont .live-info-list .live-info-con .title,
.mypage-live-form .mypage-live-cont.cancel .live-cont .live-info-list .live-info-con .title{
  color:#acacac;
}


.mypage-live-form .mypage-live-cont .live-cont .live-info-list .live-info-con .cont{
  width:calc( 100% - 6.25rem );
  font-size:0.875rem;
  font-weight:500;
}

.mypage-live-form .mypage-live-cont.end .live-cont .live-info-list .live-info-con .cont,
.mypage-live-form .mypage-live-cont.cancel .live-cont .live-info-list .live-info-con .cont{
  color:#acacac;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info{
  width:100%;
  margin-top:1.25rem;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .car-info-title{
  font-size:0.875rem;
  color:#666;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp{
  width:100%;
  display:flex;
  gap:0 1.25rem;
  padding:1rem 0;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp .car-thumnail{
  position: relative;
  overflow: hidden;
  height:max-content;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp .car-thumnail::before{
  content:"";
  display:block;
  width:7.5rem;
  padding-bottom:76.67%;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp .car-thumnail img{
  position: absolute;
  left:50%;
  top:50%;
  transform: translate( -50%, -50% );
  width:auto;
  max-width:none;
  height:100%;
  z-index: 1;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp.contract .car-thumnail::after{
  content:"계약중";
  display:block;
  padding:0.375rem 0.375rem;
  background:#0096ff;
  font-size:0.75rem;
  color:#fff;
  position: absolute;
  left:0;
  top:0;
  z-index: 2;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp.sale .car-thumnail::after{
  content:"판매완료";
  display:block;
  padding:0.375rem 0.375rem;
  background:#333;
  font-size:0.75rem;
  color:#fff;
  position: absolute;
  left:0;
  top:0;
  z-index: 2;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp .car-info{
  width:calc( 100% - 8.75rem );
}


.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp .car-info .car-name{
  font-size:1rem;
  line-height:1.3;
  word-break: keep-all;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp .car-info .car-trim{
  font-size:1rem;
  line-height:1.3;
  word-break: keep-all;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp .car-info .car-infos{
  width:100%;
  display:flex;
  align-items: center;
  flex-wrap: wrap;
  gap:0.5rem 0.5rem;
  margin-top:0.375rem;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp .car-info .car-infos li{
  font-size:0.75rem;
  color:#888;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp .car-info .car-pay{
  display:flex;
  align-items: center;
  height: 1.625rem;
  margin-top:0.25rem;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp .car-info .car-pay .pay{
  font-size:1rem;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp .car-info .car-pay .pay span{
  font-size:1rem;
  font-weight:700;
}

.mypage-live-form .mypage-live-cont .live-cont .live-car-info .live-car-lp .car-info .car-pay .discount{
  font-size:0.875rem;
  color:#999;
  text-decoration: line-through;
  margin-left:0.25rem;
}

.mypage-live-form .mypage-live-cont .live-cont .btn-box{
  width:100%;
  display:flex;
  align-items: center;
  gap:0 0.3125rem;
  margin-top:1.625rem;
  margin-bottom:1rem;
}

.mypage-live-form .mypage-live-cont .live-cont .btn-box .btn{
  display:flex;
  align-items: center;
  justify-content: center;
  width:100%;
  max-width:100%;
  height:3rem;
  border-radius: 0.25rem;
  font-size:1rem;
  font-weight:500;
}

.mypage-live-form .mypage-live-cont .live-cont .btn-box .btn.btn-white{
  border:0.0625rem solid #ccc;
  background:#fff;
}

.mypage-live-form .mypage-live-cont .live-cont .btn-box .btn.btn-blue{
  background:#0096ff;
  color:#fff;
}

.mypage-section .my-live-summary{
  width:100%;
  padding:0rem 1.25rem 2.5rem 1.25rem;
  margin-top: 3.75rem;
}

.mypage-section .my-live-banner{
  width:100%;
  height:21.25rem;
  background:#f0f0f0;
  display:flex;
  flex-direction: column;
  align-items: center;
  padding-top:2.5rem;
}

.mypage-section .my-live-banner .live-banner-title{
  text-align: center;
  font-size:1.125rem;
  font-weight:700;
  line-height:1.3; 
}

.mypage-section .my-live-banner .live-banner-btn{
  display:flex;
  align-items: center;
  justify-content: center;
  height:3.125rem;
  padding:0rem 1.5rem;
  border-radius: 3.125rem;
  background:#fff;
  font-size:0.875rem;
  font-weight:700;
  margin-top:1.25rem;
}

.mypage-section .my-live-banner .obj{
  margin-top:3.2rem;
  width:17.875rem;
}

/* 마이페이지 쿠폰 */
.mypage-section .my-coupon-insert{
  width:100%;
  padding:0 1.25rem 2.5rem 1.25rem;
  border-bottom:0.625rem solid #f0f0f0;
}

.mypage-section .my-coupon-insert .title{
  width:100%;
  font-size:1.125rem;
  font-weight:700;
  padding:1rem 0;
}
.mypage-section .my-coupon-insert .insert-box{
  display:flex;
  align-items: center;
  flex-wrap: wrap;
  gap:0.3125rem 0.5rem;
}

.mypage-section .my-coupon-insert .insert-box .error{
  width:100%;
  height:1.375rem;
  display: none;
  align-items: center;
  font-size:0.875rem;
  font-weight:500;
  color:#ff3f3f;
  line-height:1.375rem;
}

.mypage-section .my-coupon-insert .insert-box .insert-con{
  width:100%;
  display:flex;
  align-items: center;
  gap:0 0.5rem;
}

.mypage-section .my-coupon-insert .insert-box .insert-con .coupon-inpt{
  width:calc( 100% - 4.75rem );
  color: #131313;
}

.mypage-section .my-coupon-insert .insert-box .insert-con .btn{
  width:4.25rem;
  height:3rem;
  display:flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  font-size:1rem;
  font-weight:500;
}

.mypage-section .my-coupon-insert .insert-box .insert-con .btn.btn-blue{
  background:#0096ff;
  color:#fff;
}


.mypage-coupon-form{
  width:100%;
  padding:0 1.25rem;
}

.mypage-coupon-form .mypage-coupon-box{
  width:100%;
  display:flex;
  flex-direction: column;
  gap:1.25rem 0; 
}

.mypage-coupon-form .mypage-coupon-box .mypage-coupon-con{
  width:100%;
  border-radius: 0.625rem;
  border:0.0625rem solid #eee;
  overflow: hidden;
}

.mypage-coupon-form .mypage-coupon-box .mypage-coupon-con .coupon-thumnail{
  width:100%;
}

.mypage-coupon-form .mypage-coupon-box .mypage-coupon-con .coupon-info{
  width:100%;
  padding:1.25rem;
  background:#fff;
  display:flex;
  flex-direction: column;
  gap:0.75rem 0;
}

.mypage-coupon-form .mypage-coupon-box .mypage-coupon-con .coupon-info .coupon-info-con{
  width:100%;
  display:flex;
  gap:0 1rem;
}

.mypage-coupon-form .mypage-coupon-box .mypage-coupon-con .coupon-info .coupon-info-con .title{
  font-size:1rem;
  color:#666;
  width:3.75rem;
  line-height:1.3;
}

.mypage-coupon-form .mypage-coupon-box .mypage-coupon-con .coupon-info .coupon-info-con .txt{
  font-size:1rem;
  font-weight:500;
  line-height: 1.3;
  width:calc( 100% - 4.75rem);
  word-break: keep-all;
}

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

.mypage-coupon-form .mypage-coupon-box .mypage-coupon-con .coupon-summary-box .coupon-summary{
  display: none;
  padding:0 1.25rem 1.25rem 1.25rem;
  white-space: pre-line;
  font-size:0.875rem;
  line-height:1.375rem;
  color:#515151;
}

.mypage-coupon-form .mypage-coupon-box .mypage-coupon-con .coupon-summary-box .coupon-summary-more{
  display:flex;
  align-items: center;
  justify-content: center;
  width:100%;
  height:2.375rem;
  background:#f6f6f6;
  color:#666;
  font-size:0.875rem;
}

.mypage-coupon-form .mypage-coupon-box .mypage-coupon-con .coupon-summary-box .coupon-summary-more::after{
  content:"";
  display:block;
  width:1rem;
  height:1rem;
  background:url(../images/contents/mypage_down_arrow.png) no-repeat center;
  background-size: contain;
  margin-left:0.25rem;
  transform: rotate(0deg);
  transition: all 0.2s;
}

.mypage-coupon-form .mypage-coupon-box .mypage-coupon-con .coupon-summary-box .coupon-summary-more.active::after{
  transform: rotate(180deg);
  transition: all 0.2s;
}

/* 마이페이지 - 찜한 차량 */
.favorit-compare{
  display:flex;
  align-items: center;
  gap:0 0.5rem;
}

.favorit-compare .txt{
  font-size:0.875rem;
}

.mypage-section .receiving-box{
  padding-top:0;
  margin-top:0;
  border-top:0;
}
.mypagefavorite-list.single li {grid-column: span 2 / span 2;}

/* 마이페이지 문의 내역 */
.mypage-consult-form{
  width:100%;
}

.mypage-consult-form .consult-list-box{
  width:100%;
}

.mypage-consult-form .consult-list-box .consult-list-con{
  width:100%;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-title-form{
  width:100%;
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding:1.25rem;
  border-bottom: 0.0625rem solid #eee;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-title-form .arrow{
  display:block;
  width:1rem;
  height:1rem;
  background:url(../images/contents/mypage_down_arrow.png) no-repeat center;
  background-size: contain;
  transform: rotate(0deg);
  transition: all 0.2s;
}

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

.mypage-consult-form .consult-list-box .consult-list-con .consult-title-form .consult-title-box{
  width:calc( 100% - 2.25rem );
}


.mypage-consult-form .consult-list-box .consult-list-con .consult-title-form .consult-title-box .consult-bage{
  width:100%;
  display:flex;
  align-items: center;
  gap:0 0.625rem;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-title-form .consult-title-box .consult-bage .bage{
  display:flex;
  align-items: center;
  justify-content: center;
  width:4.375rem;
  height: 1.375rem;
  border-radius: 1.375rem;
  background:#e3e3e3;
  font-size:0.875rem;
  color:#666;
  font-weight:700;
  position: relative;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-title-form .consult-title-box .consult-bage .bage.on{
  background:#0096ff;
  color:#fff;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-title-form .consult-title-box .consult-bage .bage.new::after{
  content:"";
  display:block;
  width:0.25rem;
  height:0.25rem;
  border-radius: 0.25rem;
  background:#0096ff;
  position: absolute;
  right:-0.25rem;
  top:0;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-title-form .consult-title-box .consult-bage .kind{
   font-size:1rem;
   color:#666;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-title-form .consult-title-box .title{
  display:flex;
  width:100%;
  margin-top:0.5rem;
  gap:0 0.75em;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-title-form .consult-title-box .title span{
  display:-webkit-box;
  font-size:1rem;
  line-height:1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-title-form.active .consult-title-box .title span{
  -webkit-line-clamp: unset;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-title-form .consult-title-box .title::before{
  content:"Q";
  font-size:1rem;
  font-weight:800;
  display: block;
  line-height:1.5rem;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-title-form .consult-title-box .date{
  padding-left:1.6875rem;
  margin-top:0.25rem;
  line-height: 1.375rem;
  font-size:0.875rem;
  color:#888;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-summary-box{
  display:none;
  border-bottom:0.0625rem solid #eee;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-summary-box .consult-summary{
  padding:2rem 1.25rem;
  background:#f9f9f9;
  display:flex;
  gap:0 0.75rem;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-summary-box .consult-summary::before{
  content:"A";
  font-size: 1rem;
  font-weight:800;
  line-height:1.5rem;
}

.mypage-consult-form .consult-list-box .consult-list-con .consult-summary-box .consult-summary .cont{
  font-size:1rem;
  color:#666;
  line-height:1.5rem;
}

.mypage-consult-form .consult-list-box .consult-btn{
  display:flex;
  align-items: center;
  justify-content: flex-end;
  padding:0.625rem 1.25rem;
}

.mypage-consult-form .consult-list-box .consult-btn button{
  width:5.3125rem;
  height:2rem;
  display:flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border:0.0625rem solid #ccc;
  font-size:0.75rem;
  color: #131313;
}

#cosult-del .layer-cont{
  text-align: center;
  font-size:1.125rem;
}

/* 마이페이지 알림 */
.mypage-bell-form{
  width:100%;
}

.mypage-bell-form .mypage-bell-box{
  width:100%;
  padding:0 1.25rem 0 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  gap:2.5rem 0;
}

.mypage-bell-form .mypage-bell-box::before{
  content:"";
  display: block;
  width:0.125rem;
  height:100%;
  background:#eee;
  position: absolute;
  left:1.3125rem;
  top:0;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con{
  position: relative;
  padding-left:2.125rem;
  z-index: 2;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con:last-child::before{
  content:'';
  display:block;
  width:100%;
  height:100%;
  position: absolute;
  background:#fff;
  z-index: -1;
  left:0;
  bottom:0;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con i{
  width:1.25rem;
  height:1.25rem;
  position: absolute;
  left:0;
  top:-0.2rem;
  border-radius: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con i::before{
  content:"";
  display:block;
  background:#acacac;
  width:0.5rem;
  height:0.5rem;
  border-radius: 0.5rem; 
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con .mypage-bell-date{
  font-size:0.875rem;
  font-weight:700;
  margin-bottom:0.5rem;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con.new i{
  background:#0096ff;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con.new i::before{
  display: none;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con.new i::after{
  content:"N";
  font-size:0.625rem;
  font-weight:900;
  color:#fff;
  font-style:normal;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con .bell-list-box{
  width:100%;
  display:flex;
  flex-direction: column;
  gap:1.25rem 0;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con .bell-list-box .bell-cont{
  width:100%;
  border-radius:0.625rem;
  border:0.0625rem solid #eee;
  overflow: hidden;
  background:#fff;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con .bell-list-box .bell-cont .bell-summary{
  width:100%;
  padding:0.75rem 1.25rem;

}

.mypage-bell-form .mypage-bell-box .mypage-bell-con .bell-list-box .bell-cont .bell-summary span{
  font-size:1rem;
  line-height:1.3;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con .bell-list-box .bell-cont .bell-summary span.line-hide{
  display:-webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con .bell-list-box .bell-cont.active .bell-summary span{
  -webkit-line-clamp: unset;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con .bell-list-box .bell-cont .bell-arrow{
  width:100%;
  display:flex;
  align-items: center;
  justify-content: center;
  margin-top:0.5rem;
  height:2.375rem;
  background:#f6f6f6;
  
  cursor:pointer;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con .bell-list-box .bell-cont .bell-arrow::before{
  content:"펼쳐보기";
  font-size:0.875rem;
  color:#666;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con .bell-list-box .bell-cont .bell-arrow::after{
  content:"";
  display:block;
  width:1rem;
  height:1rem;
  background:url(../images/contents/mypage_down_arrow.png) no-repeat center;
  background-size: contain;
  margin-left:0.25rem;
  transform: rotate(0deg);
  transition: all 0.2s;
  
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con .bell-list-box .bell-cont.active .bell-arrow::after{
  transform: rotate(180deg);
  transition: all 0.2s;
}

.mypage-bell-form .mypage-bell-box .mypage-bell-con .bell-list-box .bell-cont.active .bell-arrow::before{
  content:"접기";
  font-size:0.875rem;
  color:#666;
}

/* 마이페이지 입고 알림 */
.mypage-car-wait{
  width:100%;
}

.mypage-car-wait .car-wait-list{
  width:100%;
  display: flex;
  flex-direction: column;
  gap:0.75rem 0;
  padding:0 1.25rem;
}

.mypage-car-wait .car-wait-list .car-wait-con{
  width:100%;
  border-radius: 0.125rem;
  border:0.0625rem solid #eee;
  background:#fff;
}

.mypage-car-wait .car-wait-list .car-wait-con .cont{
  padding:1.25rem 1.25rem 1rem 1.25rem;
  display:flex;
  gap:0 0.5rem;
}

.mypage-car-wait .car-wait-list .car-wait-con .cont i{
  width:1.5rem;
  height:1.5rem;
}

.mypage-car-wait .car-wait-list .car-wait-con.wait .cont i{
  background:url(../images/contents/my_car_wait.png) no-repeat center;
  background-size: contain;
}

.mypage-car-wait .car-wait-list .car-wait-con.send .cont i{
  background:url(../images/contents/my_car_send.png) no-repeat center;
  background-size: contain;
}

.mypage-car-wait .car-wait-list .car-wait-con.over .cont i{
  background:url(../images/contents/my_car_over.png) no-repeat center;
  background-size: contain;
}

.mypage-car-wait .car-wait-list .car-wait-con .cont .wait-con{
  width:calc( 100% - 2rem );
}

.mypage-car-wait .car-wait-list .car-wait-con .cont .wait-con .wait-date{
  display:flex;
  align-items: center;
  gap:0 0.5rem;
}

.mypage-car-wait .car-wait-list .car-wait-con .cont .wait-con .wait-date .date{
  font-size:1rem;
  font-weight:500;
}

.mypage-car-wait .car-wait-list .car-wait-con .cont .wait-con .wait-date .date span{
  font-size:1rem;
  font-weight:700;
}

.mypage-car-wait .car-wait-list .car-wait-con .cont .wait-con .wait-date .status{
  display:flex;
  align-items: center;
  justify-content: center;
  width:3.5rem;
  height:1.5rem;
  background:#eee;
  font-size:0.75rem;
}

.mypage-car-wait .car-wait-list .car-wait-con.send .cont .wait-con .wait-date .date,
.mypage-car-wait .car-wait-list .car-wait-con.over .cont .wait-con .wait-date .date{
  color:#f4f4f4;
}

.mypage-car-wait .car-wait-list .car-wait-con.send .cont .wait-con .wait-date .status,
.mypage-car-wait .car-wait-list .car-wait-con.over .cont .wait-con .wait-date .status{
  background:#e3e3e3;
  color:#acacac;
}

.mypage-car-wait .car-wait-list .car-wait-con .cont .wait-con .car-name{
  font-size:1rem;
  line-height:1.4;
  margin-top:0.25rem;
  display:-webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mypage-car-wait .car-wait-list .car-wait-con.send .cont .wait-con .car-name,
.mypage-car-wait .car-wait-list .car-wait-con.over .cont .wait-con .car-name{
  color:#acacac; 
}

.mypage-car-wait .car-wait-list .car-wait-con .cont .wait-con .wait-summary{
  display:flex;
  flex-wrap: wrap;
  gap:0.25rem 0.5rem;
  margin-top:0.25rem;
}

.mypage-car-wait .car-wait-list .car-wait-con .cont .wait-con .wait-summary .wait-sum{
  font-size:0.875rem;
  line-height:1.3;
  color:#888;
}

.mypage-car-wait .car-wait-list .car-wait-con.send .cont .wait-con .wait-summary .wait-sum,
.mypage-car-wait .car-wait-list .car-wait-con.over .cont .wait-con .wait-summary .wait-sum{
  color:#acacac;
}

.mypage-car-wait .car-wait-list .car-wait-con .btn-box{
  width:100%;
  display:flex;
  align-items: center;
  border-top:0.0625rem solid #eee;
  position: relative;
}

.mypage-car-wait .car-wait-list .car-wait-con .btn-box::after{
  content:"";
  display:block;
  width:0.0625rem;
  height:0.875rem;
  background:#ddd;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate( -50%, -50% );
}

.mypage-car-wait .car-wait-list .car-wait-con .btn-box button{
  width:50%;
  position: relative;
  height:2.75rem;
  display:flex;
  align-items: center;
  justify-content: center;
  font-size:0.875rem;
  color:#666;
}

.mypage-car-wait .car-wait-list .car-wait-con .btn-box button::before{
  content:"";
  display:block;
  width:2rem;
  height:2rem;
}

.mypage-car-wait .car-wait-list .car-wait-con .btn-box button.wait-del::before{
  background:url(../images/contents/my_car_del.png) no-repeat center;
  background-size: contain;
}

.mypage-car-wait .car-wait-list .car-wait-con .btn-box button.wait-prolong::before{
  background:url(../images/contents/my_car_prolong.png) no-repeat center;
  background-size: contain;
}


.mypage-car-wait .pagenation-base{
  padding-bottom:6.25rem;
}

.mypage-section .car-wait-summary{
  padding:0 1.25rem 6.25rem 1.25rem;
}

/* 입고 알림 신청 */
.mypage-section .receiving-box{
  width:100%;
}
.mypage-section .receiving-box .title{
  padding:0 1.25rem;
  color:#131313;
  font-size:1.25rem;
  font-weight:700;
  line-height:1.5625rem;
  letter-spacing: -0.0625rem;
}
.mypage-section .receiving-box .inner{
  position:relative;
  margin-top:0.9375rem;
  padding:1.25rem 1.25rem 1.25rem 7.75rem;
  background:#f6f6f6;
}
.mypage-section .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:'';
}
.mypage-section .receiving-box .inner a{
  color:#131313;
  font-size:1.125rem;
  font-weight:700;
  line-height:1.5rem;
}
.mypage-section .receiving-box .inner p{
  margin-top:0.4375rem;
  color:#888;
  font-size:0.875rem;
  line-height:1.125rem;
}
.panel-box.panel-alarm .putbox input[type="tel"]:read-only {width: 100%;}
/* 입고 알림 신청 팝업 수정 */
.cs-select-con .select-set li {width: 100%;height: auto;height: 3.1rem;box-sizing: border-box;}
.cs-select-con .select-set li p {text-align: center;display: flex;align-items: center;justify-content: center;height: 100%;font-size:1rem;color: #888;}
.cs-select-con .select-set li.swiper-slide-active p {font-size: 1.125rem;color: #131313;font-weight: 700;}
.cs-select-con .select-set li.swiper-slide-active {background-color: #f9f9f9;}
.cs-select-con .cs-select-left {float: left;width: 50%;overflow: hidden;height: 17rem;}
.cs-select-con .cs-select-right {float: right; width: 50%;overflow: hidden;height: 17rem;}
.cs-select-right {
  position: relative;
}   

.cs-select-right::before,.cs-select-left::before,
.cs-select-right::after,.cs-select-left::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 10%;
  pointer-events: none;
  z-index: 3;
}

.cs-select-right::before,.cs-select-left::before {top: 0;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.3));}

.cs-select-right::after,.cs-select-left::after {bottom: 0;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.3));}

/* 입고알림 연장 팝업 */
#layer-prolong-choice{}

#layer-prolong-choice .prolong-form{
  width:100%;
}

#layer-prolong-choice .prolong-form .title{
  margin-top:2rem;
  font-size:1.125rem;
  font-weight:700;
}

#layer-prolong-choice .prolong-form .prolong-box{
  width:100%;
  margin-top:1.25rem;
  display:flex;
  align-items: center;
  gap:0 0.25rem;
}

#layer-prolong-choice .prolong-form .prolong-box .prolong-cont{
  width:33.33%;
  max-width:33.33%;
}

#layer-prolong-choice .prolong-form .prolong-box .prolong-cont input[type="radio"]{
  display:none;
}

#layer-prolong-choice .prolong-form .prolong-box .prolong-cont label{
  width:100%;
  height:3rem;
  display:flex;
  align-items: center;
  justify-content: center;
  font-size:1rem;
  color:#515151;
  border:0.0625rem solid #ddd;
  border-radius: 0.125rem;
}

#layer-prolong-choice .prolong-form .prolong-box .prolong-cont input[type="radio"]:checked + label{
  border:0.0625rem solid #131313;
  color:#131313;
  font-weight: 700;
}

#layer-prolong-choice .prolong-form .prolong-summary{
  margin:2.5rem 0;
}

/* 마이페이지 회원 정보 */
.mypage-user-form{
  width:100%;
  padding:2rem 0 6.25rem 0;
}

.mypage-user-form .user-check-box{
  width:100%;
  padding:0 1.25rem ;
}

.mypage-user-form .user-check-box .text{
  font-size:0.875rem;
  color:#666;
  line-height:1.3;
  text-align: center;
}

.mypage-user-form .user-check-box .user-sns-list{
  width:100%;
  display:flex;
  flex-direction: column;
  margin-top:2rem;
  gap:0.625rem 0;
}

.mypage-user-form .user-check-box .user-sns-list button{
  display: flex;
  align-items: center;
  justify-content: center;
  width:100%;
  height:3.125rem;
  border-radius: 0.25rem;
  border:0.0625rem solid #ccc;
  font-size:1rem;
  font-weight:500;
  color:#131313;
  position: relative;
}

.mypage-user-form .user-check-box .user-sns-list button::before{
  content:"";
  display:block;
  width:1.5rem;
  height:1.5rem;
  position: absolute;
  left:0.875rem;
  top:50%;
  transform: translate( -0, -50% );
}

.mypage-user-form .user-check-box .user-sns-list button.kakao::before{
  background:url(../images/contents/login_ico_kakao.png) no-repeat center;
  background-size: contain;
}

.mypage-user-form .user-check-box .user-sns-list button.naver::before{
  background:url(../images/contents/login_ico_naver.png) no-repeat center;
  background-size: contain;
}

.mypage-user-form .user-check-box .user-sns-list button.apple::before{
  background:url(../images/contents/login_ico_apple.png) no-repeat center;
  background-size: contain;
}

.mypage-user-form .user-check-box .user-email-box{
  margin-top:1.25rem;
}

.mypage-user-form .user-check-box .user-email-box .base-btn{
  width:100%;
  margin-top:0.625rem;
  border-radius: 0.25rem;
}

.user-info-form{
  width:100%;
}

.mypage-user-form .user-info-form .text{
  font-size:0.875rem;
  color:#666;
  line-height:1.3;
  text-align: center;
}

.mypage-user-form .user-info-form .user-modify-box{
  width:100%;
  margin-top:1.25rem;
  padding:0 1.25rem ;
}

/* 회원가입에도 공통 사용 */
.user-info-box{
  width:100%;
  display:flex;
  flex-direction: column;
  gap:1.25rem 0;
}

.user-info-box .user-info-con{
  width:100%;
}

.user-info-box .user-info-con .title{
  width:100%;
  display:flex;
  align-items: center;
  height:2rem;
  font-size:1rem;
}

.user-info-box .user-info-con .cont{
  margin-top:0.5rem;
  width:100%;
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  gap:0.5rem 0.5rem;
  min-height:3rem;
}

.user-info-box .user-info-con .cont .error{
  display: none;
  width:100%;
  font-size: 0.875rem;
  color:#ff3f3f;
  font-weight:500;
}

.user-info-box .user-info-con .cont .error.on{
  display: block;
}


.user-info-box .user-info-con .cont .mail-con{
  width:100%;
  height:3rem;
  display:flex;
  align-items: center;
  padding:0 1rem;
  background:#f9f9f9;
  font-size:1rem;
}

.user-info-box .user-info-con .cont .mail-con.ico::before{
  content:"";
  display:block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right:0.5rem;
}

.user-info-box .user-info-con .cont .mail-con.mail::before{
  background: url(../images/contents/login_ico_mail.png) no-repeat center;
  background-size: contain;
}

.user-info-box .user-info-con .cont .mail-con.kakao::before{
  background: url(../images/contents/login_ico_kakao_round.png) no-repeat center;
  background-size: contain;
}

.user-info-box .user-info-con .cont .mail-con.naver::before{
  background: url(../images/contents/login_ico_naver_round.png) no-repeat center;
  background-size: contain;
}

.user-info-box .user-info-con .cont .mail-con.apple::before{
  background: url(../images/contents/login_ico_apple_round.png) no-repeat center;
  background-size: contain;
}

.user-info-box .user-info-con .cont input[type="password"],
.user-info-box .user-info-con .cont input[type="text"]{
  width:100%;
}

.user-info-box .user-info-con .cont input.name:read-only{
  background:#f9f9f9;
  color:#131313;
  border:0;
  width:100%;
}

.user-info-box .user-info-con .cont input.phone:read-only{
  background:#f9f9f9;
  color:#131313;
  border:0;
  width:calc( 100% - 8rem );
}
.mypage-section .user-info-box .user-info-con .cont input.phone:read-only {width: calc(100%);}

.user-info-box .user-info-con .cont input.phone + .btn-box{
  width:7.5rem;
  position: relative;
}

.user-info-box .user-info-con .cont .btn-box button{
  width:100%;
  height:3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border:0.0625rem solid #ccc;
  font-size:1rem;
  font-weight:500;
  border-radius: 0.25rem;
}

.user-info-box .user-info-con .cont .btn-box .bubble{
  position: absolute;
  left:50%;
  top:-2.25rem;
  transform: translate( -50% , -0 );
}

.user-info-box .user-info-con .cont .btn-box .bubble span{
  width:max-content;
  display:flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding:0 1rem;
  height:2.5rem;
  border-radius: 2.5rem;
  border:0.0625rem solid #000;
  font-size:0.75rem;
  font-weight:700;
  background:#fff;
  animation: bubbleMove 2s infinite ;
}

.user-info-box .user-info-con .cont .btn-box .bubble span::before{
  content: "";
  width:0.625rem;
  height:0.5rem;
  background:url(../images/contents/bubble_dot.png) no-repeat center;
  background-size: contain;
  position: absolute;
  left:50%;
  bottom:-0.5rem;
  transform: translate( -50% , -0 );
  z-index: 2;
  
}

@-webkit-keyframes bubbleMove {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-0.25rem);
            transform: translateY(-0.25rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.user-info-box .user-info-con .cont .phone-summary{
  margin-top:0.25rem;
}

.user-info-box .user-info-con .cont .phone-summary .phone-change{
  color:#0096ff;
  display:block;
  font-size:0.875rem;
  font-weight:500;
}

.user-info-box .user-info-con .cont input.add-number{
  width:calc( 100% - 8rem );
}

.user-info-box .user-info-con .cont .add-search{
  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:500;
}

.mypage-user-form .user-info-form .user-policy-form{
  width:100%;
  margin-top:1.25rem;
}

.mypage-user-form .user-info-form .user-policy-form .title{
  width:100%;
  height:3.625rem;
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid #eee;
  padding:0 1.25rem 0 1.25rem;
  font-size:1.125rem;
  font-weight:500;
}

.mypage-user-form .user-info-form .user-policy-form .user-policy-box{
  padding:0 1.25rem 0 1.25rem;
}

.mypage-user-form .user-info-form .user-policy-form .user-policy-box .policy-head{
  width:100%;
  display:flex;
  justify-content: space-between;
}

.mypage-user-form .user-info-form .user-policy-form .user-policy-box .policy-head i{
  width:1rem;
  height:1rem;
  display:block;
  background:url(../images/common/btn_slide_gray_down.png) no-repeat center;
  background-size:contain;
  transform: rotate(0deg);
  transition: all 0.2s;
  margin-top:1rem;
}

.mypage-user-form .user-info-form .user-policy-form .user-policy-box .policy-head.active i{
  transform: rotate(180deg);
  transition: all 0.2s;
}

.mypage-user-form .user-info-form .user-policy-form .user-policy-box .policy-head .title-check{
  padding:0.625rem 0;
}

.mypage-user-form .user-info-form .user-policy-form .user-policy-box .policy-head .title-check input[type="checkbox"]{
  display:none;
}

.mypage-user-form .user-info-form .user-policy-form .user-policy-box .policy-head .title-check label{
  font-size:1rem;
  display: flex;
  word-break: keep-all;
  line-height:1.3;
  margin-top:0.1875rem;
}

.mypage-user-form .user-info-form .user-policy-form .user-policy-box .policy-head .title-check 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;
  margin-top:-0.1875rem;
}

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

.mypage-user-form .user-info-form .user-policy-form .user-policy-box .policy-summary-box{
  padding:1.25rem 1rem;
  background:#f9f9f9;
}

.mypage-user-form .user-info-form .user-policy-form .user-policy-box .policy-summary-box .policy-list{
  display:flex;
  flex-direction: column;
  gap:1rem 0;
}

.mypage-user-form .user-info-form .user-policy-form .user-policy-box .policy-summary-box .policy-list .policy-cont{
  width:100%;
}

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

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

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

.mypage-user-form .user-info-form .user-policy-form .policy-summary-text{
  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;
}

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

.mypage-user-form .user-info-form .user-modify-btn{
  width:100%;
  padding:0 1.25rem;
  margin-top:2.5rem;
}

.mypage-user-form .user-info-form .user-modify-btn button{
  width:100%;
  border-radius: 0.25rem ;
}

.mypage-user-form .user-info-form .user-modify-btn .user-withdrawal{
  width:100%;
  text-align: center;
  word-break: keep-all;
  margin-top:2.5rem;
  font-size:0.875rem;
  color:#888;
}

.mypage-user-form .user-info-form .user-modify-btn .user-withdrawal a{
  font-size:0.875rem;
  color:#131313;
  font-weight:700;
}

#user-modify-confirm .layer-cont{
  text-align: center;
  font-size:1.125rem; 
}

#user-modify-alert .layer-cont{
  text-align: center;
  font-size:1.125rem;
}

#user-modify-alert .layer-cont span{
  display:block;
  text-align: center;
  font-size:1.125rem;
  color:#666;
}

/* 회원 탈퇴 */
.mypage-user-form .user-info-form .user-withdrawal-box{
  width:100%;
}

.mypage-user-form .user-info-form .user-withdrawal-box{
  width:100%;
  padding:0 1.25rem;
  margin-top:1.25rem;
}

.user-info-box .user-info-con .cont .select-cont{
  width:100%;
  height:3rem;
  padding:0 1rem;
  display:flex;
  align-items: center;
  justify-content: space-between;
  font-size:1rem;
  color:#888;
  background:#f6f6f6;
}

.user-info-box .user-info-con .cont .select-cont::after{
  content:"";
  display:block;
  width:1rem;
  height:1rem;
  background:url(../images/common/ico_toggle_arr.png) no-repeat center;
  background-size:contain;
}

.user-info-box .user-info-con .cont .select-cont.select{
  font-weight:  700;
  color:#131313;
}

.user-info-box .user-info-con .cont .withdrawal-area{
  display:none;
}

.user-info-box .user-info-con .cont .withdrawal-area.on{
  display:block;
}

.mypage-user-form .user-info-form .withdrawal-summary{
  width:100%;
  background:#f9f9f9;
  padding:1.875rem 1.25rem;
  margin-top:2.5rem;
}

.mypage-user-form .user-info-form .withdrawal-summary ul{
  margin-top:0.75rem;
}

.mypage-user-form .user-info-form .withdrawal-summary ul li span{
  font-weight:700;
}

.mypage-user-form .user-info-form .withdrawal-check-box{
  width:100%;
  padding:0 1.25rem;
  height:3.625rem;
  display:flex;
  align-items: center;
}

.mypage-user-form .user-info-form .withdrawal-check-box input[type="checkbox"]{
  display: none;
}

.mypage-user-form .user-info-form .withdrawal-check-box label{
  font-size:1rem;
  display: flex;
  align-items: center;
  word-break: keep-all;
  line-height:1.3;
}

.mypage-user-form .user-info-form .withdrawal-check-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;
}

.mypage-user-form .user-info-form .withdrawal-check-box label span{
  font-size:1.125rem;
  font-weight:500;
  color:#131313;
}

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

.mypage-user-form .user-info-form .user-withdrawal-btn{
  width:100%;
  display:flex;
  align-items: center;
  padding:0 1.25rem;
  margin-top:2.5rem;
  gap:0 0.3125rem;
}

.mypage-user-form .user-info-form .user-withdrawal-btn button{
  border-radius: 0.25rem;
}

.mypage-user-form .user-info-form .user-withdrawal-btn button.white{
  width:7.5rem;
}

.mypage-user-form .user-info-form .user-withdrawal-btn button.red{
  width:calc( 100% - 7.75rem );
}

.mypage-user-form .user-info-form .user-withdrawal-btn button.blue{
  width:100%;
}

/* 탈퇴 사유 팝업 */
#layer-reason-choice{
  display:none;
}

#layer-reason-choice .reason-form{
  width:100%;
}

#layer-reason-choice .reason-form .reason-box{
  width:100%;
}

#layer-reason-choice .reason-form .reason-box .reason-con{
  width:100%; 
  display:flex;
  align-items: center;
  height:3rem;
}

#layer-reason-choice .reason-form .reason-box .reason-con input[type="radio"]{
  display:none;
}

#layer-reason-choice .reason-form .reason-box .reason-con label{
  width:100%;
  display: flex;
  align-items: center;
}

#layer-reason-choice .reason-form .reason-box .reason-con label span{
  font-size:1rem;
  color:#333;
  font-weight:500;
}

#layer-reason-choice .reason-form .reason-box .reason-con label i{
  display:block;
  width:1.5rem;
  height:1.5rem;
  border-radius: 1.5rem;
  border: 0.0625rem solid #ddd;
  margin-right:0.875rem;
  position: relative;
}

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

#layer-reason-choice .reason-form .reason-box .reason-con input[type="radio"]:checked + label i::before{
  content:"";
  display :block;
  width:1rem;
  height:1rem;
  border-radius: 1rem;
  background:#0096ff;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate( -50% , -50% );
}


/* 보유 쿠폰 현황 */
#layer-coupon-view{
  width:100%;
}

#layer-coupon-view .layer-cont .coupon-form{
  width:100%;
}

#layer-coupon-view .layer-cont .coupon-form .coupon-box{
  width:100%;
}

#layer-coupon-view .layer-cont .coupon-form .coupon-box .coupon-con{
  width:100%;
  height:3rem;
  display:flex;
  align-items: center;
  font-size:1rem;
  font-weight:500;
  color:#333;
}

#user-withdrawal-alert .layer-cont,
#user-withdrawal-confirm .layer-cont{
  text-align: center;
  font-size:1.125rem;
  color:#131313;
}

/* 회원 탈퇴 완료 */
.withdrawal-info-form{
  width:100%;
  padding:3.25rem 1.25rem 0 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.withdrawal-info-form i{
  display: block;
  width:5rem;
  height:5rem;
  background:url(../images/contents/withdrawal_ico.png) no-repeat center;
  background-size:contain;
}

.withdrawal-info-form .title{
  width:100%;
  text-align: center;
  margin-top:1.5rem;
  font-size:1.25rem;
  line-height:1.3; 
  color:#131313;
}

.withdrawal-info-form .txt{
  width:100%;
  text-align: center;
  margin-top:0.75rem;
  font-size:0.875rem;
  color:#666;
  line-height:1.3;
}
/* 해당 부분은 추후 common.css에 추가 */
.base-btn.red{
  background:#ff3f3f;
  color:#fff;
}

  
/* 24.09.25 조충희 1:1문의 작업 */
.custormer-section{
  width:100%;
}

.custormer-section .custormer-line-text{
  width:100%;
  padding:0 1.25rem;
  background:#f9f9f9;
  height:3.625rem;
  display:flex;
  align-items: center;
  font-size:1rem;
  color:#131313;
}

.custormer-section .custormer-head{
  width:100%;
}

.custormer-section .custormer-head .login-box{
  width:100%;
  padding:0.75rem 0;
  border-bottom:0.0625rem solid #eee; 
}

.custormer-section .custormer-head .login-box .login-txt{
  width:100%;
  padding:0 1.25rem;
  font-size:1rem;
  color:#515151;
  word-break: keep-all;
  line-height:1.3;
}

.custormer-section .custormer-head .login-box .login-txt span{
  font-size:1rem;
  color:#515151;
  font-weight:700;
}

.custormer-section .custormer-head .login-box .login-btn{
  width:100%;
  margin-top:1.25rem;
  display:flex;
  align-items: center;
  position: relative;
}

.custormer-section .custormer-head .login-box .login-btn::before{
  content:"";
  display:block;
  width: 0.0625rem;
  height: 0.75rem;
  background:#ddd;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate( -50%, -50% );
}

.custormer-section .custormer-head .login-box .login-btn a{
  display:flex;
  width:50%;
  align-items: center;
  justify-content: center;
  height:1.6rem;
  font-size:1rem;
  color:#666;
  gap:0 0.25rem;
}

.custormer-section .custormer-head .login-box .login-btn a::before{
  content:"";
  display:block;
  width:1.5rem;
  height:1.5rem;  
}

.custormer-section .custormer-head .login-box .login-btn a.login::before{
  background:url(../images/contents/custormer_login_ico.png) no-repeat center;
  background-size:contain;
}

.custormer-section .custormer-head .login-box .login-btn a.join::before{
  background:url(../images/contents/custormer_join_ico.png) no-repeat center;
  background-size:contain;
}

.custormer-section .custormer-head .user-info{
  width:100%;
  height:3.5625rem;
  display:flex;
  align-items: center;
  font-size:1rem;
  color:#515151;
  padding:0 1.25rem;
}

.custormer-section .custormer-head .user-info span{
  font-size:1rem;
  color:#515151;
  font-weight:700;
}

.custormer-section .custormer-car-form{
  width:100%;
  padding:1.5rem 1.25rem 0.5rem 1.25rem;
}

.custormer-section .custormer-car-form .car-number{
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0 0.75rem;
  height: 1.375rem;
  border:0.0625rem solid #0096ff;
  background:#f4f9ff;
  border-radius: 0.3125rem;
  font-size:0.875rem;
  color:#579aff;
  font-weight:700;
  width:max-content;
  position: relative;
}

.custormer-section .custormer-car-form .car-number::before{
  content:"";
  display:block;
  width:0.125rem;
  height:0.125rem;
  border-radius: 0.125rem;
  background:#0096ff;
  position: absolute;
  left: 0.375rem;
  top:50%;
  transform: translate( -0, -50% );
}

.custormer-section .custormer-car-form .car-number::after{
  content:"";
  display:block;
  width:0.125rem;
  height:0.125rem;
  border-radius: 0.125rem;
  background:#0096ff;
  position: absolute;
  right: 0.375rem;
  top:50%;
  transform: translate( -0, -50% );
}

.custormer-section .custormer-car-form .car-name{
  width:100%;
  margin-top:0.75rem;
  font-size:1.625rem;
  font-weight:700;
  line-height:1.3;
  font-weight:700;
  word-break: keep-all;
}

.custormer-section .custormer-car-form .car-infos{
  width:100%;
  margin-top:0.5rem;
  display:flex;
}

.custormer-section .custormer-car-form .car-infos li{
  font-size:0.875rem;
  color:#666;
  display:flex;
  align-items: center;
}

.custormer-section .custormer-car-form .car-infos li::after{
  content:"";
  display:block;
  width:0.1875rem;
  height:0.18975rem;
  border-radius: 0.1875rem;
  background:#ddd;
  margin:0 0.375rem;
}

.custormer-section .custormer-car-form .car-infos li:last-child::after{
  display:none;
}

.custormer-section .custormer-car-form .car-pay{
  width:100%;
  margin-top:0.625rem;
  font-size:0.875rem;
  color:#515151;
}

.custormer-section .custormer-car-form .car-pay span{
  font-size:1.6225rem;
  font-weight:700;
  color:#131313;
}

.custormer-section .custormer-inpt{
  width:100%;
}

.custormer-section .custormer-inpt .custormer-inpt-head{
  width:100%;
  height:2.375rem;
  display:flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 0.0625rem solid #acacac;
  padding:0 1.25rem;
}

.custormer-section .custormer-inpt .custormer-inpt-head .txt{
  font-size:0.875rem;
  color:#515151;
}

.custormer-section .custormer-inpt .custormer-inpt-head .txt::before{
  content:"*";
  font-size:0.875rem;
  color:#ff3f3f;
  margin-right:0.125rem;
}
.custormer-section .custormer-inpt .custormer-inpt-form {
  padding:0.9375rem 1.25rem 2.5rem 1.25rem;
  border-bottom: 0.063rem solid #ddd;
}

.custormer-section .custormer-inpt .custormer-inpt-box{
   width:100%;
   display:flex;
   flex-direction: column;
   gap:1.25rem 0;
}

.custormer-section .custormer-inpt .custormer-inpt-box .custormer-inpt-con{
  width:100%;
  display: flex;
  flex-direction: column;
  gap:8px;
}

.custormer-section .custormer-inpt .custormer-inpt-box .custormer-inpt-con .title{
  width:100%;
  display:flex;
  align-items: center;
  height:2rem;
  font-size:1rem;
  color:#131313;
}

.custormer-section .custormer-inpt .custormer-inpt-box .custormer-inpt-con.require .title::after{
  content:"*";
  font-size:1rem;
  color:#ff3f3f;
  margin-top:-0.5rem;
  margin-left:0.125rem;
}

.custormer-section .custormer-inpt .custormer-inpt-box .custormer-inpt-con .cont {
  position: relative;
  display: flex;
  flex-direction: column;
  gap:0.5rem 0.5rem;
}

.custormer-section .custormer-inpt .custormer-inpt-box .custormer-inpt-con .cont .search-txt-delete {
  right: 1rem;
}
.custormer-section .custormer-inpt .custormer-inpt-box .custormer-inpt-con .cont .select-cont{
  width:100%;
  height:3rem;
  padding:0 1rem;
  display:flex;
  align-items: center;
  justify-content: space-between;
  font-size:1rem;
  color:#888;
  background:#f6f6f6;
}

.custormer-section .custormer-inpt .custormer-inpt-box .custormer-inpt-con .cont .select-cont::after{
  content:"";
  display:block;
  width:1rem;
  height:1rem;
  background:url(../images/common/ico_toggle_arr.png) no-repeat center;
  background-size:contain;
}

.custormer-section .custormer-inpt .custormer-inpt-box .custormer-inpt-con .cont .select-cont.select{
  font-weight:  700;
  color:#131313;
}

.custormer-section .custormer-btn-box{
  width:100%;
  margin-top:2.5rem;
  padding:1rem 1.25rem;
  border-top:0.0625rem solid #eee;
  display: flex;
  align-items: center;
  gap:0 0.3125rem;
}

.custormer-section .custormer-btn-box button{
  width:50%;
  max-width:50%;
  border-radius: 0.25rem;
}


/* 상담 유형 팝업 */
#layer-custormer-type{
  width:100%;
}

#layer-custormer-type .custormer-form{
  width:100%;
}

#layer-custormer-type .custormer-form .custormer-box{
  width:100%;
}

#layer-custormer-type .custormer-form .custormer-box .custormer-con{
  width:100%; 
  display:flex;
  align-items: center;
  height:3rem;
}

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

#layer-custormer-type .custormer-form .custormer-box .custormer-con label{
  width:100%;
  display: flex;
  align-items: center;
}

#layer-custormer-type .custormer-form .custormer-box .custormer-con label span{
  font-size:1rem;
  color:#333;
  font-weight:500;
}

#layer-custormer-type .custormer-form .custormer-box .custormer-con label i{
  display:block;
  width:1.5rem;
  height:1.5rem;
  border-radius: 1.5rem;
  border: 0.0625rem solid #ddd;
  margin-right:0.875rem;
  position: relative;
}

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

#layer-custormer-type .custormer-form .custormer-box .custormer-con input[type="radio"]:checked + label i::before{
  content:"";
  display :block;
  width:1rem;
  height:1rem;
  border-radius: 1rem;
  background:#0096ff;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate( -50% , -50% );
}


/* 상담 시간 팝업 */
#layer-custormer-time{
  width:100%;
}

#layer-custormer-time .custormer-form{
  width:100%;
}

#layer-custormer-time .custormer-form .custormer-box{
  width:100%;
}

#layer-custormer-time .custormer-form .custormer-box .custormer-con{
  width:100%; 
  display:flex;
  align-items: center;
  height:3rem;
}

#layer-custormer-time .custormer-form .custormer-box .custormer-con input[type="radio"]{
  display:none;
}

#layer-custormer-time .custormer-form .custormer-box .custormer-con label{
  width:100%;
  display: flex;
  align-items: center;
}

#layer-custormer-time .custormer-form .custormer-box .custormer-con label span{
  font-size:1rem;
  color:#333;
  font-weight:500;
}

#layer-custormer-time .custormer-form .custormer-box .custormer-con label i{
  display:block;
  width:1.5rem;
  height:1.5rem;
  border-radius: 1.5rem;
  border: 0.0625rem solid #ddd;
  margin-right:0.875rem;
  position: relative;
}

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

#layer-custormer-time .custormer-form .custormer-box .custormer-con input[type="radio"]:checked + label i::before{
  content:"";
  display :block;
  width:1rem;
  height:1rem;
  border-radius: 1rem;
  background:#0096ff;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate( -50% , -50% );
}

/* 상담 신청 완료 */
.custormer-view-form{
  width:100%;
}

.custormer-view-form .custormer-view-title{
  padding:4rem 0;
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.custormer-view-form .custormer-view-title i{
  width:3rem;
  height:3rem;
  background:url(../images/sub/buy_success_ico.png) no-repeat center;
  background-size:contain;
}

.custormer-view-form .custormer-view-title .title{
  margin-top:0.75rem;
  font-size:1.375rem;
  font-weight:700;
  line-height:1.3;
  text-align: center;
  color:#131313;
}

.custormer-view-form .custormer-view-title .txt{
  margin-top:0.375rem;
  font-size: 0.875rem;
  color:#666;
}

.custormer-view-form .custormer-view-info{
  width:100%;
  padding:0 1.25rem 2.5rem 1.25rem;
}

.custormer-view-form .custormer-view-info .custormer-info-title{
  width:100%;
  font-size:1rem;
  font-weight:600;
  color:#131313;
  padding-bottom:1.0625rem;
  border-bottom:0.0625rem solid #131313;
  text-align: left;
}

.custormer-view-form .custormer-view-info .info-list{
  width:100%;
  padding:1rem 0 ;
  display:flex;
  flex-direction: column;
  gap:1rem 0;
}

.custormer-view-form .custormer-view-info .info-list .info-con{
  width:100%;
  display:flex;
  gap:0 1.25rem;
}

.custormer-view-form .custormer-view-info .info-list .info-con .title{
  width:5rem;
  font-size:0.875rem;
  color:#666;
  line-height:1.5;
}

.custormer-view-form .custormer-view-info .info-list .info-con .cont{
  width:calc( 100% - 6.25rem );
  display:flex;
  flex-direction: column;
  gap:0.5rem 0;
}

.custormer-view-form .custormer-view-info .info-list .info-con .cont .car-number{
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0 0.75rem;
  height: 1.375rem;
  border:0.0625rem solid #0096ff;
  background:#f4f9ff;
  border-radius: 0.3125rem;
  font-size:0.875rem;
  color:#579aff;
  font-weight:700;
  width:max-content;
  position: relative;
}

.custormer-view-form .custormer-view-info .info-list .info-con .cont .car-number::before{
  content:"";
  display:block;
  width:0.125rem;
  height:0.125rem;
  border-radius: 0.125rem;
  background:#0096ff;
  position: absolute;
  left: 0.375rem;
  top:50%;
  transform: translate( -0, -50% );
}

.custormer-view-form .custormer-view-info .info-list .info-con .cont .car-number::after{
  content:"";
  display:block;
  width:0.125rem;
  height:0.125rem;
  border-radius: 0.125rem;
  background:#0096ff;
  position: absolute;
  right: 0.375rem;
  top:50%;
  transform: translate( -0, -50% );
}

.custormer-view-form .custormer-view-info .info-list .info-con .cont .txt{
  font-size:0.875rem;
  font-weight:500;
  color:#131313;
  line-height:1.5;
}

.custormer-view-form .custormer-view-info .info-list .info-con .cont .sum-txt{
  font-size:0.875rem;
  font-weight:500;
  color:#131313;
  line-height:1.4;
  white-space: pre-line;
  word-break: keep-all;
}

.custormer-view-form .custormer-view-btn{
  padding:1.0625rem 1.25rem 1rem 1.25rem;
  border-top:0.0625rem solid #eee;

}

.custormer-view-form .custormer-view-btn a{
  width:100%;
  border-radius: 0.25rem;
}

.custormer-view-form .custormer-cont{
  width:100%;
  border-top:0.625rem solid #f0f0f0;
  padding:2.5rem 1.25rem;
}

.custormer-view-form .custormer-cont .custormer-cont-title{
  padding:0 0 2rem 0;
  font-size:1.125rem;
  font-weight:700;
  color:#131313;
}

.custormer-view-form .custormer-cont .custormer-cont-box{
  width:100%;
  display:flex;
  align-items: center;
  padding-bottom:1.625rem;
  border-bottom:0.0625rem solid #eee;
}

.custormer-view-form .custormer-cont .custormer-cont-box a{
  display:flex;
  align-items: center;
  justify-content: center;
  width:50%;
  flex-direction: column;

}

.custormer-view-form .custormer-cont .custormer-cont-box a:first-child{
  border-right:0.0625rem solid #eee;
}

.custormer-view-form .custormer-cont .custormer-cont-box a i{
  display:block;
  width:3.5rem;
  height:3.5rem;
}

.custormer-view-form .custormer-cont .custormer-cont-box a.custormer-add i{
  background:url(../images/contents/custormer_add_ico.png) no-repeat center;
  background-size:contain;
}

.custormer-view-form .custormer-cont .custormer-cont-box a.custormer-faq i{
  background:url(../images/contents/custormer_faq_ico.png) no-repeat center;
  background-size:contain;
}

.custormer-view-form .custormer-cont .custormer-cont-box a .txt{
  font-size:1rem;
  font-weight:700;
  color:#131313;
  margin-top:0.625rem;
}

.custormer-view-form .custormer-cont .custormer-call{
  margin-top:1.625rem;
}

.custormer-view-form .custormer-cont .custormer-call .title{
  font-size:1rem;
  font-weight:700;
  color:#131313;
}

.custormer-view-form .custormer-cont .custormer-call .call-number{
  width:100%;
  margin-top:0.75rem;
  height:4rem;
  background:#f9f9f9;
  border:0.0625rem solid #eee;
  border-radius: 0.3125rem;
  display:flex;
  align-items: center;
  justify-content: center;
  font-size:1.375rem;
  font-weight:700;
  color:#131313;
}

.custormer-view-form .custormer-cont .custormer-call .call-number::before{
  content:"";
  display: block;
  width:2rem;
  height:2rem;
  margin-right:0.625rem;
  background:url(../images/common/ico_cs_call.png) no-repeat center;
  background-size:contain;
}

.custormer-view-form .custormer-cont .custormer-call .call-time{
  width:100%;
  display:flex;
  align-items: center;
  margin-top:0.25rem;
  font-size:0.9375rem;
  font-weight:500;
  color:#888;
  height:2rem;

}

.custormer-view-form .custormer-cont .custormer-call .call-time::before{
  content:"";
  display:block;
  width:1rem;
  height:1rem;
  background:url(../images/contents/custormer_time_ico.png) no-repeat center;
  background-size:contain;
  margin-right:0.3125rem;
}

/*****************************
      내차팔기 차량정보확인
*****************************/
.car-info-list .t-list {border-top: 0.063rem solid #131313;padding-top: 1.25rem;}
.car-info-list .t-list li {display: flex;justify-content: space-between;margin: 0.625rem 0;}
.car-info-list .t-list li:first-child {margin-top: 0;}
.car-info-list .t-list li span {width: 24%;}
.car-info-list .t-list li p {width: 75%;padding-left: 1rem;box-sizing: border-box;line-height: 1.375rem;font-weight: 600;color: #131313;}
/* 본인인증 */
.sale-content .layer-btn {padding: 1.315rem 1.25rem;gap: 0.315rem;}
.sale-content .layer-btn a,.sale-content .layer-btn button {border-radius: 0.25rem;}

/*****************************
      회원가입 및 로그인 css
*****************************/
/* 회원가입 */
.join_form .form-ly-comm .f-row {display: block;}
.join-content .inner {padding: 0 1.25rem;}
.join-content .join_b_btn {background-color: #0096FF;color: #fff;border-radius: 0.25rem;width: 100%;height: 3.125rem;display: flex;align-items: center;justify-content: center;font-size: 1rem;}
.sns-login .under-tit {position: relative;width: 100%;padding: 0.5rem 0;text-align: center;}
.sns-login .under-tit:after {content: '';position: absolute;width: 100%;left: 0;right: 0;height: 0.125rem;background-color: #eee;}
.sns-login .under-tit span {font-size: 0.75rem;position: relative;margin: 0 auto;top: -0.54rem;padding: 0 0.625rem;background-color: #fff;z-index: 5;position: relative;}
/* sns 로그인 */
.login-set .login-btn {display: flex;position: relative;text-align: center;padding: 0 1.063rem;border: 0.063rem solid #ccc;border-radius: 0.25rem;height: 3.125rem;justify-content: center;align-items: center;margin-top: 0.625rem;}
.login-set .login-btn .icon {position: absolute;left: 1.063rem;}
.login-set .login-btn .login-t {font-size: 1rem;color: #131313;font-weight: 600;}
/* service banner */
.join-content .service-info-list {background-color: #F4F4F4;padding: 2.5rem 1.25rem;}
.join-content .service-info-list .sv-box {background-color: #fff;}
.join-content .service-info-list .sv-box a {display: flex;justify-content: flex-start;padding: 1.25rem;}
.join-content .service-info-list .sv-box .icon {width: 5.25rem;}
.service-info-list .sv-box .ttext {word-break: break-word;flex: 5;}
.service-info-list .sv-box .ttext .m-title {margin-bottom: 0.313rem;}
/*****************************
      회원가입 폼 css
*****************************/
.phone-inpt.row {width: 100%;display: flex;flex-wrap: wrap;gap: 0.5rem 0.5rem;}
.phone-inpt.row .phone-number {width: calc( 100% - 8rem );}
.phone-inpt.row .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-inpt.row .phone-send.disabled {color: #ccc;}
.phone-inpt.row .error {width:100%;font-size:0.875rem;color:#ff3f3f;display:none;}
.phone-check-inpt.row .error {width:100%;font-size:0.875rem;color:#ff3f3f;}
.phone-row .half_ver1 .comm-select,.address-row .half_ver1 .comm-btn {flex:1;flex-basis: 7.5rem;}
.phone-row .half_ver1 .comm-put,.address-row .half_ver1 .comm-put {flex:1;flex-basis: 12.938rem;}
.f-row .comm-select {font-size: 1rem;width: 100%;}
.f-row select:invalid {color: #888;background-color: #f6f6f6;}
.f-row .comm-select option {color: #131313;background-color: #fff;}
.join_form .f-row .tit {position: relative;}
/* 회원가입 폼 하단 fixed버튼 */
.join-content .layer-btn {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;}
.join-content .layer-btn .base-btn {width: 100%;}
.join-content.join-form {padding-bottom: 6.25rem;}
.f-row .row.date-row {display: flex;gap: 0.5rem;}
.f-row .row.date-row .comm-put {flex: 1;}
.f-row .date-row .month-select {flex: 1;background-color: #f6f6f6;background-image: url(../images/common/btn_chevron_fold.png);background-repeat: no-repeat;background-position: 91% center;display: flex;align-items: center;padding: 0 0.5rem;}
.f-row .date-row .day-select {flex: 1;background-color: #f6f6f6;background-image: url(../images/common/btn_chevron_fold.png);background-repeat: no-repeat;background-position: 91% center;display: flex;align-items: center;padding: 0 0.75rem;font-size: 1rem;}
.f-row .gender-select {flex: 1;background-color: #f6f6f6;background-image: url(../images/common/btn_chevron_fold.png);background-repeat: no-repeat;background-position: 91% center;display: flex;align-items: center;padding: 0 0.75rem;font-size: 1rem;height: 3rem;}
.f-row .gender-select .t-gender {color: #888;}
.f-row .gender-select.on .t-gender {color: #131313;}
.f-row .date-row p {color: #888;font-size: 1rem;}
/* 생년월일 */
#layer-date-month .layer-box,#layer-date-day .layer-box,#layer-gender .layer-box {padding-bottom: 1.5rem;}
.radio-list.date-list li,.radio-list.gender-list li {padding: 0.75rem 0;}
.radio-list.date-list li .text,.radio-list.gender-list li .text {margin-left: 0.75rem;font-size: 1rem;color: #333;font-weight: 600;}
/* 회원가입 비밀번호 툴팁 */
#wrap .join_form .layer-tooltip-wrap .tip-box {overflow-y: hidden;max-height: 100%;}
.layer-tooltip-wrap .tip-box .comm-number li {color: #fff;font-size: 0.875rem;line-height: 1.375rem;padding-left: 1rem;position: relative;}
.layer-tooltip-wrap .tip-box .comm-number li .num {position: absolute;left: 0;font-size: 0.875rem;} 
/* 회원가입폼 입력 오류 및 성공 텍스트 */
.f-row .check-ok,.f-row .error {display: none;}
.f-row .check-ok.active,.f-row .error.active {display: block;}
/* input 텍스트입력 지우기버튼 */
.f-row .putbox {position: relative;}
.f-row .search-txt-delete {right: 1rem;}
/* 휴대폰번호 인증번호 */
.phone-row .f-bt {position: relative;}
.join-number-check {display: none;}
.layer-snack-wrap#joinCheckPop {position: absolute;display: none;bottom: auto;left: 0;right: 0;width: 100%;top: 1rem;}
.phone-check-inpt {position: relative;}
/* 서비스 이용약관 동의 */
.join_form .form-ly-comm .f-row.turms-row {display: block;}
.public-list p {color: #888;font-size: 0.825rem;line-height: 1.375rem;}
.payment-section .check-button .text {letter-spacing: -0.05rem;margin-left: 0;}
.f-row .check-button .label {display: flex;line-height: normal;padding-left: 2rem;box-sizing: border-box;padding-right: 1.7rem;}
.f-row .check-button .bg-arr {position: absolute;left: 0;}
.f-row .check-button .bg-arr:before {left: 0;}
.f-row .mscommp {letter-spacing: -0.05rem;}
.check-button.all-btn {padding: 1.063rem 0;position: relative;width: 100%;}
.payment-section .check-button.all-btn:before {content: '';position: absolute;left: -1.25rem;right: -1.25rem;height: 0.063rem;background-color: #ddd;bottom: 0;}
.check-button.all-btn .agree-tset .text {font-size: 1.125rem;font-weight: 600;}
.form-ly-comm .slide-header .btn-slide {top: 1.3rem;}
/* 서비스 이용약관,개인정보처리의 위탁에 관한 사항 */
.layer-cont .terms-box {overflow: hidden;}
.terms_popup.full .layer-cont .terms-box {overflow: auto;}
.terms-table-con {overflow-x: auto;}
.terms-table-con table {border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;box-sizing: border-box;margin: 1.25rem 0 0;}
.terms-table-con th {background-color: #F4F4F4;font-weight: bold;}
.terms-table-con td {}
.terms-table-con th,.terms-table-con td {border-right: 1px solid #ddd;box-sizing: border-box;border-top: 1px solid #ddd;font-size: 0.875rem;color: #888;padding: 0.75rem 0.5rem;}
.terms-box p {line-height: 1.375rem;font-size: 0.875rem;}
.form-ly-comm .slide-header button.btn-layer::before {background-image: url(../images/common/arrow-right.svg);}
.form-ly-comm .slide-header button.btn-layer.up::before {background-image: url(../images/common/arrow-right.svg);}
.form-ly-comm .slide-header .btn-slide::before {background-image: url(../images/common/btn_slide_gray_up2.svg);}
.form-ly-comm .slide-header .btn-slide.up::before {background-image: url(../images/common/btn_slide_gray_down2.svg);}
/* 회원가입 완료 텍스트 */
.check-button.all-btn:before {content: '';position: absolute;left: -1.25rem;right: -1.25rem;height: 0.063rem;background-color: #ddd;bottom: 0;}
.join_textbox .icon img {display: inline-block;}
.join_textbox .l-title {line-height: 2rem;font-weight: 600;}
.id-text {text-align: center;color: #131313;background-color: #F9F9F9;height: 3rem;font-weight: 500;display: flex;align-items: center;justify-content: center;font-size: 1rem;}
.join-content.t-con .layer-btn {padding: 1.25rem;}
/* 회원가입 약관동의 */
.blit_fixed {position: relative;padding-left: 1rem;}
.blit_fixed span {position: absolute;left: 0;}
/* 회원가입 완료 안내  */
.t-con {min-height: 48vh;display: flex;justify-content: center;align-items: center;}
.join_textbox p {line-height: 2rem;}


/*****************************
      고객센터 연결 배너
*****************************/
.call_banner {background-color: #F4F9FF;padding: 1.25rem;background-image: url(../../resources/images/sub/bg_call.png);background-repeat: no-repeat;background-position: 95% bottom;background-size: auto 90%;}
.call_banner .mlcommp {line-height: 1.625rem;}
.call_banner .mlcommp a {font-size: 1.25rem;}
.call_banner .mscommp {margin-top: 0.625rem;}

/*****************************
      로그인
*****************************/
.login-content {padding-bottom: 3.75rem;}
.login-content .inner {padding: 0 1.25rem;box-sizing: border-box;width: 100%;}
.login-content .comm-login {width: 100%;height: 3.25rem;border-radius: 0.25rem;font-size: 1rem;font-weight: 600;}
.login_link {display: flex;justify-content: center;}
.login_link a {position: relative;display: block;font-size: 0.875rem;font-weight: 600;padding: 0 0.625rem;}
.login_link a:before {content: '';position: absolute;right: 0;width: 0.063rem;background-color: #ddd;height: 0.75rem;top: 0.1rem;}
.login_link a:last-child:before {display: none;}
.login-content .f-bt .commp {line-height: 1.5rem;}
.login-content .check-button label {margin-bottom: 1rem;}

/*****************************
      아이디 찾기
*****************************/
.id-text:before {width: 1.5rem;height: 1.5rem;background-repeat: no-repeat;background-size: 100%;margin-right: 1rem;}
.id-text.reborn:before {content: '';left: 1rem;background-image: url(../../resources/images/sub/sns-icon-reborn.svg);width: 1.5rem;height: 1.5rem;}
.id-text.kakao:before {content: '';left: 1rem;background-image: url(../../resources/images/sub/sns-icon-kakao.svg);}
.id-text.apple:before {content: '';left: 1rem;background-image: url(../../resources/images/sub/sns-icon-apple.svg);}
.id-text.naver:before {content: '';left: 1rem;background-image: url(../../resources/images/sub/sns-icon-naver.svg);}
.t-con .icon img {display: inline-block;}
.t-con .commp {line-height: 1.5rem;}
.t-con .back_btn {color: #0096FF;font-size: 1rem;display: block;font-weight: 500;}
/* 조회된 아이디 없음 */
.login-content.t-con {height: 75vh;}

/*****************************
      팝업 비밀번호 변경 #layer-password
*****************************/
.layer-box .layer-tit {padding: 1.5rem 1.25rem;}
.layer-box .layer-tit .mlcommp {line-height: 1.75rem;}
#layer-password .layer-cont {padding: 0 1.25rem 1.5rem;}
#layer-password .form-ly-comm {border-top: 0.063rem solid #000;padding-top: 1.5rem;}
#layer-password .layer-cont .comm-put {width: 100%;}
#layer-password form {width: 100%;}
.layer-box .layer-cont .error {display: none;}
.layer-box .layer-cont .error.active {display: block;}

/*****************************
      팝업 비밀번호 변경 완료 #layer-password-success
*****************************/
#layer-password-success .layer-cont {display: block;padding: 0rem 1.25rem;}
#layer-password-success .it-con {border-top: 0.063rem solid #131313;}
.it-con {min-height: 45vh;align-items: center;justify-content: center;display: flex;flex-direction: column;}
.it-con .icon {text-align: center;}
.it-con .icon img {display: inline-block;}


/*****************************
      이미지배너 .ss_banner
*****************************/
.ss_banner img {width: 100%;}

/*****************************
      팝업 가치보장 서비스이용 #layer-service-p
*****************************/
#layer-service-p .layer-cont {padding-bottom: 1rem;}
#layer-service-p .l-title2 {line-height: 2.125rem;}
#layer-service-p .imgbox img {display: inline-block;}
#layer-service-p .tit-row {display: flex;align-items: center;justify-content: space-between;}
#layer-service-p .base-btn {border-radius: 0.25rem;}
#layer-service-p .layer-box .layer-btn {padding: 0.55rem 1.25rem;}
#layer-service-p .base-btn:first-child {text-align: left;}
#layer-service-p .layer-btn .base-btn:last-child {text-align: right;}
#layer-service-p.layer-bottom-wrap .layer-box {padding-bottom: 0;}
/*****************************
      가치보장 서비스이용
*****************************/
.sale-content .sale-section.price .commp2 {justify-content: center;}
.sale-content .sale-section.price .commp2 .icon {margin-right: 0.5rem;}
/* .sale-content .sale-section.price .commp2 .fwb {margin: 0 0.3rem;} */
.sale-content .sale-section.price .commp2 span {display: inline-block;}
.sale-section.price .xl-title {line-height: 2.5rem;}
.sale-section.g-textbox .mscommp {position: relative;}

/*****************************
      찾아가는 서비스 구매 page-cont.visit
*****************************/
.page-cont.visit .page-progress .step01 {width: 50%;}
.page-cont.visit .page-progress .step02 {width: 100%;}
.page-cont.visit .g-textbox {background-color: #fff;}
.page-cont.visit .g-textbox .m-title .icon {margin-right: 0.33rem;}
.page-cont.visit .g-textbox .m-title .icon img {vertical-align: middle;}
.pm-section .inner {padding: 0 1.25rem;overflow: hidden;}
.page-cont.visit .space-set {padding: 2.125rem 0 0;}
.h-cube-set.ticket {gap: 0.5rem;margin-top: 1rem;}
.h-cube-set.ticket .cube-btn.d_flex {justify-content: center;margin: 0;flex: 1;}
.h-cube-set.ticket .cube-btn {height: 5rem;}
.h-cube-set.ticket .cube-btn .mscommp {font-weight: normal;}
.page-cont.visit .pd_list_slide {overflow: visible;}
.pm-section.add-section .base-btn.white {border-radius: 0.25rem;}
.page-cont.visit .total-row {padding: 1.25rem 0 3.75rem;border-top: 0.063rem solid #131313;}
.page-cont.visit .total-row .list-title {font-size: 1rem;}
.page-cont.visit .total-row .price-t1 {font-size: 1.75rem;color: #131313;}
.page-cont.visit .total-row .price-t1 span {color: #131313;font-size: 1rem;}
.page-cont.visit .info-btn {background-image:none;background-color: #fff;}
.page-cont.visit .pd_list_slide .swiper-slide {width: 100%;}
.page-cont.visit .pd_list_slide .swiper-slide.none .pd-text1,.page-cont.visit .pd_list_slide .swiper-slide.none .cate-tag {color: #acacac;}
.page-cont.visit .pd_list_slide .swiper-slide.none .imgbox:before {content: '';position: absolute;left: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);top: 0;z-index: 10;}
.page-cont.visit .none-box .icon img {display: inline-block;}
.page-cont.visit .none-box .commp2 {line-height: 1.5rem;}
.page-cont.visit .pd_list_slide .swiper-slide.none .ticket-box {display: none;}
/* 차량구매 내역 없음 */
.payment-content.no-content {padding-bottom: 6.25rem;}
.pm-section.no-section {padding: 3.75rem 0 1.875rem;}
.pm-section.gray {background-color: #F9F9F9;padding: 1.875rem 0;text-align: center;}
.pm-section.gray .comm-link-btn {display: inline-flex;}
/* 구매완료 */
.pm-section .comm-finish .ls-title {line-height: 1.75rem;}
/* 찾아가는 서비스 구매 가이드 팝업 #layer-visit1 */
#layer-visit1 .commp {line-height: 1.5rem;}
#layer-visit1 .layer-cont {padding-bottom: 1.25rem;}
/* 찾아가는 서비스 결제 */
.lt-row {background-color: #f9f9f9;display: flex;justify-content: space-between;padding: 0.75rem 1rem;}
.pm-section .comm-info-list {padding-bottom: 2.625rem;}
.pm-section .comm-info-list .t-list li p {color: #131313;font-weight: normal;width: 71%;}
.pm-section .comm-info-list .t-list li span {width: 29%;}
.pm-section.check-section {padding-top: 4rem;border-top: 0.063rem solid #ddd;padding-bottom: 2.5rem;}
.pm-section .radio-list {padding-bottom: 3.75rem;}
.pm-section .payment-tb td {font-size: 1rem;word-break: break-all;line-height: 1.2rem;}
.pm-section .base-btn img {display: inline-block;margin-right: 0.5rem;}
.pm-section .tb-btn {width: 100%;border-radius: 0.25rem;display: flex;align-items: center;justify-content: center;}
.pm-section .payment-box {padding-bottom: 3.75rem;}
/* 찾아가는 서비스 이용약관 동의 팝업 */
#layer-service-terms1 .terms-box {padding-bottom: 2rem;}
/* 찾아가는 서비스 서비스 불가지역 팝업 #layer-service-noarea */
#layer-service-noarea .g-textbox {padding: 0.75rem 1.25rem;}
/* 찾아가는 서비스 구매 완료 페이지 */
.link_banner .mscommp {line-height: 1.1rem;}
.pm-section .link_banner {display: flex;justify-content: space-between;background-color: #f6f6f6;padding: 1.313rem 1rem;align-items: center;}
.pm-section .ml-title {line-height: 1.75rem;}
.pm-section .radio-button .radio:checked:disabled + .label .text {color: #131313;}
.pm-section .radio-button .radio:disabled + .label .text {color: #ACACAC;}


/*****************************    
      LIVE
*****************************/

/*****************************    
        LIVE MAIN
*****************************/
.live_videobox {position: relative;height: 0;width: 100%;padding-top: 56.484%;}
.live_videobox iframe {position: absolute;left: 0;right: 0;top: 0;width: 100%;height: 100%;}
.live-section {padding-top: 4rem;}
.live-section .mlcommp {line-height: 1.75rem;}

/* 플로팅 배너 */
.visual-ft-bn {position: absolute;top: 1.375rem;right: 1.375rem;z-index: 9;animation: ftMove 0.7s ease-in-out infinite alternate-reverse;}
.visual-ft-bn .visual-ft-bn-box {position: relative;width: 6rem;height: 6rem;}
.visual-ft-bn .visual-ft-bn-box .ft-bn-close {position: absolute;right: -0.1rem;top: -0.1rem;width: 1.5rem;height: 1.5rem;border-radius: 1.5rem;background: #333;display: flex;align-items: center;justify-content: center;}
.visual-ft-bn .visual-ft-bn-box .ft-bn-close i {width: 1.5rem;height: 0.725rem;position: relative;}
.visual-ft-bn .visual-ft-bn-box .ft-bn-day-close {height: 1.375rem;border-radius: 0.125rem;background: #333;color: #fff;font-size: 0.625rem;display: flex;align-items: center;justify-content: center;position: absolute;left: 50%;bottom: 0px;transform: translate( -50% , 0 );padding: 0 0.375rem;box-sizing: border-box;width: 100%;}
.visual-ft-bn .visual-ft-bn-box .ft-bn-img {display: flex;align-items: center;justify-content: center;}

/* 지난 방송 목록 */
.last-live .last-row .blit:before {display: none;}
.last-live .last-row {display: flex;align-items: center;padding: 0.0 1.25rem;position: relative;}
.last-live .last-row .commp {display: flex;align-items: center;padding: 0.875rem 0;border-bottom: 0.063rem solid #ddd;width: 100%;}
.last-live .last-row .icon {margin-right: 0.5rem;}
.last-live .last-row .blit {position: absolute;right: 1rem;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.last-live .last-row .blit img {height: 1rem;}
.last-live .last-row.on .blit {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.swiper-container .video-info {padding: 0 1rem;}
.swiper-container .video-title {font-size: 1rem;color: #000;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;word-break: break-word;margin-top: 1rem;line-height: 1.5rem;}
.live-content .last-live {overflow: hidden;}
.prev-video-box .video-thumnail img {width: 100%;}
.prev-video-list-box {position: relative;display: none;margin-top: 1.5rem;}
.swiper-container .video-info .video-date {font-size: 0.875rem;color: #666;margin-top: 0.5rem;}

/* 라이브방송 뱃지 + 내용 */
/* .live-info-box {padding: 1.25rem 1.25rem 0;} */
.live-video-head .live-badge {display: inline-flex;align-items: center;justify-content: center;padding: 0px 0.75rem;height: 1.875rem;border-radius: 3.125rem;background: #cd0000;margin-right: 12px;}
.live-video-head .live-badge i {width: 1rem;height: 1rem;position: relative;margin-right: 0.25rem;}
.live-info-box .live-video-head .live-title {font-size: 1.5rem;}
.live-info-box .live-video-head .live-title strong {font-size: inherit;}
.live-info-box .commp {font-size: 1rem;line-height: 1.5rem;color: #131313;}
.live-video-head .live-badge .badge-txt {color: #fff;}
.live-info-box.onair .live-video-head .live-badge i {background: url(../../resources/images/sub/live_onair_bottom.png) no-repeat center;background-size: contain;animation: liveOn 1s 0s infinite linear alternate;animation-delay: .1s;}
.live-info-box.counsel .live-video-head .live-badge i {background-image: url(../../resources/images/sub/counsel_ico.svg);}
.live-info-box.prev .live-video-head .live-badge i {background-image: url(../../resources/images/sub/prev_ico.svg);}
.live-info-box.onair .live-video-head .live-badge i:after {content: "";display: block;width: 1rem;height: 1rem;background: url(../../resources/images/sub/live_onair_body.png) no-repeat center;background-size: contain;position: absolute;left: 0;bottom: 0px;animation: liveOn 1s 0s infinite linear alternate;animation-delay: .2s;}
.live-info-box.onair .live-video-head .live-badge i:before {content: "";display: block;width: 1rem;height: 1rem;background: url(../../resources/images/sub/live_onair_top.png) no-repeat center;background-size: contain;position: absolute;left: 0;bottom: 0;animation: liveOn 1s 0s infinite linear alternate;}
.live-info-box .live-video-head .live-date {font-size: 0.875rem;color: #666;}
.live-video-summary {text-align: right;}
.live-video-summary .video-summary {color: #666;font-size: 0.875rem;line-height: 1.375rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: left;}
.live-video-summary.more .video-summary {-webkit-line-clamp: unset;}
.video-summary-more {color: #999;font-size: 0.875rem;display: inline-flex;align-items: center;}
.video-summary-more img {display: inline-block;height: 1rem;margin-left: 0.5rem;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.video-summary-more.active img {webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.live-info-box .detail_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;border-top: 0.063rem solid #131313;margin-top: 1.5rem;border-bottom: 0.063rem solid #ddd;}
.live-info-box .detail_btn a {position: relative;padding: 0.938rem 0;font-size: 0.875rem;color: #666;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;justify-content: center;display: flex;font-size: 0.875rem;align-items: center;}
.live-info-box .detail_btn a img {display: inline-block;margin-right: 0.375rem;}
.live-info-box .detail_btn a:before {content: '';position: absolute;right: 0;width: 0.063rem;height: 0.875rem;background-color: #ddd;}
.live-info-box .detail_btn a:last-child:before {display: none;}

/* 1:1맞춤형 라이브상담 */
.live-section .inner {padding: 0 1.25rem;}
.live-section .live-step {overflow: hidden;}
.live-step .step-list {overflow: hidden;margin: 0 -0.5%;}
.live-step .step-list li {float: left;width: 24%;background-color: #F9F9F9;height: 4.688rem;display: flex;align-items: center;justify-content: center;text-align: center;margin: 0 0.5%;position: relative;}
.live-content .step-list .scommp {line-height: 1.125rem;color: #333;}
.live-content .step-list li:before {content: '';position: absolute;width: 1.25rem;height: 1.25rem;background-image: url(../images/sub/step_next.svg);background-repeat: no-repeat;right: -0.78rem;z-index: 9;background-size: 100%;}
.step-list li:last-child:before {display: none;}
.live-banner.live-section .banner-box {}
.live-banner.live-section .row-link {display: flex;border: 0.063rem solid #ccc;height: 3.25rem;justify-content: center;align-items: center;margin: 0.5rem 0 0;border-radius: 0.25rem;}
.live-banner.live-section .btns {margin: 1rem 0 2.5rem;}
.live-banner.live-section .row-link .icon {margin-right: 0.5rem;}
.live-section .banner-box {background-color: #00704A;display: flex;align-items: center;margin-top: 0.25rem;}
.live-section .banner-box .scommp {color: #fff;line-height: 1rem;}

/* 스타벅스 라이브상담 신청 배너 */
.b-banner-box {width: 100%;background-color: #00704A;display: flex;align-items: center;justify-content: center;flex-direction: column;padding-top: 2rem;}
.b-banner-box .commp2 {color: #fff;text-align: center;line-height: 1.5rem;}
.b-banner-box .live-btn {background-color: #fff;color: #131313;padding: 0.875rem 1.5rem;border-radius: 3.125rem;font-weight: bold;}
.b-banner-box .imgbox img {height: 9.4rem;}
.live-content .live-more {padding: 0 1.25rem 3.75rem;border-bottom: 0.625rem solid #F4F4F4;}
.live-more .live-btn {display: flex;border: 0.063rem solid #ccc;height: 3.75rem;justify-content: center;align-items: center;margin: 0.5rem 0 0;border-radius: 0.25rem;}
.live-content .live-more .mscommp {margin-top: 3.75rem;}

/* 라이브 채팅창 */
#chat-popup.layer-bottom-wrap {max-height: 100%;height: calc(100vh - 22.55rem)}
#chat-popup.layer-bottom-wrap .layer-box {border-radius: 0;padding-top: 0;max-height: 100%;height: 100%;}
#chat-popup.layer-bottom-wrap .layer-header {padding: 1.065rem 4.25rem 1.065rem 1.25rem;border-bottom: 0.063rem solid #eee;box-sizing: border-box;}
#chat-popup.layer-bottom-wrap .layer-header .layer-close {top: 0.35rem;}
#chat-popup.layer-bottom-wrap .layer-cont {padding: 0;overflow: hidden;height:calc(100% - 3.76rem);}
#chat-frame {border: none;width: 100%;height: 100%}
#chat-popup.layer-bottom-wrap:before {display: none !important;}
#chat-popup.layer-bottom-wrap .dimmed {display: none !important;}
#header-elm-wrap.chat_on {display: none;}
#header-elm-wrap.chat_on .inner {position: relative;}
.live-content.chat_on {position: relative;}
.live-content.chat_on .live_videobox {position: relative;}
.layer-base-wrap.full#comment-popup .layer-btn {padding: 0.5rem 1.25rem;}
/* live animation */
@keyframes liveOn {
  0% {
      opacity: 0;
  }

  70%, 100% {
      opacity: 1;
  }
}
@media screen and (max-width: 720px) {
  #chat-popup.layer-bottom-wrap {
    height: calc(100vh - 55.9vmin);
  }
}

@media screen and (max-width: 550px) {
  .layer-base-wrap.full#comment-popup .layer-btn {padding: 1rem 1.25rem;}
}
/* 시청자 의견 보내기 팝업 #comment-popup */
#comment-popup .layer-cont .inner {padding: 2rem 0;}


/*****************************    
      LIVE 상담 신청하기
*****************************/
.live-counseling .page-step {background-color: #F9F9F9;padding: 1.063rem 1.25rem;}
.page-step ul {overflow: hidden;}
.page-step ul li {float: left;color: #888;margin-right: 0.5rem;font-size: 0.875rem;}
.page-step ul li span {font-size: 0.875rem;margin-right: 0.5rem;}
.page-step ul li.on span {color: #131313;font-weight: 700;}
#list-serach-filter .lp.search-box {display: flex;}
.live-content .lp-search-box .btn-box {width: auto;}
.live-content .page-title {padding: 0 1.25rem;display: flex;align-items: center;}
.live-content .page-title span {margin-left: 0.5rem;}
.live-content .lp-search-box .c_gray {font-weight: normal;}
.live-content .check-button .text {color: #131313;}
.live-content .lp-search-box {padding-bottom:0}
.live-content .theme-cont {overflow-y: auto;height: calc(100vh - 28.9rem);position: relative;}
.list-keyword-filter .putbox {display: flex;align-items: center;justify-content: center;width: 100%;gap: 0 0.625rem;position: relative;}
.live-content .form-ly-comm .f-row.turms-row {padding: 0 1.25rem;}
.live-content .car-compare-list li.off .car-info p {color: #acacac !important;}
.live-content .car-compare-list li.off .car-thumb > a::after {background-color: rgba(0, 0, 0, 0.5);content: "";display: block;width: 100%;position: absolute;z-index: 9;top: 0;height: 100%;}
@media screen and (max-width: 550px) {
  .live-content .theme-cont {
    height: calc(100vh - 29.8rem);
  }
}
/* 라이브 상담 소개 팝업 */
#layer-live-info .layer-box .layer-cont {padding: 1.25rem;}
#layer-live-info .layer-box .layer-cont .commp {line-height: 1.375rem;}
#layer-live-info .youtube_box {position: relative;height: 0;padding-top: 56.663%;}
#layer-live-info .youtube_box iframe {position: absolute;left: 0;right: 0;width: 100%;height: 100% !important;top: 0;}
/* 라이브 차량 선택시 노출되는 기본팝업 */
#layer-basic-popup.car-cs-popup .layer-box .layer-cont {padding: 2.5rem 2rem;}
/* 선택한 차량 팝업 */
.car-compare-list li .car-info .car-pay .discount-t {margin-left: 0.5rem;color: #888;font-weight: 300k;}
#layer-cs-list .car-compare-list li {align-items: center;padding: 1rem 0;}
/* 선택 취소 팝업 */
#layer-cancel-popup .layer-btn {gap: 0;}

/* lp copy css */
.lp-search-box{display:flex;justify-content: space-between;align-items: center;padding:1rem 1.25rem;border-bottom:0.0625rem solid #eee;}
.lp-search-box .btn-box{display:flex;justify-content: start;align-items: center;gap:0 0.5rem;width: calc(100% - 110px);}
.finance-search-filter .lp-search-box .btn-box{gap:0 0.5rem;width: 100%;}
.lp-search-box button{position:relative;padding:0.6875rem 0.75rem;font-size:0.875rem;line-height:1.125rem;border:0.0625rem solid #ddd; border-radius:0.125rem;}
.lp-search-box .btn-list-search{position:relative;padding:0.625rem 0.75rem;font-size:0.875rem;line-height:1.125rem;border:0.0625rem solid #ddd; border-radius:0.125rem;}
.lp-search-box .btn-list-search.change{color:#131313;border-color:#131313;}
.lp-search-box .btn-list-search.change::before{position:absolute;top:0.1875rem;right:0.1875rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#0096ff;content:'';}
.lp-search-box .btn-list-sort,.lp-search-box .btn-finance-search{position:relative;padding:0.625rem 2rem 0.625rem 0.75rem;}
.lp-search-box .btn-list-sort::after{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);width:1.125rem;height:1.125rem;background:url(../images/common/ico_list_sort.png) no-repeat center center;background-size:contain;content:'';}
.lp-search-box .btn-finance-search::after{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);width:1rem;height:0.75rem;background:url(../images/common/ico_list_filter.png) no-repeat center center;background-size:contain;content:'';}
.lp-search-box .btn-list-sort.change,.lp-search-box .btn-finance-search.change{color:#131313;border-color:#131313;}
.lp-search-box .btn-list-sort.change::before,.lp-search-box .btn-finance-search.change::before{position:absolute;top:0.1875rem;right:0.1875rem;width:0.25rem;height:0.25rem;border-radius:50%;background:#0096ff;content:'';}
.layer-bottom-wrap .layer-box .layer-cont .sort-list{padding-bottom:1.25rem;}
.sort-list li{padding:0.75rem 0;}
.sort-list li .radio-button .text {margin-left:0.75rem;}
.list-keyword-filter{position:relative;width:100%;}
.lp-inp-box{display:flex;justify-content: center;align-items: center;gap:0 0.625rem;padding:1.25rem;border-bottom:0.0625rem solid #eee;}
.lp-inp-box input[type=text]{flex:1;position:relative;padding:0 3rem 0 0.75rem;background:#fff url(../images/common/ico_inp_search.png) no-repeat;background-size:1.5rem;background-position:center right 0.75rem;}
.btn-inp-reset{pointer-events:none;flex:none;width:1.5rem;height:1.5rem;font-size:0;border-radius:50%;background:#e3e3e3 url(../images/common/btn-inp-reset.png) no-repeat center center;background-size:contain;}
.btn-inp-reset.active{pointer-events:visible;background:#0096ff url(../images/common/btn-inp-reset.png) no-repeat center center;background-size:contain;}
.keyword-filter .swiper-slide {width: auto;}
.live-content .keyword-filter .swiper-slide {margin-right: 16px;}
.lp-keyword-box{position:relative;height:64px;padding:1.25rem 3.125rem 1.25rem 1.25rem;border-bottom:0.0625rem solid #eee;}
.car-compare-list > li{position:relative;display:flex;justify-content:space-between;align-items: flex-start;padding:1rem 1.25rem;}
.car-compare-list > li + li::before{position:absolute;top:0;left:0;right:0;height:0.0625rem;background:#eee;content:'';}
.car-compare-list li .car-check{place-self: center;margin-right:10px;}
.car-compare-list li .car-thumb {position: relative;flex:none;width:7.5rem;margin-right:20px;}
.car-compare-list li .car-thumb > a {position: relative;z-index: 1;display: block;font-size: 0;line-height: 0;overflow: hidden;}
.car-compare-list li .car-thumb > a::before {content: "";display: block;width: 100%;padding-top: 74.6%;}
.car-compare-list li .car-thumb > a img {position: absolute;left: 50%;top: 50%;z-index: 1;-webkit-transform: translate(-50%, -50%);        transform: translate(-50%, -50%);}
.car-compare-list li .car-info {width:calc(100% - 8.25rem);}
.car-compare-list li .car-info .car-sum {position: relative;margin-top: 0.25rem;}
.car-compare-list li .car-info .car-sum .row {display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-between;}
.car-compare-list li .car-info .car-sum .row span {width:50%;font-size: 0.75rem;font-weight: 400;line-height: 1.3125rem;color: #999;letter-spacing: -0.0625rem;    word-break: keep-all;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.car-compare-list li .car-info .car-sum .car-rent {position: absolute;right: 0;top: 0;z-index: 1;}
.car-compare-list 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;}
.car-compare-list li .car-info .car-model, .car-compare-list li .car-info .car-trim {font-size: 1rem;font-weight: 400;line-height: 1.375rem;color: #000;letter-spacing: -0.0625rem;text-align: left;}
.car-compare-list li .car-info .car-pay {margin-top: 0.25rem;}
.car-compare-list 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;}
.car-compare-list li .car-info .car-pay .price p {font-size: 1rem;font-weight: 400;line-height: 1.3125rem;color: #000000;letter-spacing: -0.0625rem;text-align: left;}
.car-compare-list li .car-info .car-pay .price p strong {font-size: inherit;font-weight: 700;line-height: inherit;color: inherit;}
.car-compare-list li .car-info .car-pay .price del {font-size: 0.875rem;
font-weight: 400;line-height: 1.3125rem;color: #999999;letter-spacing: -0.0625rem;text-align: left;}
.car-compare-list li .car-info .car-pay .price del strong {font-size: inherit;font-weight: inherit;line-height: inherit;color: inherit;}
.compare-length{color:#fff;}
.compare-check-length{font-style:normal;color:#fff;}
/* lp copy css */

/* 수량 선택 차량 버튼 */
.layer-btn .btn-check-car {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:#131313;font-size:1rem;line-height:1.5rem;border:1px solid #ddd;border-radius:3rem;background:#fff;z-index:2;display: none;}


/* 검색결과없음 */
.theme-cont .noresult-wrap {padding-bottom: 2.3rem;}


/*****************************    
      LIVE 상담신청 입력 폼
*****************************/
.live-content .f-section .title-row {padding: 0;}
.live-content .title-row {display: flex;justify-content: space-between;align-items: center;padding: 0 1.25rem;}
.live-content .title-row .mscommp {color: #616161;}
.live-content .lp-search-box .mscommp {color: #616161;}
.live_form .f-section .inner {padding: 0 1.25rem;}
.live_form .g-textbox {background-color: #fff;}
.live_form .comm-textarea {font-size: 1rem;line-height: 1.5rem;}
.live_form .comm-textarea::placeholder {color: #999;}
.live_form .form-ly-comm {padding-bottom: 2.5rem;}
.live-content .f-section {padding: 0 0 2rem;}
.f-section .tit {font-size: 1rem;line-height: 1.5rem;}
.f-section .cube-set {display: flex;margin-top: 1rem;flex-wrap: wrap;gap: 2.6%;}
.f-section .cube-set.counseling {gap: 2%;}
.f-section .cube-set.time {gap: 3%;}
.f-section .cube-set.time .cube-box {margin-bottom: 3%;}
.f-section .cube-set .cube-box {border: 0.063rem solid #ddd;border-radius: 0.125rem;display: flex;align-items: center;justify-content: center;flex-direction: column;margin-bottom: 2.6%;position: relative;}
.f-section .cube-set .cube-box .text-t1 {color: #515151;font-size: 0.875rem;line-height: 1.375rem;}
.f-section .cube-set .cube-box .text-t2 {font-size: 1rem;font-weight: bold;color:#515151;line-height: 1.5rem;}
.f-section .cube-set .cube-box.active .text-t1,.f-section .cube-set .cube-box.active .text-t2 {color: #333 !important;}
.f-section .cube-set.time .cube-box .text-t1 {font-size: 1rem;font-weight: bold;}
.f-section .cube-set.time .cube-box .text-t2 {font-size: 0.875rem;font-weight: normal;}
.f-section .cube-set.private .cube-box .text-t1 {font-size: 1rem;font-weight: bold;color: #515151;flex: 1;}
.f-section .cube-set.private .cube-box .textbox {flex: 2;}
.f-section .cube-set.private .cube-box .textbox .text-t2 {font-size: 0.875rem;display: flex;align-items: baseline;}
.f-section .cube-set.private .cube-box .textbox .text-t2 span {margin-right: 0.5rem;}
.f-section .cube-set.day .cube-box {height: 4rem;width: 23%;}
.f-section .cube-set.time .cube-box {height: 5rem;width: 31.333%;}
.f-section .cube-set.counseling .cube-box {height: 5rem;width: 49%;}
.f-section .cube-set.private .cube-box {height: auto;width: 100%;padding: 1.25rem;box-sizing: border-box;justify-content: space-between;flex-direction: row;align-items: flex-start;}
.f-section .cube-set .cube-box.off {background-color: #e3e3e3;}
.f-section .cube-set .cube-box.off p {color: #acacac !important;}  
.live-content .g-textbox {padding: 3.125rem 0 0;}
.live-content .f-section:last-child {padding-bottom: 0;}
.f-section .cube-set .cube-box.active {border-color: #333;}
.f-section .cube-set .cube-box.active:before {content: '';position: absolute;background-image: url(../../resources/images/sub/ic_btn_check.svg);background-repeat: no-repeat;width: 1.25rem;height: 1.25rem;right: -0.625rem;top: -0.625rem;z-index: 20;}


/*****************************    
      LIVE 상담신청 완료
*****************************/
.live-content .comm-finish .ls-title {line-height: 1.75rem;}
.live-content .check-section .inner {padding: 0 1.5rem 2.5rem;}
.live-content .pm-section {padding-top: 4rem;}
.live-content .product-info {padding: 1rem 0;border-bottom: 0.063rem solid #eee;}
.live-content .linkbox {padding-bottom: 3.75rem;}
.live-content .linkbox .base-btn {border-radius: 0.313rem;border-color: #999;height: 3.75rem;line-height: 3.75rem;}


/*****************************    
      LIVE 상담 소개
*****************************/
.live-content .info-section .inner {padding: 2.5rem 1.25rem;}
.live-content .info-section .live-link {border-radius: 0.25rem;display: inline-block;padding: 0 2.1215rem;}
.live-content .info-section .m-title {line-height: 1.375rem;}
.live-content .info-section .img-active {width: 100%;background-repeat: no-repeat;background-size: 100% 100%;padding-top: 60%;position: relative;height: 0;background-image: url(../images/sub/live_sub_bg.png);}
.live-content .info-section .active1 {position: absolute;top: 0;left: 85px;}
.live-content .info-section .active2 {position: absolute;bottom: 85px;left: 50%;margin-left: -205px;}
.info-section.live-step {background-color: #F7FBFF;}
.live-content .info-section .youtube_box {position: relative;height: 0;padding-top: 65.607%;border-radius: 1rem;overflow: hidden;}
.live-content .info-section .youtube_box iframe {width: 100% !important;height: 100% !important;position: absolute;top: 0;border-radius: 1rem;overflow: hidden;}
.live-content {overflow: hidden;}
.live-content .info-section {overflow: hidden;}

@media screen and (max-width: 750px) {
  .live-content .info-section .active1 {width: 63.15%;left: 14%;}  
  .live-content .info-section .active2 {width: 47.2%;left: auto;margin-left: 0;right: 30%;bottom: 23%;}  
}
/* 라이브 상담 이용 방법 */
.info-section.live-step {background-color: #F7FBFF;}
.info-section.live-step .step_list .row .icon {flex-basis: 27%;width: 27%;}
.info-section.live-step .step_list .row {display: flex;align-items: center;justify-content: flex-start;padding: 1.875rem 0;border-bottom: 0.063rem solid #ACDCFF;position: relative;}
.info-section.live-step .step_list .row:last-child {border-bottom: none;}
.info-section.live-step .step_list .row::before {content: '';position: absolute;left: 0;right:0;background-image: url(../../resources/images/sub/blit_blue.svg);background-repeat: no-repeat;background-size: 100%;width: 1.375rem;height: 0.563rem;margin: 0 auto;bottom: -0.563rem;}
.info-section.live-step .step_list .row:last-child::before {display: none;}
.info-section.live-step .step_list .row .text {margin-left: 2rem;flex: 1;}
.info-section.live-step .step_list .row .commp {color: #131313;}
.info-section.live-step .step_list .row .commp span {background-color: #0096FF;color: #fff;width: 1.25rem;height: 1.25rem;display: inline-block;border-radius: 1.25rem;text-align: center;line-height: 1.25rem;margin-right: 0.375rem;}
.info-section.live-step .step_list .row .mscommp {color: #131313;}
.info-section .img_conbox {padding: 0 1.125rem;}
.info-section .commp2 {line-height: 1.5rem;letter-spacing: -0.031rem}
.live-content .info-section .base-btn {height: 3rem;line-height: 3rem;}
/* 라이브 상담 이래서 좋아요 */
.live-content .info-section .inner .base-btn {border-radius: 0.313rem;}
.info-section.youtube-con {padding: 0 1.25rem;}
.info-section.youtube-con .inner {padding: 2.5rem 0 0;border-top: 0.063rem solid #ddd;box-sizing: border-box;}
.info-section.youtube-con .chat-row {display: flex;align-items: center;padding: 0.063rem 0;}
.info-section.youtube-con .chat-row .tbox {width:100%;padding: 0.75rem 1.875rem;background-color: #F6F6F6;border-radius: 1.25rem;margin-left:1.25rem;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.10);}
.info-section.youtube-con .chat-row .tbox p {color: #131313;}
.info-section.youtube-con .chat-row.reverse {flex-direction: row-reverse;}
.info-section.youtube-con .chat-row.reverse .tbox {margin-left: 0;margin-right: 1.25rem;}
.info-section.youtube-con .chat-row .icon img {max-width: 2.188rem;}
.info-section .s-con-set {padding-top: 4.5rem;}
.live-content .info-section .inner .base-btn.white {height: 3.75rem;line-height: 3.75rem;border-color: #999;}

/*****************************    
      리본카 시스템 * 고객만족 시스템
*****************************/
/* 최상단 공통 타이틀 박스 .tit-box */
.system-page .tit-box {padding: 2.5rem 1.25rem 2rem;}
.system-page .tit-box .commp {line-height: 1.5rem;}

/* 고객만족 시스템 메인 */
.system-content.c-info {padding: 1.25rem;}
.system-content.main {background-color: #f4f9ff;padding: 1.25rem;}
.system-content .link-box {padding: 1.25rem 1.75rem;background-color: #fff;border-radius: 0.625rem;}
.system-content .link-box .tit {font-size: 1.75rem;font-weight: 700;line-height: 2.25rem;}
.system-content .bg-tit-row {display: flex;justify-content: space-between;align-items: center;position: relative;}
.system-content .link-box .bg-tit-row {padding: 0;}
.bg-tit-row .imgbox img {max-height: 6.25rem;}
.link-box .bg-tit-row .l-title2 {}
.link-box .mscommp {line-height: 1.375rem;}
.link-box .commp {line-height: 1.5rem;}
.link-box .base-btn {border-radius: 0.25rem;}
.page-cont.system-page .layer-btn {padding: 1rem 1.25rem;border-top: 0.063rem solid #eee;background-color: #fff;}
.page-cont.system-page .layer-btn .base-btn {border-radius: 0.25rem;}

/* 고객만족시스템 공통 탭 */
.system-page .sub-page-tab {background-color: #2E3546;}
.system-page .sub-page-tab .tab-set {overflow: hidden;padding: 0 1.25rem;overflow: hidden;}
.system-page .sub-page-tab {overflow: hidden;}
.system-page .tab-set .tab-list {background-color: #2E3546;padding: 0.125rem 0;}
.system-page .tab-set .tab-list li {white-space: pre;width: auto;}
.system-page .tab-set .tab-list li a {position: relative;color: rgba(255, 255, 255, 0.8);padding: 0.813rem 1rem;display: flex;align-items: center;justify-content: center;box-sizing: border-box;height: 3rem;white-space: pre;}
.system-page .tab-set .tab-list li a:before {content: '';position: absolute;width: 0.063rem;background-color: #6D7589;height: 1.5rem;right: 0;top: 50%;margin-top: -0.75rem;}
.system-page .tab-set .tab-list li.on {margin-left: -0.065rem;}
.system-page .tab-set .tab-list li.on a {background-color: #fff;color: #2E3546;font-weight: 700;border-radius: 0.188rem;}
.system-page .tab-set .tab-list li:last-child a:before,.system-page .tab-set .tab-list li.on a:before {display: none;}

/* 안심출고 서비스 */
.system-content.c-info {padding: 0;background-color: rgba(247, 248, 249, 1);}
.system-content .t-info-text {background-color: #fff;padding: 2rem 1.25rem 1.25rem;}
.system-content .c-info-set {padding: 0 1.25rem 2rem;}
.system-content.c-info .commp {line-height: 1.5rem;}
.c-info-set .mlcommp {line-height: 1.75rem;}
.system-content.c-info .info-box {background-color: #fff;border-radius: 0.625rem;overflow: hidden;}
.system-content.c-info .textbox {padding: 1.25rem;}
.system-content.c-info .textbox .tit {font-size: 1.125rem;line-height: 1.625rem;font-weight: 700;border-bottom: 0.063rem solid #eee;padding-bottom: 0.625rem;}
.system-content .notice-box {background-color: #fff;padding: 1.875rem 1.25rem;}
.blit_center_list li {display: flex;align-items: center;list-style: normal;}
.system-content .notice-box .d_flex .icon {margin-right: 0.3rem;}

/* 8일 환불 서비스 */
.bg-tit-row .l-title2 {line-height: 2.125rem;}
.bg-tit-row {padding: 0 1.25rem;}
.system-content .commp {line-height: 1.5rem;}
.system-content .inner {padding: 0 1.25rem;}
.active_table {border-top: 0.063rem solid #333;}
.active_table p {text-align: center;width: 100%;display:flex;align-items: center;justify-content: center;}
.active_table .set {display: flex;align-items: stretch;justify-content: center;}
.active_table .set.tit-set .tit:nth-child(1) {flex: 0.8553;}
.active_table .set .t-text:nth-child(1) {flex: 0.8553;}
.active_table .set.tit-set .tit {flex: 1;}
.active_table .set.tit-set .tit:last-child {border-left: 0.063rem solid #ddd;}
.active_table .set .tit {line-height: 1.375rem;font-size: 0.875rem;font-weight: 700;color: #333;background-color: #F8F9FB;width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;border-bottom: 0.063rem solid #ddd;padding: 0.813rem 0.063rem;box-sizing: border-box;}
.active_table .set .t-text {line-height: 1.375rem;font-size: 0.875rem;border-bottom: 0.063rem solid #ddd;flex: 1;padding: 0.813rem 0.063rem;box-sizing: border-box;color: #666;}
.active_table .set .t-text:first-child {font-size: 1rem;color: #131313;}
.active_table .set .t-text:last-child {border-left: 0.063rem solid #ddd;}
.active_table .set.tit-set .t-text {font-size: 1rem;font-weight: 500;color: #333;}
.active_table .set .t-text:nth-child(2) {background-color: #F4F9FF;color: #333;font-weight: 700;border-left: 0.125rem solid #0096FF;border-right: 0.125rem solid #0096FF;box-sizing: border-box;padding: 1.125rem 0.063rem;font-size: 1rem;}
.active_table .set.tit-set .tit:nth-child(2) {background-color: #0096FF;color: #fff;border-left: 0.125rem solid #0096FF;border-right: 0.125rem solid #0096FF;padding: 1.125rem 0.063rem;margin-top: -0.625rem;font-size: 1rem;}
.active_table .set:last-child .t-text:nth-child(2) {border-bottom: 0.125rem solid #0096FF;}
.s-base-btn {border-radius: 0.25rem;border:0.063rem solid #ddd;color: #131313;padding: 0.313rem 0.625rem;font-size: 0.875rem;display: inline-block;}
.notice-box .s-base-btn {padding: 0.521rem 0.564rem;}
.notice-box .dot-list .blit_fixed {padding-left: 1.25rem;}
.notice-box .dot-list .btns {padding-left: 1.25rem;}

/* 후기 박스 */
.system-content .review-set {padding-bottom: 1.5rem;border-bottom: 0.063rem solid #ddd;overflow: hidden;}
.review-set .s-review-box {background-color: #F9F9F9;border-radius: 0.625rem;padding: 1.25rem;display: flex;justify-content: space-between;gap: 0.75rem;}
.review-set .s-review-box .r-top {display: flex;justify-content: space-between;flex-wrap: wrap;}
.review-set .s-review-box .r-top .review-name {background-color: rgba(0, 150, 255, 0.10);color:#0096FF;border-radius: 0.313rem;padding: 0 0.5rem;margin-right: 0.25rem;}
.review-set .s-review-box .icon {flex-basis: 13.787rem;}
.system-content .grade-view.small p span {margin-right:2px;width: 1rem;height: 1rem;background-size:1rem 1rem;}
.system-content .grade-view.x-small p span {margin-right:2px; width:1rem; height:1rem; background-size:1rem}
.system-content .grade-view  {display: flex;align-items: center;}

/* 구매 시점 기준 연장보증 링크 */
.system-content .system_link {padding: 1.25rem 3rem 1.25rem 1.25rem;background-color: #F9F9F9;display: block;border-radius: 0.625rem;margin-top: 2rem;background-image: url(../../resources/images/sub/ico_right.svg);background-repeat: no-repeat;background-position: 94% center;}
.system-content .system_link .commp {line-height: 1.5rem;}


/* 연장보증 서비스 fixed 탭메뉴 */
.system-content .tab-row .system-sub-tab {padding:0.375rem 1.25rem 0;border-bottom: 0.063rem solid #eee;background-color: #fff;z-index: 10;}
.system-content .tab-row .system-sub-tab.fixed {position: fixed;width: 100%;}
.system-content .tab-row .system-sub-tab .tab_list {width: 100%;}
.system-content .tab-row .system-sub-tab .tab_list li {width: auto;position: relative;}
.system-content .tab-row .system-sub-tab .tab_list li a {display: flex;color: #888;font-size: 1.125rem;height: 3.5rem;padding: 0;align-items: center;justify-content: center;}
.system-content .tab-row {margin-top: 2rem;overflow: hidden;background-color: #fff;}
.system-content .tab-row .system-sub-tab .tab_list li.active:before {content: '';position: absolute;width: 100%;bottom: 0;height: 0.125rem;background-color: #131313;}
.system-content .tab-row .system-sub-tab .tab_list li.active a {color: #131313;font-weight: bold;}

/* 연장보증서비스 공통 tab-content */
.tab-content {padding: 1.25rem 0;}
.tab-content .tab-section {padding: 1.23rem;}

/* 연장보증서비스 > 서비스 혜택 */
.point-box .p-box {border: 0.063rem solid #ddd;border-radius: 0.625rem;display: flex;align-items: center;justify-content: flex-start;padding: 1rem 2rem;margin-top: 1rem;}
.point-box .p-box .t-text {padding-left: 1.5rem;}
.point-box .p-box .t-text .commp2 {margin-bottom: 0.25rem;}
.point-box .p-box .icon img {width: 3.125rem;}

/* 연장보증서비스 공통 테이블 */
.sub-comm-table .con-table {border-top: 0.125rem solid #131313;}
.sub-comm-table .con-table th,.sub-comm-table .con-table td {text-align: center;}
.sub-comm-table .con-table th {border-bottom: 0.063rem solid #acacac;border-left: 0.063rem solid #ddd;}
.sub-comm-table .con-table td {border-bottom: 0.063rem solid #ddd;border-left: 0.063rem solid #ddd;}
.sub-comm-table .con-table tr th:first-child,.sub-comm-table .con-table tr td:first-child {border-left: none;}
.sub-comm-table .con-table .s-info-btn {margin-left: 0.5rem;width: 1.25rem;height: 1.25rem;flex-shrink: 0;}
.sub-comm-table .con-table .tip-txt {display: flex;align-items: center;justify-content: center;color: #333;}
.sub-comm-table .con-table .txt-img {text-align: center;display: inline-block;vertical-align: middle;}
.sub-comm-table .con-table.hg_auto td {padding: 1rem;}
.sub-comm-table .con-table.hg_fixed td {padding: 0.813rem 0.2rem;}
.sub-comm-table .con-table.hg_auto th {padding: 0.813rem;}
.sub-comm-table .con-table.hg_fixed th {padding: 0.938rem 0.438rem;}
.tab-section .detail_btn {display: flex;align-items: center;justify-content: center;height: 3rem;font-size: 0.875rem;color: #131313;font-weight: 500;background-color: #F9F9F9;border-left: 0.063rem solid #ddd;border-bottom: 0.063rem solid #ddd;border-right: 0.063rem solid #ddd;border-radius: 0 0 0.625rem 0.625rem;}
.detail_btn img {margin-left: 0.5rem;}

/* 연장보증 자세히보기 팝업 */
#layer-detail-popup1 .sub-comm-table .con-table td {font-size: 0.875rem;padding: 1rem 0.75rem;}
.con-table.bg-table {background-color: #F9F9F9;}


/* 테이블 툴팁 */
.layer-tooltip-wrap#tooltip-carinfo {top: auto;bottom: auto;}
#tooltip-carinfo.show {visibility: visible;opacity: 1;}

/* 전화 접수 박스 */
.tab-section .call-row {background-color: #F9F9F9;border: 0.063rem solid #eee;border-radius: 0.313rem;overflow: hidden;display: flex;align-items: center;justify-content: center;height: 4rem;color: #131313;}
.call-row .call_link {font-size: 1.375rem;display: inline-block;margin-left: 0.625rem;margin-right: 0.375rem;font-weight: bold;color: #131313;}
.call-row .mscommp {color: #131313;}
.tab-section .call-info-b {color: #888;display: flex;align-items: center;font-size: 0.938rem;line-height: 2rem;margin-top: 0.25rem;}
.tab-section .call-info-b img {margin-right: 0.313rem;}
.tab-section .step-list .step_num {background-color: #0096FF;color: #fff;}
.tab-section .step-list .icon img {width: 2.625rem;}

/* step layout */
.step-list {display: flex;flex-wrap: nowrap;align-items: flex-start;justify-content: flex-start;}
.step-list li {text-align: center;flex-basis: 30%;}
.step-list li.step-blit {text-align: center;flex-basis: 5%;margin-top: 3.125rem;}
.step-list li img {display: inline;}
.step-list .step_num {margin-top: 1.25rem;color: #666;font-size: 0.75rem;background-color: #F0F0F0;border-radius: 2.25rem;display: inline-block;padding: 0.313rem 0.625rem;}
.step-list .step_text {margin-top: 0.625rem;font-size: 1rem;line-height: 1.5rem;}

/* 연장보증 서비스약관 팝업 */
#layer-terms2 .terms-box .num-list {list-style: decimal !important;padding-left: 25px;list-style-position: outside;}
#layer-terms2 .terms-box .num-list li {list-style-type: decimal;font-size: 0.875rem;color: #515151;line-height: 1.375rem;}
#layer-terms2 .layer-box .terms-box .set {margin-top: 2rem;}
#layer-terms2 .terms-box p,.terms-box .set p {font-size: 0.875rem;line-height: 1.375rem;color: #515151;}
#layer-terms2 .terms_popup .layer-cont .terms-box p {font-size: 0.875rem;color: #515151;line-height: 1.375rem;}
#layer-terms2.terms_popup table {margin-top: 0.5rem;border-right: 0.063rem solid #ddd;border-top: 0.063rem solid #ddd;}
#layer-terms2.terms_popup table th {background-color: #F4F4F4;color: #333;font-size: 0.875rem;border-bottom: 0.063rem solid #ddd;border-left: 0.063rem solid #ddd;}
#layer-terms2.terms_popup .popup-table td {border-bottom: 0.063rem solid #ddd;padding: 0.75rem 1.25rem;font-size: 0.875rem;}

/* 연장보증 리스트 */
.call-step-list{
	flex-wrap:wrap;
	gap:2rem 0;
}

/*****************************
      찾아가는 서비스
*****************************/
/* 서비스 제공 항목 */
.tab-content.visiting_service {padding-top: 0;}
.tab-content.visiting_service .section1 {padding: 0 0 2.5rem;}
.tab-content.visiting_service .section1 .ol_service {padding-bottom: 3.75rem;padding-top: 3.75rem;background-color: #F7F8F9;}
.tab-content.visiting_service .xl-title {line-height: normal;}
.vt_service ul {overflow: hidden;display: flex;flex-wrap: wrap;margin-top: 2rem;margin: 2rem -2% 0;}
.vt_service ul li {display: flex;align-items: center;flex-direction: column;justify-content: center;background-color: #fff;border-radius: 0.625rem;flex-basis: 23%;margin: 1%;padding: 1rem 0.3rem;box-sizing: border-box;}
.vt_service ul li .icon img {height: 3.75rem;}
.vt_service ul li .mscommp {color: #131313;line-height: 1rem;}
.tab-section.section1 .open_con {background-color: #fff;padding: 2.5rem 1.25rem 3.5rem;}
.tab-section.section1 .open_con .imgbox {padding-bottom: 2.5rem;}
.tab-section.section1 .open_con .imgbox img {height: 18.75rem;display: inline;}
.tab-section .open_con .ol_list li {display: flex;align-items: center;margin-top: 1rem;}
.tab-section .open_con .ol_list li .t_circle {width: 4.5rem;height: 4.5rem;text-align: center;border:0.063rem solid #579AFF;border-radius: 4.5rem;overflow: hidden;font-size: 1.125rem;color: #131313;display: flex;align-items: center;justify-content: center;font-weight: 700;}
.tab-section .open_con .ol_list li p {flex: 1;margin-left: 0.75rem;}
.section_detail_btn {position: relative;font-size: 1.125rem;color: #666;height: 3.5rem;background-color: #fff;border: 0.063rem solid #ddd;box-sizing: border-box;border-radius: 3.5rem;display: flex;width: 16.25rem;align-items: center;justify-content: center;margin: -1.75rem auto 0;}
.section_detail_btn .icon {background-image: url(../../resources/images/sub/more_blit.svg);width: 1rem;height: 1rem;background-repeat: no-repeat;background-position: center;margin-left: 0.5rem;}
.section_detail_btn.on {border-color: #131313;color: #131313;}
.section_detail_btn.on .icon {background-image: url(../../resources/images/sub/more_blit_on.svg);}
.btn-row {position: relative;}
.btn-row:before {content: '';position: absolute;height: 0.063rem;width: 100%;left: 0;right: 0;background-color: #ddd;top: 1.75rem;}

/* 찾아가는 서비스 특장점 */
.tab-section .img-t-set {display: flex;flex-wrap: wrap;width: 100%;}
.tab-section .img-t-set li {flex: 46%;margin: 1.25rem 2%;}
.tab-section .img-t-set li .icon img {height: 4.25rem;}
.tab-section .img-t-set li .commp2 {line-height: 1.625rem;color: #131313;font-weight: 500;}
.tab-section .img-t-set li .commp {line-height: 1.5rem;color: #666;}
.tab-section .oil_con {background-color: #F6F6F6;border-radius: 0.938rem;padding: 3rem 1.5rem 2.5rem 2.5rem;position: relative;}
.tab-section .oil_con .d_flex {justify-content: space-between;}
.tab-section .oil_con .d_flex .imgbox img {width: 16.25rem;}
.tab-section .oil_con:before {content: '엔진오일 업그레이드';position: absolute;left: 0;top: -1rem;color: #fff;background-color: #0096FF;font-size: 1.125rem;border-radius: 0.938rem 1.875rem 1.875rem 0;line-height: 2rem;padding: 0.25rem 1.563rem;font-weight: bold;}
.tab-section .oil_con .t-text {padding-right: 0.5rem;}
.tab-section .oil_con .t-text p {color: #888;font-size: 0.875rem;line-height: normal;}
.tab-section .oil_con .t-text .fwb {display: block;}
.tab-section .oil_con .check_list_t li {display: flex;font-size: 0.875rem;margin-top: 0.625rem;}
.tab-section .oil_con .check_list_t li img {margin-right: 0.5rem;}
.tab-section .page-btn {padding: 0;}

/* 이용요금 / 구매하기 테이블 */
.sub-comm-table.price_table tr td.bl_line {border-left: 0.063rem solid #ddd;}
.sub-comm-table.price_table .con-table th {border-color: #ddd;}
.sub-comm-table.price_table thead {border-bottom: 0.063rem solid #acacac;}
.sub-comm-table.price_table thead th, .sub-comm-table.price_table thead td {}
.sub-comm-table.price_table thead th p {color: #333;}
.sub-comm-table.price_table thead th.bg1 {background-color: #F6F6F6;border-left: 0.063rem solid #ddd;}
.sub-comm-table.price_table thead th.bg2 {background-color: #F0F0F0;}
.sub-comm-table.price_table tbody td {border-color: #ddd;}
.sub-comm-table.price_table tbody td p {color: #333;word-break: break-word;}
.sub-comm-table.price_table tbody tr.bg1 {background-color: #F6F6F6;}
/* 서비스 출동지역 */
.location-form {width: 100%;margin-top: 1.25rem;}
.location-form .location-list {width: 100%;display: flex;flex-wrap: wrap;gap:1%;padding-bottom: 2.5rem;border-bottom: 0.063rem solid #ddd;}
.location-form .location-list .list-con {width: 32.3333%;margin-bottom: 1%;}
.location-form .location-list .list-con input[type="checkbox"] {display: none;}
.location-form .location-list .list-con label {display: flex;align-items: center;justify-content: center;width: 100%;height: 3rem;border-radius: 0.125rem;border: 0.063px solid #ddd;cursor: pointer;}
.location-form .location-list .list-con label span {font-size: 1rem;color: #515151;}
/* .location-form .location-list .list-con label:hover {border: 0.063rem solid #579aff;background: #f4f9ff;} */
/* .location-form .location-list .list-con label:hover span {color: #579aff;} */
.location-form .location-list .list-con input[type="checkbox"]:checked + label {border: 0.063rem solid #131313;font-weight: 700;}
.location-form .location-list .list-con input[type="checkbox"]:checked + label span {color: #131313;}
.location-form .location-info-form {width: 100%;}
.location-form .location-info-form .info-box {width: 100%;padding: 26px 0 40px 0;border-bottom: 1px solid #ddd;display: none;}
.location-form .location-info-form .info-box:first-child {padding: 40px 0 40px 0;}
.location-form .location-info-form .info-box .title {font-size: 1.125rem;font-weight: 700;}
.location-form .location-info-form .info-box .info-con {display: flex ;margin-top: 1.25rem;width: 100%;align-items: flex-start;}
.location-form .location-info-form .info-box .info-con .con-title {width: 120px;display: flex;align-items: center;font-size: 1rem;justify-content: flex-start;}
.location-form .location-info-form .info-box .info-con .con-title::before {content: "";display: block;width: 1.25rem;height: 1.25rem;border-radius: 1.25rem;margin-right: 0.5rem;background: #0096ff url(../images/sub/ic_ck.svg) no-repeat center;}
.location-form .location-info-form .info-box .info-con .info-list {width: calc( 100% - 120px );font-size: 1rem;color: #515151;line-height: 1.4;word-break: keep-all;}

/* 점검 및 교환 과정 */
.tab-section.tab_multi {padding:1.25rem 0 0;}
.visiting_service .check_slide .swiper-pagination-bullets {margin-top: 3.75rem;}
.tab-ty03 {width: 100%;}
.tab-ty03 .tab-box {width: 100%;display: flex;align-items: center;}
.tab-ty03 .tab-box .tab-con {width: calc(50% + 1px);display: flex;align-items: center;justify-content: center;border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #131313;background: #f6f6f6;border-radius: 2px 2px 0px 0px;height: 48px;margin-right: -1px;position: relative;z-index: 1;cursor: pointer;}
.tab-ty03 .tab-box .tab-con:last-child {margin-right: 0px;}
.tab-ty03 .tab-box .tab-con span {font-size: 14px;font-weight: 500;color: #888;}
.tab-ty03 .tab-box .tab-con a {font-size: 14px;font-weight: 500;color: #888;}
.tab-ty03 .tab-box .tab-con.active {background: #fff;border-bottom: 1px solid #fff;border-left: 1px solid #131313;border-top: 1px solid #131313;border-right: 1px solid #131313;z-index: 2;}
.tab-ty03 .tab-box .tab-con.active span {font-weight: 700;color: #131313;}
.visit-video iframe {height: 11.75rem;}
.process-box .check_slide {overflow: hidden;}
.process-box .check_slide .slide_set {padding-bottom: 3.75rem;}
.process-box .check_slide li {width: 100%;}
.process-box .check_slide li .t-text p {margin-top: 0.75rem;}
.process-box .visit-video {position: relative;padding-top: 56.1%;margin-top: 1.25rem;}
.process-box .visit-video iframe {position: absolute;left: 0;right: 0;width: 100%;height: 100%;top: 0;}
.process-box .check-list-box {width: 100%;display: flex;flex-direction: column;justify-content: center;padding: 1.875rem 1.25rem;background: #f4f9ff;}
.process-box .slide-set {padding-bottom: 3.75rem;}
.process-box .slide-set .multi_slide.swiper-container {padding-bottom: 0;}
.process-box .slide-set .multi_slide .m_slide_st {overflow: hidden;}
.process-box .check-list-box .title {font-size: 1.5rem;font-weight: 700;color: #0096ff;text-align: center;}
.process-box .check-list-box .check-list {margin-top: 0.938rem;}
.process-box .check-list-box .check-list li {align-items: center;margin-top: 0.375rem;gap: 0 18px;font-size: 1rem;color: #333;font-weight: 500;line-height: 1.5rem;}
.process-box .check-list-box .check-list li:first-child {margin-top: 0px;}
.process-box .check-list-box .check-list li span {display: flex;align-items: center;font-size: 1rem;font-weight: 700;color: #0096ff;gap: 0 4px;margin-bottom: 0.125rem;}
.process-box .check-list-box .check-list li span.icon::before {content: "";display: block;width: 1.5rem;height: 1.5rem;background: url(../images/sub/ic_checked2.svg) no-repeat center;}
.process-box.oil-check .check-list li p {font-size: 1rem;line-height: 1.5rem;}
.process-box.oil-check .check-list li p span {font-weight: bold;}
.process-box.oil-check .check-list-box .check-list li {display: flex;align-items: flex-start;justify-content: flex-start;}
.process-box.oil-check .check-list-box .check-list li span {color: #333;display: inline-block;}
.process-box.oil-check .check-list-box .check-list li span.fwb:before {display: none;}
.comm__pager {padding-bottom:2.5rem;position: relative;}
.comm__pager .swiper-pagination {position: absolute;bottom: 0 !important;left: 0;right: 0;bottom: 0;}
.comm__pager .swiper-pagination .swiper-pagination-bullet {width: 0.75rem;height: 0.75rem;background-color: #fff;border:0.063rem solid #ddd;opacity: 1;}
.comm__pager .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 1.875rem;height: 0.75rem;background-color: #2E3546;border-radius: 1.25rem;}

.visiting_service .check_slide .multi_slide.swiper-container .swiper-pagination {margin-top: 3.75rem;}
.multi_slide.swiper-container {overflow: hidden;position: relative;}
.multi_slide.swiper-container ul li {width: 50%;margin: 0;border-top: 0.063rem solid #ddd;;padding-top: 1.25rem;}
.multi_slide.swiper-container ul li:nth-child(even) .imgbox {position: relative;}
.multi_slide.swiper-container ul li:nth-child(even) .imgbox:before {content: '';background-image: url(../images/sub/slide-right.svg);background-repeat: no-repeat;width: 1.25rem;height: 1.25rem;position: absolute;top: 50%;margin-top: -0.625rem;margin-left: -0.625rem;}
.multi_slide.swiper-container ul li .mscommp {color: #131313;font-size: 0.875rem;margin-right: 0.375rem;margin: 0.375rem 0 1.25rem;}
.m_slide_st {margin-top: -0.063rem;}
.process-box .multi_slide.swiper-container .swiper-pagination-bullets {position: static;margin-top: 0rem;}

.visiting_service .swiper-pagination-bullets {position: static;margin-top: 2.5rem;}

/* 마스터 슬라이드 */
.master_slide .multi_slide.swiper-container {padding-bottom: 0}
.master_slide .multi_slide.swiper-container .swiper-pagination {bottom: 0;margin-top: 0;}
.master_slide .multi_slide ul {overflow: hidden;}
.master_slide .multi_slide ul li .imgbox:before {display: none;}
.master_slide .multi_slide.swiper-container ul li {border-top: none;margin-bottom: 3.75rem;margin-top: 0 !important;padding-top: 0;}

.master_slide .multi_slide.swiper-container ul li .mscommp {margin: 0;line-height: 1.375rem;color: #666;}
.master_slide .multi_slide.swiper-container ul li .ml-title {margin-top: 1rem;margin-bottom: 0.5rem;}
.tab-content .tab-section.master_slide {background-color: #F7F8F9;padding-bottom: 3.75rem;}
.master_slide .multi_slide ul li .imgbox {position: relative;padding-top: 88.57%;border-radius: 0.625rem;overflow: hidden;}
.master_slide .multi_slide ul li .imgbox img {position: absolute;left:0;right: 0;margin: 0 auto;top: 0;height: 100%;}

/* 찾아가는 서비스 약관 */
.visit_popup table {margin-top: 1.5rem;}
.visit_popup td,.visit_popup th {border-left: 0.063rem solid #ddd;border-bottom: 0.063rem solid #ddd;}
.visit_popup tr td:last-child,.visit_popup tr th:last-child {border-right: 0.063rem solid #ddd;}
.visit_popup th {padding: 0.75rem;border-top: 0.063rem solid #ddd;background-color: #F4F4F4;color: #333;}
.visit_popup td {padding: 0.875rem;color: #515151;}

/*****************************
      가치보장 서비스
*****************************/
.add-t-top {padding: 2rem 1.25rem 0;}
.add-t-top .l-title2 {line-height: 2.125rem;}
.system-content .base-btn {border-radius: 0.25rem;}
.tab-content.system_page7 .section1 {background-color: #F7F8F9;}
.tab-content.system_page7 .tab-section {padding-top: 3.75rem;padding-bottom: 3.75rem;}
.tab-content.system_page7 .point-box {margin-top: 1.25rem;}
.tab-content.system_page7 .point-box .p-box {background-color: #fff;padding: 1rem 0.75rem;border: none !important;}
.tab-content.system_page7 .point-box .p-box .commp {line-height: 1.5rem;}
.tab-content.system_page7 .point-box .p-box .commp2 {line-height: 1.625rem;margin-top: 0.25rem;}

/* 가치보장서비스 */
.tab-content.system_page7 .section2 {margin-top: 0rem;padding-bottom: 0;}
.tab-content.system_page7 .section2 .row {display: flex;justify-content: space-between;align-items: center;}
.tab-content.system_page7 .section2 .row p {font-size: 0.875rem;display: flex;align-items: center;font-weight: bold;}
.tab-content.system_page7 .section2 .icon {margin-right: 0.25rem;}
.tab-content.system_page7 .section2 .text1 {color: #606B84;}
.tab-content.system_page7 .section2 .text2 {color: #0096FF;}
.tab-content.system_page7 .section2 .text3 {color: #2E3546;}
.tab-content.system_page7 .service-box-set {display: flex;gap: 0.313rem;}
.tab-content.system_page7 .service-box-set .mscommp {color: #515151;}
.service-box-set .sv-box1 {background-color: #F6F6F6;border-radius: 0.625rem;height: 8.875rem;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: column;flex: 1;}
.service-box-set .sv-box2 {background-color: #F4F9FF;border-radius: 0.625rem;height: 8.875rem;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: column;flex: 1;}
.service_ex_con {position: relative;}
.service_ex_con .r_content {}
.service_ex_con .bar {position: absolute;height: 100%;background-color: #F0F1F3;border-radius: 3.125rem;width: 1.5rem;top: 0.25rem;}
.service_ex_con .t-info {border: none;}
.service_ex_con .r_section {padding-left: 2.75rem;position: relative;padding-top: 2.5rem;margin-top: 2rem;}
.service_ex_con .r_section:first-child {margin-top: 0;}
.service_ex_con .r_section .marker_row {position: absolute;left: 0;top: 0;display: flex;}
.service_ex_con .r_section .marker_row .marker {margin-left: 0.25rem;}
.service_ex_con .r_section .marker_row .commp2 {margin-left: 0.5rem;display: flex;align-items: center;}
.service_ex_con .r_section .car-set {display: flex;justify-content: space-between;align-items: flex-end;}
.service_ex_con .t_date {margin-left: 0.375rem;}
.service_ex_con .t_price {font-size: 1.5rem;}
.service_ex_con .t_price span {font-size: 0.875rem;}
.service_ex_con .mscommp {color: #131313;line-height: 1.25rem;}
.service_ex_con .mscommp.t_date {color: #2E3546;}
.service_ex_con .r_section .imgbox img {max-height: 3.625rem;}
.service_ex_con .ps_box_set {background-color: #F0F1F3;border-radius: 0.625rem;padding: 1rem 0.688rem;display: flex;justify-content: space-between;gap: 0.5rem;}
.service_ex_con .ps_box_set .box {background-color: #fff;border:0.063rem solid #ACACAC;border-radius: 0.625rem;flex: 1;text-align: center;padding: 0.875rem 0;}
.service_ex_con .ps_box_set .box.on {border:0.125rem solid #2E3546;position: relative;}
.service_ex_con .ps_box_set .box.on:before {content: '';position: absolute;background-image: url(../images/sub/ic_btn_check_bd.svg);background-repeat: no-repeat;width: 1.25rem;height: 1.25rem;top: -0.7em;left: 0;right: 0;margin: 0 auto;}
.service_ex_con .ps_box_set .box .commp2 {margin-top: 0.125rem;}
.service_ex_con .r_section:last-child:before {content: '';position: absolute;left: 0;width: 1.5rem;border-radius: 0 0 3.125rem 3.125rem;height: 96%;background-color: #0096FF;bottom: -0.25rem;}
.tab-content.system_page7 .gary_line {background-color: #eee;}
.tab-content.system_page7 .step-list {flex-wrap: wrap;}
.tab-content.system_page7 .notice-box {background-color: #F8F9FB;}
.tab-section .popup-table.white-table {border-top: 0.125rem solid #131313;border-bottom: 0.063rem solid #ddd;} 
.tab-section .popup-table.white-table th {font-weight: bold;color: #333;font-size: 0.875rem;padding: 0.938rem;;}
.tab-section .popup-table.white-table tr td:first-child {border-right: 0.063rem solid #ddd;}
.tab-section .popup-table.white-tablet tr:first-child td {border-top: 0.125rem solid #333;}
.tab-section .popup-table.white-table tr td {border-top: 0.063rem solid #ddd;}
.tab-section .popup-table.white-table tbody tr:first-child td{border-top: 0.063rem solid #acacac;}
.tab-section .popup-table.white-table tr td {font-size: 0.875rem;color: #333;padding: 0.875rem 0.25rem;}
.system-content .add-t-top .l-title {line-height: 1.8rem;}
.system-content .point-box .p-box {border: none;}
.system-content .system_page7 .tab-section .step-list .step_num {background-color: #F0F0F0;color: #666;}
.system-content .system_page7 .step-list .step_text {font-size: 0.875rem;line-height: 1.375rem;}
.system-content .system_page7 .step-list .mscommp.c_gray {margin-top: 0.5rem;color: #888;}
.system-content .system_page7 .step-list li {margin-top: 2rem;}
.system-content .system_page7 .step-list li.step-blit {margin-top: 6.125rem;}



/*****************************
      인증 / 특허 시스템
*****************************/
.system-content.subSystem-page .sub-inner {padding: 2.5rem 1.25rem;}
.system-content.subSystem-page .l-title2 {line-height: 2.25rem;}
.system-content.subSystem-page .badge_list {display: flex;justify-content: center;overflow: hidden;}
.system-content.subSystem-page .badge_list.blue {margin-right: -0.6rem;}
.system-content.subSystem-page .badge_list.blue li {margin-left: -0.6rem;}
.system-content.subSystem-page .badge_list.white li {margin: 0 0.375rem;}
.badge_list.blue li .imgbox {background-image: url(../images/sub/ico_badge_blue.png);background-repeat: no-repeat;background-position: center;height: 7.375rem;width: 7.233rem;background-size: 100%;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.badge_list.blue li .imgbox p {color: #fff;}
.badge_list li p {color: #fff;text-align: center;font-size: 1rem;font-weight: bold;line-height: 1.25rem;margin-top: 0.5rem;color: #000;margin-bottom: 0.625rem;}
.badge_list.white li .imgbox {background-image: url(../images/sub/ico_badge_white.png);background-repeat: no-repeat;background-position: center;height: 7.375rem;width: 7.233rem;background-size: 100%;display: flex;align-items: center;justify-content: center;text-align: center;}
/* 독일 인증기관 (인증) */
.system-content .half_box {display: flex;border-radius: 0.625rem;overflow: hidden;}
.system-content .half_box .box {flex: 1;text-align: center;padding: 2rem 1rem;overflow: hidden;}
.system-content .half_box .box:first-child {background-color: #F8F8F8;}
.system-content .half_box .box:last-child {background-color: #F4F4F4;}
.comm_r_btn {border: 0.063rem solid #ddd;border-radius: 1.875rem;height: 3.5rem;display: inline-flex;align-items: center;justify-content: center;font-size: 1rem;color: #666;padding: 0 1.25rem;}
.comm_r_btn .r_blit {display: inline-block;margin-left: 0.5rem;}
/* TUV SUD란? */
.sub-inner .tuvsud-info {padding-top: 1.25rem;margin-top: 1.25rem;border-top: 0.125rem solid #000;padding-bottom: 1.25rem;border-bottom: 0.0625rem solid #ddd;}
.sub-inner .tuvsud-info .tuvsud-set {display: flex;align-items: center;justify-content: flex-start}
.sub-inner .tuvsud-info .tuvsud-set .imgbox {margin-right: 0.5rem;}
.sub-inner .tuvsud-info .tuvsud-set .imgbox img {width: 6.25rem;}
.sub-inner .tuvsud-info .tuvsud-set .commp2 {color: #333;line-height: 1.625rem;}
.sub-inner .tuvsud-info .row {display: flex;align-items: center;gap: 0.25rem;}
.sub-inner .tuvsud-info .row a {flex: 1;text-align: center;border: 0.063rem solid #ccc;height: 2.375rem;border-radius: 0.25rem;display: flex;align-items: center;justify-content: center;font-size: 0.875rem;}
/* 이미지 레이어 팝업 */
.layer-base-wrap#layer-img .layer-box {padding: 0 2.5rem;}
.layer-base-wrap#layer-img .layer-cont {padding: 0 0;box-sizing: border-box;display: flex;align-items: center;}
.layer-base-wrap.full#layer-img .layer-cont {max-height: calc(100% - 53px);}
.sub-inner .gray_con {background-color: #F8F8F8;border-radius: 0.625rem;padding: 1.75rem 1rem;}
/* 특허 */
.sub-inner .tit-t-set {display: flex;}
.sub-inner .tit-t-set .tit {width: 6rem;flex-basis: 6rem;flex-shrink: 0;}
.layer-base-wrap.full#layer-car-sale .layer-cont {max-height: calc(100% - 73px);}
#car-sale-check .layer-cont {max-height: 100%;padding-bottom: 5rem;}


/*****************************
      금융사 전용관 기획전 추가작업
*****************************/
.page-ltitle {font-size: 1.25rem;font-weight: bold;padding: 0 1.25rem 1.5rem;}


/*****************************
      VIP 배터리 점검 결과 팝업 추가작업
*****************************/
#layer-battery-service .layer-header .d_flex .scommp {margin-top: 0.5rem;}
#layer-battery-service.layer-bottom-wrap .layer-header h1 {font-weight: 600;color: #131313;}
#layer-battery-service.layer-bottom-wrap .layer-box .layer-cont {padding-bottom: 2.25rem;}
#layer-battery-service .vip-battery-box dd {font-size: 0.875rem;font-weight: bold;}
#layer-battery-service .vip-battery-box {padding: 2.25rem 1rem;}

/*****************************
      AQI 점검 결과보기 이미지 자세히보기 버튼 추가
*****************************/
.layer-notice-wrap .layer-box .swiper-slide .picture {position: relative;}
.layer-notice-wrap .layer-box .swiper-slide .picture .img_detail_btn {position: absolute;right: 0.5rem;bottom: 0.5rem;}
.layer-notice-wrap .layer-box .swiper-slide .picture .img_detail_btn img {margin-left: 0;}


/*****************************
      이미지 자세히보기 레이어 팝업
*****************************/
#layer-imgpopup.layer-base-wrap {z-index: 30;}
#layer-imgpopup .layer-header .btn-hisback {position: absolute;top: 50%;z-index: 1;width: 1.5rem;height: 1.5rem;margin-top: -0.75rem;background-image: url('../images/common/ico_gnb_hisback.png');left: 0.75rem;background-repeat: no-repeat;background-size: 100%;}
#layer-imgpopup.layer-base-wrap.full .layer-header {padding: 1rem 3.25rem 1rem 3.25rem;}
#layer-imgpopup.layer-base-wrap .layer-header h1 {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;}
#layer-imgpopup.layer-base-wrap.full .layer-cont {padding: 0;overflow: auto;max-height: 100%;}
#layer-imgpopup.layer-base-wrap.full .layer-cont .imgbox img {max-width: 100%;position: relative;}


/*****************************
      차량 옵션 설명 팝업 layer-option-info
*****************************/
#layer-option-info.layer-bottom-wrap .layer-box .layer-cont {padding-bottom: 1rem;}
#layer-option-info.layer-bottom-wrap .layer-box .layer-cont .imgbox {margin-top: 1rem;}
#layer-option-info.layer-bottom-wrap .layer-box .layer-cont .commp {line-height: 1.5rem;}





/*****************************
      2024.09- 심병기
*****************************/

/*****************************
      추후 공통빼야함
*****************************/
.blind {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0,0,0,0); overflow:hidden; white-space:nowrap;}
hr {height:0.063rem; border:0; border-width:0.063rem; border-style:solid;}
hr.lightgray {border-color:#eee;}
hr.gray {border-color:#131313;}
hr.strong {border-width:10px;}
.pagenation-base.pd-bottom {padding-bottom:5rem;margin-bottom: 0;}
.keyword-search-box {position:relative; padding:1rem 1.25rem;}
.keyword-search-box input {padding-right:48px; width:100%; box-sizing:border-box;}
.keyword-search-box input:focus {border:1px solid #131313;}
.keyword-search-box .btn-search {position:absolute; right:0; top:0rem; width:48px; height:100%; background:url('../images/common/ico_gnb_search.png') no-repeat center; background-size:24px;}
.search-result-info {padding:2.5rem 0; text-align:center; line-height:1.625rem; color:#131313; font-size:1.25rem; font-weight:700;}
.search-result-info strong,
.search-result-info span {color:#131313; font-size:1.25rem; font-weight:700;}
.search-result-info .input-keyword,
.search-result-info .input-keyword span {color:#0096ff;}
.page-cont .search-reset {display:flex; flex-direction:row-reverse; padding:1rem 0 0;}
.page-cont .search-reset.add-sort {flex-direction:row; justify-content:space-between; align-items:center;}
.page-cont .search-reset .btn-list-sort {position:relative; padding:0.625rem 2rem 0.625rem 0.75rem; border:0.0625rem solid #ddd; line-height:1.125rem; font-size:0.875rem; border-radius:0.125rem;}
.page-cont .search-reset .btn-list-sort::after {position:absolute; right:0.75rem; top:50%; transform:translateY(-50%); width:1.125rem; height:1.125rem; background:url(../images/common/ico_list_sort.png) no-repeat center center; background-size:contain; content:'';}
.page-cont .search-reset .btn-list-sort.change {color:#131313; border-color:#131313;}
.page-cont .search-reset .btn-list-sort.change::before {position:absolute; top:0.1875rem; right:0.1875rem; width:0.25rem; height:0.25rem; border-radius:50%; background:#0096ff; content:'';}
.page-cont .search-reset .btn-search-reset {padding-right:23px; color:#000; font-size:0.875rem; background:url('../images/common/ico_search_reset.svg') no-repeat right top 1px; background-size:15px 13px;}
.layer-cont .sort-list {padding-bottom:1.25rem;}
.layer-cont .sort-list li {padding:0.75rem 0;}
.layer-cont .sort-list li .radio-button .text {margin-left:0.75rem;}
/* order.css에 있으나 공통으로 빼야함 */
.f-bt .radio-list {display: flex;justify-content: flex-start;}
.f-bt .radio-list li {margin-left: 2.5rem;}
.f-bt .radio-list li:first-child {margin-left: 0;}
/* 게시판 상세 스타일 */
.details .a-header {padding:1.875rem 1.25rem 1.25rem;}
.details .a-header .badge {padding:0 0.468rem; height:1.563rem; line-height:1.5rem; font-weight:700; text-align:center; border-radius:50em; font-size:0.875rem; color:#131313; border:1px solid #131313;display: inline-block;}
.details .a-header .badge.blue {color:#0096ff; border:0.063rem solid #0096ff;display: inline-block;height: 1.563rem;line-height: 1.563rem;}
.details .a-header .subject {margin-top:0.375rem; line-height:2rem; color:#131313; font-size:1.5rem; font-weight:500;}
.details .a-header .row {display:flex; justify-content:space-between; align-items:center; margin-top:1.31rem;}
.details .a-header .row.column {flex-direction:column;}
.details .a-header .row.left {align-items:flex-start;}
.details .a-header .row.right {justify-content:flex-end;}
.details .a-header .row dl {display:flex;width: 100%;}
.details .a-header .row dl dt {margin-right:0.5rem;font-weight: bold;flex-basis: 20%;width: 20%;}
.details .a-header .row dl dt,
.details .a-header .row dl dd {font-size:0.875rem;color: #666;letter-spacing: -0.28px;line-height: 1.063rem;}
.details .a-header .row dl + dl {margin-top:0.5rem;}
.details .a-header .date {color:#666; font-size:0.875rem;}
.details .a-header .btn-share {width:2.25rem; height:2.25rem; background:url('../images/common/ico_content_share.png') no-repeat center; background-size:2.25rem;}
.details .content {padding:1.5rem 1.25rem;}
.details .content p {line-height:1.5rem; color:#131313; font-size:1rem;}
.details .content .download-file {margin-top:1.5rem; text-align:right;}
.details .content .download-file a {display:inline-block; padding-left:24px; color:#888; font-size:0.875rem; background:url('../images/common/ico_clip.png') no-repeat left; background-size:24px;}
.details .content .download-file a:hover {color:#131313;}
.other-list {border-top:1px solid #eee;}
.other-list li {border-bottom:1px solid #eee;}
.other-list li a {display:flex; padding:1.5rem 1.125rem;}
.other-list li a span {width:65px;}
.other-list li a p {padding-right:2.5rem; width:calc(100% - 65px); background:url('../images/common/ico_notion_detail.png') no-repeat right 5px center; background-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* 게시판 댓글 작성 */
.comment-list {margin-top:60px; padding:0 20px;}
.comment-list .count {display:flex; gap:8px; padding-bottom:16px;}
.comment-list .count dt,
.comment-list .count dd {line-height:26px; color:#131313; font-size:1.125rem; font-weight:700;}
.comment-list .comment {padding:24px 0;}
.comment-list .comment .row {height:22px; line-height:22px;}
.comment-list .comment {border-bottom:1px solid #ddd;}
.comment-list .comment .user-id {color:#515151; font-size:0.875rem; font-weight:700; letter-spacing:-0.2px;}
.comment-list .comment .date {margin-left:8px; color:#666; font-size:0.75rem;}
.comment-list .comment .text {padding:10px 0; line-height:22px; color:#131313; font-size:0.875rem;}
.comment-list .comment .btns {display:flex; flex-direction:row-reverse;padding: 0 0.625rem;}
.comment-list .comment .btns div {display:flex; align-items:center; gap:8px; height:24px;}
.comment-list .comment .btns .line {width:1px; height:12px; background:#ddd;}
.comment-list .comment .btns a {display:inline-block; height:24px; line-height:24px; font-size:0.875rem; color:#666; letter-spacing:-0.2px;}
.comment-list .comment .btns .btn-comment {padding-left:21px; background:url('../images/sub/ico_review_comment.png') no-repeat left center; background-size:18px;}
.comment-list .comment.re {padding:24px 10px 24px 30px; background:#f6f6f6;}
.comment-list .comment.re .user-id {display:inline-block; position:relative; padding-left:15px;}
.comment-list .comment.re .user-id:after {display:block; content:"ㄴ"; position:absolute; left:0; top:0;}
.comment-list .comment.re .text {padding-left:15px;}
.comment-write-box {padding:0 20px 50px;}
.comment-write-box.re {display:none; padding:0 0 16px 0;}
.comment-write-box .textarea-box {margin-top:1rem; padding:1rem; border:0.063rem solid #ddd;border-radius: 0.125rem;}
.comment-write-box .textarea-box textarea {padding:0; height:60px; line-height:22px; font-size:0.875rem; letter-spacing:-0.2px; border:0;}
.comment-write-box .row {display:flex; flex-direction:row-reverse;}
.comment-write-box .row div {display:flex; align-items:center; gap:6px; height:40px;}
.comment-write-box .row .btn-cancel,
.comment-write-box .row .btn-regist {width:80px; height:40px; line-height:40px; font-size:0.875rem; font-weight:500; text-align:center; border-radius:4px;}
.comment-write-box .row .btn-regist {color:#acacac; background:#e3e3e3; border:1px solid #e3e3e3;}
.comment-write-box .row .btn-regist.active {color:#fff; background:#0096ff;}
.comment-write-box .row .btn-cancel {color:#131313; border:1px solid #ccc;}
.comment-write-box .row .byte-count {color:#999; font-size:0.75rem; letter-spacing:-0.2px;}
.vip-battery-box .imgbox img {display: inline-block;}
#layer-battery-service .vip-battery-box.no-con {padding: 1.25rem;}
/*****************************
      고객센터
*****************************/
/* 자주묻는질문 copy */
.qna-slide-box{margin-bottom:2.5rem;border-top:0.0625rem solid #131313;}
.qna-slide-box dl{border-bottom:0.0625rem solid #eee;}
.btn-qna-slide{position:relative;display:flex;justify-content:start;align-items:start;gap:0 0.5rem;width:100%;padding:1.25rem 2.3125rem 1.25rem 0;color:#131313;font-size:1rem;line-height:1.5rem;}
.vip-cont-wrap.vip-qna-box .btn-qna-slide {text-align: left;}
.btn-qna-slide::before{font-weight:800;content:'Q';}
.btn-qna-slide::after{position:absolute;top:50%;right:0;transform:translateY(-50%);width:1rem;height:1rem;background:url(../images/common/btn_slide_gray_down.png) no-repeat center center;background-size:contain;content:'';}
.btn-qna-slide.up{font-weight:400;}
.btn-qna-slide.up::after{background:url(../images/common/btn_slide_gray_up.png) no-repeat center center;background-size:contain;}
.qna-slide-box dd{padding:2rem 1.25rem;background:#f9f9f9;}
.qna-slide-box dd p b{font-size:inherit;}
/* //copy */
.sale-section.qna {padding: 4rem 0 0;}
.sale-section.qna .inner {padding:0 1.25rem;}
.sale-section .btn-qna-slide {font-weight: normal; text-align:left;}
.sale-section .btn-qna-slide.up {font-weight: 700;}
.sale-section .qna-slide-box dd p{font-size: 1rem;font-weight: 400;line-height: 1.25rem;color: #666;word-break: keep-all;}
.sale-section .qna-slide-box {margin-top: 1rem;}
/* 검색 결과 없음 */
.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;}
.noresult-box p.title {color:#131313; font-size:1.25rem; line-height:1.625rem;	font-weight:700;}
.noresult-box .btn-reset{margin-top:2rem;}
.btn-reset {display: flex; justify-content: center; align-items: center; gap:0 0.5rem; width:136px; padding:0.8125rem 0; color:#131313; font-size:1rem; line-height:1.375rem; border:0.0625rem solid #e0e0e0; border-radius:50px;}
.btn-reset i {display:inline-block; width:15px; height:13px; background:url(../images/common/ico_reset.png) no-repeat center center; background-size:contain;}
/* customer */
.cs {padding:0;}
.cs .page-title {padding:2.5rem 1.125rem 2rem; line-height:1.687rem; color:#131313; font-size:1.375rem; font-weight:700;}
.cs .l-title {padding-bottom:1.062rem; border-bottom:1px solid #131313;}
.cs .qna-slide-box {margin-top:0; padding:0rem; border-top:0;}
.cs .sale-section.qna .qna-slide-box {margin-top: 0;}
.cs .qna-slide-box .btn-qna-slide {text-align:left;}
.cs .main-info {padding:1.875rem 1.25rem;}
.cs .main-info dl {margin-bottom:0.75rem;}
.cs .main-info dt {margin-bottom:0.75rem; line-height:2rem; color:#131313; font-size:1.25rem; font-weight:700;}
.cs .main-info dd ,.cs .main-info dd a{line-height:2rem; color:#131313; font-size:2.5rem; font-weight:900;}
.cs .main-info .info {padding-left:21px; line-height:2rem; color:#888; font-size:0.937rem; background:url('../images/common/ico_clock.png') no-repeat left; background-size:16px;}
.cs .cs-btns {padding:0 1.25rem;}
.cs .cs-btns .type-a {display:flex; gap:10px; padding:1.875rem 0 2.125rem;}
.cs .cs-btns .type-a li {flex:1; background-repeat:no-repeat; background-size:44px; background-position:center top;}
.cs .cs-btns .type-a li.chatbot {background-image:url('../images/common/ico_cs_chatbot.png');}
.cs .cs-btns .type-a li.kakaotalk {background-image:url('../images/common/ico_cs_kakaotalk.png');}
.cs .cs-btns .type-a li.non-member {background-image:url('../images/common/ico_cs_non_member.png');}
.cs .cs-btns .type-a li.live {background-image:url('../images/common/ico_cs_live.png');}
.cs .cs-btns .type-a li a {display:block; padding:3.375rem 0 0; line-height:1.25rem; color:#131313; font-size:0.875rem; font-weight:400; letter-spacing:-0.2px; text-align:center;}
.cs .cs-btns .type-b {background:#f9f9f9;}
.cs .cs-btns .type-b li {border-bottom:1px solid #ddd; background-repeat:no-repeat; background-size:44px; background-position:left 20px center;}
.cs .cs-btns .type-b li.esg {background-image:url('../images/common/ico_cs_esg.png');}
.cs .cs-btns .type-b li.business {background-image:url('../images/common/ico_cs_business.png');}
.cs .cs-btns .type-b li.marketing {background-image:url('../images/common/ico_cs_marketing.png');}
.cs .cs-btns .type-b li a {display:block; padding:0.912rem 0.875rem 0.912rem 5.25rem; line-height:2rem; color:#333; font-weight:700; letter-spacing:-0.2px; background:url('../images/common/ico_cs_arrow.png') no-repeat right 1.25rem center; background-size:8px 13px;}
.notice-section {margin:2.5rem 0 0;}
.notice-section .inner {padding:0 1.25rem;}
.notice-section .list {margin:0 0 2.5rem;}
.notice-section .list li {border-bottom:1px solid #eee; background:url('../images/common/ico_speaker.png') no-repeat left center; background-size:22px;}
.notice-section .list li a {display:block; padding:20px 32px;}
.notice-section .list li a .subject {margin-bottom:6px; line-height:1.375rem; color:#333;}
.notice-section .list li a .date {line-height:1.06rem; color:#888; font-size:0.875rem;}
.kakao-f-section {margin-top:4rem; padding:0 1.25rem; width:100%; overflow:hidden; box-sizing:border-box;}
.kakao-f-section .swiper-container {position:relative; padding-top:35px;}
.kakao-f-section ul li {position:relative; padding:62px 0 102px; width:100%; text-align:center;}
.kakao-f-section ul li .step {display:inline-block; position:absolute; top:0; left:50%; transform:translateX(-50%); padding:0.75rem 0.812rem; color:#fff; font-size:0.875rem; font-weight:700; background:#0096ff; border-radius:20px;}
.kakao-f-section ul li img {display:inline-block;}
.kakao-f-section ul li .txt {margin-top:1.625rem; line-height:1.5rem; color:#131313; font-size:1rem; font-weight:700;}
.kakao-f-section ul li .txt .c_blue {font-size: 1rem;line-height: 1.5rem;}
.kakao-f-section .swiper-pagination {left:50%; transform:translate(-50%); bottom:60px; height:3px;}
.kakao-f-section .swiper-horizontal>.swiper-pagination-bullets {left: 50%;width: auto;background-color: #eee;bottom: 2.5rem;}
.kakao-f-section .swiper-pagination .swiper-pagination-bullet {margin:0; width:30px; height:3px; border-radius:0;}
.kakao-f-section .swiper-pagination .swiper-pagination-bullet:first-child {border-radius:3px 0 0 3px;}
.kakao-f-section .swiper-pagination .swiper-pagination-bullet:last-child {border-radius:0 3px 3px 0;}
.kakao-f-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {border-radius:3px; background:#131313;}
.kakao-f-section .swiper-button-next, 
.kakao-f-section .swiper-button-prev {top:40%; color:#acacac;}
.kakao-f-section .swiper-button-next:after, 
.kakao-f-section .swiper-button-prev:after {font-size:2.2rem; font-weight:700;}
/* FAQ */
.cs.faq .categorys {padding:1.5rem 1.25rem;}
.cs.faq .categorys ul {display:flex; flex-wrap:wrap; gap:4px; justify-content:flex-start;}
.cs.faq .categorys ul li {position:relative; width:calc(33.33% - 2.7px); border:1px solid #ddd; border-radius:2px;}
.cs.faq .categorys ul li a {display:block; height:48px; line-height:48px; color:#515151; font-size:1rem; text-align:center;}
.cs.faq .categorys ul li.active {border:1px solid #131313;}
.cs.faq .categorys ul li.active a {color:#333; font-weight:700;}
.cs.faq .categorys ul li.active:after {display:block; content:""; position:absolute; right:-8px; top:-12px; z-index:10; width:20px; height:20px; background:url('../images/common/ico_faq_category_check.png') no-repeat center; background-size:20px;}
.cs.faq .qna-slide-box button {position:relative; padding:3.437rem 2.312rem 1.25rem 0; font-weight:400;}
.cs.faq .qna-slide-box button.up {font-weight:800;}
.cs.faq .qna-slide-box button span {position:absolute; top:1.25rem; padding:0 8px; color:#131313; font-size:0.875rem; font-weight:500; background:#f6f6f6; border-radius:50em;}
.cs.faq .qna-slide-box dd {line-height:1.625rem;}
.cs.faq .qna-slide-box dd p {font-size:1rem;color: #666;}
/* 공지사항 */
.cs.notice .list-box {padding:0 1.125rem;}
.cs.notice .list {margin-bottom:2.5rem;}
.cs.notice .list li {border-bottom:1px solid #eee;}
.cs.notice .list li a {display:flex; justify-content:space-between; padding:1.25rem 0;}
.cs.notice .list li .no {padding:0 0.468rem; font-size:0.875rem; color:#131313;}
.cs.notice .list li .no {padding-top:0.25rem;}
.cs.notice .list li .cont {width:calc(100% - 40px);padding-left: 10px;box-sizing: border-box;}
.cs.notice .list li .cont .subject {margin-bottom:0.375rem; line-height:1.375rem; color:#333; font-size:1rem; letter-spacing:-0.2px;}
.cs.notice .list li.new .cont .subject:after {display:inline-block; content:"N"; position:relative; top:-2px; margin-left:6px; width:16px; height:16px; line-height:16px; color:#fff; font-size:0.625rem; text-align:center; background:#131313; border-radius:50em;}
.cs.notice .list li .cont .date {color:#888; font-size:0.875rem;}
.cs.notice .layer-btn {padding:2.5rem 1.125rem;}
.cs.notice .layer-btn .base-btn {border-radius:4px;}
.cs.finance-staff .form {padding:0 1.25rem;}
.cs.finance-staff .form .f-row {margin-top:0.625rem; padding-bottom:0.937rem;}
.cs.finance-staff .form .layer-btn {display:flex; margin:2.5rem 0 3.125rem;}
.cs.finance-staff .form .layer-btn button {flex:1; border-radius:4px;}
.cs.finance-staff .caution {padding:0 1.25rem 1.875rem;}
.cs.finance-staff .caution strong {display:block; margin-bottom:0.75rem; padding-left:30px; line-height:24px; line-height:24px; color:#131313; font-size:1.125rem; background:url('../images/sub/ico_caution_title.png') no-repeat left; background-size:24px;}
.cs.finance-staff .caution li {position:relative; margin-bottom:0.5rem; padding-left:0.937rem; color:#666; font-size:0.875rem; line-height:1.062rem;}
.cs.finance-staff .caution li:before {display:block; content:""; width:3px; height:3px; position:absolute; left:4px; top:50%; transform:translateY(-50%); border-radius:50em; background:#999;}
.cs.finance-staff .caution li a {display:inline-block; position:relative; top:2px; margin-left:2px; padding:0 4px 0 22px; height:20px; line-height:20px; letter-spacing:-0.2px; color:#000; font-weight:700; font-size:0.75rem; background:#f6f6f6 url('../images/sub/ico_outlink.png') no-repeat left 2px center; background-size:20px; border-radius:4px;}
#finance-staff-info .noresult-box p {line-height:1.625rem; font-size:1.125rem; color:#666;}
#finance-staff-info .result-box {padding-bottom:2.062rem;}
#finance-staff-info .result-box p {padding:2.062rem 0; padding-bottom:1.25rem; line-height:1.625rem; color:#666; font-size:1.25rem;}
#finance-staff-info .result-box p strong {display:block; color:#131313; font-weight:700; font-size:1.25rem;}
#finance-staff-info .details {display:flex; justify-content:space-between;  padding:1.875rem 1.25rem; background:#f9f9f9; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#finance-staff-info .details .infos {width:calc(100% - 68px - 20px);}
#finance-staff-info .details .infos dl {display:flex; justify-content:space-between;}
#finance-staff-info .details .infos dl + dl {margin-top:0.375rem;}
#finance-staff-info .details .infos dl dt,
#finance-staff-info .details .infos dl dd {line-height:1.187rem; font-size:0.937rem; color:#131313;}
#finance-staff-info .details .infos dl dt {font-weight:700;}
#finance-staff-info .details .picture {width:68px;}
/* 이벤트 */
.tab-nav {padding:0 1.25rem;}
.tab-nav ul {display:flex;}
.tab-nav ul li {flex:1; border:1px solid #eee; border-bottom:1px solid #131313;}
.tab-nav ul li.active {border:1px solid #131313; border-bottom:1px solid #fff;}
.tab-nav ul li a {display:flex; align-items:center; justify-content:center; height:65px; color:#888; letter-spacing:-0.2px; line-height:1.25rem; background:#f6f6f6;text-align: center;}
.tab-nav ul li a strong {color:#888; font-weight:400;}
.tab-nav.column ul li a {flex-direction:column;}
.tab-nav ul li.active a {color:#131313; font-weight:700; background:#fff;}
.tab-contents .cont {display:none;}
.tab-contents .cont.active {display:block;}
.event .page-title {padding:2.5rem 1.125rem 2rem; line-height:1.687rem; color:#131313; font-size:1.375rem; font-weight:700;}
.event .keyword-search-box {padding:1rem 0;}
.event .no-event {padding:94px 0;}
.event .no-event p {padding-top:72px; line-height:1.625rem; font-size:1.25rem; color:#131313; font-weight:700; text-align:center; background:url('../images/sub/ico_no_event.png') no-repeat center top; background-size:60px;}
.event-list {padding:0 1.25rem;} 
.event-list li a {display:block;}
.event-list .type01 li {position:relative; margin-top:1.375rem;}
.event-list .type01 li a {padding-bottom:1.375rem;}
.event-list .type01 li.end a:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6);}
.event-list .type01 li .info-row {display:flex; align-items:center; margin:1.25rem 0 0.375rem;}
.event-list .type01 li .info-row span {color:#0096ff; font-size:0.875rem; font-weight:700;}
.event-list .type01 li .info-row .type {padding:0.3022rem 0.468rem; border:1px solid #0096ff; border-radius:50em;}
.event-list .type01 li .info-row .count {margin-left:8px;}
.event-list .type01 li .subject {font-size:1.125rem; color:#131313; line-height:1.625rem; font-weight:400;}
.event-list .type01 li .date-range {margin-top:0.75rem; line-height:1.75rem; color:#888; font-size:0.875rem;}
.event-list .type02 {margin-top:1rem;}
.event-list .type02 li {border-bottom:1px solid #eee;}
.event-list .type02 li a {padding:1.25rem 0;}
.event-list .type02 li .subject {color:#333; line-height:1.375rem;}
.event-list .type02 li .date {margin-top:0.375rem; line-height:1.125rem; color:#888; font-size:0.875rem;}
.event .details .a-header .row {margin-top:1rem;}
.event .details .layer-btn {margin-top:5.6rem;border-top: none;}
.event .event-car-list {padding-top:5.5rem;}
.event .event-car-list .title {display:block; padding:0 1.25rem 1.5rem; line-height:2rem; color:#131313; font-size:1.5rem; letter-spacing:-2px;}
.event .event-list .type01 li .imgbox {position: relative;padding-top: 56.066%;}
.event .event-list .type01 li .imgbox img {position: absolute;left: 0;right: 0;width: 100%;height: 100%;top: 0;}
.event .event-list .type01 li.end .imgbox img {z-index: -1;}
.event .layer-btn .base-btn {border-radius: 0.25rem;}
/* 이용후기 */
.review .page-title {padding:2.5rem 1.125rem 2rem; line-height:1.687rem; color:#131313; font-size:1.375rem; font-weight:700;}
.review .tab-nav ul li a {font-size:0.875rem;}
.review .tab-nav ul li a strong {font-size:1rem;}
.review .tab-nav ul li.active a strong {color:#131313; font-weight:700;}
.review .keyword-search-box {padding:1rem 0;}
.review .cont {padding:0 1.25rem;}
.review .cont .link {display:block; margin:1.875rem 0 1.562rem;}
.review .review-list {margin-top:1rem;}
.review .review-list li {border:1px solid #eee;}
.review .review-list li .picture {text-align: center;}
.review .review-list li .picture img {max-width: 100%;display: inline-block;}
.review .review-list li + li {margin-top:1.25rem;}
.review .review-list li a {display:block;}
.review .review-list li .infos {padding:1.5rem 1rem;}
.review .review-list li .infos .title,
.review .review-list li .infos .subject {color:#131313; font-size:1.125rem; letter-spacing:-0.2px; font-weight:700; line-height:1.5rem;}
.review .review-list li .infos .writer {margin-top:0.375rem; color:#999;}
.review .review-list li .infos .writer .name {color:#131313;}
.review .review-list li .infos .grade-view {margin-top:1.25rem;}
.review .review-list li .infos .subject {margin-top:0.625rem; line-height:1.5rem; color:#131313; font-size:1.125rem; letter-spacing:-0.2px; font-weight:700;}
.review .review-list li .infos .summary {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:96px; margin-top:0.625rem; line-height:1.5rem; color:#515151; letter-spacing:-0.2px;}
.review .review-list li .infos .etc {display:flex; justify-content:space-between; margin-top:1.25rem;}
.review .review-list li .infos .etc .date {display:flex;}
.review .review-list li .infos .etc .date dt,
.review .review-list li .infos .etc .date dd {color:#999;}
.review .review-list li .infos .etc .date dd {margin-left:4px;}
.review .review-list li .infos .etc .info {display:flex;}
.review .review-list li .infos .etc .info .like,
.review .review-list li .infos .etc .info .comment {padding-left:22px; color:#515151; letter-spacing:-0.2px;}
.review .review-list li .infos .etc .info .like {background:url('../images/sub/ico_review_like.png') no-repeat left; background-size:18px;}
.review .review-list li .infos .etc .info .like.on {background:url('../images/sub/ico_review_like.png') no-repeat left; background-size:18px;}
.review .review-list li .infos .etc .info .comment {margin-left:12px; background:url('../images/sub/ico_review_comment.png') no-repeat left; background-size:18px;}
.grade-view p {display:flex;}
.grade-view.small p span {margin-right:2px; width:20px; height:20px; background-size:20px 19px;}
.grade-view.x-small p span {margin-right:2px; width:16px; height:16px; background-size:16px;}
.grade-view p .temp {background:url('../images/sub/ico_review_star_temp.png') no-repeat center;}
.grade-view p .half {background:url('../images/sub/ico_review_star_half.png') no-repeat center;}
.grade-view p .full {background:url('../images/sub/ico_review_star_full.png') no-repeat center;}

.review.vip .info {padding:1.25rem 1.25rem 1.875rem;}
.review.vip .car-list {padding:5.5rem 0 3.125rem;}
.review.vip .car-list .title {display:block; padding:0 1.25rem 1.5rem; line-height:2rem; color:#131313; font-size:1.5rem; letter-spacing:-2px;}
.review-detail .header {padding:0 1.25rem 1.25rem;}
.review-detail .header .title {line-height:24px; color:#666; font-size:1.125rem; letter-spacing:-0.2px; font-weight:500;}
.review-detail .header .title .model {font-size: 1.125rem;}
.review-detail .header .subject {margin-top:1rem; line-height:32px; color:#000; font-size:1.5rem; letter-spacing:-0.2px; font-weight:500;}
.review-detail .header .regist-date {margin-top:1rem;}
.review-detail .header .purchase-date {display:flex; gap:6px; margin-top:0.5rem;}
.review-detail .header .regist-date,
.review-detail .header .regist-date strong,
.review-detail .header .purchase-date dt,
.review-detail .header .purchase-date dd {color:#666; font-size:0.875rem; letter-spacing:-0.2px;}
.review-detail .header .purchase-date dt {font-weight:700;}
.review-detail .header .etc {display:flex; flex-direction:row-reverse; margin-top:0.75rem;}
.review-detail .header .etc div {display:flex; gap:8px;}
.review-detail .header .etc button {height:36px; border-radius:50em; border:1px solid #ddd;}
.review-detail .header .etc button.on {border-color: #131313;}
.etc .btn-like {padding:0 14px;box-sizing: border-box;}
.etc .btn-like span {padding-left:22px; background:url('../images/sub/ico_like.svg') no-repeat left; background-size:20px;}
.etc .btn-like.on span {background:url('../images/sub/ico_like_on.svg') no-repeat left; background-size:20px;}
.etc .btn-like.on {border-color: #131313;}
.review-detail .header .etc .btn-share {width:2.25rem; background:url('../images/sub/vip_share_ico_b.svg') no-repeat center; background-size:0.7rem;}
.review-detail .grade-info {padding:1.5rem 1.25rem 0;}
.review-detail .grade-info .inner {display:flex; padding:1.25rem; border:0.063rem solid #eee;align-items: center;border-radius: 0.125rem;overflow: hidden;}
.review-detail .grade-info .avg {display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.review-detail .grade-info .avg dt,
.review-detail .grade-info .avg dd {color:#131313; letter-spacing:-0.2px;}
.review-detail .grade-info .avg dt {line-height:1.5rem; font-weight:700;font-size: 1rem;}
.review-detail .grade-info .avg dd {line-height:2.75rem; font-size:2.25rem; font-weight:900;}
.review-detail .grade-info .line {margin:0 1.25rem 0 1.125rem; width:0.063rem; height:5.375rem; background:#eee;display: none;}
.review-detail .grade-info .detail-view {width:calc(100% - 107px);margin-left: 1.25rem;padding-left: 1.25rem;border-left: 0.063rem solid #eee;}
.review-detail .grade-info .detail-view dl {display:flex; justify-content:space-between; align-items:center;}
.review-detail .grade-info .detail-view dl + dl {margin-top:0.438rem}
.review-detail .grade-info .detail-view dl dt {line-height:1.5rem; color:#333;font-size: 1rem;}
.review-detail .grade-info .detail-view dl dd {display:flex; justify-content:space-between; align-items:center;}
.review-detail .grade-info .detail-view dl dd .bar-bg {width:50px; height:6px; border-radius:50em; background:#f0f0f0;}
.review-detail .grade-info .detail-view dl dd .bar-bg .bar {width:0; height:6px; background:#0096ff; border-radius:50em; transition:0.3s;}
.review-detail .grade-info .detail-view dl dd strong,
.review-detail .grade-info .detail-view dl dd strong span {color:#333; font-weight:700;font-size: 1rem;width: 0.813rem;text-align: right;}
.review-detail .contents {margin-top:30px; padding:0 20px; line-height:24px; letter-spacing:-0.2px; color:#131313;}
.review-detail .layer-btn {padding:0 1.25rem;border-top: none;}
.review-detail .layer-btn .base-btn {border-radius:0.25rem; font-weight:500;}
.review-detail .pictures {position:relative; margin:20px 0 40px; padding-bottom:56px; overflow:hidden;}
.review-detail .pictures li img {min-width:100%;}
.review-detail .pictures .swiper-pagination {left:50%; transform:translate(-50%); bottom:11px; height:3px;}
.review-detail .pictures .swiper-pagination .swiper-pagination-bullet {margin:0; width:30px; height:3px; border-radius:0;}
.review-detail .pictures .swiper-pagination .swiper-pagination-bullet:first-child {border-radius:3px 0 0 3px;}
.review-detail .pictures .swiper-pagination .swiper-pagination-bullet:last-child {border-radius:0 3px 3px 0;}
.review-detail .pictures .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {border-radius:3px; background:#131313;}
.review-detail .comment-box {margin-top:60px;}
.review-detail .grade-info .detail-view dl dd strong {margin-left: 0.25rem;}
.form .error-msg {display:none; margin-bottom:5px; line-height:22px; color:#f00; font-size:0.875rem; font-weight:500; letter-spacing:-0.2px;}
.photo-notice-text {font-size: 0.875rem;color: #666;font-weight: normal;position: relative;margin-top: 0.75rem;padding-left: 1rem;}
.photo-notice-text span {position: absolute;left: 0;}
.review.write .form {margin-top:20px; padding:0 20px;}
.review.write .form .form-ly-comm {margin-top:0;}
.review.write .form .form-ly-comm .f-row {margin-top:12px;}
.review.write .rent-imgs {position:relative;}
.review.write .rent-imgs .input-car-number,
.review.write .rent-imgs .input-phone-number {position:absolute; left:38%; width:54.6%; height:3%; color:#131313; font-size:1.25rem; font-weight:600; border:0; padding:0 1rem;}
.review.write .rent-imgs .input-car-number {bottom:65%;}
.review.write .rent-imgs .input-phone-number {bottom:60.8%;}
.review.write .rent-imgs .btn-check {display:block; position:absolute; left:5.4%; bottom:2.2%; width:88%; height:3.6%; background:rgba(0,0,0,0);}
.review.write .caution-list {margin-top:1.875rem; padding:1.875rem 1.25rem; background:#f9f9f9;}
.review.write .score-box {padding:2.125rem 20px 12px; border:1px solid #ddd;}
.review.write .score-box .title {line-height:1.625rem; color:#000; font-size:1.5rem; font-weight:700; letter-spacing:-0.2px;padding: 0 0.625rem;}
.review.write .score-box .review-score-list {margin-top:0.25px;}
.review.write .score-box .review-score-list li {padding:1.375rem 0.625rem; border-bottom:0.063rem solid #eee;}
.review.write .score-box .review-score-list li:last-child {border-bottom: none;}
.review.write .score-box .review-score-list .review-scroe-con-title {line-height:22px; color:#131313; font-size:1.125rem; font-weight:500; letter-spacing:-0.2px;}
.review.write .score-box .review-score-list .review-score-chk {display:flex; gap:8px; position:relative; margin-top:14px;}
.review.write .score-box .review-score-chk input[type="checkbox"] {appearance:none;}
.review.write .score-box .review-score-chk input:after {display:block; content:""; width:44px; height:44px; background:url('../images/sub/ico_review_star_temp.png') no-repeat center; background-size:44px;}
.review.write .score-box .review-score-chk input[type="checkbox"]:checked:after {background:url('../images/sub/ico_review_star_full.png') no-repeat center; background-size:44px;}
.review.write .caution-list .title {line-height:18px; color:#333; font-size:1.125rem; font-weight:700; letter-spacing:-0.2px;}
.review.write .caution-list p {margin-top:8px; line-height:22px; color:#515151; font-size:0.875rem; letter-spacing:-0.2px;}
.review.write .caution-list ul {margin-top:12px;}
.review.write .caution-list li {position:relative; padding-left:15px; line-height:18px; color:#666; font-size:0.875rem; letter-spacing:-0.2px;}
.review.write .caution-list li:before {display:block; content:""; position:absolute; left:5px; top:8px; width:3px; height:3px; background:#999; border-radius:50em;}
.review.write .caution-list li + li {margin-top:8px;}
.review.write .layer-btn {position:relative; margin-top:46px; 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;}
.review.write .layer-btn .base-btn {-webkit-box-flex:1; -ms-flex:1; flex:1; border-radius:4px;}

/* 시스템 메인 */
.system-main .section-title {display:block; margin:64px 0 20px; color:#333; font-size:2rem; font-weight:700; line-height:40px; text-align:center;}
.system-intro {padding:64px 20px 58px; background:#ecf0f2;}
.system-intro .padding-box {padding:0 19px;}
.system-intro .txt01 {margin-top:36px; line-height:24px; color:#515151; letter-spacing:-0.2px;}
.system-intro .txt02 {margin-top:20px; line-height:32px; color:#333; font-size:1.5rem; font-weight:700;}
.system-intro .bi {margin-top:36px;}
.system-intro .bi img {width:35.3%;}
.system-intro .system-list {margin-top:60px;}
.system-intro .system-list .title {display:block; padding-top:25px; line-height:35px; color:#131313; font-size:1.75rem; letter-spacing:-0.2px; font-weight:700;}
.system-intro .system-list > li {background:#fff; border-radius:1.25rem; padding:1.5rem 0.375rem 1.75rem 1.5rem;}
.system-intro .system-list > li:nth-child(1) .title {background:url('../images/sub/ico_system_intro01.png') no-repeat right 18px top; background-size:60px;}
.system-intro .system-list > li:nth-child(2) .title {background:url('../images/sub/ico_system_intro02.png') no-repeat right 18px top; background-size:60px;}
.system-intro .system-list > li:nth-child(3) .title {background:url('../images/sub/ico_system_intro03.png') no-repeat right 18px top; background-size:60px;}
.system-intro .system-list > li + li {margin-top:20px;}
.system-intro .system-list ul {margin-top:20px;}
.system-intro .system-list ul li {padding-left:27px; line-height:1.5rem; letter-spacing:-0.3px; font-size:1rem; background:url('../images/sub/ico_system_intro_check.png') no-repeat left top; background-size:24px;color: #666;}
.system-intro .system-list ul li + li {margin-top:8px;}
.system-intro .system-list li a {display:inline-block; margin-top:2rem; padding:0.8339rem 2.454rem 0.8339rem 1.5rem; color:#666; font-weight:500; letter-spacing:-0.2px; border:1px solid #ddd; border-radius:50em; background:url('../images/sub/ico_system_intro_button_arrow.png') no-repeat right 1.25rem center; background-size:1rem 0.5rem;}
.system-main .reborncar-process {padding:0 20px 92px;}
.system-main .reborncar-process .swiper-box {position:relative;}
.system-main .reborncar-process .swiper-container {position:relative; overflow:hidden;}
.system-main .reborncar-process li {padding:40px 20px 260px 20px; height:424px; border-radius:10px; box-sizing:border-box;}
.system-main .reborncar-process li:nth-child(1) {background:#f8f9fb url('../images/sub/img_reborn_process01.png') no-repeat center bottom 20px; background-size:230px;}
.system-main .reborncar-process li:nth-child(2) {background:#f8f9fb url('../images/sub/img_reborn_process02.png') no-repeat center bottom 20px; background-size:230px;}
.system-main .reborncar-process li:nth-child(3) {background:#f8f9fb url('../images/sub/img_reborn_process03.png') no-repeat center bottom 20px; background-size:230px;}
.system-main .reborncar-process li:nth-child(4) {background:#f8f9fb url('../images/sub/img_reborn_process04.png') no-repeat center bottom 20px; background-size:230px;}
.system-main .reborncar-process li:nth-child(5) {background:#f8f9fb url('../images/sub/img_reborn_process05.png') no-repeat center bottom 20px; background-size:138px;}
.system-main .reborncar-process li dl dt {margin-bottom:20px; line-height:32px; font-weight:700; color:#333; font-size:1.625rem; letter-spacing:-0.2px;}
.system-main .reborncar-process li dl dd {line-height:24px; color:#888; letter-spacing:-0.2px;}
.system-main .reborncar-process .swiper-button-next,
.system-main .reborncar-process .swiper-button-prev {display:block; position:absolute; top:50%; width:32px; height:32px;}
.system-main .reborncar-process .swiper-button-next {right:-16px; background:url('../images/sub/ico_reborn_process_next.png') no-repeat center; background-size:32px;}
.system-main .reborncar-process .swiper-button-prev {left:-16px; background:url('../images/sub/ico_reborn_process_prev.png') no-repeat center; background-size:32px;}
.system-main .reborncar-process .swiper-button-prev:after,
.system-main .reborncar-process .swiper-button-next:after {content:"";}
.system-main .reborncar-process .swiper-pagination {bottom:-40px;}
.system-main .reborncar-process .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; border:1px solid #ddd; background:#fff; opacity:1;}
.system-main .reborncar-process .swiper-pagination .swiper-pagination-bullet-active {width:30px; background:#2e3546; border:1px solid #2e3546; border-radius:20px;}
.system-main .reborncar-service {padding:1px 20px 60px; background:#f7f8f9;}
.system-main .reborncar-service ul {display:flex; flex-wrap:wrap; justify-content: space-between;}
.system-main .reborncar-service li {margin-bottom:10px; width:calc(50% - 5px); background:#fff;border-radius: 0.625rem;}
.system-main .reborncar-service li:nth-child(1) a {background:url('../images/sub/img_reborn_service01.png') no-repeat top 32px center; background-size:92px;}
.system-main .reborncar-service li:nth-child(2) a {background:url('../images/sub/img_reborn_service02.png') no-repeat top 32px center; background-size:92px;}
.system-main .reborncar-service li:nth-child(3) a {background:url('../images/sub/img_reborn_service03.png') no-repeat top 32px center; background-size:92px;}
.system-main .reborncar-service li:nth-child(4) a {background:url('../images/sub/img_reborn_service04.png') no-repeat top 32px center; background-size:92px;}
.system-main .reborncar-service li:nth-child(5) a {background:url('../images/sub/img_reborn_service09.png') no-repeat top 32px center; background-size:92px;}
.system-main .reborncar-service li:nth-child(6) a {background:url('../images/sub/img_reborn_service10.png') no-repeat top 32px center; background-size:92px;}
.system-main .reborncar-service li:nth-child(7) a {background:url('../images/sub/img_reborn_service05.png') no-repeat top 32px center; background-size:92px;}
.system-main .reborncar-service li:nth-child(8) a {background:url('../images/sub/img_reborn_service06.png') no-repeat top 32px center; background-size:92px;}
.system-main .reborncar-service li a {display:block; padding:144px 18px 30px; height:255px; background:#fff; border-radius:10px; text-align:center; box-sizing:border-box;}
.system-main .reborncar-service li span {line-height:22px; color:#666; font-size:0.875rem; letter-spacing:-0.2px;}
.system-main .reborncar-service li p {margin-top:4px; line-height:24px; color:#131313; letter-spacing:-0.2px; font-weight:700;}
.system-main .reborncar-service li p:after {display:inline-block; content:">"; margin-left:6px; color:#131313; line-height:24px; font-weight:400;}
.system-main .reborncar-service .usp {margin-top:50px; text-align:center;}
.system-main .reborncar-service .usp .txt01 {line-height:32px; color:#333; font-size:1.125rem; font-weight:700; letter-spacing:-0.2px;}
.system-main .reborncar-service .usp .txt02 {margin-top:12px; line-height:36px; color:#333; font-size:1.75rem; font-weight:700;}
.system-main .reborncar-service .usp .txt03 {margin:20px auto 0; position:relative; padding-left:14px; max-width:90%; line-height:22px; color:#888; font-size:0.875rem; text-align:left;}
.system-main .reborncar-service .usp .txt03:before {display:block; content:"*"; position:absolute; left:2px; top:0; line-height:22px; color:#888; font-size:0.875rem;}
.go-reborncar {padding:16px 20px; border-top:1px solid #eee;}
.go-reborncar a {display:block; height:52px; line-height:52px; color:#fff; font-weight:500; text-align:center; background:#0096ff; border-radius:4px;}
/* 책임점검 */
.atc-intro {padding:0 20px; text-align:center;}
.atc-intro .logo {display:block; margin:32px auto 0; width:169px;}
.atc-intro .atc {margin-top:6px; line-height:22px; color:#00a7ea; font-size:1.125rem; font-weight:500;}
.atc-intro .about-atc {margin-top:12px; color:#666; line-height:24px; letter-spacing:-0.2px;}
.atc-intro .pictures {margin-top:10px; padding:0 0 92px;}
.system-page .about .atc-intro .pictures {padding-bottom: 3.75rem;}
.atc-intro .swiper-box {position:relative;}
.atc-intro .swiper-box .swiper-container {overflow:hidden;}
.atc-intro .swiper-button-next,
.atc-intro .swiper-button-prev {display:block; position:absolute; top:50%; width:32px; height:32px;}
.atc-intro .swiper-button-next {right:-16px; background:url('../../resources/images/sub/ico_reborn_process_next.png') no-repeat center; background-size:32px;}
.atc-intro .swiper-button-prev {left:-16px; background:url('../../resources/images/sub/ico_reborn_process_prev.png') no-repeat center; background-size:32px;}
.atc-intro .swiper-button-prev:after,
.atc-intro .swiper-button-next:after {content:"";}
.atc-intro .swiper-pagination {bottom:-34px;}
.system-page .about .swiper-pagination .swiper-pagination-bullet,.atc-intro .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; border:1px solid #ddd; background:#fff; opacity:1;}
.system-page .about .swiper-pagination .swiper-pagination-bullet-active,.atc-intro .swiper-pagination .swiper-pagination-bullet-active {width:30px; background:#2e3546; border:1px solid #2e3546; border-radius:20px;}

.atc-intro .atc-info {border-top:1px solid #000;}
.atc-intro .atc-info th,
.atc-intro .atc-info td {padding:12px 0; line-height:24px; letter-spacing:-0.2px; color:#131313; font-size:1rem; font-weight:500; text-align:left; vertical-align:top;}
.atc-intro .atc-info th.first,
.atc-intro .atc-info td.first {padding:24px 0 12px;}
.atc-intro .atc-info th.last,
.atc-intro .atc-info td.last {padding:12px 0 20px;}
.atc-intro .atc-info th {color:#888;}
.atc-intro .atc-info .btn-view-location {display:block; margin-top:10px; width:89px; height:38px; line-height:38px; font-size:0.875rem; letter-spacing:-0.2px; text-align:center; border:1px solid #ccc; color:#131313; border-radius:4px;}
.atc-intro .tuvsud-info {margin:20px 0 36px;}
.atc-intro .tuvsud-info .title {padding:11px 0 11px 108px; line-height:26px; color:#333; font-size:1.125rem; font-weight:700; letter-spacing:-0.2px; text-align:left; background:url('../../resources/images/sub/ico_tuv_sud.png') no-repeat left center; background-size:100px;}
.atc-intro .tuvsud-info .row {display:flex; justify-content:space-between; gap:4px; margin-top:20px;}
.atc-intro .tuvsud-info .row a {flex:1; height:38px; line-height:38px; color:#131313; font-size:0.875rem; border:1px solid #ccc; border-radius:4px;}
.atc-intro .media {position:relative; margin:60px 0 80px;}
.atc-intro .media a:after {display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:48px; height:48px; background:url('../../resources/images/sub/ico_media_play.png') no-repeat center; background-size:48px;}
.system-page .about .group .group-title {display:block; margin-bottom:20px; line-height:40px; color:#333; font-size:2rem; font-weight:700;}
.atc-intro .main-service li {padding:16px 20px 16px 92px; text-align:left; border-radius:10px; background-color:#f8f9fb; background-size:60px; background-position:20px 16px; background-repeat:no-repeat;}
.atc-intro .main-service li + li {margin-top:20px;}
.atc-intro .main-service li.service01 {background-image:url('../images/sub/ico_atc_service01.png');}
.atc-intro .main-service li.service02 {background-image:url('../images/sub/ico_atc_service02.png');}
.atc-intro .main-service li.service03 {background-image:url('../images/sub/ico_atc_service03.png');}
.atc-intro .main-service li.service04 {background-image:url('../images/sub/ico_atc_service04.png');}
.atc-intro .main-service li.service05 {background-image:url('../images/sub/ico_atc_service05.png');}
.atc-intro .main-service li.service06 {background-image:url('../images/sub/ico_atc_service06.png');}
.atc-intro .main-service li.service07 {background-image:url('../images/sub/ico_atc_service07.png');}
.atc-intro .main-service li.service08 {background-image:url('../images/sub/ico_atc_service08.png');}
.atc-intro .main-service li .title {line-height:32px; letter-spacing:-0.2px; color:#131313; font-size:1.25rem; font-weight:700;}
.atc-intro .main-service li p {margin-top:8px; line-height:24px; letter-spacing:-0.2px; color:#666; font-weight:500;}
.system-page .about .specialist {position:relative; margin-top:64px; margin-bottom:3.75rem;}
.system-page .about .specialist .swiper-container {overflow:hidden;padding-left: 20px;}
.system-page .about .specialist .swiper-slide {margin-bottom: 3.75rem;}
.system-page .about .specialist .picture {width:100%; height:124px; border-radius:10px;} 
.system-page .about .specialist .cont {margin-top:16px; text-align:left;}
.system-page .about .specialist .cont .name {color:#2e3546; font-size:1.125rem; font-weight:700; letter-spacing:-0.2px;}
.system-page .about .specialist .cont .certificate {margin-top:8px;}
.system-page .about .specialist .cont .certificate li {line-height:22px; color:#666; font-size:0.875rem; letter-spacing:-0.2px;}
.system-page .about .specialist .swiper-pagination {bottom:0}
/* kbr 추가 */
.system-page .about .specialist .swiper-slide .imgbox {position: relative;padding-top: 88.57%;border-radius: 0.625rem;overflow: hidden;}
.system-page .about .specialist .swiper-slide .imgbox img {position: absolute;left: 0;right: 0;margin: 0 auto;top: 0;width: 100%;}
.system-page .about .specialist .swiper-slide .mscommp {margin: 0;line-height: 1.375rem;color: #666;text-align: left;}
.system-page .about .specialist .swiper-slide .ml-title {margin-top: 1rem;margin-bottom:0.5rem;text-align: left;}

  
/* 서비스점검 일정안내 */
#layer-service-update .layer-box {padding-top:40px;padding-bottom: 0;}
#layer-service-update .title {display:block; padding-top:50px; line-height:48px; color:#131313; font-size:2.25rem; font-weight:800; letter-spacing:-0.2px; text-align:center; background:url('../images/sub/ico_service_update.png') no-repeat center top; background-size:63px;}
#layer-service-update .details {margin-top:20px; line-height:20px; color:#131313; font-weight:500; letter-spacing:-0.2px; text-align:center;}
#layer-service-update .schedule-box {position:relative; margin-top:40px;}
#layer-service-update .schedule-box dt {position:absolute; left:50%; top:-14px; transform:translateX(-50%); padding:0 16px; color:#fff; font-weight:500; height:28px; line-height:28px; text-align:center; background:#333; border-radius:50em;}
#layer-service-update .schedule-box dd {display:flex; justify-content:center; padding:20px; background:#f4f4f4; border-radius:8px;}
#layer-service-update .schedule-box dd strong, 
#layer-service-update .schedule-box dd span {line-height:26px; color:#131313; letter-spacing:-0.2px;}
#layer-service-update .info {margin-top:8px; color:#888; font-size:0.75rem; text-align:center;}
#layer-service-update .cs {margin-top:32px; line-height:18px; color:#131313; font-size:0.875rem; letter-spacing:-0.2px; text-align:center;}
#layer-service-update .layer-btn2 {display:flex; align-items:center; justify-content:space-between; height:72px;}
#layer-service-update .layer-btn2 a {display:block; padding:0 20px; line-height:72px; color:#666; letter-spacing:-0.2px; font-weight:600;}
#layer-service-update .layer-btn2 .strong {color:#131313;}
/* 유튜브 영상 */
.layer-youtube-video {display:none; position:fixed; left:0; top:0; z-index:1100;}
.layer-youtube-video .dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.95);}
.layer-youtube-video .in-video {position:fixed; left:0; top:50%; transform:translateY(-50%);}
.layer-youtube-video .in-video .btn-close {position:absolute; right:0; top:-50px; width:50px; height:50px;}
.layer-youtube-video .in-video .btn-close:before, 
.layer-youtube-video .in-video .btn-close:after {display:block; content:""; position:absolute; left:50%; top:50%; margin:-1px 0 0 -13px; width:26px; height:2px; background:#fff; transition:all .3s;}
.layer-youtube-video .in-video .btn-close:before {transform:rotate(45deg);}
.layer-youtube-video .in-video .btn-close:after {transform:rotate(-45deg);}
.layer-youtube-video .in-video .btn-close:hover:before {transform:rotate(135deg);}
.layer-youtube-video .in-video .btn-close:hover:after {transform:rotate(-135deg);}
/* ATC 위치안내 */
.location-box .address {margin-top:32px;}
.location-box .info + .info {margin-top:18px;}
.location-box .info dt,
.location-box .info dd {line-height:24px; color:#666;}
.location-box .info dt {color:#131313; font-weight:500;}
.location-box .info dd {margin-top:4px;}
.location-box .group {margin-top:32px;}
.location-box .group .title {display:block; color:#131313; font-size:1.125rem; font-weight:700; letter-spacing:-0.2px;}
.location-box .group hr {margin:8px 0 16px;}




/* 24.10.10 조충희 - 리본카TV */
.rb-tv-section{
  width:100%;
}

.rb-tv-section .rb-main-title{
  width:100%;
  padding: 2.5rem 1.25rem 2rem 1.25rem;
  font-size:1.375rem;
  font-weight:700;
  line-height:1.3;
}

.rb-tv-section .rb-tv-head{
  width:100%;
  height:9.25rem;
  position: relative;
}

.rb-tv-section .rb-tv-head .rb-tv-haed-box{
  width:100%;
  background:#fff;
}

.rb-tv-section .rb-tv-head .rb-tv-haed-box.fixed-type{
  position: fixed;
  left:0;
  top:3.625rem;
  z-index: 3;
}

.rb-tv-section .rb-tv-head .rb-tv-haed-box .channel-list{
  width:100%;
  padding:0.875rem 1.25rem 0.875rem 1.25rem;
  background:#2b333e;
  position: relative;
}

.rb-tv-section .rb-tv-head .rb-tv-haed-box .channel-list .channel-list-box{
  width:100%; 
  display:flex;
  align-items: center;
  gap:0 0.5rem;
  overflow-x: auto;
  padding-right:1.875rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.rb-tv-section .rb-tv-head .rb-tv-haed-box .channel-list .channel-list-box::-webkit-scrollbar{
  display: none;
}

.rb-tv-section .rb-tv-head .rb-tv-haed-box .channel-list .channel-list-box .channel-list-con{
  padding:0 1rem 0 0.375rem;
  display:flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  border-radius: 2.5rem;
  background:#474e58;
}

.rb-tv-section .rb-tv-head .rb-tv-haed-box .channel-list .channel-list-box .channel-list-con.all{
  padding:0 1rem 0 1rem;
}

.rb-tv-section .rb-tv-head .rb-tv-haed-box .channel-list .channel-list-box .channel-list-con.active{
  background:#0096ff;
}

.rb-tv-section .rb-tv-head .rb-tv-haed-box .channel-list .channel-list-box .channel-list-con i{
  width:1.75rem;
  height:1.75rem;
  border-radius: 1.75rem;
  overflow: hidden;
  margin-right:0.25rem;
}

.rb-tv-section .rb-tv-head .rb-tv-haed-box .channel-list .channel-list-box .channel-list-con .channel-name{
  font-size:1rem;
  color:#fff;
  white-space: nowrap;
}

.rb-tv-section .rb-tv-head .rb-tv-haed-box .channel-list .all-list{
  width:3.125rem;
  height:4.25rem;
  display:flex;
  align-items: center;
  justify-content: center;
  background:#2b333e;
  position: absolute;
  right:0;
  top:0;
}

.rb-tv-section .rb-tv-head .rb-tv-haed-box .channel-list .all-list::before{
  content:"";
  display: block;
  width:1.25rem;
  height:0.25rem;
  background:url(../images/contents/channel_all_ico.png) no-repeat center;
  background-size:contain;
}

.rb-tv-section .rb-tv-search{
  width:100%;
  padding:1rem 1.25rem;
  border-bottom:1px solid #ddd;
}

.rb-tv-section .rb-tv-list{
  width:100%;
  display:none;
}

.rb-tv-section .rb-tv-list.active{
  display:block;
}

.rb-tv-section .rb-tv-list .tv-list-box{
  width:100%;
  display:flex;
  flex-direction: column;
  gap:1.875rem 0;
  padding:1.875rem 1.25rem;
}

.rb-tv-section .rb-tv-list .tv-list-box .tv-list-con{
  width:100%;
}

.rb-tv-section .rb-tv-list .tv-list-box .tv-list-con .tv-cont{
  width:100%;
  display:flex;
  flex-direction: column;
  gap:1rem 0;
}

.rb-tv-section .rb-tv-list .tv-list-box .tv-list-con .tv-cont .tv-thumnail{
  width:100%;
  background:#c4c4c4;;
}

.rb-tv-section .rb-tv-list .tv-list-box .tv-list-con .tv-cont .tv-thumnail img{
  width:100%;
}

.rb-tv-section .rb-tv-list .tv-list-box .tv-list-con .tv-cont .tv-info{
  width:100%;
  display:flex;
  gap:0 0.625rem;
}

.rb-tv-section .rb-tv-list .tv-list-box .tv-list-con .tv-cont .tv-info .tv-logo{
  width:2.25rem;
  height:2.25rem;
  border-radius: 2.25rem;
  overflow: hidden;
}

.rb-tv-section .rb-tv-list .tv-list-box .tv-list-con .tv-cont .tv-info .tv-logo img{
  width:100%;
}

.rb-tv-section .rb-tv-list .tv-list-box .tv-list-con .tv-cont .tv-info .tv-infos{
  width:calc( 100% - 2.875rem );

}

.rb-tv-section .rb-tv-list .tv-list-box .tv-list-con .tv-cont .tv-info .tv-infos .tv-title{
  font-size:1rem;
  line-height:1.4;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}

.rb-tv-section .rb-tv-list .tv-list-box .tv-list-con .tv-cont .tv-info .tv-infos .tv-channel{
  font-size:0.875rem;
  line-height:1.4;
  color:#666;
  margin-top:0.25rem;
}

.rb-tv-section .rb-tv-list .tv-list-box .tv-list-con.tv-list-type02 .tv-cont .tv-info .tv-infos .tv-channel{
  display:flex;
  align-items: center;
  gap: 0.4375rem;;
}

.rb-tv-section .rb-tv-list .tv-list-box .tv-list-con.tv-list-type02 .tv-cont .tv-info .tv-infos .tv-channel::before{
  content:"";
  display:block;
  width:1.25rem;
  height:1.25rem;
  background:url(../images/contents/ic_youtube.png) no-repeat center;
  background-size: contain;
}

/* 검색 페이지 */
.rb-tv-section .rb-tv-search-info{
  width:100%;
  padding:2.5rem 1.25rem;
  text-align: center;
  font-size:1.25rem;
  font-weight:700;
  letter-spacing: -0.03125rem;
}

.rb-tv-section .rb-tv-search-info span{
  font-size:1.25rem;
  font-weight:700;
  color:#0096ff;
}

/* 유튜브 채널 */
.rb-tv-section .rb-tv-channel{
  width:100%;
}

.rb-tv-section .rb-tv-channel .channel-visual-box{
  width:100%;
}

.rb-tv-section .rb-tv-channel .channel-info-box{
  width:100%;
  padding:1.5rem 1.25rem 2.125rem 1.25rem;
  border-bottom:0.625rem solid #f0f0f0;

}

.rb-tv-section .rb-tv-channel .channel-info-box .channel-info-con{
  width:100%;
}

.rb-tv-section .rb-tv-channel .channel-info-box .channel-info-con .channel-summery{
  width:100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.rb-tv-section .rb-tv-channel .channel-info-box .channel-info-con .channel-summery .channel-visual-summery-txt{
  width: 100%;
  white-space: pre-line;
  word-break: keep-all;
  font-size:16px;
  color:#666;
  line-height:1.4;
  display:-webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.rb-tv-section .rb-tv-channel .channel-info-box .channel-info-con .channel-summery .channel-visual-summery-txt.more{
  -webkit-line-clamp:unset;
}

.rb-tv-section .rb-tv-channel .channel-info-box .channel-info-con .channel-summery .channel-visual-summery-more{
  margin-top:0.625rem;
  margin-right:0px;
  display: flex;
  align-items: center;
  width:max-content;
  color:#999;
  gap:0 0.5rem;
}

.rb-tv-section .rb-tv-channel .channel-info-box .channel-info-con .channel-summery .channel-visual-summery-more::after{
  content:"";
  display: block;
  width:0.875rem;
  height:0.875rem;
  background:url(../images/common/btn_slide_down.png) no-repeat center;
  background-size: contain;
  transform: rotate(0deg);
  transition: all 0.2s;
}

.rb-tv-section .rb-tv-channel .channel-info-box .channel-info-con .channel-summery .channel-visual-summery-more.active::after{
  transform: rotate(180deg);
  transition: all 0.2s;
}

/* 유튜브 영상 페이지 */
.rb-tv-section .rb-tv-video{
  width:100%;
}

.rb-tv-section .rb-tv-video .rbtv-video-form{
  width:100%;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-box{
  width:100%;
  position: relative;
  padding-bottom:56.26%;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-box iframe{
  width:100%;
  height:100%;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info{
  width:100%;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-head{
  width:100%;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-head .video-info{
  width:100%;
  padding:1.5rem 1.25rem;
  border-bottom:0.0625rem solid #eee;
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap:1.25rem 0;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-head .video-info .video-title{
  width:100%;
  font-size:1.25rem;
  font-weight:500;
  line-height:1.3;
  word-break: keep-all;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-head .video-info .video-info-list{
  display:flex;
  align-items: center;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-head .video-info .video-info-list .video-info-list-con{
  display:flex; 
  align-items: center;
}


.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-head .video-info .video-info-list .video-info-list-con::after{
  content:"";
  display:block;
  width:0.0625rem;
  height:0.8125rem;
  background:#ddd;
  margin:0 0.5625rem;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-head .video-info .video-info-list .video-info-list-con:last-child::after{
  display: none;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-head .video-info .video-info-list .video-info-list-con span{
  display:flex;
  align-items: center;
  font-size:0.875rem;
  font-weight:700;
  color:#666;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-head .video-info .video-info-list .video-info-list-con button{
  display:flex;
  align-items: center;
  font-size:0.875rem;
  font-weight:700;
  color:#666;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-head .video-info .video-info-list .video-info-list-con a{
  display:flex;
  align-items: center;
  font-size:0.875rem;
  font-weight:700;
  color:#666;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-head .video-info .video-info-list .video-info-list-con.play-count span::before{
  content:""; 
  display: block;
  width:1.125rem;
  height:1.125rem;
  margin-right:0.3125rem;
  background:url(../images/contents/rb_tv_play_ico.png) no-repeat center;
  background-size: contain;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-head .video-info .video-info-list .video-info-list-con.favorit-count button::before{
  content:""; 
  display: block;
  width:1.125rem;
  height:1.125rem;
  margin-right:0.3125rem;
  background:url(../images/contents/rb_tv_favorit_ico.png) no-repeat center;
  background-size: contain;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-head .video-info .video-info-list .video-info-list-con.favorit-count button.active::before{
  content:""; 
  display: block;
  width:1.125rem;
  height:1.125rem;
  margin-right:0.3125rem;
  background:url(../images/contents/rb_tv_favorit_ico_active.png) no-repeat center;
  background-size: contain;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-head .video-info .video-info-list .video-info-list-con.comment-count a::before{
  content:""; 
  display: block;
  width:1.125rem;
  height:1.125rem;
  margin-right:0.3125rem;
  background:url(../images/contents/rb_tv_comment_ico.png) no-repeat center;
  background-size: contain;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-body{
  width:100%;
  padding:1.5rem 1.25rem 2.125rem 1.25rem;
  border-bottom:0.625rem solid #f0f0f0;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-body .video-channel{
  display:flex;
  align-items: center;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-body .video-channel .channel-name-box{
  display:flex;
  align-items: center;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-body .video-channel .channel-name-box::after{
  content:"";
  display:block;
  width:0.0625rem;
  height:0.8125rem;
  background:#ddd;
  margin:0 0.625rem;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-body .video-channel .channel-name-box .channel-ico{
  width:1.75rem;
  height:1.75rem;
  border-radius: 1.75rem;
  overflow: hidden;
  margin-right:0.5rem;
}
.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-body .video-channel .channel-name-box .channel-name{
  font-size:0.875rem;
  font-weight:700;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-body .video-channel .channel-total-video{
  display:flex;
  align-items: center;
  font-size:0.875rem;
  color:#666;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-body .video-channel .channel-total-video::before{
  content:"";
  display:block;
  width:1.125rem;
  height:1.125rem;
  background:url(../images/contents/rb_tv_list_ico.png) no-repeat center;
  background-size: contain;
  margin-right:0.5rem;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-body .video-summery{
  width:100%;
  margin-top:0.625rem;
  display:flex;
  flex-direction: column;
  align-items: flex-end;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-body .video-summery .video-summary-txt{
  width:100%;
  font-size:1rem;
  color:#666;
  white-space: pre-line;
  line-height:1.4;
  word-break: keep-all;
  display:-webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-body .video-summery .video-summary-txt.more{
  -webkit-line-clamp: unset;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-body .video-summery .video-summary-more{
  margin-top:0.625rem;
  font-size:0.875rem;
  color:#999;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-body .video-summery .video-summary-more::after{
  content:"";
  display: block;
  width:0.875rem;
  height:0.875rem;
  background:url(../images/common/btn_slide_down.png) no-repeat center;
  background-size: contain;
  transform: rotate(0deg);
  transition: all 0.2s;
  margin-left:0.5rem;
}

.rb-tv-section .rb-tv-video .rbtv-video-form .rbtv-video-info .video-info-body .video-summery .video-summary-more.active::after{
  transform: rotate(180deg);
  transition: all 0.2s;
}

.rb-tv-section .rb-tv-car{
  width:100%;
  border-bottom:0.625rem solid #f0f0f0;
}

.rb-tv-section .rb-tv-car .rb-tv-car-info{
  width:100%;
  padding:1.5rem 1.25rem 1.25rem 1.25rem;
}

.rb-tv-section .rb-tv-car .rb-tv-car-info .rb-tv-car-title{
  font-size:1.125rem;
  font-weight:700;
  padding-bottom:0.9375rem;
  border-bottom:0.0625rem solid #eee;
}

.rb-tv-section .rb-tv-car .rb-tv-car-info .rb-tv-car-name{
  margin-top:1.25rem;
  font-size:1.25rem;
  font-weight:700;
}

.rb-tv-section .rb-tv-car .rb-tv-car-box{
  margin-bottom:2.5rem;
}

.rb-tv-section .rb-tv-car .more-btn{
  padding:0 1.25rem 3.125rem 1.25rem;
  
}

.rb-tv-section .rb-tv-viedo-list{
  padding:1.25rem 0 3.75rem 0;
  border-bottom:0.625rem solid #f0f0f0;
}


.rb-tv-section .rb-tv-viedo-list .video-list{
  padding:2.5rem 1.25rem;
  width:100%; 
  display: none;
}

.rb-tv-section .rb-tv-viedo-list .video-list.active{
  display: block;
}

.rb-tv-section .rb-tv-viedo-list .video-list .video-list-box{
  width:100%;
  display:flex;
  flex-direction: column;
  gap:1rem 0;
}

.rb-tv-section .rb-tv-viedo-list .video-list .video-list-box .video-list-con{
  width:100%;
  display:flex;
  gap:0 1rem;
}

.rb-tv-section .rb-tv-viedo-list .video-list .video-list-box .video-list-con .thumnail{
  width:8rem;
}

.rb-tv-section .rb-tv-viedo-list .video-list .video-list-box .video-list-con .video-info{
  width:calc( 100% - 9rem );
}

.rb-tv-section .rb-tv-viedo-list .video-list .video-list-box .video-list-con .video-info .video-title{
  font-size:1rem;
  color:#000;
  line-height:1.4;
  word-break: keep-all;
  display:-webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.rb-tv-section .rb-tv-viedo-list .video-list .video-list-box .video-list-con .video-info .video-channel{
  margin-top:0.5rem;
  display:flex;
  align-items: center;
  gap:0 0.25rem;
  font-size:0.75rem;
  color:#666;
}

.rb-tv-section .rb-tv-viedo-list .video-list .video-list-box .video-list-con .video-info .video-channel::before{
  content:"";
  display:block;
  width:1rem;
  height:1rem;
  background:url(../images/contents/ic_youtube.png) no-repeat center;
  background-size:contain;
}

.rb-tv-section .rb-tv-viedo-list .video-list button{
  margin-top:2.5rem; 
}


/* 기존 lp에 있는거 가져왔습니다. */
.layer-base-wrap.full.layer-maker .layer-header{
  padding:1rem 0.75rem 1rem 2.875rem;
}

.layer-base-wrap.full.layer-maker .layer-header .layer-close, .layer-base-wrap.full.layer-maker .layer-history{
  position:absolute;
  top:50%;
  left:0.75rem;
  right:auto;
  transform:translateY(-50%);
  width:1.5rem;
  height:1.5rem;
  background:url(../images/common/ico_gnb_hisback.png) no-repeat center center;
  background-size:contain;
}

/* 전체 채널 보기 팝업 */
#layer-channel-choice{
  display:none;
}

#layer-channel-choice .layer-cont{
  max-height:calc( 100% - 3.625rem );
  padding:0;
}

#layer-channel-choice .layer-cont .all-channel-list{
  width:100%;
}

#layer-channel-choice .layer-cont .all-channel-list .all-channel-con{
  width:100%;
  display:flex;
  align-items: center;
  padding:0.75rem 0.375rem 0.75rem 1.25rem;
  border-bottom: 0.065rem solid #ddd;
}

#layer-channel-choice .layer-cont .all-channel-list .all-channel-con a{
  display: flex;
  width:100%;
  align-items: center;
  position: relative;
}

#layer-channel-choice .layer-cont .all-channel-list .all-channel-con a::after{
  content:"";
  display: block;
  width:2rem;
  height:2rem;
  background:url(../images/contents/channel_arrow.png) no-repeat center;
  background-size:2rem;
  position: absolute;
  right:0px;
  top:50%;
  transform: translate(-0, -50%);
}

#layer-channel-choice .layer-cont .all-channel-list .all-channel-con a i{
  width:2rem;
  height:2rem;
  border-radius: 2rem;
  overflow: hidden;
  margin-right:0.5rem;
}

#layer-channel-choice .layer-cont .all-channel-list .all-channel-con a .channel-name{
  font-size:1rem;
  color:#515151;
}


/* 아무것도 없는 기본 input 타입 검색시 사용 
   - 공통 사용시 추후 common.css로 이관 필요
   - js는 reborn_tv.html에 작업 (해당 영역도 공통 사용시 common.js 이관 필요) 
*/
.search-inpt-box{
  width:100%;
  position:relative;
}

.search-inpt-box input[type="text"]{
  width:100%;
  padding-right:5rem;
  height:3rem;
}

.search-inpt-box .search-btn{
  width:1.5rem;
  height:1.5rem;
  background:url(../images/common/ico_inp_search.png) no-repeat center;
  background-size:contain;
  position: absolute;
  right:0.75rem;
  top:50%;
  transform: translate( -0, -50% );
}

.search-inpt-box .search-btn.active{
  background:url(../images/common/ico_inp_search_btn.png) no-repeat center;
  background-size:contain;
}

.search-inpt-box .search-cancel{
  width:1rem;
  height:1rem;
  background:url(../images/common/btn_search_cancel.png) no-repeat center;
  background-size: contain;
  position: absolute;
  right:3.5rem;
  top:50%;
  transform: translate( -0, -50% );
  display:none;
}

.search-inpt-box input[type="text"]:focus{
  border:0.0625rem solid #131313;
}

/* 공통 공유하기 아이콘만 있는 버튼 */
.share-ico-btn{}

.share-ico-btn button{
  width:2.25rem;
  height:2.25rem;
  background:url(../images/contents/share_round_ico.png) no-repeat center;
  background-size: contain;
}



/* 24.10.16 JCH 추가 */
.system-page .tab-set.type02{
  width:100%;
  background:#fff;
  padding:0 1.25rem;
}

.system-page .tab-set.type02 .tab-list{
  display: flex;
  width:100%;
  padding:0.125rem 0.125rem;
  border-radius: 0.25rem;
  justify-content: space-between;
  gap:0;
}

.system-page .tab-set.type02 .tab-list li{
  width:33.33%;
  text-align: center;
}

.system-content .ap-system-head{
  width:100%;
  padding:0 1.25rem;
  margin-bottom:1.25rem;
}

.system-content .ap-system-head .ap-system-text{
  font-size:1rem;
  color:#666;
  line-height:1.4;
  padding:2rem 0 1.25rem 0; 
  word-break: keep-all;
}

.system-content .ap-system-head .ap-system-text span{
  font-weight:700;
}

.system-content .ap-system-head .ap-system-patent{
  width:100%;
  padding:1.25rem;
  display:flex;
  align-items: center;
  justify-content: space-between;
  background:#f7f8f9;
  border-radius: 0.625rem;
}

.system-content .ap-system-head .ap-system-patent .system-patent-txt{
  font-size:1rem;
  font-weight:700;
  color:#131313;
  line-height:1.4;
}

.system-content .ap-system-head .ap-system-patent .patent-btn{
  display:flex;
  align-items: center;
  height:2.5rem;
  padding:0 0.625rem 0 1rem;
  border-radius: 1.25rem;
  background:#0096ff;
  color:#fff;
  font-size:1rem;
  font-weight:700;
}

.system-content .ap-system-head .ap-system-patent .patent-btn::after{
  content:"";
  display: block;
  width:1.5rem;
  height:1.5rem;
  background:url(../images/contents/patent_view_ico.png) no-repeat center;
  background-size:contain;
  margin-left:0.125rem;
}

.system-content .system-aqi-form{
  width:100%;
  padding-top:0.375rem;
}

.system-content .system-aqi-form .aqi-tab{
  width:100%;
  height:8.25rem;
  position: relative;
}

.system-content .system-aqi-form .aqi-tab .aqi-tab-form{
  width:100%;
  height:8.25rem;
  border-bottom:0.0625rem solid #eee;
  padding:0 0.625rem;
  background:#fff;
}

.system-content .system-aqi-form .aqi-tab .aqi-tab-form.scroll-type{
  position: fixed;
  top:3.625rem;
  left:50%;
  transform: translate( -50% , -0 );

}

.system-content .system-aqi-form .aqi-tab .aqi-tab-form .aqi-tab-box{
  display:flex;
  position: relative;
  margin:0 auto;
}

.system-content .system-aqi-form .aqi-tab .aqi-tab-form .aqi-tab-box .avtive-line{
  width:1rem;
  height:2px;
  background:#131313;
  position: absolute;
  bottom:0;
  left:0;
  transition: all 0.2s;
}

.system-content .system-aqi-form .aqi-tab .aqi-tab-form .aqi-tab-box .aqi-tab-con{
  width:max-content;
  padding:0 0.625rem;
}

.system-content .system-aqi-form .aqi-tab .aqi-tab-form .aqi-tab-box .aqi-tab-con a{
  display:flex;
  flex-direction: column;
  position: relative;
}

.system-content .system-aqi-form .aqi-tab .aqi-tab-form .aqi-tab-box .aqi-tab-con a i{
  width:3.5rem;
  margin:0 auto;
}

.system-content .system-aqi-form .aqi-tab .aqi-tab-form .aqi-tab-box .aqi-tab-con a .aqi-tab-txt{
  font-size:1rem;
  line-height:1.4;
  color:#888;
  margin:0.625rem 0 0.875rem 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height:2.8125rem;
}

.system-content .system-aqi-form .aqi-tab .aqi-tab-form .aqi-tab-box .aqi-tab-con.active{

}

.system-content .system-aqi-form .aqi-tab .aqi-tab-form .aqi-tab-box .aqi-tab-con.active .aqi-tab-txt{
  font-weight:700;
  color:#131313;
  
}

.system-content .system-aqi-form .aqi-form{
  width:100%;
  display:flex;
  flex-direction: column;
  padding:2.5rem 1.25rem;
  background:#f8f9fb;
  gap:2rem 0;
}

.system-content .system-aqi-form .aqi-form .aqi-box{
  width:100%;
  border-radius: 0.625rem;
  overflow: hidden;
  background:#fff;
}

.system-content .system-aqi-form .aqi-form .aqi-box .aqi-title{
  width:100%;
  display:flex;
  align-items: center;
  height:3.75rem;
  padding:0 1.25rem;
  background:#98a0b2;
  font-size:1.25rem;
  color:#fff;
  font-weight:700;
}

.system-content .system-aqi-form .aqi-form .aqi-box .aqi-title::before{
  content:"";
  display:block;
  width:1.5rem;
  height:1.5rem;
  background:url(../images/contents/aqi_title_dot.png) no-repeat center;
  background-size:contain;
  margin-right:0.5rem;
}

.system-content .system-aqi-form .aqi-form .aqi-box .aqi-con{
  width:100%;
}

.system-content .system-aqi-form .aqi-form .aqi-box .aqi-con .cont{
  padding:1.25rem;
  border-bottom:0.0625rem solid #ddd;
}

.system-content .system-aqi-form .aqi-form .aqi-box .aqi-con .cont:last-child{
  border-bottom:0;
}

.system-content .system-aqi-form .aqi-form .aqi-box .aqi-con .cont .cont-title{
  font-size:1.125rem;
  font-weight:700;
  color:#131313;
  line-height:1.4;
}

.system-content .system-aqi-form .aqi-form .aqi-box .aqi-con .cont .cont-txt{
  font-size:1rem;
  line-height:1.4;
  color:#666;
  margin-top:0.75rem;
}

.system-content .system-aqi-form .aqi-form .aqi-box .aqi-con .cont .cont-sum{
  font-size:1rem;
  font-weight:500;
  line-height:1.4;
  color:#666;
  margin-top:1rem;
}

.system-content .ap-system-btn{
  width:100%;
  padding:1rem 1.25rem;
  border-top:0.0625rem solid #eee;
}

.system-content .ap-system-btn .base-btn{
  border-radius: 0.25rem;
}


.ap-patent-pop{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  z-index: 99;
  background:rgba(0,0,0,0.6);
  display:none;
}

.ap-patent-pop .ap-patent-pop-box{
  position: absolute;
  left:50%;
  top:52%;
  transform: translate( -50% , -50% );
  width:calc( 100% - 1.25rem );
  max-width:20.9375rem;
  height:85.3vh;
  max-height: 33.625rem;

}

.ap-patent-pop .ap-patent-pop-box .ap-patent-pop-con{
  position: relative;
  background:#fff;
  width:100%;
  height:100%;
  max-height: 33.625rem;
}

.ap-patent-pop .ap-patent-pop-box .ap-patent-pop-con .ap-patent-close{
  width:1rem;
  height:1rem;
  position: absolute;
  right:1rem;
  top:-2rem;
}

.ap-patent-pop .ap-patent-pop-box .ap-patent-pop-con .cont{
  width:100%;
  height:100%;
  padding:0 1.25rem 1.875rem 1.25rem;
}

.ap-patent-pop .ap-patent-pop-box .ap-patent-pop-con .cont .ap-patent-title{
  width:100%;
  padding:1.5rem 0;
  font-size:1.25rem;
  font-weight:700;
  border-bottom:0.0625rem solid #131313;
}

.ap-patent-pop .ap-patent-pop-box .ap-patent-pop-con .cont .ap-patent-con{
  padding:1.5rem 0 0 0;
  overflow-y: auto;
  width:100%;
  height:calc( 100% - 4.3125rem);
}

/* 냄새 케어 */
.system-content .ap-smell-form{
  width:100%;
  padding:0.75rem 0 0 0;
}

.system-content .ap-smell-form .ap-smell-intro{
  padding:2rem 1.25rem 2.625rem 1.25rem;
  width:100%;
  background:#f7f8f9;
}

.system-content .ap-smell-form .ap-smell-intro .smell-intro-title{
  font-size:1rem;
  font-weight:700;
}

.system-content .ap-smell-form .ap-smell-intro .smell-intro-step{
  width:100%;
  display:flex;
  align-items: center;
  margin-top:1.25rem;
}

.system-content .ap-smell-form .ap-smell-intro .smell-intro-step li{
  margin:0 0.625rem;
}

.system-content .ap-smell-form .ap-smell-intro .smell-intro-box{
  margin-top:2rem;
  width:100%;
  display:flex;
  flex-direction: column;
  gap:1.25rem 0;
}

.system-content .ap-smell-form .ap-smell-intro .smell-intro-box .smell-intro-con{
  width:100%;
  border-radius: 0.625rem;
  overflow: hidden;
  background:#fff;
}

.system-content .ap-smell-form .ap-smell-intro .smell-intro-box .smell-intro-con .img-box{
  width:100%;
}

.system-content .ap-smell-form .ap-smell-intro .smell-intro-box .smell-intro-con .summary{
  width:100%;
  padding:1.25rem;
}

.system-content .ap-smell-form .ap-smell-intro .smell-intro-box .smell-intro-con .summary .sum-title{
  font-size:1.125rem;
  font-weight:700;
  color:#131313;
}

.system-content .ap-smell-form .ap-smell-intro .smell-intro-box .smell-intro-con .summary .sum-txt{
  font-size:1rem;
  color:#515151;
  line-height:1.4;
  margin-top:0.625rem;
}

.system-content .ap-smell-form .ap-smell-info{
  width:100%;
  padding:2.5rem 1.25rem;
  
}

.system-content .ap-smell-form .ap-smell-info .smell-info-title{
  font-size:1.25rem;
  font-weight:700;
  color:#131313;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box{
  width:100%;
  margin-top:2.5rem;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-title + .smell-info-box{
  margin-top:1.5rem;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .info-title{
  font-size:1.125rem;
  font-weight:700;
  color:#131313;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .info-txt{
  margin-top:1.5rem;
  font-size:1rem;
  color:#333;
  line-height:1.4;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .info-txt span{
  font-size:1rem;
  font-weight:700;
  color:#333;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .info-comment{
  margin-top:0.5rem;
  font-size:0.875rem;
  line-height:1.4;
  color:#999;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl{
  width:100%;
  margin-top:1.5rem;
  border-radius: 0 0 0 0.78rem;
  overflow: hidden;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr th{
  border-right:0.0625rem solid #ddd;
  border-bottom:0.0625rem solid #ddd;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr th:first-child{
  border-right:0;
  border-bottom:0;
}
.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr th:last-child{
  border-right:0;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr th .th-txt{
  display:flex;
  width:100%;
  height:5.625rem;
  position: relative;
  padding:1.875rem 0 0.875rem 0;
  background:#f8f9fb;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height:1.4;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr th:nth-child(2) .th-txt{
  border-radius: 0.625rem 0 0 0;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr th:nth-child(4) .th-txt{
  border-radius: 0 0.625rem 0 0;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr th .th-txt::before{
  content:"";
  display:block;
  width:1.5rem;
  height:0.53125rem;
  background:url(../images/contents/smell-tbl-ico.png) no-repeat center;
  background-size:contain;
  position: absolute;
  top:0.875rem;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr td{
  text-align: center;
  vertical-align: middle;
  border-bottom:0.0625rem solid #cde0ff;
  border-right:0.0625rem solid #cde0ff;
  font-size:1rem;
  font-weight:700;
  color:#131313;
  line-height:1.4;
  height: 5.625rem;
  padding:0.3125rem 0;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr:nth-child(4) td{
  border-bottom:0.0625rem solid #ddd;
}


.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr td:first-child{
  border-radius: 0.625rem 0 0 0.625rem;
  font-size:1rem;
  font-weight:700;
  position: relative;
  border-bottom:0.0625rem solid #fff !important;

}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr:last-child td:first-child{
  border-bottom:0.0625rem solid rgba(152, 160, 178, 0.4) !important;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr td.smell-ty01{
  background:#203c95;
  color:#fff; 
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr td.smell-ty02{
  background:#0aa2d5;
  color:#fff; 
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr td.smell-ty03{
  background:#19ad5b;
  color:#fff; 
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr.smell-none td{
  background:rgba(152, 160, 178, 0.1);
  font-size:1rem;
  font-weight:400;
  color:#131313;
  border-bottom:0.0625rem solid #ddd;
  border-right:0.0625rem solid #ddd;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr td:last-child{
  border-right:0;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr.smell-none td span{
  font-weight:700;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr.smell-none td:first-child{
  background:rgba(152, 160, 178, 0.4);
  font-weight: bold;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr td img{
 width:5rem;
 height:5rem;
 margin:0 auto;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr th:nth-child(1),
.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr td:nth-child(1){
  width:17.61%;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr th:nth-child(2),
.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr td:nth-child(2){
  width:30.44%
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr th:nth-child(3),
.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr td:nth-child(3){
  width:25.67%;
}

.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr th:nth-child(4),
.system-content .ap-smell-form .ap-smell-info .smell-info-box .smell-tbl tr td:nth-child(4){
  width:25.67%;
}

.system-content .ap-smell-form .smell-patent-box{
  width:100%;
  margin-top:2rem;
  padding:1.25rem 1rem;
  background:#f8f9fb;
  border-radius: 0.625rem;
  display:flex;
  justify-content: center;
  gap:0 1.5rem;
}

.system-content .ap-smell-form .smell-patent-box button{
  width:9rem;
  border:0.0625rem solid #ddd;
  border-radius: 0.3125rem;
  overflow: hidden;
  position: relative;
}

.system-content .ap-smell-form .smell-patent-box button::after{
  content:"";
  display:block;
  width:2rem;
  height:2rem;
  border-radius: 0.3125rem;
  border:0.0625rem solid #ddd;
  background:#fff url(../images/contents/patent_view_ico02.png) no-repeat center;
  background-size:1.375rem 1.375rem;
  right:0.5rem;
  bottom:0.5rem;
  position: absolute;
}

.system-content .ap-smell-form .smell-patent-box .smell-patent-info{

}

.system-content .ap-smell-form .smell-patent-box .smell-patent-info .patent-cycle-box{
  width:5.625rem;
  height:5.625rem;
  border-radius: 5.625rem;
  background:#0096ff url(../images/contents/ap_cycle_patent.png) no-repeat center bottom;
  background-size:95%;
  font-size: 0.875rem;
  color:#fff;
  font-weight:700;
  line-height:1.2;
  display:flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.system-content .ap-smell-form .smell-patent-box .smell-patent-info .patent-txt{
  font-size:1rem;
  line-height:1.3;
  color:#515151;
  margin-top:1rem;
}

.system-content .ap-smell-form .smell-patent-box .smell-patent-info .patent-date{
  font-size:1rem;
  color:#999;
  line-height:1.4;
  margin-top: 0.125rem;
  letter-spacing: -0.35px;
}

.system-content .ap-smell-form .smell-sample-list{
  width:100%;
  display: flex;
  flex-direction: column;
  margin-top:1.5rem;
  gap:1.375rem 0;
}

.system-content .ap-smell-form .smell-check-point{
  margin-top:1.375rem;
  width:100%;
}

.system-content .ap-smell-form .smell-check-point .check-point-title{
  font-size:1.125rem;
  color:#0096ff;
  font-weight:700;
  display:flex;
  align-items: center;
}

.system-content .ap-smell-form .smell-check-point .check-point-title::before{
  content:"";
  display: block;
  width:1.75rem;
  height:1.75rem;
  background:url(../images/contents/ap_check_point_dot.png) no-repeat center;
  background-size:contain;
  margin-right:0.1875rem;
}

.system-content .ap-smell-form .smell-check-point .check-point-txt{
  font-size:1rem;
  font-weight:500;
  color:#333;
  margin-top:0.5rem;
}

.system-content .ap-smell-form .smell-check-point .check-point-txt span{
  font-weight:700;
}


/* 선택 개선 */
.ap-choice-form{
  width:100%;
  padding:0.75rem 0 2.5rem 0;
}

.ap-choice-form .ap-choice-info{
  width:100%;
  padding:0 1.25rem;
}

.ap-choice-form .ap-choice-info .choice-info-box{
  padding:0.75rem 0.75rem 1.5rem 0.75rem;
  background:#f7f8f9;
  border-radius: 2.625rem;
}

.ap-choice-form .ap-choice-info .choice-info-con{
  position: relative;
  width:100%;
}

.ap-choice-form .ap-choice-info .choice-info-con .choice-info-title{
  width:100%;
  height:4.125rem;
  border-radius: 4.125rem;
  box-shadow: 0 0.625rem 0.625rem rgba(0,0,0,0.06);
  display:flex;
  align-items: center;
  justify-content: center;
  font-size:1.125rem;
  font-weight:700;
}

.choice-info-equal .choice-info-con .choice-info-cont {padding: 0 0.75rem;}

.ap-choice-form .ap-choice-info .choice-info-con .choice-info-cont{
  width:100%;
  display:flex;
  margin-top:1.5rem;
  gap:0 0.75rem;
}

.ap-choice-form .ap-choice-info .choice-info-con .choice-info-cont i{
  width:3.75rem;
  height:3.75rem;
}

.ap-choice-form .ap-choice-info .choice-info-con .choice-info-cont .cont{
  width:calc( 100% - 4.5rem );
  font-size:1rem;
  color:#515151;
  line-height:1.4;
}

.ap-choice-form .ap-choice-info .choice-info-con .choice-info-cont .cont span{
  font-weight:700;
}

.ap-choice-form .ap-choice-info .choice-info-con.white-box .choice-info-title{
  background:#fff;
  color:#333;
}

.ap-choice-form .ap-choice-info .choice-info-con.blue-box .choice-info-title{
  background:#2472f2;
  color:#fff;
}

.ap-choice-form .ap-choice-info .choice-info-con.black-box .choice-info-title{
  background:#333;
  color:#fff;
}

.ap-choice-form .ap-choice-info .choice-info-con.blue-box{
  margin-top:3.875rem;
}

.ap-choice-form .ap-choice-info .choice-info-con.blue-box::before{
  content:"";
  display: block;
  width:0.875rem;
  height:0.875rem;
  background:url(../images/contents/ap_choice_plus.png) no-repeat center;
  background-size:contain;
  position: absolute;
  left:50%;
  top:-2.375rem;
  transform: translate( -50%, -0 );
}

.ap-choice-form .ap-choice-info .choice-info-con.black-box{
  margin-top:3.875rem;
}

.ap-choice-form .ap-choice-info .choice-info-con.black-box::before{
  content:"";
  display: block;
  width:1.25rem;
  height:1.25rem;
  background:url(../images/contents/ap_choice_equal.png) no-repeat center;
  background-size:contain;
  position: absolute;
  left:50%;
  top:-2.75rem;
  transform: translate( -50%, -0 );
}

.ap-choice-form .ap-choice-review{
  width:100%;
  background:#f7f8f9;
  padding:2.5rem 0;
  margin-top:2.5rem;
}

.ap-choice-form .ap-choice-review .choice-review-form{
  
  padding:0 1.25rem 2.5rem 1.25rem;
  
}

.ap-choice-form .ap-choice-review .choice-review-form .choice-review-box{
  overflow: visible;
}

.ap-choice-form .ap-choice-review .choice-review-form .choice-review-box .choice-review-con{
  width:16.875rem !important;
  border-radius: 0.625rem;
  background:#fff;
  box-shadow: 0.25rem 0.25rem 0.75rem rgba(51, 51, 51, 0.03);
  padding:1.25rem;
}

.ap-choice-form .ap-choice-review .choice-review-form .choice-review-box .choice-review-con .choice-review-cont{
  font-size:1rem;
  color:#333;
  line-height:1.4;
  text-align: center;
}

.ap-choice-form .ap-choice-review .choice-review-form .choice-review-box .choice-review-con .choice-review-cont::before{
  content:"";
  display:block;
  width:1.25rem;
  height:0.75rem;
  background:url(../images/contents/ap_choice_review_dot.png) no-repeat center;
  background-size:contain;
  margin:0 auto 0.625rem auto;
}

.ap-choice-form .ap-choice-review .choice-review-form .choice-review-box .choice-review-con .choice-review-cont span{
  font-weight:700;
}

.ap-choice-form .ap-choice-review .choice-review-form .choice-review-box .choice-review-con .choice-review-name{
  font-size: 0.875rem;
  color:#666;
  text-align: center;
  margin-top:0.75rem;
}

.ap-choice-form .ap-choice-review .choice-review-form .swiper-pagination{
  bottom:0;
}

.ap-choice-form .ap-choice-review .choice-review-form .swiper-pagination-bullet{
  width:0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  border:0.0625rem solid #ddd;
  background:none;
  opacity: 1;
}

.ap-choice-form .ap-choice-review .choice-review-form .swiper-pagination-bullet-active{
  width:1.875rem;
  background:#2e3546;
  border:0.0625rem solid #2e3546; 
}

.ap-choice-form .ap-choice-review .chocie-review-summary{
  width:100%;
  padding:0 1.25rem;
  display:flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.75rem;
  gap:0 1.25rem;
}

.ap-choice-form .ap-choice-review .chocie-review-summary .patent-cycle-box{
  width:4.5rem;
  height:4.5rem;
  border-radius: 4.5rem;
  background:#0096ff url(../images/contents/ap_cycle_patent.png) no-repeat center bottom;
  background-size:95%;
  font-size: 1.25rem;
  color:#fff;
  font-weight:700;
  display:flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ap-choice-form .ap-choice-review .chocie-review-summary .cycle-comment{
  font-size:1.125rem;
  line-height:1.3;
  color:#131313;
}

.ap-choice-form .ap-choice-review .chocie-review-summary .cycle-comment span{
  font-weight:700;
}

.ap-choice-form .ap-choice-box{
  width:100%;
  padding:3.5rem 1.25rem 0 1.25rem;
  display:flex;
  flex-direction: column;
  gap:2.5rem 0;
}

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

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-title{
  font-size:1.625rem;
  color:#131313;
  line-height:1.2;
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-title span{
  font-weight:700;
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-txt{
  margin-top:1.25rem;
  font-size:1rem;
  color:#333;
  line-height:1.5rem
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-txt span{
  font-weight:700;
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-txt span.tool-i{
  display:inline-block;
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-txt span.tool-i img{
  display:inline-block;
  width:1.5rem;
  height:1.5rem;
  margin-bottom:-0.32rem;
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-comment{
  font-size:0.875rem;
  color:#999;
  line-height:1.4;
  margin-top:0.5rem;
  padding-left:0.75rem;
  position: relative;
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-comment::before{
  content:"*";
  font-size:0.875rem;
  color:#999;
  line-height:1.4;
  position: absolute;
  left:0;
  top:0;
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-ex{
  width:100%;
  margin-top:2.5rem;

}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-ex .choice-ex-bage{
  display:flex;
  align-items: center;
  justify-content: center;
  background:#f4f9ff;
  padding: 0.375rem 0.625rem;
  border-radius: 0.625rem;
  font-size: 1rem;
  font-weight:700;
  color:#579aff;
  width:max-content;
  
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-ex .choice-ex-people{
  width:100%;
  max-width:20.375rem;
  margin:1.5rem auto 0 auto;
  padding-right:0.625rem;
  position: relative;
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-ex .choice-ex-people .choice-ex-txt{
  font-size:1rem;
  font-weight:700;
  color:#333;
  position: absolute;
  right:0.75rem;
  top:0.8rem;
  text-align: center;
  line-height:1.4;
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-ex .choice-ex-box{
  margin-top:2.5rem;
  display:flex;
  align-items: center;
  justify-content: center;
  gap:0 1.875rem;
  position: relative;
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-ex .choice-ex-box::after{
  content:"";
  width:0.0625rem;
  height:100%;
  background:#ddd;
  display:block;
  position: absolute;
  left:50%;
  top:0;
  transform: translate( -50%, -0 );
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-ex .choice-ex-box .choice-ex-con{
  width:9.125rem;

}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-ex .choice-ex-box .choice-ex-con .choice-ex-title{
  font-size:1.125rem;
  font-weight:700;
  color:#333;
  text-align: center;
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-ex .choice-ex-box .choice-ex-con .choice-ex-cont{
  width:100%;
  margin-top:1.5rem;
  border-radius: 0.625rem;
  box-shadow: 0.1875rem 0.25rem 0.5625rem rgba(19, 19, 19, 0.15);
  position: relative;

}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-ex .choice-ex-box .choice-ex-con .choice-ex-cont::before{
  content:"";
  display:block;
  width:1.5rem;
  height:1.5rem;
  background:url(../images/contents/choice_ex_dot.png) no-repeat center;
  background-size: contain;
  position: absolute;
  left:50%;
  top:-0.75rem;
  transform: translate( -50%, -0 );
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-ex .choice-ex-box .choice-ex-con .choice-ex-cont.on::before{
  background:url(../images/contents/choice_ex_dot_on.png) no-repeat center;
  background-size: contain;
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-ex .choice-ex-box .choice-ex-con .choice-ex-cont .i-txt{
  width:100%;
  height:2.25rem;
  display:flex;
  align-items: center;
  justify-content: center;
  background:#2e3536;
  font-size:1rem;
  font-weight:500;
  color:#fff;
  border-radius: 0 0 0.625rem 0.625rem;
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-ex .choice-ex-box .choice-ex-con .choice-ex-dot{
  width:0.5rem;
  margin:1.25rem auto 0 auto;
}

.ap-choice-form .ap-choice-box .ap-choice-con .ap-choice-tool{
  width:100%;
  max-width: 19rem;
  margin:2.5rem auto 0 auto;
}



/* 24.10.24 렌트구독 소개 페이지 추가 JCH */
.rent-page{
  width:100%;
}

.rent-page .title-box{
  padding:2.5rem 1.25rem 2.125rem 1.25rem;
}

.rent-page .title-box .title{
  font-size:1.375rem;
  font-weight:700;
  color:#131313;
}

.rent-page .title-box .txt{
  font-size:0.875rem;
  color:#666;
  font-weight:500;
  margin-top:0.625rem;
}

.rent-page .rent-info-tab{
  padding:0 1.25rem;
}

.rent-page .rent-info-form{
  width:100%;
  display: none;
  overflow: hidden;
}

.rent-page .rent-info-form.active{
  display:block;
}

.rent-page .rent-info-form .rent-intro{
  padding:4rem 1.25rem;
}

.rent-page .section-title{
  width: 100%;
  text-align: center;
  line-height:1.3;
  font-size:1.25rem;
  font-weight:500;
  color:#333;
}

.rent-page .section-title span{
  font-size:2rem;
  font-weight:700;
  color:#333;
  line-height:1.6;
}

.rent-page .rent-info-form .rent-intro .intro-box{
  width:100%;
  max-width: 20.9375rem;
  margin:2.5rem auto 0 auto;
  display:flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap:1.5rem 0.9375rem;
}

.rent-page .rent-info-form .rent-intro .intro-box .intro-con{
  width:10rem;
  height:10rem;
  display:flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-radius: 10rem;
  background:#f9faff;
}

.rent-page .rent-info-form .rent-intro .intro-box .intro-con .intro-txt{
  display:flex;
  flex-direction: column;
  align-items: center;
  font-size:1rem;
  font-weight:700;
  color:#333;
  line-height:1.4;
  margin-top:1.25rem;
  text-align: center;
}
.rent-page .price-tab-wrap .price-tab .btn {
  height: 3.375rem;
  box-sizing: border-box;
}
.rent-page .price-tab-wrap .price-tab .btn p {
  font-size: 1rem;
}

.rent-page .rent-info-form .rent-intro .intro-box .intro-con .intro-txt::before{
  content:"";
  display:block;
  width:1.3125rem;
  height:0.75rem;
  background: url(../images/rent/rent_dot_blue.png) no-repeat center;
  background-size: contain;
  margin-bottom:0.625rem;
}

.rent-page .rent-info-form .rent-intro .intro-box .intro-con .intro-bage{
  display:flex;
  align-items: center;
  justify-content: center;
  padding:0 1rem;
  height: 1.75rem;
  border-radius: 1.75rem;
  background:#0096ff;
  color:#fff;
  text-align: center;
  font-size:0.875rem;
  font-weight:700;
  position: absolute;
  left:50%;
  bottom:0;
  transform: translate( -50%, -0 );
  white-space: nowrap;
}

.rent-page .rent-info-form .rent-info{
  width:100%;
  padding:4rem 1.25rem;
  background:#f8f9fb url(../images/rent/rent_info_bg.png) no-repeat top center;
  background-size: 4.75rem auto;
}

.rent-page .rent-info-form .rent-info .rent-info-box{
  width:100%;
  margin-top:2.5rem;
  position: relative;
}

.rent-page .rent-info-form .rent-info .rent-info-box .rent-info-list{
  width:20.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem 1.4375rem;
  background:url(../images/rent/rent_info_obj.png) no-repeat center;
  background-size: 13rem 13rem;
  margin:0 auto;
}

.rent-page .rent-info-form .rent-info .rent-info-box .rent-info-list .rent-info-con{
  width:9.75rem;
  height:9.75rem;
  border-radius: 9.75rem;
  background:#fff;
  display:flex;
  flex-direction: column;
  align-items: center;
  padding-top:1.5625rem;
  box-shadow: 0 0.625rem 0.625rem rgba(0,0,0,0.06);
}

.rent-page .rent-info-form .rent-info .rent-info-box .rent-info-list .rent-info-con i{
  width:2.5rem;
}

.rent-page .rent-info-form .rent-info .rent-info-box .rent-info-list .rent-info-con .rent-info-txt{
  text-align: center;
  font-size:1.125rem;
  font-weight:700;
  color:#333;
  line-height:1.3;
  margin-top:0.3125rem;
}

.rent-page .rent-info-form .rent-info .rent-info-box .rent-info-main{
  display:flex;
  align-items: center;
  flex-direction: column;
  width: 8.75rem;
  height:8.75rem;
  border-radius: 8.75rem;
  background:#0096ff;
  box-shadow: 0 0.625rem 0.625rem rgba(0, 150, 255, 0.16);
  position: absolute;
  left: 50%;
  top:50%;
  transform: translate(-50%, -50%);
}

.rent-page .rent-info-form .rent-info .rent-info-box .rent-info-main .title{
  font-size:1.25rem;
  font-weight:700;
  color:#fff;
  text-align: center;
  margin-top:2.1875rem;
  line-height:1.4;
}

.rent-page .rent-info-form .rent-info .rent-info-box .rent-info-main .focus{
  font-size:2.625rem;
  font-weight:800;
  color:#fff;
}

.rent-page .rent-info-form .rent-point{
  width:100%;
  padding:4rem 1.25rem 3.75rem 1.25rem;
}

.rent-page .rent-info-form .rent-point .rent-point-list{
  width:100%;
  display:flex;
  flex-direction: column;
  gap:0.625rem 0;
  margin-top: 2.5rem;

}

.rent-page .rent-info-form .rent-point .rent-point-list .rent-point-con{
  display:flex;
  align-items: center;
  padding:1.25rem 1.125rem;
  border-radius: 0.625rem;
  background:#f8f9fb;
  gap:0 1rem;
}

.rent-page .rent-info-form .rent-point .rent-point-list .rent-point-con i{
  width:3.75rem;
}

.rent-page .rent-info-form .rent-point .rent-point-list .rent-point-con .cont{
  width:calc( 100% - 4.75rem );
}

.rent-page .rent-info-form .rent-point .rent-point-list .rent-point-con .cont .title{
  font-size:1.125rem;
  font-weight:700;
  color:#131313;
  line-height:1.4;
}

.rent-page .rent-info-form .rent-point .rent-point-list .rent-point-con .cont .txt{
  font-size:1rem;
  font-weight:500;
  color:#666;
  line-height:1.4;
  margin-top:0.25rem;
}

.rent-page .rent-info-form .rent-point .rent-point-list .rent-point-con .cont .comment{
  font-size: 0.875rem;
  color:#666;
  line-height:1.4;
  margin-top:0.125rem;
}

.rent-page .rent-info-form .rent-point .rent-info-btn{
  width:100%;
  margin-top:2.5rem;
  display:flex;
  align-items: center;
  gap:0.3125rem;
}

.rent-page .rent-info-form .rent-point .rent-info-btn .base-btn{
  width:50%;
  max-width:50%;
  border-radius: 0.25rem;
  font-size:1rem;
  font-weight:500;
}

.rent-page .rent-info-form .rent-review{
  width:100%;
  padding:4rem 1.25rem 3.75rem 1.25rem;
  background:#f8f9fb;
}

.rent-page .rent-info-form .rent-review .rent-review-list{
  width:100%;
  display:flex;
  flex-direction: column;
  gap:0.625rem 0;
  margin-top: 2.5rem;
}

.rent-page .rent-info-form .rent-review .rent-review-list .rent-review-con{
  padding:1.25rem 1.25rem 5.625rem 1.25rem;
  background:#fff;
  position: relative;
  background:#fff;
  border-radius: 1.25rem;
}

.rent-page .rent-info-form .rent-review .rent-review-list .rent-review-con .review-title{
  font-size: 1.125rem;
  font-weight:700;
  line-height:1.4;
  color:#333;
  letter-spacing: -0.5px;
}

.rent-page .rent-info-form .rent-review .rent-review-list .rent-review-con .review-title::before{
  content:"";
  display: block;
  width:1.3125rem;
  height:0.75rem;
  background:url(../images/rent/rent_dot_blue.png) no-repeat center;
  background-size: contain;
  margin-bottom:0.5rem;
}

.rent-page .rent-info-form .rent-review .rent-review-list .rent-review-con .review-info{
  font-size:0.875rem;
  color:#666;
  margin-top:0.75rem;
}

.rent-page .rent-info-form .rent-review .rent-review-list .rent-review-con i{
  display: block;
  position: absolute;
  right:1.25rem;
  bottom:0.625rem;
}

.rent-page .rent-info-form .rent-review .rent-review-list .rent-review-con:nth-child(1) i{
  width:7.125rem;
}

.rent-page .rent-info-form .rent-review .rent-review-list .rent-review-con:nth-child(2) i{
  width:7.125rem;
}

.rent-page .rent-info-form .rent-review .rent-review-list .rent-review-con:nth-child(3) i{
  width:7.1875rem;
}

.rent-page .rent-info-form .rent-review .rent-review-list .rent-review-con:nth-child(4) i{
  width:7.375rem;
}


.rent-page .rent-info-form .rent-review .rent-info-btn{
  width:100%;
  margin-top:2.5rem;
  display:flex;
  align-items: center;
  gap:0.3125rem;
}

.rent-page .rent-info-form .rent-review .rent-info-btn .base-btn{
  width:50%;
  max-width:50%;
  border-radius: 0.25rem;
  font-size:1rem;
  font-weight:500;
}

.rent-page .rent-info-form .rent-vs{
  padding:4rem 1.25rem;
}

.rent-page .rent-info-form .rent-vs .rent-vs-tbl{
  width:100%;
  margin-top:2rem;
}

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr th{
  height:5rem;
  text-align: center;
  vertical-align: middle;
  color:#fff;
  position: relative;
  font-size:1.125rem;
  line-height:1.4;
  font-weight:700;
}

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr th:nth-child(2){
  background:#0096ff; 
  border-radius: 0.625rem 0.625rem 0 0 ;
}

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr th:nth-child(2) .tbl-border{
  width:100%;
  border:0.24rem solid #0096ff;
  border-radius: 0.625rem;
  position: absolute;
  left:0;
  top:84px;
  z-index: 2;

}
.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr:nth-child(2) td:nth-child(2) {
  position: relative;
}
.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr:nth-child(2) td:nth-child(2):before {
  content: '';
  display: block;
  width:100%;
  height:100%;
  border-left:0.24rem solid #0096ff;
  border-top:0.24rem solid #0096ff;
  position: absolute;
  left:0px;
  top:0px;

} 

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr:nth-child(2) td:nth-child(2):after {
  content: '';
  display: block;
  width:100%;
  height:100%;
  border-right:0.24rem solid #0096ff;
  border-top:0.24rem solid #0096ff;
  position: absolute;
  right:0px;
  top:0px;
} 
.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr:nth-child(2) td:nth-child(3) {
  position: relative;
}
.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr:nth-child(2) td:nth-child(3):before {
  content: '';
  display: block;
  width:100%;
  height:100%;
  border-left:0.24rem solid #ABAEB5;
  border-top:0.24rem solid #ABAEB5;
  position: absolute;
  left:0px;
  top:0px;

} 

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr:nth-child(2) td:nth-child(3):after {
  content: '';
  display: block;
  width:100%;
  height:100%;
  border-right:0.24rem solid #ABAEB5;
  border-top:0.24rem solid #ABAEB5;
  position: absolute;
  right:0px;
  top:0px;
} 

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr th:nth-child(3){
  background:#ABAEB5; 
  border-radius: 0.625rem 0.625rem 0 0 ;
}


.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr th:nth-child(3) .tbl-border{
  width:100%;
  border:0.24rem solid #ABAEB5;
  border-radius: 0.625rem;
  position: absolute;
  left:0;
  top:84px;
  z-index: 1;
}

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr td{
  height:4.375rem;
  padding:0.875rem 0;
  text-align: center;
  vertical-align: middle;
  font-size:1rem;
  color:#333;
  font-weight:500;
  line-height:1.4;
}

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr td:first-child{
  padding:0 0.5rem;
}

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr td .title{
  display:flex;
  align-items: center;
  gap:0 0.375rem;
}

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr td .title::before{
  content:"";
  display: block;
  width:0.9375rem !important;
  height:0.9375rem !important;
  background:url(../images/rent/rent_check_dot.png) no-repeat center;
  background-size: contain;

}

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr td .title span{
  width:calc( 100% - 1.3125rem );
  letter-spacing: -0.5px;
  text-align: left;
  line-height:1.4;
  font-size:1rem;
  font-weight: 700;
  color:#333;
}

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr:nth-child(2n) td{
  background:#f8f9fb;
}
 
.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr:nth-child(2n-1) td{
  background:#EDEFF3;
}

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr td:nth-child(2){
  font-weight:700;
}

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr:nth-child(2n) td:nth-child(2){
  background:#fff;
}
 
.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr:nth-child(2n-1) td:nth-child(2){
  background:#F4F9FF;
}

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr:nth-child(2) td:first-child{
  border-radius: 0.625rem 0 0 0;
}

.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr:last-child td:first-child{
  border-radius: 0 0 0 0.625rem;
}

.rent-page .rent-info-form .rent-customer{
  padding:2.5rem 1.25rem;
  background:#0096ff;
}

.rent-page .rent-info-form .rent-customer .rent-customer-title{
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height:1.3;
  font-size:1.5rem;
  font-weight:800;
  color:#fff;
}

.rent-page .rent-info-form .rent-customer .rent-customer-title::before{
  content:"";
  display: block;
  width:2.1875rem;
  height:1.875rem;
  background:url(../images/rent/rent_customer_check.png) no-repeat center;
  background-size: contain;
  margin-bottom: 0.75rem;
}

.rent-page .rent-info-form .rent-customer .rent-customer-list{
  display:flex;
  flex-direction: column;
  gap:0.625rem 0;
  margin-top:2rem;
  width:100%;
}

.rent-page .rent-info-form .rent-customer .rent-customer-list .rent-customer-con{
  width:100%;
}

.rent-page .rent-info-form .rent-customer .rent-customer-list .rent-customer-con a{
  display:flex;
  align-items: center;
  justify-content: center;
  width:100%;
  height:3.125rem;
  border-radius: 3.125rem;
  background:#fff;
  font-size:1rem;
  color:#333;
}

.rent-page .rent-info-form .rent-customer .rent-customer-list .rent-customer-con a span{
  font-size:1rem;
  color:#333;
  font-weight:700;
  margin-right: 0.25rem;
}

.rent-page .rent-faq{
  padding:4rem 1.25rem;
}

.rent-page .rent-faq .rent-faq-form{
  width:100%;
  margin-top:1rem;
}

.rent-page .rent-faq .rent-faq-form .rent-faq-list{
  width:1005;
  border-top:0.0625rem solid #333;
}

.rent-page .rent-faq .rent-faq-form .rent-faq-list .rent-faq-con{
  width:100%;
  border-bottom:0.0625rem solid #eee;
}
.rent-page .rent-faq .rent-faq-form .rent-faq-list .rent-faq-con .rent-faq-summary p {
  font-weight: 500;
  color: #666;
}

.rent-page .rent-faq .rent-faq-form .rent-faq-list .rent-faq-con .rent-faq-head{
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding:1.25rem 0;
  cursor: pointer;
  gap:0 1.25rem;
}
.rent-page .rent-faq .rent-faq-form .rent-faq-list .rent-faq-con .rent-faq-head.active .title{
  color: #131313;
  font-weight: bold;
}
.rent-page .rent-faq .rent-faq-form .rent-faq-list .rent-faq-con .rent-faq-head::after{
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/rent/rent_faq_ico.png) no-repeat center;
  background-size: contain;
  transform: rotate(0deg);
  transition: all 0.2s;
}

.rent-page .rent-faq .rent-faq-form .rent-faq-list .rent-faq-con .rent-faq-head .title{
  display:flex;
  width:calc( 100% - 2.25rem );
  font-size:1rem;
  color:#333;
  line-height:1.4;
  gap:0 0.625rem;
}

.rent-page .rent-faq .rent-faq-form .rent-faq-list .rent-faq-con .rent-faq-head .title::before{
  content: "Q";
  font-size:1rem;
  color:#333;
  line-height:1.4;
  font-weight:800;
}

.rent-page .rent-faq .rent-faq-form .rent-faq-list .rent-faq-con .rent-faq-head.active::after{
  transform: rotate(180deg);
  transition: all 0.2s;
}

.rent-page .rent-faq .rent-faq-form .rent-faq-list .rent-faq-con .rent-faq-head.active .title{
  color:#131313;
}

.rent-page .rent-faq .rent-faq-form .rent-faq-list .rent-faq-con .rent-faq-summary{
  padding:2rem 1.25rem;
  background:#f9f9f9;
  font-size:1rem;
  font-weight: 500;
  color:#666;
  line-height:1.4;
  display: none;
}

.rent-page .rent-bottom{
  width:100%;
  padding:3.125rem 1.25rem 2.5rem 1.25rem;
  background:#f4f9ff;
  display: none;
}

.rent-page .rent-bottom.active{
  display:block;
}

.rent-page .rent-bottom .rent-bottom-txt{
  font-size:1.125rem;
  line-height:1.4;
  color:#131313;
  text-align: center;
}

.rent-page .rent-bottom .rent-bottom-title{
  font-size:2rem;
  font-weight:700;
  color:#0096ff;
  text-align: center;
  margin-top:0.25rem;
  line-height:1.4;
}


.rent-page .rent-bottom .rent-info-btn{
  width:100%;
  margin-top:2rem;
  display:flex;
  align-items: center;
  gap:0.3125rem;
}

.rent-page .rent-bottom .rent-info-btn .base-btn{
  width:50%;
  max-width:50%;
  border-radius: 0.25rem;
  font-size:1rem;
  font-weight:500;
}

.rent-page .rent-bottom[data-value="corporate"]{
  background:rgba(45, 65, 176, 0.06);
}

.rent-page .rent-bottom[data-value="corporate"] .rent-bottom-title{
  color:#2D41B0;
}

.rent-page .rent-bottom[data-value="corporate"]  .rent-info-btn .base-btn.blue{
  background:#2D41B0;
}


.rent-page .rent-info-form[data-value="corporate"] .rent-intro .intro-box .intro-con .intro-txt::before{
  background:url(../images/rent/rent_dot_deepblue.png) no-repeat center;
  background-size:contain;

}

.rent-page .rent-info-form[data-value="corporate"] .rent-intro .intro-box .intro-con .intro-bage{
  background:#2D41B0;
}

.rent-page .rent-info-form[data-value="corporate"] .rent-info .rent-info-box .rent-info-main{
  background:#2D41B0;
  box-shadow: 0 0.625rem 0.625rem rgba(45, 65, 176, 0.16);
}

.rent-page .rent-info-form[data-value="corporate"] .rent-point .rent-info-btn .base-btn.blue{
  background:#2D41B0;
  border-color: #2D41B0;
}

.rent-page .rent-info-form[data-value="corporate"] .rent-review .rent-review-list .rent-review-con .review-title::before{
  background:url(../images/rent/rent_dot_deepblue.png) no-repeat center;
  background-size:contain;
}

.rent-page .rent-info-form[data-value="corporate"] .rent-review .rent-review-list .rent-review-con:nth-child(1) i{
  width:7.75rem;
}

.rent-page .rent-info-form[data-value="corporate"] .rent-review .rent-review-list .rent-review-con:nth-child(2) i{
  width:7.75rem;
}

.rent-page .rent-info-form[data-value="corporate"] .rent-review .rent-review-list .rent-review-con:nth-child(3) i{
  width:7.75rem;
}

.rent-page .rent-info-form[data-value="corporate"] .rent-review .rent-review-list .rent-review-con:nth-child(4) i{
  width:7.75rem;
}

.rent-page .rent-info-form[data-value="corporate"] .rent-review .rent-info-btn .base-btn.blue{
  background:#2D41B0;
}

.rent-page .rent-info-form[data-value="corporate"] .rent-vs .rent-vs-tbl tr th:nth-child(2){
  background:#2D41B0;
}

.rent-page .rent-info-form[data-value="corporate"] .rent-vs .rent-vs-tbl tr th:nth-child(2) .tbl-border{
  border:0.25rem solid #2D41B0;
}

.rent-page .rent-info-form[data-value="corporate"] .rent-customer{
  background:#2D41B0;
}
.rent-page .rent-info-form[data-value="corporate"] .rent-vs .rent-vs-tbl tr th:nth-child(2) .tbl-border {}

.rent-page .rent-info-form[data-value="corporate"] .rent-vs .rent-vs-tbl tr:nth-child(2) td:nth-child(2):before {border-color: #2D41B0;}
.rent-page .rent-info-form[data-value="corporate"] .rent-vs .rent-vs-tbl tr:nth-child(2) td:nth-child(2):after {border-color: #2D41B0;}



@media screen and (max-width: 550px) {
  .rent-page .rent-info-form .rent-vs .rent-vs-tbl tr th:nth-child(2) .tbl-border,.rent-page .rent-info-form .rent-vs .rent-vs-tbl tr th:nth-child(3) .tbl-border {top: 80px;}
}

/*****************************    
      QA 수정 작업
*****************************/
.main-rent-wrap .product-base-wrap.focus ul li .car-info .car-badge span {background-color: rgba(255, 255, 255, 0.2);color: #fff;}
.theme-tab-wrap.search-tab-wrap .search-cont .panel-box {padding-bottom: 7.5rem;}
#layer-maker-choice .step-list li {flex-basis: auto;}
#layer-maker-choice .step-list li:last-child:before {display: block;}
/* 리본카이용후기 */
.tab-contents .keyword-search-box .btn-search {right: 0;}
/* 내차팔기 후기 */
.sale-content .sale-section.review .review-base-wrap.swiper {overflow: visible;}
.sale-content .sale-section.review .review-base-wrap.swiper .prd-pic {position: relative;padding-top: 82.73%;overflow: hidden;}
.sale-content .sale-section.review .review-base-wrap.swiper .prd-pic img {  position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;  object-position: center;} 
/* vip */
.vip-cont-wrap.vip-opt-box  .dot-list > li {font-size: 1rem;}
.vip-cont-wrap.vip-opt-box  .dot-list > li::before {left: -0.1rem;font-size: 1rem;}
/* tab border 아웃라인수정 */
.pay-page .form-ly-comm .term-list.grid-cols3 li:has(.radio:checked) {border-color: #0096ff;box-sizing: border-box;background-color: #0096ff;}
.pay-page .form-ly-comm .term-list.grid-cols3 li {margin-top: -0.0625rem;}
#layer-aqi-result .layer-btn .base-btn     {border-radius: 0.25rem;}
/* 성능점검기록부 팝업 */
#layer-state-history .layer-btn {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;background-color: #fff;}
#layer-state-history .record-history-box {max-height: calc(100vh - 185px);display: block;overflow-y: auto;padding: 0rem 0rem;box-sizing: border-box;height: 100%;}
#layer-state-history.layer-base-wrap.full .layer-box {overflow: hidden;}
/* 주문하기 */
.calendar-form .calendar-box .calendar-body .calander-week li {font-size: 1rem;}
.calendar-form .calendar-box .calendar-body .calendar-day-list li {font-size: 1rem;}
.order-section.section2 {padding: 2.125rem 0rem 2.5rem;}
#layer-datapick.layer-bottom-wrap .layer-box {padding-bottom: 0;}
#layer-datapick .calendar-form.calendar-b .calendar-box .calendar-body .calendar-day-list li {font-size: 1rem;}
/* vip event banner추가 */
.m_event_slide {overflow: hidden;position: relative;}
.m_event_slide.swiper-bar .swiper-control .swiper-pagination span{width:2.5rem;background-color: rgba(255,255,255,0.3);} 
.m_event_slide.swiper-bar .swiper-control .swiper-pagination span.swiper-pagination-bullet-active {background-color: #fff;}
.m_event_slide.swiper-bar .swiper-control {position: absolute;bottom: 0;left: 0;right: 0;width: 100%;z-index: 9;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%);}
/* 로그인 */
.login-content .row .mscommp {color: #131313;}
/* 메인 슬라이드(#main-event-banner02) pager 수정 */
#main-event-banner02.product-base-wrap {position: relative;}
#main-event-banner02.product-base-wrap .swiper-control {position: absolute;bottom: 0;left: 0;right: 0;width: 100%;z-index: 13;padding: 0.5rem 0;height: 2.5rem;display: flex;align-items: flex-end;justify-content: center;background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.00) 91.25%);}
/* popup */
#alert-layer-popup.layer-base-wrap .layer-cont {padding: 2.5rem 1.25rem;box-sizing: border-box;}
#alert-layer-popup.layer-base-wrap .layer-cont .commp2 {word-break: keep-all;}
#alert-layer-popup.layer-base-wrap .layer-box .layer-btn {border-top: none;}
#layer-prolong-choice.layer-bottom-wrap .layer-box {padding-bottom: 0;}
/* tab */
.theme-tab-wrap .theme-tab .swiper-container .swiper-slide {text-align: left;}
/* filter */
.filter_basic .serach-filter-inner {display: flex;}
.filter_basic .serach-filter-inner .lp-search-box {float: left;width: 50%;padding: 0 1.25rem;}
.filter_basic .serach-filter-inner .lp-search-box .btn-box {width: auto;}
.filter_basic .serach-filter-inner .lp-keyword-box {float: right;width: 50%;}
.list-keyword-filter .keyword-search-box .putbox .row {flex: 1;}
.live-counseling .list-keyword-filter .lp-inp-box .putbox .row {display: flex;flex: 1;position: relative;}
.live-counseling .list-keyword-filter .lp-inp-box .putbox .row .search-txt-delete {right: 3.2rem}
.live-counseling .list-keyword-filter .lp-inp-box .putbox .btn-search {position: absolute;right: 0;height: 100%;width: 3rem;}
/* 댓글 */
.comment-list hr.gray {background-color: #131313;border: none;}
.page-cont .review.vip hr.lightgray.strong {border: none;height: 0.625rem;background-color: #eee;}
.textarea-box.focused {border-color: #131313 !important;}
/* 고객센터 */
.page-cont .cs hr.lightgray {margin-left: 1.25rem;margin-right: 1.25rem;}
/* 공지사항 */
.page-cont .cs.notice hr.lightgray {margin-left: 0;margin-right: 0;border: none;background-color: #eee;}
.page-cont .cs.notice .details .row {margin-top: 0.75rem;}
/* 라이브 */
.live-info-box .live-inner {padding: 0;}
.live-section #car-new-video .swiper-slide .video-thumnail,.live-section #car-new-video2 .swiper-slide .video-thumnail {position: relative;padding-top: 74%;}
.live-section #car-new-video .swiper-slide .video-thumnail img,.live-section #car-new-video2 .swiper-slide .video-thumnail 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%);}
/* 라이브상담신청 신규팝업 */
#layer-counseling-able-type .layer-cont {padding-bottom: 1.25rem;}
#layer-counseling-able-type .dot_text.commp2 {line-height: 1.625rem;color: #131313;margin-top: 1rem;}
/* 자주묻는질문 */
.page-cont .cs.faq hr.lightgray {margin-left: 0;margin-right: 0;border: none;background-color: #eee;}
.page-cont .cs.faq .list-box hr.gray {border: none;background-color: #131313;margin-left: 1.25rem;margin-right: 1.25rem;}
.page-cont .cs.faq .list-box .qna-slide-box {padding: 0 1.25rem;}
/* vip 리뷰후기 슬라이드 */
.car-review-box .review-base-wrap .swiper-slide {overflow: hidden;width: 77.612%;}
.car-review-box .review-base-wrap .prd-pic {margin-bottom: 1.25rem;position: relative;padding-top: 75%;overflow: hidden;}
.review-base-wrap .prd-pic {background-image: url("../images/common/basic_thumbnail.png");background-size: cover;background-repeat: no-repeat;}
.car-review-box .review-base-wrap .prd-pic img { position: absolute; inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
/* 책임정비 시스템 */
.system-page .about .pictures .swiper-box .swiper-pagination {position: relative;bottom: 0;margin-top: 1.25rem;}
/* 연장보증 시스템 */
.system-page .system-content .tab-content .point-box .p-box {border: 0.063rem solid #ddd;border-radius: 0.625rem;}
/* 팝업 */
#layer-custormer-time .layer-box,#layer-custormer-type .layer-box {padding-bottom: 1.25rem;}
/* 메인 이벤트팝업 */
#layer-event-pop.layer-base-wrap .layer-box .layer-cont {position: relative;}
#layer-event-pop.layer-base-wrap .swiper-control {position: absolute;bottom: 0rem;left: 0;right: 0;width: 100%;z-index: 13;padding: 1.875rem 0 0.5rem;text-align: center;background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.00) 91.25%);}
#layer-event-banner02 .swiper-control {height: 2.5rem;}
.term-list li {border-bottom: 0.063rem solid #ddd;border-right: 1px solid #ddd;overflow: hidden;box-sizing: border-box;}
.grid-cols2.term-list li:nth-child(3),.grid-cols2.term-list li:nth-child(4) {border-bottom: 0.063rem solid #ddd;}
.grid-cols3.term-list li:nth-child(4),.gird-cols3.term-list li:nth-child(5),.gird-cols3.term-list li:last-child {border-bottom: 0.063rem solid #ddd;}
.term-list li:last-child {}
.grid-cols2.term-list li:nth-child(odd) {border-left: 0.063rem solid #ddd;}
.grid-cols3.term-list li:first-child,.grid-cols3.term-list li:nth-child(4),.gird-cols3.term-list li:last-child {border-left: 0.063rem solid #ddd;}
.term-list li:has(input[type="radio"]:checked) {border-top: none;background-color: #0096ff;border-color: #0096ff;margin-left: -0.063rem;margin-top: -0.063rem;}
.grid-cols2.term-list li:nth-child(even):has(input[type="radio"]:checked) {border-color: #0096ff;}
.grid-cols3.term-list li:nth-child(odd):has(input[type="radio"]:checked) {border-color: #0096ff;}
.grid-cols2.term-list li:nth-child(3):has(input[type="radio"]:checked),.grid-cols2.term-list li:nth-child(4):has(input[type="radio"]:checked) {border-color: #0096ff;}
.grid-cols2.term-list li:nth-child(3) {border-radius: 0 0 0 0.3125rem;}
.grid-cols2.term-list li:nth-child(4) {border-radius: 0 0 0.3125rem 0;}
.grid cols2.cols2.term-list li:first-child {border-radius: 0 0 0.3125rem 0;}
.grid-cols2.cols2.term-list li:nth-child(2):last-child {border-radius: 0 0 0 0.3125rem;}
.main-video-wrap .video-base-wrap li {width: 100%;}
.page-cont .event .lightgray.strong {height: 10px;border: none;background-color: #eee;}
#car-sale-check .layer-cont.car-buy-check-body {overflow: hidden;}
#car-sale-check .layer-cont.car-buy-check-body > .inner {overflow-y: scroll;height: 100%;-webkit-overflow-scrolling: touch; }
#car-sale-check .layer-cont.car-buy-check-body .layer-btn .buy-check-ok {display: block;}
/* 비교하기 */
#layer-location .layer-cont {overflow-x: hidden;width: 100%;box-sizing: border-box;}
.location-box .panel-cont .form-dl .btn-mms {width: auto;}
#layer-location .form-dl dd > * {flex: none;}
#layer-location .location-box .panel-cont .form-dl dd {width: auto;}
#layer-location .location-box .panel-cont .form-dl dd input{width:calc( 100% - 6.5rem );}
/* 이벤트 페이지 수정  */
.event-list .type01 li a .textbox {padding: 0 0.625rem;}
.event-car-list .term-list{overflow:hidden;display:grid;border-radius:0.3125rem;border-top: 0.063rem solid #ddd;}
.event-car-list .term-list.grid-cols2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.event-car-list .term-list li {    border-bottom: 0.063rem solid #ddd;border-right: 1px solid #ddd;overflow: hidden;box-sizing: border-box;}
.event-car-list .grid-cols2.term-list li:nth-child(3),.event-car-list .grid-cols2.term-list li:nth-child(4) {border-bottom: 0.063rem solid #ddd;}
.event-car-list .grid-cols2.term-list li:nth-child(odd) {border-left: 0.063rem solid #ddd;}
.term-list li:has(input[type="radio"]:checked) {border-top: none;background-color: #0096ff;border-color: #0096ff;margin-left: -0.063rem;margin-top: -0.063rem;}
.event-car-list .grid-cols2.term-list li:nth-child(even):has(input[type="radio"]:checked) {border-color: #0096ff;}
.event-car-list .grid-cols2.term-list li:nth-child(3):has(input[type="radio"]:checked),.event-car-list .grid-cols2.term-list li:nth-child(4):has(input[type="radio"]:checked) {border-color: #0096ff;}
.event-car-list .grid-cols2.term-list li:nth-child(3) {border-radius: 0 0 0 0.3125rem;}
.event-car-list .grid-cols2.term-list li:nth-child(4) {border-radius: 0 0 0.3125rem 0;}
/* .grid-cols2.term-list li:first-child {border-radius: 0 0 0.3125rem 0;} */
.event-car-list .grid-cols2.cols2.term-list li:nth-child(2):last-child {border-radius: 0 0 0 0.3125rem;}
.event-car-list .radio-term .label {display: block;padding: 0.8125rem 0;color: #666;line-height: 1.25rem;text-align: center;background: #f9f9f9;}
.event-car-list .list-top-set {padding: 0 1.25rem 2rem;}
.event-car-list .list-top-set .mlcommp {text-align: center;font-weight: 400;}
.event-car-list .radio-term .radio:checked + .label{color:#fff;background:#0096ff;}
/* 온라인결제 개인정보취급방침 */
.payment-section .form-ly-comm .f-row.turms-row .slide-box {overflow: hidden;}
.payment-section .form-ly-comm .f-row.turms-row .slide-box .slide-cont {padding:1.25rem;background-color: #f9f9f9;overflow-x: scroll;}
.payment-section .form-ly-comm .f-row.turms-row .slide-box .slide-cont p,.payment-section .form-ly-comm .f-row.turms-row .slide-box .slide-cont span {color: #888;font-size: 0.875rem;line-height: 1.3;}
/* 자주묻는질문 */
.list-box .no-search-result.on + .gray {display: none;}
/* 임시저장 */
.sale-content.cstep-contents .sale-section.review .review-list li {border: none;margin-top: 1.25rem;}
/* 직영점 위치 자세히보기 */
#layer-location .layer-btn .base-btn {border-radius: 0.25rem;}
#layer-location .form-dl dd .putbox {display: flex;justify-content: space-between;width: 100%;}
#layer-location .form-dl dd .putbox .row {display: flex;width: calc(100% - 6.5rem);position: relative;}
#layer-location.layer-base-wrap.full  .location-box .panel-cont .form-dl dd input{width:100%;} 
#layer-location.layer-base-wrap.full  .location-box .panel-cont .form-dl dd .search-txt-delete.active {right: 1.25rem;}
#layer-location.layer-base-wrap.full  .location-box .panel-cont .form-dl .cinp-location-tel:focus {border-color: #131313;}
#layer-location.layer-base-wrap.full  .location-box .panel-cont .form-dl .cinp-location-tel:focus ~ .btn-mms {color: #131313;}
/* 예상견적 전송하기 */
#frm-orderestimate .form-dl dd {width: 100%;max-width: 100%;}
#frm-orderestimate .form-dl dd #userTel {width: calc(100% - 4.375rem);}
#frm-orderestimate .form-dl dd .btn-mms {width: 4.375rem;}
/* 차량비교 최근본차량 (레이어팝업) */
.history_popup#layer-mycar-history .history-tab {padding: 0 1.25rem;}
.histroy_popup .noresult {min-height: calc(100vh - 335px);}
.history_popup#layer-mycar-history .layer-cont {padding: 1rem 0;}
.history_popup#layer-mycar-history .car-compare-list > li {padding: 1rem 0rem;box-sizing: border-box;}
.history_popup#layer-mycar-history .car-compare-list > li.my_link_row {padding-left: 3.375rem;}
.history_popup#layer-mycar-history .car-compare-list > li.my_link_row a {display: flex;width: 100%;height: 100%;align-items: center;}
.history_popup#layer-mycar-history .car-compare-list > li .b_category {display: flex;height: 2.5rem;width: 7.5rem;align-items: center;justify-content: center;margin-right: 1.25rem;}
.history_popup#layer-mycar-history .car-compare-list > li .category01 {background-color: #F4F9FF;}
.history_popup#layer-mycar-history .car-compare-list > li .category02 {background-color: #F6F6F6;color: #515151;}
.history_popup#layer-mycar-history .car-compare-list > li .b_category img {margin-right: 0.125rem;}
.history_popup#layer-mycar-history .history-cont {margin-top: 0 !important;}
/* myapge-favorit-head  */
.myapge-favorit-head {background-color: #fff;}
/* 렌트/구독 */
.list-keyword-filter.row_line .keyword-search-box {border-bottom: 0.063rem solid #ddd;}  
.search-recent-box .search-item-box .dot-list {padding: 0;}
/* 고지항목 팝업 디자인변경처리 */
.notice-aqi118 .layer-box .info dl {display: block;}
.notice-aqi118 .layer-box .info dl dd {margin-top: 0.75rem;}
.notice-aqi118 .aqi-swiper-wrap .swiper-controll {display: block;position: static;height: auto;background-color: transparent;}
.notice-aqi118 .aqi-swiper-wrap .swiper-button-prev {position: absolute;background-color: #fff;width: 2.5rem;height: 2.5rem;right: auto;left: -1rem;top: 50%;margin-top: -1.25rem;border-radius: 2.5rem;}
.notice-aqi118 .aqi-swiper-wrap .swiper-button-next {position: absolute;background-color: #fff;width: 2.5rem;height: 2.5rem;left: auto;right: -1rem;top: 50%;margin-top: -1.25rem;border-radius: 2.5rem;}
.notice-aqi118 .img_pager_set {padding: 1.25rem 1.25rem 1rem;display: flex;gap: 1rem 0.625rem;background-color: #fff;justify-content: center;}
.notice-aqi118 .img_pager_set .pager_btn {background-color: #F6F6F6;color: #666;width: 2.5rem;height: 2.5rem;display: block;text-align: center;line-height: 2.5rem;margin-bottom: 1rem;font-size: 1rem;}
.notice-aqi118 .img_pager_set .pager_btn.on {background-color: #0096FF;color: #fff;border-radius: 0.125rem;}
.notice-aqi118 .aqi-swiper-wrap .swiper-controll {background-color: transparent;}
.notice-aqi118 .img_pager_set .pager_btn img {display: none;}
/* AQI 점검 팝업 디자인 변경처리 */
/* .layer-base-wrap.full#layer-aqi-result .layer-header {border: none;}
.layer-base-wrap.full#layer-aqi-result .layer-cont {padding-top: 0;}
#layer-aqi-result .aqi-result-box {padding-top: 0;border-top: 0.063rem solid #000;}
#layer-aqi-result .title-set {display: flex;align-items: center;justify-content: center;}
#layer-aqi-result .p_logo {margin-right: 0.313rem;}
#layer-aqi-result .p_tit h2 {font-size: 1.125rem;}
#layer-aqi-result .p_tit .text {margin-top: 0.25rem;font-size: 0.75rem;}
#layer-aqi-result .aqi-result-box .info {margin-top: 1rem;padding-top: 0;background-color: #fff;padding: 0 0.938rem 1rem;}
#layer-aqi-result .custom-car-number span {font-size: 0.938rem;color: #000;padding: 0.3em 0.71rem;border-color: #00A7EA;background-color: #fff;}
#layer-aqi-result .custom-car-number span:before {width: 0.375rem;background-color: #00A7EA;height: 100%;top:0;left: 0;border-radius: 0.188rem 0 0 0.188rem;}
#layer-aqi-result .custom-car-number span:after {display: none;}
#layer-aqi-result .aqi-result-box .info .car-category {margin-top: 0.938rem;font-size: 1rem;line-height: normal;}
#layer-aqi-result .aqi-result-box .info .car-detail dl {display: block;}
#layer-aqi-result .aqi-result-box .info .car-detail {flex-direction: row;gap: 1.25rem;margin-top: 0.938rem;}
#layer-aqi-result .aqi-result-box .info .car-detail dt {background-color: #F4F8FA;border-radius: 0.313rem;color: #000;font-size: 0.875rem;font-weight: normal;text-align: center;width: 100%;}
#layer-aqi-result .aqi-result-box .info .car-detail dd {font-weight: 400;font-size: 0.875rem;margin-top: 0.375rem;text-align: center;line-height: normal;}
#layer-aqi-result .aqi-result-slide > dl {border-top: 0.125rem solid #000;}
#layer-aqi-result .aqi-result-slide > dl > dd {display: block;}
#layer-aqi-result .aqi-result-slide > dl > dt {background-color: #F4F8FA;padding: 0.271rem 1rem;}
#layer-aqi-result .aqi-result-slide > dl > dt p {font-size: 0.875rem;}
#layer-aqi-result .aqi-result-slide {border-top: none;margin-top: 0;}
#layer-aqi-result .aqi-check-list .title {padding: 0.322rem 1rem;}
#layer-aqi-result .aqi-check-list ul li {padding: 0.0985rem 0;}
#layer-aqi-result .aqi-check-list ul li p {font-size: 0.75rem;line-height: normal;}
#layer-aqi-result .aqi-check-list .title p {font-size: 0.875rem;color: 0.875rem;} */

#layer-aqi-result .car-number {display: flex;align-items: center;justify-content: center;padding:0 0.75rem;height: 1.875rem;border:0.0625rem solid #0096ff;background:#f4f9ff;border-radius: 0.313rem;font-size:1.125rem;color:#579aff;font-weight:normal;width:max-content;position: relative;margin: 0 auto 0.125rem;}
#layer-aqi-result .car-number::before{content:"";display:block;width:0.125rem;height:0.125rem;border-radius: 0.125rem;background:#0096ff;position: absolute;left: 0.375rem;top:50%;transform: translate( -0, -50% );}
#layer-aqi-result .car-number::after{content:"";display:block;width:0.125rem;height:0.125rem;border-radius: 0.125rem;background:#0096ff;position: absolute;right: 0.375rem;top:50%;transform: translate( -0, -50% );}

/* badge */
.cs.notice .list li a .badge {line-height: 1.375rem;border-radius: 1.511rem;height: fit-content;text-align: center;flex: 1;}
.cs.notice .list li a .badge.important {border: 0.094rem solid #131313;font-weight: bold;padding: 0.11rem 0.225rem;font-size: 1rem;flex: 1;} 
.btn-alarm span{  font-size:0.875rem; line-height:1.5rem;}

/* 사고이력정보 상세보기 */
#layer-record-history .device_box .device_con {display: flex;align-items: center;background-color: #F9F9F9;padding: 0.625rem 1rem;box-sizing: border-box;border-right: 0.063rem solid #ddd;}
#layer-record-history .history_tbl tr.device_box {border-bottom: 0.063rem solid #ddd;display: flex;width: 100%;align-items: center;justify-content: space-between;}
#layer-record-history .history_tbl.device_tbl {border-left: 0.063rem solid #ddd;border-right: 0.063rem solid #ddd;border-top: 0.063rem solid #ddd;}
#layer-record-history .history_tbl tr.device_box th {flex: 1 1 auto;max-width: calc(100% - 56px);align-items: center;}
#layer-record-history .history_tbl tr.device_box td {flex: 0 0 auto;;width: 20%;max-width: 56px;}
.device_box .device_con .device_ico {background-repeat: no-repeat;background-size: 100%;background-position: center;width: 2rem;height: 2rem;}
.device_box .device_con.active .device_ico.abs {background-image: url(../images/sub/p_badge1_on.svg);}
.device_box .device_con.active .device_ico.aeb {background-image: url(../images/sub/p_badge2_on.svg);}
.device_box .device_con.active .device_ico.apas {background-image: url(../images/sub/p_badge3_on.svg);}
.device_box .device_con.active .device_ico.bsd {background-image: url(../images/sub/p_badge4_on.svg);}
.device_box .device_con.active .device_ico.esc {background-image: url(../images/sub/p_badge5_on.svg);}
.device_box .device_con.active .device_ico.ldws {background-image: url(../images/sub/p_badge6_on.svg);}
.device_box .device_con.active .device_ico.psf {background-image: url(../images/sub/p_badge7_on.svg);}
.device_box .device_con.active .device_ico.acam {background-image: url(../images/sub/p_badge8_on.svg);}
.device_box .device_con.active .device_ico.afcw {background-image: url(../images/sub/p_badge9_on.svg);}
.device_box .device_con.active .device_ico.bcam {background-image: url(../images/sub/p_badge10_on.svg);}
.device_box .device_con.active .device_ico.btcam {background-image: url(../images/sub/p_badge11_on.svg);}
.device_box .device_con.active .device_ico.fcw {background-image: url(../images/sub/p_badge12_on.svg);}
.device_box .device_con.active .device_ico.lkas {background-image: url(../images/sub/p_badge13_on.svg);}
.device_box .device_con.active .device_ico.spas {background-image: url(../images/sub/p_badge14_on.svg);}
.device_box .device_con.active .device_ico.acc {background-image: url(../images/sub/p_badge15_on.svg);}
.device_box .device_con.active .device_ico.afls {background-image: url(../images/sub/p_badge16_on.svg);}
.device_box .device_con.active .device_ico.bas {background-image: url(../images/sub/p_badge17_on.svg);}
.device_box .device_con.active .device_ico.drl {background-image: url(../images/sub/p_badge18_on.svg);}
.device_box .device_con.active .device_ico.hud {background-image: url(../images/sub/p_badge19_on.svg);}
.device_box .device_con.active .device_ico.tpms {background-image: url(../images/sub/p_badge20_on.svg);}
.device_box .device_con.active .device_ico.bpsf {background-image: url(../images/sub/p_badge21_on.svg);}
.device_box .device_con.active .device_ico.lfa {background-image: url(../images/sub/p_badge22_on.svg);}
.device_box .device_con.active .device_ico.hdp {background-image: url(../images/sub/p_badge23_on.svg);}
.device_box .device_con.active .device_ico.rspa {background-image: url(../images/sub/p_badge24_on.svg);}

.device_box .device_con .device_txt {margin-left: 0.5rem;font-size: 0.875rem;color: #888;}
.device_box .device_con .device_ico.abs {background-image: url(../images/sub/p_badge1.svg);}
.device_box .device_con .device_ico.aeb {background-image: url(../images/sub/p_badge2.svg);}
.device_box .device_con .device_ico.apas {background-image: url(../images/sub/p_badge3.svg);}
.device_box .device_con .device_ico.bsd {background-image: url(../images/sub/p_badge4.svg);}
.device_box .device_con .device_ico.esc {background-image: url(../images/sub/p_badge5.svg);}
.device_box .device_con .device_ico.ldws {background-image: url(../images/sub/p_badge6.svg);}
.device_box .device_con .device_ico.psf {background-image: url(../images/sub/p_badge7.svg);}
.device_box .device_con .device_ico.acam {background-image: url(../images/sub/p_badge8.svg);}
.device_box .device_con .device_ico.afcw {background-image: url(../images/sub/p_badge9.svg);}
.device_box .device_con .device_ico.bcam {background-image: url(../images/sub/p_badge10.svg);}
.device_box .device_con .device_ico.btcam {background-image: url(../images/sub/p_badge11.svg);}
.device_box .device_con .device_ico.fcw {background-image: url(../images/sub/p_badge12.svg);}
.device_box .device_con .device_ico.lkas {background-image: url(../images/sub/p_badge13.svg);}
.device_box .device_con .device_ico.spas {background-image: url(../images/sub/p_badge14.svg);}
.device_box .device_con .device_ico.acc {background-image: url(../images/sub/p_badge15.svg);}
.device_box .device_con .device_ico.afls {background-image: url(../images/sub/p_badge16.svg);}
.device_box .device_con .device_ico.bas {background-image: url(../images/sub/p_badge17.svg);}
.device_box .device_con .device_ico.drl {background-image: url(../images/sub/p_badge18.svg);}
.device_box .device_con .device_ico.hud {background-image: url(../images/sub/p_badge19.svg);}
.device_box .device_con .device_ico.tpms {background-image: url(../images/sub/p_badge20.svg);}
.device_box .device_con .device_ico.bpsf {background-image: url(../images/sub/p_badge21.svg);}
.device_box .device_con .device_ico.lfa {background-image: url(../images/sub/p_badge22.svg);}
.device_box .device_con .device_ico.hdp {background-image: url(../images/sub/p_badge23.svg);}
.device_box .device_con .device_ico.rspa {background-image: url(../images/sub/p_badge24.svg);}
.device_box .device_status {font-size: 18px;font-weight: 500;color: #888;width: 100%;text-align: center;}
.device_box .device_status.install::before {content: "○";font-weight: 500;color: #0096FF;font-size: 0.875rem;}
.device_box .device_status.choice::before {content: "△";font-weight: 500;color: #888;font-size: 0.875rem;}
.device_box .device_status.none::before {content: "-";color: #888;font-size: 0.875rem;}
.device_box .device_status.not::before {content: "X";color: #888;font-size: 0.875rem;}
.device_box .device_con.active .device_txt {font-size: 0.875rem;font-weight: 500;letter-spacing: -0.2px;color: #579AFF;} 
.t-info-map .car-bg-box .car-map,.t-info-map .car-bg-box .cargo-map {position: relative;max-width: 455px;width: 100%;margin: 0 auto;}
.t-info-map .car-bg-box .car-map .map-dot,.t-info-map .car-bg-box .cargo-map .map-dot {position: absolute;text-indent: -9999px;width: 1.375rem;height: 1.375rem;}
.car-bg-box .map-dot .ico {display:block;width: 1.375rem;height: 1.375rem;border-radius: 1.375rem;overflow: hidden;background-position: center;}
.t-info-map .car-bg-box .car-map .imgbox img,.t-info-map .car-bg-box .cargo-map .imgbox img {margin: 0 auto;max-width: 100%;width: 100%;}
.map-dot.repair-type01 .ico {background-color: #579AFF;background-image: url(../images/common/map_dot01.svg);background-repeat: no-repeat;}
.map-dot.repair-type02 .ico {background-color: #FF3F3F;background-image: url(../images/common/map_dot02.svg);background-repeat: no-repeat;}
.map-dot.repair-type03 .ico {background-color: #13B78B;background-image: url(../images/common/map_dot03.svg);background-repeat: no-repeat;}
.map-dot-list {display: flex;align-items: center;justify-content: center;}
.map-dot-list .map-dot {position: static;display: flex;align-items: center;font-size: 0.875rem;color: #131313;margin-right: 1.25rem;width: auto;height: auto;}
.map-dot-list .map-dot .ico {margin-right: 0.5rem;}
.t-info thead th {font-size: 0.75rem;}
.layer-base-wrap table.t-info .row {display: flex;justify-content: space-between;align-items: center;padding: 0 0.875rem;}
.layer-base-wrap table.t-info .row .l_text p {font-size: 0.75rem;color: #515151;}
.layer-base-wrap table.t-info .row .r_text {display: flex;}
.layer-base-wrap table.t-info .row .r_text p {font-size: 0.75rem;margin-left: 0.5rem;}
.t-info.t-info-list2 thead th {color: #515151;}
/* 전체수리내역 */
.more-list-box .date-list .t-info.t-info-list2 thead th {color: #515151;}
.more-list-box .date-list .t-info td {}
.more-list-box table.t-info .row {display: block;padding: 0;}
.more-list-box table.t-info tr td:first-child {text-align: center;background-color: #F9F9F9;}
.more-list-box table.t-info .row .scommp {text-align: left;color: #515151;font-size: 0.75rem;line-height: 1rem;}
.history-slide .more-list-box .open-list-btn {text-align: center;border: 0.063rem solid #ddd;border-top: none;border-radius: 0 0 0.63rem 0.63rem;box-sizing: border-box;font-weight: 700;font-size: 0.875rem;display: flex;height: 3rem;justify-content: center;align-items: center;}
.history-slide .more-list-box .open-list-btn .ico {background-image: url(../images/common/btn_lp_filter.svg);width: 1.5rem;height: 1.5rem;-webkit-transition: .4s;-moz-transition: .4s;-ms-transition: .4s;-o-transition: .4s;transition: .4s;}
.more-list-box .date-list {display: block;}
.more-list-box .open-list-btn.on .ico {transform: rotate(180deg);}
/* 위치조정 승용차 */
/* 위치조정 */
.t-info-map .car-bg-box .car-map .map-dot.car-map01 {top: 6.3%;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map02 {bottom: -0.5rem;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map03 {top: 21%;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map04 {bottom: 2rem;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map05 {top: auto;left: 0;right: 0;margin: 0 auto;bottom: 17%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map06 {top: 43%;left: 50%;right: auto;margin-left:-42%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map07 {top: 43%;right: 50%;left: auto;margin-right:-42%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map08 {top: 54%;left: 50%;right: auto;margin-left:-42%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map09 {top: 54%;right: 50%;left: auto;margin-right:-42%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map10 {top: 25%;left: 50%;right: auto;margin-left:-37.8%}
.t-info-map .car-bg-box .car-map .map-dot.car-map11 {top: 25%;right: 50%;left: auto;margin-right:-37.8%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map12 {top: auto;left: 50%;right: auto;margin-left:-38%;bottom: 22%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map13 {top: auto;right: 50%;left: auto;margin-right:-38%;bottom: 22%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map14 {top: 37%;right: 0;left: 0;margin:0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map15 {top: 50%;right: 0;left: 0;margin:0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map16 {bottom: 37%;right: 0;left: 0;margin:0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map17 {top: 59%;left: 50%;right: auto;margin-left:-42%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map18 {top: 59%;right: 50%;left: auto;margin-right:-42%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map19 {bottom: 26%;right: 0;left: 0;margin:0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map20 {top: 0.8rem;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .car-map .map-dot.car-map21 {top: 0.8rem;left: 50%;margin-left: -6rem;}
.t-info-map .car-bg-box .car-map .map-dot.car-map22 {top: 0.8rem;right: 50%;margin-right: -6rem;}
.t-info-map .car-bg-box .car-map .map-dot.car-map23 {top: auto;left: 50%;margin-left: -14%;bottom: 5.8%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map24 {top: auto;right: 50%;margin-right: -14%;bottom: 5.8%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map25 {top: 51%;left: 50%;margin-left: -49%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map26 {top: 51%;right: 50%;margin-right: -49%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map27 {top: 52%;left: 50%;margin-left: -31%;}
.t-info-map .car-bg-box .car-map .map-dot.car-map28 {top: 52%;right: 50%;margin-right: -31%;}


/*상용차 위치 조정*/
.t-info-map .car-bg-box .cargo-map .map-dot.car-map01 {top: 0rem;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map02 {top: 6%;left: 50%;margin-left: -21%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map03 {top: 6%;right: 50%;margin-right: -21%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map04 {bottom: 0rem;left: 50%;margin-left: -30%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map05 {bottom: 0rem;right: 50%;margin-right: -31%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map06 {top: 20%;left: 50%;right: auto;margin-left:-29%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map07 {top: 20%;right: 50%;left: auto;margin-right:-29%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map08 {top: 49%;left: 50%;right: auto;margin-left:-21%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map09 {top: 49%;right: 50%;left: auto;margin-right:-21%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map10 {bottom: 0rem;left: 50%;right: auto;margin-left:-14%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map11 {bottom: 0rem;right: 50%;margin-right:-14%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map12 {top: 30%;left: 50%;right: auto;margin-left:-33%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map13 {top: 30%;right: 50%;left: auto;margin-right:-33%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map14 {top: 42%;left: 50%;margin-left:-33%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map15 {top: 42%;right: 50%;margin-right:-33%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map16 {top: 28.5%;left: 50%;margin-left: -18%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map17 {top: 28.5%;right: 50%;margin-right: -18%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map18 {left: 0;right: 0;margin: 0 auto;top: 6%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map19 {left: 0;right: 0;margin: 0 auto;top: 12%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map20 {bottom: 28%;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map21 {top: 48%;right: 0;left: 0;margin:0 auto;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map22 {bottom: 6%;left: 0;right: 0;margin: 0 auto;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map23 {top: auto;left: 50%;margin-left: -37%;bottom: 27%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map24 {top: auto;right: 50%;left: auto;margin-right: -37%;bottom: 27%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map25 {top: 45%;left: 50%;margin-left: -44.5%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map26 {top: 45%;right: 50%;margin-right: -44.5%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map27 {top: 37%;left: 50%;margin-left: -25%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map28 {top: 37%;right: 50%;margin-right: -25%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map29 {top: 23%;left: 50%;margin-left: -45%;}
.t-info-map .car-bg-box .cargo-map .map-dot.car-map30 {top: 23%;right: 50%;margin-right: -45%;}

/* 찾아가는 시스템 삭제 패밀리 서비스 오픈 25.03.21 김보라*/
.system-main .reborncar-service li p.after_none:after {display: none;}
/* 패밀리 서비스 오픈 25.03.25 김보라*/
.tab-content.system_page7 .section1.new_ver {padding: 3.75rem 1.25rem; background-color: #f7f8f9;}
.new_ver .f_service_link {margin-top: 1rem;}
.new_ver .f_service_link:first-child {margin-top: 0;}
.f_service_link {background-color: #fff;border-radius: 0.625rem;padding: 1.25rem 1.5rem;}
.f_service_link .row {display: flex;justify-content: space-between;}
.f_service_link .row .link_btn {display: flex;justify-content: center;align-items: center;width:6.6rem;height: 2rem;background-color: #f9f9f9;border-radius: 1.375rem;font-size:0.75rem;font-weight: 400;}
.f_service_link .row .link_btn img {margin-left: 0.5rem;}
.f_service_link .row .commp2 {display: flex;justify-content: space-between;align-items: center;line-height: 1.5rem;}
.f_service_link .row .commp2 img {margin-right: 0.5rem;}
.system_page7 .pg_info {display: flex;justify-content: space-between;}
.tab-content.system_page7 .pg_info .icon {flex-shrink:0;margin-right: 0.75rem;}                           
.tab-content.system_page7 .pg_info .t_text {margin-top: 0.25rem;}
.tab-content.system_page7 .section2 {padding-top: 4rem;padding-bottom: 2rem;}
.text_visual .text_v_top {border: 0.063rem solid #ccc;border-radius: 0.625rem;box-sizing: border-box;overflow: hidden;width: 100%;text-align: center;padding: 1.25rem;}
.text_visual .text_v_top .commp {margin-top: 0.5rem;text-align: center;}
.text_visual .text_v_bot {position: relative;border: 0.063rem solid #0096FF;border-radius: 0.625rem;box-sizing: border-box;width: 100%;text-align: center;padding: 2rem 0.5rem;background-color: #F4F9FF;}
.text_v_bot .icon.fix_icon {position: absolute;left: 0;right: 0;margin:0 auto;top: -17px;}
.ex_text {background-color: #2E3546;color: #fff;font-size: 0.875rem;border-radius: 1.875rem;display: inline-flex;padding: 0.5rem 1.25rem;}
.sum_set .sum_list {display: flex;border: 0.063rem solid #EEE;border-radius: 0.625rem;overflow: hidden;}
.sum_set .sum_list li {display: flex;flex: 1;background-color: #F6F6F6;flex-direction: column;align-items: center;padding: 1.25rem 0.5rem;position: relative;}
.sum_set .sum_list li:first-child:before {content: '';position: absolute;width: 1.5rem;height: 1.5rem;background-image: url(../images/sub/ic_minus.png);background-repeat: no-repeat;z-index: 9;top: 50%;margin-top: -0.75rem;right: -0.75rem;}
.sum_set .sum_list li:first-child {border-radius: 0.625rem 0 0 0.625rem;border-right: 0.063rem solid #DEE0EA;}
.sum_set .sum_list li:last-child:before {content: '';position: absolute;width: 1.5rem;height: 1.5rem;background-image: url(../images/sub/ic_minus.png);background-repeat: no-repeat;left: -0.75rem;top: 50%;margin-top: -0.75rem;}
.sum_set .sum_list li:last-child {border-radius: 0 0.625rem 0.625rem 0;border-left: 0.063rem solid #DEE0EA;position: relative;}
.sum_set .sum_list li p {color: #101010;}
.sum_tt {display: flex;align-items: center;}
.sum_tt .commp2 {margin-right: 0.625rem;}
.sum_tt .lcommp2 .fwb {font-weight: 900 !important;}
.tab-content.system_page7 .notice-box.new_ver {background-color: #fff;padding: 0;}
.tab-content.system_page7 .tab-section.section3 {padding-bottom: 2rem;}
.discount_set .sum_set:first-child {flex: 170px;}
.discount_set .sum_set:last-child {flex: 120px;}
.discount_set .sum_set .sum_list li {border-bottom: 0.063rem solid #DEE0EA;}
.discount_set .sum_set .sum_list li:first-child {border-radius: 0.625rem 0.625rem 0 0;border-right: none;}
.discount_set .sum_set .sum_list li:last-child {border-bottom: none;border-radius: 0 0 0.625rem 0.625rem;border-left: none;}
.discount_set .sum_set .sum_list li:first-child:before  {background-image: url(../images/sub/ic_plus.png);background-size: 100%;left: 0;right: 0;margin: 0 auto;bottom: -0.75rem;top: auto;}
.discount_set .sum_set .sum_list li:last-child:before  {background-image: url(../images/sub/ic_plus.png);background-size: 100%;left: 0;right: 0;margin: 0 auto;top: -0.75rem;}
.tab-content.system_page7 .discount_set {display: flex;gap: 0 7px;}
.discount_set .sum_set .sum_list {flex-direction: column;}
.sum_set .commbox {background-color: #F6F6F6;border:0.063rem solid #eee;height: 100%;display: flex;border-radius: 0.625rem;align-items: center;flex-direction: column;justify-content: center;text-align: center;}
.sum_set .commbox p {line-height: 1.625rem;}
.discount_set .icon {display: flex;align-items: center;}
.dot-list-btn {display: flex;justify-content: flex-end;align-items: center;font-weight: 400;color: #999;font-size: 0.875rem;}
.dot-list-btn img {height: 10px;margin-left: 0.5rem;}
.system_page7 .dot-list li {display: none;}
.system_page7 .dot-list li:nth-child(-n+3) {display: list-item;}
.system_page7 .dot-list li:nth-child(-n+3),.system_page7 .dot-list.open li {display: list-item;}
.text_v_bot .imgbox img {display: inline;} 
.system_page7 .add_content {background-color: #F9F9F9;padding: 2.5rem 1.25rem;}
.system_page7 .add_content .inner {padding: 0;}
.system_page7 .add_content .icon {text-align: center;}
.system_page7 .add_content .commp2 {line-height: 1.625rem;padding: 0 0.75rem;}
.add_service_box {background-color: #fff;padding: 1.25rem 1.75rem;border-radius: 0.625rem;overflow: hidden;}
.add_service_box .flex_set {display: flex;justify-content: space-between;align-items: center;}
.add_service_box .flex_set .lcommp {line-height: 2rem;}
.add_service_box .ad_list li {font-size: 0.938rem;font-weight: 400;display: flex;}
.add_service_box .ad_list li p {line-height: 1.5rem;margin-left: 0.25rem;}
.add_service_box .flex_set .imgbox {height: 100px;flex: 1;display: flex;justify-content: flex-end;}
.tab-content.system_page7 {padding-bottom: 0;}

/* 판매 종료 안내 박스 */
.notice_g_wrap {padding: 0 1.25rem;}
.notice_gray_box {background-color: #f9f9f9;border: 0.063rem solid #eee;border-radius: 0.625rem;overflow: hidden;padding: 0 1.25rem 3.125rem;}
.notice_gray_box .commp2 {line-height: 1.625rem;}

/* 혹시 이런 서비스는 안필요하세요? */
#layer-service-info .imgbox img {display: inline-block;}
#layer-service-info .service-info-list {background-color: #f9f9f9;border: 0.063rem solid #ddd;display: flex;border-radius: 0.313rem;box-sizing: border-box;height: 8.125rem;align-items: center;}
#layer-service-info .service-info-list li {border: none;flex: 1;text-align: center;margin-top: 0;}

.sale-section .notice_gray_box {padding: 2rem;}
.coupon.imgbox img {max-width: 50vmin;}

/* popup추가 */
#layer-family.layer-base-wrap {opacity: 1;}
#layer-family.layer-base-wrap .layer-box {border-radius: 1.5rem 1.5rem 0 0;background-color: #fff;opacity: 1;transform: translate(-50%, 0px);}
#layer-family.layer-base-wrap .layer-box .layer-cont {position: relative;padding: 0;gap: 0;padding: 0 1.25rem;display: block;}
#layer-family .pro_link {background-color: #F9F9F9;padding: 0.938rem;border: 0.063rem solid #eee;border-radius: 0.313rem;}
#layer-family .pro_link .flex_set {display: flex;justify-content: space-between;gap: 0 0.625rem;}
#layer-family .pro_link .flex_set .icon {flex-shrink: 0;}
#layer-family .base-btn.blue {border-radius: 0.25rem;margin-bottom: 15px;}
#layer-family .mscommp {line-height: 1.375rem;}
#layer-family2 .layer-header {z-index: 22;background-color: #fff;}
#layer-family2 .pro_link {background-color: #F9F9F9;padding: 0.938rem;border-radius: 0.313rem;}
#layer-family2 .pro_link .flex_set {display: flex;gap: 0 0.625rem;}
#layer-family2 .pro_link .flex_set .icon {flex-shrink: 0;}
#layer-family2.layer-base-wrap.full .layer-cont {max-height: 100%;}
#layer-family2.layer-base-wrap.full .layer-box {overflow-y: auto;}

/* 리뉴얼 작업 20250530 김보라 */
.quick_set_box {padding: 2rem 1.25rem;}
.quick_set_box .login-tet {width: 100%;padding: 0 1.25rem;font-size: 1rem;color: #515151;word-break: keep-all;line-height: 1.3;}
.quick_set_box .call-row {display: flex;align-items: center;margin-top: 1rem;}
.quick_set_box .call-row .center_t {display: flex;align-items: center;}
.quick_set_box .center_t img {margin-right: 0.375rem;}
.quick_set_box .center_t a {display: inline-block;margin-left: 0.5rem;font-size: 1.125rem;font-weight: 900;color: #515151;}
.quick_set_box .call-row .time_t {font-size: 0.875rem;color: #888;font-weight: 400;margin-left: 0.5rem;}
.quick_set_box .base-btn {display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-top: 1rem;border-radius: 0.25rem;overflow: hidden;font-size: 1rem;color: #131313;}
.faq-sub-con {margin-top: 4rem;padding: 1rem 1.25rem;}
.faq-sub-con .page-title {font-weight: 700;color: #131313;font-size: 1.5rem;}
.base-btn.sc-top {width: 100%;border-radius: 0.25rem;overflow: hidden;}
.base-btn.sc-top span {display: flex;justify-content: center;}

/* 중고나라 css */
.sale-section.visual-section.joonggo {background-position: center bottom;background-repeat: no-repeat;background-size: cover;padding-top: 2rem;}
.sale-section.visual-section.joonggo .visual-tit {font-size: 1.75rem;margin-top: 2rem;}
.sale-section.visual-section.joonggo .visual-tit span.fwb {display: block;font-size: 2.25rem;line-height: 2.875rem;font-weight: 800 !important;margin-top: 0.5rem;}
.sale-content .sale-section.visual-section.joonggo .active-bg {margin-top: 4.625rem;}
.sale-section.samsung.joonggo .tag span {margin: 0 auto;color: #00B148;}
.sale-section.samsung.joonggo {background-color: #F4F5F6;}
.joonggo .green {color: #00B148;}
.joonggo .dot-list > li {font-size: 0.875rem;line-height: 1.125rem;margin: 0.25rem 0;color: #888;padding-left: 0.825rem;}
.joonggo .dot-list > li::before {left: 0;}
.sale-section.joonggo .dot-list li span.s_info_text {color: #888;font-size: 0.75rem;}
.sale-section.joonggo.samsung .dot-list {border-radius: 0 0 1.25rem 1.25rem;}

/* 가상계좌 추가 250801 조충희 */
#cooconPop .coocon-pop-form{
	position:relative;
}

#cooconPop .coocon-pop-form .txt-box{
	width:100%;	
}

#cooconPop .coocon-pop-form .txt-box .txt{
	font-size:1rem;
	line-height:1.3;
	margin-bottom:1.25rem;
	color:#515151;
}

#cooconPop .coocon-pop-form .txt-box .txt span{
	font-weight:700;
	color:#FF3F3F;
	font-size:1rem;
}

#cooconPop .coocon-pop-form .txt-box .txt + .coocon-title{
	font-size:1rem;
	font-weight:500;
	margin-bottom:0.625rem;
}

#cooconPop .coocon-pop-form .coocon-list{
	width:100%;
	display:flex;
	flex-direction:column;
	gap:0.375rem;
}

#cooconPop .coocon-pop-form .coocon-list li{
	display:flex;
	align-items:center;
	padding-left:0.5rem;
	position:relative;
	gap:0.375rem;
	height:1.25rem;
}

#cooconPop .coocon-pop-form .coocon-list li::before{
	content:"";
	display:block;
	width:0.1875rem;
	height:0.1875rem;
	border-radius:0.1875rem;
	background:#666;
	position:absolute;
	left:0;
	top:0.5rem;
}

#cooconPop .coocon-pop-form .coocon-list li .txt{
	font-size:1rem;
	color:#131313;
	font-weight:500;
}

#cooconPop .coocon-pop-form .coocon-list li .txt.focus{
	color:#0096FF;
}

#cooconPop .coocon-pop-form .coocon-list li .txt span{
	font-weight:700;
}

#cooconPop .coocon-pop-form .coocon-copy{
	background:url(../../../pc/resources/images/smartbuy/vip_car_copy_off.png) no-repeat center;
	width:1.875rem;
	height:1.875rem;
}

#cooconPop .coocon-pop-form .coocon-copy:hover{
	background:url(../../../pc/resources/images/smartbuy/vip_car_copy_on.png) no-repeat center;
}

#cooconPop .coocon-pop-form .coocon-summary{
	margin-top:1.875rem;
	font-size:1rem;
	color:#666;
	line-height:1.3;
	word-break:keep-all;
	position:relative;
	padding-left:1rem;
}

#cooconPop .coocon-pop-form .coocon-summary::before{
	content:"※";
	font-size:1rem;
	color:#666;
	line-height:1.3;
	position:absolute;
	left:0;
	top:0;
}

#cooconPop .coocon-pop-form .copy-pop{
	position:absolute;
	z-index:9;
	padding:0.625rem 1.25rem;
	border-radius:100px;
	background:rgba(0, 0, 0, 0.9);
	color:#fff;
	font-size:1rem;
	top:50%;
	left:50%;
	transform:translate( -50%, -50% );
	width:max-content;
	display:none;
}



/* 리본카 지점 안내 페이지 추가 작업 2025-08-14 김보라 */
.system-page .map-link-tab {padding: 0 1.25rem;display: flex;gap: 0.25rem;padding: 0 1.25rem;box-sizing: border-box;flex-wrap: wrap;width: 100%;}
.system-page .map-link-tab .tab {width: 33.3%;display: flex;height: 3rem;align-items: center;justify-content: center;flex: 0 0 calc((100% - (0.25rem * 2)) / 3);border: 0.063rem solid #ddd;border-radius: 0.125rem;font-weight: 400;font-size: 1rem;color: #515151;cursor: pointer;}
.system-page .map-link-tab .tab.on {border-color: #131313;color: #131313;font-weight: 600;}
.system-page .map-content-box {padding: 0 1.25rem 4.5rem;margin-top: 1.25rem;}
.map-content-box .reborn-map {height: 27rem;display: flex;align-items: center;justify-content: center;}
.map-content-box .tel-text {color: #131313;font-size: 1rem;font-weight: bold;}
.map-content-box .tel-text a {color: #888;font-size: 1rem;margin-left: 0.8rem;font-weight: 500;}
.map-content-box .commp {line-height: 1.5rem;}
.map-content-box .vip-btn-box {margin-top: 2rem;display: flex;gap: 0.5rem;}
.map-content-box .vip-btn-box .base-btn {border-radius: 0.25rem;flex: 1;}
/* lnb 리본카 지점안내 fixed 추가*/
.bt-fixed-link {position: absolute;left: 0;right: 0;width: 100%;text-align: left;bottom: 0;background-color: #fff;border-top: 0.063rem solid #ddd;z-index: 99;}
.bt-fixed-link a {color: #888;font-size: 1rem;font-weight: 800;display: flex;align-items: center;justify-content: flex-start;padding: 1rem 1.25rem;}
.bt-fixed-link a img {margin-right: 0.25rem;}
.vip-prd-car .point-box {padding-top: 1.5rem;margin-top: 1.5rem;border-top: 0.063rem solid #eee;;}
.point-box .btns {display: flex;flex-wrap: wrap;gap: 0 0.375rem;bottom: 0;width: 100%;max-width: 720px;padding: 1rem 0 0;background: #fff;}
.point-box .btns .base-btn {flex: 1;border-radius: 0.25rem;}
.point-box .commp {display: flex;font-weight: 700;font-size: 1rem;}
.point-box .commp img {margin-right: 0.25rem;}

.system-page #layer-location .panel-cont {padding: 0;}
.system-page #layer-location .location-box .panel-cont .form-dl .btn-mms.active,.location-box .panel-cont .form-dl .btn-mms.active {color:#131313;border-color: #ccc;}
.system-page #layer-location .location-box .panel-header {padding: 1rem 0 1rem;}

/* 직영점 위치 자세히 보기 */
.location-box{
    padding:1.25rem 0;
}
.location-box .map{
    height:15.25rem;
    font-size:0;
}
.layer-cont .panel-header{
    margin-bottom:0.75rem;
    padding:0;
}
.layer-cont .panel-cont{
    padding:0;
}
.location-box .form-dl{
    margin:0;
}
.location-box .form-dl dt{
    font-weight:700;
}
.location-box .panel-cont .form-dl dd {width: 100%;}
.location-box .panel-cont .form-dl .btn-mms {width: 6rem;box-sizing: border-box;}
.location-box .slide-box{
    margin-top:2rem;
    border-top:0.0625rem solid #131313;
}
.location-box .slide-box .slide-header{
    padding:0.9375rem 0;
}
.location-box .slide-box .label strong{
    font-weight:normal;
}
.location-box .slide-box .label span{
    color:#0096ff;
}
.send-msg-box{
    padding:1.25rem 1rem;
    border:0.0625rem solid #ddd;
}
.send-msg-box dl + dl{
    margin-top:0.75rem;
}
.send-msg-box dd {word-break: break-all}