@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'VitroCore';
    src: url('../font/vitroCore.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.ft-vitro {font-family: 'VitroCore';}
.ft-gm {font-family: 'GmarketSans';}

.del {text-decoration:line-through}
.fc-o {color:#ff5000;}
.container {margin:0 auto; width:100%; max-width:778px;}


  .colorblink {animation: colorblink 2s infinite; }
  .onblink {animation: onblink 2s infinite;}
    @keyframes colorblink {
      0% { color: red; }
      20% { color: orange; }
	  40% {color: yellow; }
      60% { color: green; }
	  80%{ color: blue; }
      100% { color: purple; }
    }

	 @keyframes onblink {
      0% { opacity:1; transform:rotate(0deg);}
	  25% { opacity:0; transform:rotate(15deg); }
	  50% { opacity:1; transform:rotate(0deg); }
	  75% { opacity:0;  transform:rotate(15deg);}
      100% { opacity:1; transform:rotate(0deg);}
    }

    .text1 {animation-delay:0s; }
    .text2 { animation-delay:0.5s; }
    .text3 {animation-delay: 1s;}
	.text4 {animation-delay: 1.5s;}
	.text5 {animation-delay: 2s;}

button.main-btn {background:transparent;}
.main-btn{ animation-name: scaleAnimation; animation-duration: 0.5s;  animation-iteration-count: infinite;  animation-direction: alternate;  filter: drop-shadow(0px 4px 10px #ff5600);}
@keyframes scaleAnimation{
  from{
      scale: 0.975;
      filter: drop-shadow(0px 4px 10px #ff5600);
  }
  to{
      scale: 1;
      filter: drop-shadow(0px 8px 18px #ff7600);
  }
}

.main-btn > img{
  width: 100%;
  object-fit: contain;
}

#ssLanding .cmTit h2 {font-size:30px; font-weight:800; letter-spacing:-1.5px; display:flex; align-items:center; justify-content:center; gap:5px;}
#ssLanding .cmTit h2 .flex {display:flex; align-items:center; gap:3px;}
#ssLanding .cmTit h3 {margin-bottom:5px; font-size:20px; font-weight:500; letter-spacing:-1px;}
#ssLanding .cmTit p {margin-top:12px; font-size:16px; font-weight:300; letter-spacing:-0.5px; line-height:1.4;}

.graText {display:inline-block; color:transparent; background-clip:text; background:linear-gradient(90deg, #ff00c8, #5811f8);}


.lowAgree {display:flex; align-items;center; gap:4px; font-size:13px; color:#1A1A1A; }
.lowAgree input {display:none; appearance:none;}
.lowAgree input + label {position:relative; display:block; cursor:pointer; padding-left:22px;}
.lowAgree input + label:before {content:''; position:absolute; top:49%; left:0; transform:translate(0,-50%); width:16px; height:16px;
background:url('/_img/agree_check.png') no-repeat  center 45% #a6acc0; background-size:10px; border-radius:3px;}
.lowAgree input:checked + label:before {content:''; position:absolute; top:49%; left:0; transform:translate(0,-50%); width:16px; height:16px;
background:url('/_img/agree_check.png') no-repeat center 45% #093DF3; background-size:10px; border-radius:3px;}
.lowAgree a {color:#8C8C8C;}
.agree-link-pop {color:#8C8C8C;}

#timeSale .container { padding:30px 0 45px ;
background:#f8e8df; min-height: 650px; overflow: hidden; background-size:cover; position: relative;}
#timeSale .tit h2 {margin:20px auto 15px auto; font-size:30px; line-height:1.1; letter-spacing:-2px; color:#121212;}
#timeSale .txt {width:100%; margin:10px auto 0 auto;}
#timeSale .top_tit {}
#timeSale .top_tit .cnt{margin-top:0;position:relative;}
#timeSale .top_tit .cnt strong{position: absolute; z-index: 11; opacity: 0; transform: scale(2);}
#timeSale .top_tit.ani strong{ top: 20%; left: 0%; opacity: 1; transform: scale(1); transform: translateY(20%) perspective(700px);  transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) .3s;}
#timeSale .img_box1{}
#timeSale .img_box_wrap{}
#timeSale .img_box1{}
#timeSale .img_box1 .cnt{}
#timeSale .img_box1 .cnt strong{position:absolute;z-index:11;opacity:0;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);transition:all 0.5s}
#timeSale .img_box1.ani strong{top:50%;left:50%;opacity:1;transform:translate(-50%,-30%) scale(3) perspective(700px);transition:all 0.5s}
#timeSale .img_box2{}
#timeSale .img_box2 .cnt{}
#timeSale .img_box2 .cnt strong{width: 100%; position:absolute;z-index:11;opacity:0;top:50%;left:50%;transform:translate(-50%,50%);transition:all 0.5s}
#timeSale .img_box2.ani strong{top:25%;left:50%;opacity:1;transform:translate(-50%,25%);transition:all 0.5s}



#lowCounsel .tit {margin-bottom:20px; font-size:24px; font-weight:800; color:#fff; letter-spacing:-0.5px; text-align:center;}
#lowCounsel .tit h2 {font-size:20px; font-weight:700; color:#fff;}
#lowCounsel.mainCounsel {padding:35px 15px; background:#ff5000;}
#lowCounsel .formBox {padding:23px 20px; background:#fff; border-radius:15px;}

#lowCounsel .formListTop {}
#lowCounsel .formListTop .subject {display:block; width:100%; font-size:16px; text-align:center; font-weight:600; letter-spacing:-0.5px;}
#lowCounsel .formListTop .colorRadio {padding:10px 0 20px 0; display:flex; align-items:center; gap:20px; justify-content:center; }
#lowCounsel .formListTop .colorRadio li input {display:none; appearance:none;}
#lowCounsel .formListTop .colorRadio li input + label {position:relative; cursor:pointer; padding-right:23px; font-size:16px;}
#lowCounsel .formListTop .colorRadio li input + label:before {display:block; content:''; position:absolute; top:50%; right:0; transform:translate(0,-50%); width:14px; height:14px; border-radius:100%; 
background:#fff; border:1px solid #A4A4A4;}
#lowCounsel .formListTop .colorRadio li input:checked + label:after {display:block; content:''; position:absolute; top:50%; right:4px; transform:translate(0,-50%); width:8px; height:8px; border-radius:100%; 
background:#093DF3;}

#lowCounsel.popCounsel  {height:470px;}
#lowCounsel .formList li {margin: 0 0 5px 0; display:flex; align-items:center; justify-content:space-between; font-size:14px; }
#lowCounsel .formList li:last-child {margin:5px 0 0 0;}
#lowCounsel .formList li .subject {width:80px; color:#1A1A1A; letter-spacing:-1px; font-size:14px;  font-weight:500;}
#lowCounsel .formList li .subject .ns {color:#ff5000;}
#lowCounsel .formList li.text input {width:77%; padding:10px 12px; border-radius:5px; border:1px solid #DBDBDB;}
#lowCounsel .formList li.text input:placeholder {color:#B3B3B3;}
#lowCounsel .formList li.text p {width:77%; margin:5px 0 0 0; line-height:1.4; font-size:13px;}
#lowCounsel .formList li:last-child {margin:5px 0 0 0;}
#lowCounsel .formList li .popflex {width:77%; display:flex; align-items:center; justify-content:space-between; accent-color:#490082; font-size:13px;}
#lowCounsel .formList li .popflex span {display:flex; align-items:center; gap:3px;}
#lowCounsel .formList li .popflex span label {cursor:pointer;}
#lowCounsel .lowAgree {margin:25px 0 12px 0;}
/* #lowCounsel button {display:block; padding:15px 0; width:100%; text-align:center; background:#490082; font-size:18px; font-weight:700;
color:#fff; letter-spacing:-0.5px; border-radius:7px; }
#lowCounsel button:hover {background:#320058; transition:all 0.5s;} */

#lowCounsel.popCounsel .tit { margin-bottom:0; padding:20px 0; background:#ff5000;}
#lowCounsel.popCounsel .formBox  {padding:20px;}
.popCounsel .formListTop {padding:25px 0 0 0; background:#F2F2F2;}
.popCounsel .formBox {padding:20px 25px;}
#lowCounsel.popCounsel button {position:absolute; bottom:20px; left:50%;transform:translate(-50%,0); width:calc(100% - 30px);}
.agreecon {padding:10px; height:45px; overflow-y:scroll; border:1px solid #f3f3f3;}


#lowHotdeal {position: relative;padding: 120px 0; background: url('../_img/lowHotdeal_bg.jpg') no-repeat center; background-size: contain;}
#lowHotdeal .one{ width: 300px; aspect-ratio: auto 1/1; left: 50%;top: 60%;transform: translate(-50%,-50%);
  border-radius: 50%; background: #ff5600;position: absolute;z-index: 0;  content: "";}
#lowHotdeal .cont {height: 380px; overflow: hidden; position: relative;}
#lowHotdeal .cont .swiper-slide {width: 70%;height: 380px; position: relative;}
#lowHotdeal .cont .box{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 380px; text-align: center; border-radius: 15px; padding: 20px; box-sizing: border-box;z-index: 2; }
#lowHotdeal .cont .box .tit {font-size: 28px; font-weight: 700; color: #fff;}
#lowHotdeal .cont .box .txt {font-size: 24px; color: #fff}
#lowHotdeal .cont .box .img {width: 130%;z-index: 1;}
#lowHotdeal .swiper {width: calc(75% * 3 + 5px);height: 600px;top: 40px;left: 50%;margin-left: calc((75% * 3 + 5px) / -2);}


#lowBest {padding:50px 0 40px 0;}
#lowBest .bestList {padding:0 15px; margin-top:30px; display:grid; grid-template-columns: repeat(2, 1fr); gap:15px 12px;}
#lowBest .bestList a {position:relative; display:block; border-radius:7px; overflow:hidden; box-shadow:2px 2px 4px rgba(0 0 0 / 10%); cursor:pointer; }
#lowBest .bestList a .rank {position:absolute; top:9px; left:9px; display:inline-block; padding:6px 7px 5px 7px; border-radius:30px; color:#fff; background:#ff5000; font-size:11px;}
#lowBest .bestList a .img {padding:30px 0 0 0; background:url('/_img/best_car_bg.png') no-repeat; background-size:100% 70%;}
#lowBest .bestList a .img .car {position:relative; display:flex; align-items:center; justify-content:center; height:83px; overflow:hidden;}
#lowBest .bestList a .text {padding:0 8px 15px 8px;}
#lowBest .bestList a .text h3 {font-size:16px; font-weight:700; letter-spacing:-0.5px;}
#lowBest .bestList a .text p {margin:3px 0 10px 0; font-size:13px; font-weight:400;}
#lowBest .bestList a .text .price {font-size:16px;  font-weight:700;  color:#333333;}

#lowCome {padding:50px 0 50px 0; background:#F2F2F2; }
#lowCome .cmTit  {margin-bottom:20px;}
#lowCome .container {padding:0 15px;}
#lowCome .comTab {margin:35px auto 15px auto;}
#lowCome .comTab ul {display:flex; align-items:center; justify-content:space-between; gap:5px;  padding:8px 20px; background:#fff; border-radius:50px;}
#lowCome .comTab ul li {width:16.66%;}
#lowCome .comTab ul li a {display:block; padding:0 2px;  opacity:0.2;}
#lowCome .comTab ul li a.on {opacity:1;}
#lowCome .comTab ul li:nth-child(3) a {padding:0 5px;}
#lowCome .comTab ul li:nth-child(5) a {padding:0 3px;}
#lowCome .comTab ul li:nth-child(6) a {padding:0;}

#lowCome .tabcarList {display:grid; grid-template-columns: repeat(2, 1fr); gap:7px; align-items:stretch;}
#lowCome .tabcarList a {display:flex; flex-direction:column; justify-content:space-between; padding:12px; background:#fff; border-radius:7px; height:100%; overflow:hidden;}
#lowCome .tabcarList a h3 {font-size:16px; font-weight:600; letter-spacing:-0.5px;}
#lowCome .tabcarList a p {margin-top:3px; font-size:13px; font-weight:400; }
#lowCome .tabcarList a .price {font-size:18px; font-weight:700; color:#ff5000;}

#lowCome .caution {margin-top:25px;}
#lowCome .caution li {display:flex; align-items:baseline; gap:3px; font-size:13px; line-height:1.8;}

#lowCompare {padding:50px 0 40px 0; overflow:hidden; background: #f8e8df;}
#lowCompare .cmTit h2 {font-size:30px;display: inline-block; font-weight: 800; letter-spacing: -0.05em;}
#lowCompare .cmTit h2 strong {color: #ff5000;}
#lowCompare .cmTit h2 span {color: #ff5000;}
#lowCompare .cmTit h3 {margin-bottom:8px; font-size:64px; letter-spacing: -0.05em; /*letter-spacing:-1.5px*/}
#lowCompare .cmTit p {margin-top:20px; font-size:18px;}
#lowCompare .carimg {margin-top:15px;}
#lowCompare .compareimg {padding:0 10px; position:relative; top:-20px; margin-bottom:-20px; z-index:9;}
#lowCompare .compareimg .img {position:relative; z-index:2; filter:drop-shadow(3px 3px 5px rgba(0 0 0 /10%)); }
#lowCompare .compareimg .arrow {position:relative; z-index:1; top:-40px;}
#lowCompare .minus {font-size:32px; font-weight:700; color:#f05014; margin-top: 30px; letter-spacing:-1px; text-align:center;}
#lowCompare .underline {position:relative; z-index:2;}
#lowCompare .underline:before {content:''; position:absolute; bottom:-3px; left:0; z-index:-1; width:100%; height:13px; background:#FFE600; animation:blink 1s infinite; }



#lowZero {padding:50px 15px 40px 15px; background:#F2F2F2;}
#lowZero .img {margin-top:25px; background:#fff; border-radius:15px; overflow:hidden;}


#lowCoper {padding:50px 0 40px ;}
#lowCoper .img {margin-top:25px; background:#fff; overflow:hidden;}

#lowKakao {padding:0; background: #fbeb01; }
#lowKakao .img {margin-top:25px; background:#fff; overflow:hidden;}


#lowPoint {padding:50px 15px 40px 15px; background:#f8e8df;}
#lowPoint .img {margin-top:25px; border-radius:15px; overflow:hidden;}

#lowRealtime {padding:90px 0 40px 0; }
#lowRealtime .cmTit h2 {font-size:40px;display: inline-block; font-weight: 800; letter-spacing: -0.05em;}
#lowRealtime .cmTit h2 strong {color: #ff5000;font-weight: 800;}
#lowRealtime .cmTit h2 span {color: #ff5000;}
#lowRealtime .cmTit h3 {margin-bottom:8px; font-size:64px; letter-spacing: -0.05em; /*letter-spacing:-1.5px*/}
#lowRealtime .cmTit p {margin-top:30px; font-size:20px;}
#lowRealtime .cmTit em {display: block; font-size:16px;font-style: normal; margin-top: 20px; line-height: 1.3; color: #999;}
#lowRealtime .img {margin-top:45px; border-radius:20px; }
#lowRealtime .btn{ background: #ff5000;font-size: 20px; width: 90%; margin: auto; font-weight: 600; text-align: center; padding: 20px; color: #fff;}
#lowRealtime .btn a{color: #fff;}
#lowRealtime .cont_qna{width: 100%;margin: auto; max-width: 375px; min-height: 580px; padding-top:0;text-align:center;overflow:hidden; background: none; }
#lowRealtime .cont_qna .qna_bg{width: 100%;}
#lowRealtime .cont_qna .cnt{margin-top:30px;position:relative;}
#lowRealtime .cont_qna .cnt span{position:absolute;opacity:0;}
#lowRealtime .cont_qna .cnt span{opacity:0;transform:translateY(100%)}
#lowRealtime .cont_qna.ani span{opacity:1;animation:talk-up 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; width: auto;width: 50%;}
#lowRealtime .cont_qna span img { width: 100%;}
#lowRealtime .cont_qna .cnt span:nth-child(2){top:100px;right:1%;}
#lowRealtime .cont_qna .cnt span:nth-child(3){top:160px;left:2%;animation-delay:.4s;}
#lowRealtime .cont_qna .cnt span:nth-child(4){top:250px;right:1%;animation-delay:.8s;}
#lowRealtime .cont_qna .cnt span:nth-child(5){top:290px;left:2%;animation-delay:1.2s;}
#lowRealtime .cont_qna .cnt{margin-top:30px;position:relative;}

@keyframes talk-up {
  0%   {transform: translateY(100px); opacity:0;}
  100% {transform: translateY(0); opacity:1;}
}



#lowReview {padding:50px 15px 40px 15px;}
#lowReview .reviewList {margin-top:30px; /* display:grid; grid-template-columns: repeat(2, 1fr); gap:20px 10px;*/
display:flex; flex-wrap:wrap; gap:40px 10px;}
#lowReview .reviewList li {width:calc(50% - 5px);}
#lowReview .reviewList .user {display:flex; align-items:center; justify-content:space-between; font-size:14px; color:#333;}
#lowReview .reviewList .user .name {width:80px; overflow: hidden;     text-overflow: ellipsis;    white-space: nowrap;}
#lowReview .reviewList .user .star {color:#FFBB00;}
#lowReview .reviewList .thumbImg {margin:7px auto; height:160px; overflow:hidden; border-radius:7px; display:flex; align-items:center; justify-content:center; background:#000}
#lowReview .reviewList .thumbImg img {width:auto; height:160px;}
#lowReview .reviewList .txt h3 {margin-bottom:5px; font-size:18px; font-weight:600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#lowReview .reviewList .txt p {font-size:13px; font-weight:400; line-height:1.3; height:116px;
overflow: hidden; text-overflow: ellipsis; word-break: break-word;
display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

#lowReview .reviewMore {margin-top:20px; text-align:center; }
#lowReview .reviewMore .btn {display:inline-flex; align-items:center; gap:5px; padding:10px 17px; color:#B3B3B3; border-radius:30px; border:1px solid #B3B3B3;
font-size:14px; font-weight:600; letter-spacing:-1px; cursor:pointer; background:#fff;}

.foot .container{ position:relative ; padding:20px 15px 70px 15px; font-size:12px; color:#585858; line-height:1.8;}
.foot .logo {position:absolute; top:20px; right:15px; width:80px;}
.foot .copyright {margin-top:10px; color:#9E9E9E;}

#fixBtn {position:fixed; bottom:0; left:50%; transform:translate(-50%,0); width:100%; z-index:88;}
#fixBtn a {display:flex; align-items:center; justify-content:center; gap:20px; width:100%; padding:13px 5px; background:#FDEC00; font-size:20px; font-weight:700; letter-spacing:-0.5px; border-radius:10px 10px 0 0;}
#fixBtn a .txt {margin-left:-5px;}
#fixBtn a .arrow {width:15px; filter:grayscale(1) brightness(0);}
#fixBtn a .arrow .ar {display:none;}
#fixBtn a .arrow .ar.on {display:block;}
#fixBtn a .arrow .up {transform:rotate(180deg);}

#popFirework {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:102vh; z-index:99; background:rgba(0 0 0 / 30%);   }
#popFirework .cover {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:100vh; background:url('../_img/pop_custom_bg_m.png') no-repeat center / cover;   z-index:1;}
#popFirework .popcon {position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); width:90%; max-width:420px; z-index:9;}
#popFirework .popcon .tit {color:#fff;}
#popFirework .popcon .tit h3 {margin-bottom:3px; font-size:22px; font-weight:600; }
#popFirework .popcon .tit h2 {font-size:34px; font-weight:700;}
#popFirework .popcon .carPic {margin:20px auto 10px auto; transform:scale(1.2); }
#popFirework .popcon .carName {position:relative; top:-15px; font-size:20px; color:#fff; font-weight:500;  z-index:2;}
#popFirework .popcon a.btnCounsel {display:inline-flex; align-items:center; gap:10px; padding:11px 15px 11px 22px; font-size:20px; font-weight:700; letter-spacing:-0.5px;
border-radius:300px; background:linear-gradient(45deg, #fff, #4E7FE8); position:relative; z-index:99;}
#popFirework .popcon a.btnCounsel span {font-size:16px;}
#popFirework .btnBtmWrap {margin-top:20px; display:flex; align-items:center; justify-content:center; gap:30px;}
#popFirework .btnBtmWrap button {background:transparent; font-size:14px; color:#fff; opacity:0.6;}

#popThunder {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:102vh; z-index:99;  background:rgba(0 0 0 / 30%);}
#popThunder .cover {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:100vh;   background:url('../_img/pop_thunder_bg_m.png') no-repeat top center ;
background-size:140% auto; z-index:1;}
#popThunder .popcon {position:absolute; top:48%; left:50%; transform:translate(-50%,-50%); width:90%; max-width:420px; z-index:9;}
#popThunder .popcon .tit {margin:0 auto; width:70%; max-width:450px;}
#popThunder .popcon .carPic {margin:10px auto 0 auto; transform:scale(1.1); }
#popThunder .popcon .carName {margin-top:20px; font-size:16px; color:#fff; font-weight:300;  z-index:2;}
#popThunder .popcon a.btnCounsel {display:inline-flex; align-items:center; gap:10px; padding:11px 15px 11px 22px; font-size:20px; font-weight:700; letter-spacing:-0.5px;
border-radius:300px; background:linear-gradient(45deg, #4E7FE8, #0000FF); color:#fff; position:relative; z-index:99;}
#popThunder .popcon a.btnCounsel span {font-size:16px;}
#popThunder .btnBtmWrap {margin-top:20px; display:flex; align-items:center; justify-content:center; gap:30px;}
#popThunder .btnBtmWrap button {background:transparent; font-size:14px; color:#fff; opacity:0.6;}


@keyframes blink {
  0%{opacity:0;}
  100%{opacity:1;}
}

@media (min-width: 450px) {
.agreecon {height:55px;}
#lowCounsel.popCounsel .tit {padding:19px 0;}
#lowCounsel.popCounsel .tit  h2 {font-size:24px; color:#fff; font-weight:800;}
#lowCounsel.popCounsel button {width:80%:}
}

@media (min-width: 525px) {

#ssLanding .cmTit h2 {font-size:63px; gap:15px;}
#ssLanding .cmTit h3 {margin-bottom:8px; font-size:45px; letter-spacing:-1.5px;}
#ssLanding .cmTit p {margin-top:30px; font-size:33px;}


#timeSale .container { padding:30px 15px 45px 15px; background:#f8e8df; min-height: 1200px; overflow: hidden; background-size:cover; position: relative;}
#timeSale .tit h2 {margin:20px auto 15px auto; font-size:30px; line-height:1.1; letter-spacing:-2px; color:#121212;}
#timeSale .txt {width:100%; margin:10px auto 0 auto;}
#timeSale .top_tit {}
#timeSale .top_tit .cnt strong{position: absolute; z-index: 11; opacity: 0; transform: scale(2);}
#timeSale .top_tit.ani strong{top: 0%; left: 0%; opacity: 1; transform: scale(1); transform: translateY(-0%) perspective(700px); transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) .3s;}
#timeSale .top_tit .cnt{margin-top:50px;position:relative;}
#timeSale .img_box_wrap{}
#timeSale .img_box1{}
#timeSale .img_box1 .cnt{}
#timeSale .img_box1 .cnt strong{position:absolute;z-index:11;opacity:0;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);transition:all 0.5s}
#timeSale .img_box1.ani strong{top:50%;left:50%;opacity:1;transform:translate(-50%,-30%) scale(3) perspective(700px);transition:all 0.5s}
#timeSale .img_box2{}
#timeSale .img_box2 .cnt{}
#timeSale .img_box2 .cnt strong{width: 100%; position:absolute;z-index:11;opacity:0;top:50%;left:50%;transform:translate(-50%,50%);transition:all 0.5s}
#timeSale .img_box2.ani strong{top:25%;left:50%;opacity:1;transform:translate(-50%,25%);transition:all 0.5s}
#timeSale .tit p {font-size:18px; font-weight:400; color:#121212;}
#timeSale .timeSaleList {margin:20px auto 30px auto; display:grid; grid-template-columns: repeat(2, 1fr); gap:8px;}
#timeSale .timeSaleList a {display:block; padding:12px; background:#fff; border-radius:5px; overflow:hidden; color:#000; box-sizing:border-box;}
#timeSale .timeSaleList a p {font-size:13px; font-weight:500;}
#timeSale .timeSaleList a h3 {margin-top:2px; font-size:18px; font-weight:700;}
#timeSale .timeSaleList a .carimg {position:relative; min-width:130px; height:72px; text-align:center;}
#timeSale .timeSaleList a .carimg img {position:absolute; top:0; left:50%; transform:translate(-50%,0); width:auto; height:80px; margin:0 auto;}
#timeSale .timeSaleList a .priceWarp {margin-right:-3px;}
#timeSale .timeSaleList a .price {display:flex; align-items:center; justify-content:space-between;}
#timeSale .timeSaleList a .price .del {position:relative; top:1px; font-size:11px; letter-spacing:-0.5px; white-space:nowrap;}
#timeSale .timeSaleList a .price h2 {display:inline-block; padding:7px 9px 7px 8px; font-size:13px; font-weight:700; color:#fff; background:#0022FF; border-radius:30px; letter-spacing:-0.5px; white-space:nowrap;}
#timeSale .timeBottom a.btn {margin-bottom:14px; display:inline-block; padding:12px 24px; background:#FDEC00; color:#000; border-radius:8px; font-size:24px; font-weight:700; letter-spacing:-1px;}
#timeSale .timeBottom p {color:#fff; font-size:17px; font-weight:500; line-height:1.5;}
  
#lowCounsel.mainCounsel {padding:55px 0;}
#lowCounsel .tit {margin-bottom: 30px; font-size:64px; font-weight: 800; letter-spacing: -0.05em; }
#lowCounsel .formBox {padding:50px 40px; border-radius:20px;}
#lowCounsel .formList li {margin:0 0 15px 0;display:flex; font-size:18px;}
#lowCounsel .formList li:last-child {margin:10px 0 0 0;}
#lowCounsel .formList li input[type="text"] {padding:13px 15px;  }
#lowCounsel .formList li .subject {width:130px;  font-size:28px;}
#lowCounsel .formList li.text input {padding:19px 23px; border-radius:7px; font-size:24px;}
#lowCounsel .formList li .popflex {font-size:18px;}
#lowCounsel .formList li .popflex span {gap:5px;}
#lowCounsel button {padding:28px 0; font-size:33px; border-radius:10px;}
#lowCounsel .lowAgree {margin:50px 0 22px 0; font-size:26px;}
#lowCounsel .formList li.text p {line-height:2.2; font-size:22px; letter-spacing:-0.5px;}

.lowAgree input + label {padding-left:35px;}
.lowAgree input + label:before {width:25px; height:25px; background-size:14px;}
.lowAgree input:checked + label:before {width:25px; height:25px;  background-size:14px; }


#lowCounsel.popCounsel  {height:746px;}
#lowCounsel.popCounsel .formBox {padding:40px;}
#lowCounsel.popCounsel button {bottom:40px; width:calc(100% - 80px);}
.popCounsel .formListTop {padding:45px 0 0 0 ;}

#lowCounsel .tit h2 {margin-bottom:45px; font-size:28px;}
#lowCounsel .formListTop .subject {font-size:30px;}
#lowCounsel .formListTop .colorRadio {padding:17px 0 30px 0; gap:45px; }
#lowCounsel .formListTop .colorRadio li input + label {padding-right:33px; font-size:28px;}
#lowCounsel .formListTop .colorRadio li input + label:before { width:25px; height:25px; }
#lowCounsel .formListTop .colorRadio li input:checked + label:after { right:7px; width:13px; height:13px;}


#lowHotdeal {}
#lowHotdeal .one{ width: 500px; aspect-ratio: auto 1/1; left: 50%;top: 60%;transform: translate(-50%,-50%);
  border-radius: 50%; background: #ff5600;position: absolute;z-index: 0;  content: "";}
#lowHotdeal .cont {height: 600px; overflow: hidden; position: relative;}
#lowHotdeal .cont .swiper-slide {width: 70%;height: 600px; position: relative; overflow:hidden;}
#lowHotdeal .cont .box{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 600px; text-align: center; border-radius: 15px; padding: 20px; box-sizing: border-box;z-index: 2; }
#lowHotdeal .cont .box .tit {font-size: 64px; font-weight: 700; color: #fff;}
#lowHotdeal .cont .box .txt {font-size: 34px; color: #fff}
#lowHotdeal .cont .box .img {width: 100%;z-index: 1;}
#lowHotdeal .swiper {width: calc(75% * 3 + 5px);height: 600px;top: 40px;left: 50%;margin-left: calc((75% * 3 + 16px) / -2);}



#lowBest {padding:90px 0 70px 0;}
#lowBest .bestList {padding:0 15px; margin-top:65px; gap:28px 26px}
#lowBest .bestList a {position:relative; top:0; border-radius:10px; box-shadow:3px 3px 5px rgba(0 0 0 / 10%); }
#lowBest .bestList a .rank {top:20px; left:20px; display:inline-block; padding:8px 23px 7px 23px; font-size:24px;}
#lowBest .bestList a .img {padding:70px 0 0 0; background:url('/_img/best_car_bg.png') no-repeat; background-size:100% 80%;}
#lowBest .bestList a .img .car {height:160px; padding:0 10px; margin:0 auto;}
#lowBest .bestList a:hover {top:-12px; box-shadow:5px 5px 7px rgba(0 0 0 / 10%); transition:all 0.5s; }
#lowBest .bestList a .text {padding:0 30px 30px 30px;}
#lowBest .bestList a .text h3 {max-width:300px; font-size:34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#lowBest .bestList a .text p {margin:10px 0 24px 0; font-size:24px;}
#lowBest .bestList a .text .price {font-size:34px;}

#lowCome {padding:90px 0 70px 0; background:#F2F2F2; }
#lowCome .cmTit {margin-bottom:40px;}
#lowCome .comTab {margin:42px auto 22px auto;}
#lowCome .comTab ul {display:flex; align-items:center; justify-content:center; gap:30px;  padding:12px 20px; background:#fff; border-radius:70px;}
#lowCome .comTab ul li {width:auto;}
#lowCome .comTab ul li a {padding:0 10px; text-align:center; }
#lowCome .comTab ul li a img {max-width:75px;}
#lowCome .comTab ul li:nth-child(3) a img  {max-width:55px;}
#lowCome .comTab ul li:nth-child(5) a img  {max-width:65px;}
#lowCome .comTab ul li:nth-child(6) a img  {width:100px;}

#lowCome .tabcarList {gap:17px;}
#lowCome .tabcarList a {position:relative; top:0; padding:23px; border-radius:20px; }
#lowCome .tabcarList a:hover {top:-3px; box-shadow:3px 3px 5px rgba(0 0 0 15%);  transition:all 0.3s; }
#lowCome .tabcarList a h3 {font-size:29px; height:67px;}
#lowCome .tabcarList a p {font-size:25px;  height:57px;}
#lowCome .tabcarList a .price {font-size:29px;}
#lowCome .caution {margin-top:45px;}
#lowCome .caution li {font-size:22px; line-height:1.8;}

#lowCompare {padding:95px 0 80px 0;}
#lowCompare .container {padding:0 15px;}
#lowCompare .compareimg {margin-bottom:-60px;}
#lowCompare .compareimg .arrow {top:-63px;}
#lowCompare .minus {font-size:45px; letter-spacing:-1.5px;}

#lowZero {padding:90px 0 40px 0; }
#lowZero .img {margin-top:45px; border-radius:20px; }

#lowPoint {padding:90px 0 40px 0; }
#lowPoint .img {margin-top:45px; border-radius:20px; }

#lowRealtime {padding:90px 0 40px 0; }
#lowRealtime .cmTit h2 {font-size:64px;display: inline-block; font-weight: 800; letter-spacing: -0.05em;}
#lowRealtime .cmTit h2 strong {color: #ff5000;font-weight: 800;}
#lowRealtime .cmTit h2 span {color: #ff5000;}
#lowRealtime .cmTit h3 {margin-bottom:8px; font-size:64px; letter-spacing: -0.05em; /*letter-spacing:-1.5px*/}
#lowRealtime .cmTit p {margin-top:30px; font-size:33px;}
#lowRealtime .cmTit em {display: block; font-size:20px;font-style: normal; margin-top: 20px; line-height: 1.3; color: #999;}
#lowRealtime .img {margin-top:45px; border-radius:20px; }
#lowRealtime .btn{ background: #ff5000;font-size: 30px; width: 90%; margin: auto; font-weight: 600; text-align: center; padding: 30px; color: #fff;}
#lowRealtime .btn a{color: #fff;}
#lowRealtime .cont_qna{width: 100%; max-width: 800px; min-height: 1000px; padding-top:0;text-align:center;overflow:hidden;background: url(../_img/cont_qna_bg.jpg) no-repeat center center ;background-size: contain; }
#lowRealtime .cont_qna .qna_bg{width: 100%;}
#lowRealtime .cont_qna .cnt{margin-top:30px;position:relative;}
#lowRealtime .cont_qna .cnt span{position:absolute;opacity:0;}
#lowRealtime .cont_qna .cnt span{opacity:0;transform:translateY(100%)}
#lowRealtime .cont_qna.ani span{opacity:1;animation:talk-up 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
#lowRealtime .cont_qna span img {width: 100%;}
#lowRealtime .cont_qna .cnt span:nth-child(2){top:180px;right:0%;}
#lowRealtime .cont_qna .cnt span:nth-child(3){top:330px;left:0%;animation-delay:.4s;}
#lowRealtime .cont_qna .cnt span:nth-child(4){top:520px;right:0%;animation-delay:.8s;}
#lowRealtime .cont_qna .cnt span:nth-child(5){top:600px;left:0%;animation-delay:1.2s;}
#lowRealtime .cont_qna .cnt{margin-top:30px;position:relative;}
@keyframes talk-up {
  0%   {transform: translateY(100px); opacity:0;}
  100% {transform: translateY(0); opacity:1;}
}


#lowCoper{padding:90px 0 40px 0; }
#lowCoper .img {margin-top:45px; border-radius:20px; }

#lowReview {padding:90px 0 60px 0;}
#lowReview .reviewList {margin-top:60px; gap:30px 26px;}
#lowReview .reviewList li {width:calc(50% - 13px);}
#lowReview .reviewList .user {font-size:25px; }
#lowReview .reviewList .thumbImg {height:236px; margin:16px auto; border-radius:10px; }
#lowReview .reviewList .thumbImg img {height:290px;}
#lowReview .reviewList .txt h3 {margin-bottom:16px; font-size:30px;}
#lowReview .reviewList .txt p {font-size:18px; line-height:1.4; height:180px;
overflow: hidden; text-overflow: ellipsis; word-break: break-word;
display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

#lowReview .reviewMore {margin-top:0;  }
#lowReview .reviewMore .btn {margin-top:20px; padding:12px 22px; border-radius:30px; font-size:16px; }
#lowReview .reviewMore .btn:hover {background:#B3B3B3; color:#5d5d5d; transition:all 0.5s;}


.foot .container{ padding:40px 15px 0 15px; font-size:19px;}
.foot .copyright {margin-top:20px; }
.foot .logo {top:30px; width:100px;}

#fixBtn {position:fixed; bottom:15px; }
#fixBtn a {padding:20px 0; font-size:25px; border-radius:15px;}
#fixBtn a:hover {background:#FCE194;}
#fixBtn a:hover .arrow {/*filter:none; */ }
#fixBtn a .txt {margin-left:-5px;}
#fixBtn a .arrow {width:22px;}


#popFirework .popcon { width:100%; max-width:860px;  }
#popFirework .cover { background:url('../_img/pop_custom_bg.png') no-repeat center / cover; }
#popFirework .popcon .tit h3 {margin-bottom:7px; font-size:40px; font-weight:600; }
#popFirework .popcon .tit h2 {font-size:63px; font-weight:700;}
#popFirework .popcon .carPic {max-width:600px; margin:40px auto -10px auto;}
#popFirework .popcon .carName {top:-15px; font-size:28px;}
#popFirework .popcon a.btnCounsel {gap:13px; padding:13px 23px 13px 27px; font-size:30px; font-weight:700;}
#popFirework .popcon a.btnCounsel span {font-size:25px;}
#popFirework .btnBtmWrap {margin-top:40px; gap:30px;}
#popFirework .btnBtmWrap button {font-size:16px;}

#popThunder {background:rgba(0 0 0 / 60%)}
#popThunder .popcon { width:100%; top:52%; max-width:860px; }
#popThunder .popcon .tit {margin:15px auto 0 auto;}
#popThunder .cover {background:url('../_img/pop_thunder_bg.png') no-repeat top center / cover;  }
#popThunder .popcon .carPic {max-width:660px; margin:0px auto -10px auto; }
#popThunder .popcon .carName {font-size:28px; }
#popThunder .popcon a.btnCounsel {gap:13px; padding:13px 29px 14px 40px; font-size:30px; font-weight:700;}
#popThunder .popcon a.btnCounsel span {font-size:25px;}
#popThunder .btnBtmWrap {margin-top:40px; gap:30px;}
#popThunder .btnBtmWrap button {font-size:16px;}
}