@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;
}

@font-face {
    font-family: 'dsDIGI';
    src: url('../font/dsDIGI.TTF') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'dsDIGI';
    src: url('../font/dsDIGIB.TTF') format('truetype');
    font-weight: 600;
}




@import url('https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap');

.ft-vitro {font-family: 'VitroCore';}
.ft-gm {font-family: 'GmarketSans';}
.ft-ab { font-family: "ABeeZee", sans-serif;}
.ft-ds { font-family: 'dsDIGI';}

.del {text-decoration:line-through}
.container {margin:0 auto; width:100%; max-width:778px;}
.italic {font-style:italic;}


  .colorblink {animation: colorblink 2s infinite; }
  .darkblink {animation: darkblink 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 darkblink {
      0% { color: #ff2e2e; }
      20% { color: #fffc28; }
	  40% {color: #bcff3b; }
      60% { color: #3befff; }
	  80%{ color: #c478ff; }
      100% { color: #f845ff; }
    }

	 @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;}



#ssLanding .cmTit h2 {font-size:34px; font-weight:700; letter-spacing:-1px; 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:400; letter-spacing:-0.5px;}


.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:50%; 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:50%; left:0; transform:translate(0,-50%); width:16px; height:16px;
background:url('/_img/agree_check.png') no-repeat center 45% #00803A; background-size:10px; border-radius:3px;}
.lowAgree a {color:#8C8C8C;}
.agree-link-pop {color:#8C8C8C;}

#timeSale {position:relative; background:url('/_img/time_bg_m.png') top center no-repeat #979797; background-size:100%;}
#timeSale  .logo {position:absolute; top:20px; right:20px; width:65px; filter:grayscale(1) brightness(5);}
#timeSale .siren {margin:0 auto; width:200px;}
#timeSale .siren video {width:100%;}
#timeSale .container { padding:60px 15px 45px 15px;}
#timeSale .tit h2 {margin:20px auto 15px auto; font-size:60px; line-height:1.1; letter-spacing:-2px; color:#FDEC00;}
#timeSale .tit h3 {margin:15px 0; font-size:20px; color:#fff; font-weight:400; }
#timeSale .tit a.linkBox {margin-top:100px; display:inline-block; padding:10px 25px; font-size:20px; color:#000; background: #FDEC00; border:2px solid #FDEC00; border-radius:50px; font-weight:700;}
#timeSale .tit a.linkBox:hover {background:#000; color:#FDEC00;  }
#timeSale .tit .number {margin-top:20px; padding:0 5px; display:flex; align-items:center; justify-content:space-between;}
#timeSale .tit .number li {position:relative; width:33.33%;}
#timeSale .tit .number li:after {content:''; position:absolute; top:50%; right:0; transform:translate(0,-50%); width:1px; height:30px; background:#fff; opacity:0.5;}
#timeSale .tit .number li:last-child:after {content:none;}
#timeSale .tit .number p {font-size:14px; color:#fff; font-weight:400;}
#timeSale .tit .number .num {margin-top:5px; font-size:19px; color:#FDEC00; font-weight:700;}
#timeSale .arrow {margin:0 auto; width:25px;}
#timeSale .txt {width:75%; margin:10px auto 0 auto;}

#timeSale .timeSaleList {margin:20px auto; display:grid; grid-template-columns: repeat(2, 1fr); gap:8px;}
#timeSale .timeSaleList a {position:relative; display:block; padding:12px; background:#fff; border-radius:5px; overflow:hidden; color:#000; box-sizing:border-box;}
#timeSale .timeSaleList a .mark {position:absolute; top:45px; right:3px; width:80px; z-index:9;  /*animation: stamp 0.7s ease-out forwards; opacity:0; */   transform-origin: center; }
#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;}
#timeSale .timeBottom h3 {font-size:20px; line-height:1.3; font-weight:400; color:#fff;}


#onAir { padding:60px 0 40px 0; background:url('/_img/onair_bg_m.png') top center no-repeat #94FF79; background-size:120%;}
#onAir .tit p {font-size:17px; line-height:1.5; color:#94FF79; font-weight:500;} 
#onAir .ttit h3 {font-size:20px; color:#fff; font-weight:500;}
#onAir .ttit h2 {margin-top:5px; font-size:30px; color:#fff; }


#onAir .neon {position:relative; margin:10px auto -40px auto; width:80%; max-width:770px;}
#onAir .neon .neonLine {position:relative; z-index:2}
#onAir .neon  .neonTxton {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; z-index:4;
animation: blinkTwice 3s forwards; visibility: hidden;}
#onAir .neon .neonTxt {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; z-index:3;}
#onAir .neon .neonShadow {position:absolute; top:55%; left:55%; transform:translate(-50%, -50%); width:100%;  filter:brightness(0); z-index:1;
animation: blinkTwice 3s forwards; visibility: hidden;}

#onAir .onairCar {margin:0 auto; width:90%; max-width:1160px;}
#onAir .ttit .number {margin-top:20px; padding:0 5px; display:flex; align-items:center; justify-content:space-between;}
#onAir .ttit .number li {position:relative; width:33.33%;}
#onAir .ttit .number li:after {content:''; position:absolute; top:50%; right:0; transform:translate(0,-50%); width:1px; height:30px; background:#fff; opacity:0.5;}
#onAir .ttit .number li:last-child:after {content:none;}
#onAir .ttit .number p {font-size:14px; color:#fff; font-weight:400;}
#onAir .ttit .number .num {margin-top:5px; font-size:19px; color:#FDEC00; font-weight:700;}
#onAir .txt {width:70%; margin:10px auto 0 auto;}
#onAir .timeSaleList {padding:0 15px; margin:30px auto; display:grid; grid-template-columns: repeat(2, 1fr); gap:8px;}
#onAir .timeSaleList a {position:relative; display:block; padding:12px; background:#fff; border-radius:5px; overflow:hidden; color:#000; box-sizing:border-box;}
#onAir .timeSaleList a .mark {position:absolute; top:38px; right:3px; width:80px; z-index:9;  /*animation: stamp 0.7s ease-out forwards; opacity:0; */   transform-origin: center; }
#onAir .timeSaleList a p {font-size:13px; font-weight:500;}
#onAir .timeSaleList a h3 {margin-top:2px; font-size:18px; font-weight:700;}
#onAir .timeSaleList a .carimg {position:relative; min-width:130px; height:72px; text-align:center;}
#onAir .timeSaleList a .carimg img {position:absolute; top:-6px; left:50%; transform:translate(-50%,0); width:auto; height:80px; margin:0 auto;}
#onAir .timeSaleList a .priceWarp {margin-right:-3px;}
#onAir .timeSaleList a .price {display:flex; align-items:center; justify-content:space-between;}
#onAir .timeSaleList a .price .del {position:relative; top:1px; font-size:11px; letter-spacing:-0.5px; white-space:nowrap;}
#onAir .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;}
#onAir .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;}
#onAir .timeBottom p {color:#fff; font-size:17px; font-weight:500; line-height:1.5;}
#onAir .timeBottom h3 {font-size:20px; line-height:1.4; color:#fff;}

.fc-gg {color:#00803A;}
.fc-rr {color:red;}
.ldPrice li {display:flex; align-items:center; justify-content:space-between; margin-bottom:3px; font-size:13px; letter-spacing:-0.5px; font-weight:500;}
.ldPrice li:last-child {margin-bottom:0;}
.ldPrice li .won {display:flex; align-items:center; justify-content:end;}
.ldPrice li .won .num {position:relative; top:-1px; margin-left:3px; font-size:120%; font-weight:800; width:63px; display:inline-block; text-align:right;}
#timeSale .ldPrice li  {font-size:14px;}
#lowCome .ldPrice li  {font-size:12px;}
#lowCome .ldPrice li .won .num {width:67px;}

@keyframes blinkTwice {
    0%, 20% {
      visibility: visible;
      opacity: 1;
    }
    10%, 30% {
      visibility: hidden;
      opacity: 0;
    }
    40%, 60% {
      visibility: visible;
      opacity: 1;
    }
    50%, 70% {
      visibility: hidden;
      opacity: 0;
    }
    100% {
      visibility: visible;
      opacity: 1;
    }
  }


@keyframes stamp {
  0% {
    transform: scale(3);
    opacity: 0;
  }
  80% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

#lowCounsel .tit { padding:25px; background:#F2F2F2;}
#lowCounsel .tit h2 {font-size:20px; font-weight:700; color:#282b36;}
#lowCounsel.mainCounsel {padding:35px 15px; background:#F2F2F2;}
#lowCounsel .container {padding:23px 20px; background:#fff; border-radius:15px;}
#lowCounsel .formBox {}

#lowCounsel .formListTop {text-align:center; }
#lowCounsel .formListTop h2 { display:flex; align-items:center; justify-content:center; font-size:17px; letter-spacing:-0.5px;  font-weight:500; gap:5px;}
#lowCounsel .formListTop h2 .big {position:relative; top:-1px; font-size:130%; font-weight:800;}
#lowCounsel .formListTop p {margin-top:10px;font-size:14px; line-height:1.4; font-weight:500;}
#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.pay {flex-direction:column; align-items:flex-start; margin-top:10px;}
#lowCounsel .formList li:last-child {margin:5px 0 0 0;}
#lowCounsel .formList li .subject {width:80px; color:#222; letter-spacing:-1px; font-size:14px;  font-weight:500;}
#lowCounsel .formList li .subject .ns {color:#00803A;}
#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 .popflex {width:77%; display:flex; align-items:center; justify-content:space-between; accent-color:#4B4B4B; 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:15px 0 12px 0;}
#lowCounsel button {display:block; padding:15px 0; width:100%; text-align:center; background:#00803A; font-size:18px; font-weight:700;
color:#fff; letter-spacing:-0.5px; border-radius:7px; }
#lowCounsel button:hover {background: #00672f; transition:all 0.5s;}

#lowCounsel .topSelect {margin:10px 0 15px 0; display:flex; align-items:center; justify-content:space-between; gap:7px;}
#lowCounsel .topSelect h3 {font-size:16px; font-weight:700; }
#lowCounsel .topSelect li {width:100%;}
#lowCounsel .topSelect input {appearance:none; display:none;}
#lowCounsel .topSelect input + label {position:relative; display:block; padding:35px 12px 12px 12px; background:#fff; border-radius:10px; border:1px solid #C5C5C5; cursor:pointer;}
#lowCounsel .topSelect input + label:hover {background:#f5f5f5; }
#lowCounsel .topSelect input + label:before {content:''; position:absolute; top:10px; left:50%; transform:translate(-50%,0); width:15px; height:15px; border-radius:100%; border:1px solid #C5C5C5;}
#lowCounsel .topSelect input:checked + label:after  {content:''; position:absolute; top:14px; left:50%; transform:translate(-50%,0); width:9px; height:9px; border-radius:100%; background:#00672f;}
#lowCounsel .topSelect input:checked + label {border:2px solid #00803A; box-shadow:3px 3px 5px rgba(0 0 0 / 15%); padding:34px 12px 11px 12px;}
#lowCounsel .topSelect input:checked + label h3 {color:#00803A;}
#lowCounsel .topSelect .ico {width:60px; margin:10px auto; }
#lowCounsel .topSelect p {font-size:13px; line-height:1.3;}


#lowCounsel.popCounsel .formListTop {padding:20px 0; background:#F2F2F2;}
#lowCounsel.popCounsel .lowAgree {margin:7px 0 12px 0;}
.popCounsel .formBox {padding:15px 20px;}
#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;}

#lowCounsel.popCounsel .topSelect {margin-top:10px; width:100%;}
#lowCounsel.popCounsel .topSelect li {display:initial; text-align:center;}
#lowCounsel.popCounsel .topSelect li {margin:0;}
#lowCounsel.popCounsel .topSelect li:last-child {margin:0;}
#lowCounsel.popCounsel .topSelect li p {width:100%;}
#lowCounsel.popCounsel .topSelect .mbr {display:none;}

/*
#lowCounsel.popCounsel .formListTop {padding:20px 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;}
*/

#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:#00803A; 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: #00803A; }
#lowCome .cmTit {color:#fff;}
#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:#3651E0;}

#lowCome .caution {margin-top:25px; color:#fff;}
#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;}
#lowCompare .carimg {margin-top:15px;}
#lowCompare .compareimg {margin:20px auto;}
#lowCompare .compareimg .img {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:#00803A; 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 15px 40px 15px; background:#F2F2F2;}
#lowCoper .img {margin-top:25px;  overflow:hidden;}

#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:flex-end; font-size:14px; color:#333;}
#lowReview .reviewList .user .name {display:none;}
#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:119px;
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 160px 15px; font-size:12px; color:#585858; line-height:1.8;}
.foot .logo {position:absolute; top:20px; right:10px; width:60px; z-index:2; display:none;}
.foot .copyright {margin-top:10px; color:#9E9E9E;}

#fixBtn {position:fixed; bottom:0; left:50%; transform:translate(-50%,0); width:100%; z-index:99;}
#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);}

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


#cnComplete .cover { /*width:100%; height:100vh;*/ background:rgba(0 0 0 / 0.7);}
#cnComplete .con { /* position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; */ max-width:470px; height:385px; background:#fff; padding:60px 40px; border-radius:20px;}
#cnComplete .con .ico {margin:0 auto; width:80px; height:80px; display:flex; align-items:center; justify-content:center;  background: #093DF3; border-radius:100%; }
#cnComplete .con .ico img {width:40px;}
#cnComplete .con h2 {margin:30px 0 14px 0; font-size:28px; font-weight:700;}
#cnComplete .con p {font-size:16px; color:#b3b3b3; line-height:1.4; font-weight:500; margin-bottom: 20px; }

#cnComplete .con button { /* position:absolute; bottom:40px; left:50%; transform:translate(-50%,0); */ width:100%; padding:17px 0; font-size:20px; font-weight:600; color:#fff; background: #093DF3; border-radius:7px;}


#fixCount {  position: fixed;  bottom: 0; left: 0; right: 0; width: 100%; padding:0px;margin-top: 0; background: #100817;   border-top:2px solid #00803A; padding:15px; z-index:9;}
#fixCount h3.tit {margin:10px 0; display:flex; align-items:center; justify-content:center; gap:5px; font-size:26px; font-weight:700; color:#fff;}
#fixCount h3.tit .point {font-size:115%; color: #F5E10C; font-weight:800;}
#fixCount .time_box {position:absolute; right:0; top:-48px;}
#fixCount .time_box #countdown {display:flex; align-items:center; gap:3px;}
#fixCount .time_box span.time { display: flex; align-items:center; justify-content:center; font-family: 'dsDIGI'; font-size: 34px; width: 47px; height:45px;  background: #000000;   border-radius: 5px; color: #fff; font-weight: 700;   }
#fixCount .time_box span.col {font-size: 24px; color:#fff; text-shadow: 1px 0 #000, 0 1px #000, -1px 0 #000, 0 -1px #000; display:inline-block; }
#fixCount .time_count .progress_bar { height: 8px; width:100%;  background:#ffe199; border-radius: 30px; overflow: hidden}
#fixCount .time_count .progress_bar .bar_container { width: 100%; height: 100%;border-radius: 1px;  background: #FFFBCB;
background: -webkit-linear-gradient(to right, #00803A,   #97FF89);
background: linear-gradient(to right, #00803A,  #97FF89);}

#fixCount .formList {display:flex; align-items:stretch; gap:5px; justify-content:space-between;}
#fixCount .formList input {text-align:center;  width:100%; padding:9px 5px; font-size:13px;  background:#fff;  border-radius:3px;}
#fixCount .formList input:placeholder { color:#b3b3b3;}
#fixCount .formList button {width:100%; height:100%; background: #F5E10C; color:#000; font-size:14px; font-weight:600; text-align:center;  border-radius:3px;}
#fixCount .formList li:nth-child(1) {width:25%;}
#fixCount .formList li:nth-child(2) {width:25%;}
#fixCount .formList li:nth-child(3) {width:30%;}
#fixCount .formList li:nth-child(4) {width:20%;}
#fixCount .lowAgree {margin-top:12px; justify-content:center; color:#E9E9E9;}

@media (min-width: 450px) {
.agreecon {height:44px;}
.popCounsel .formBox {padding:25px 20px;}
}

@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 {background:url('/_img/time_bg.png') top center no-repeat #979797; background-size:cover;}
#timeSale .logo {top:40px; right:53px; width:130px;}
#timeSale .siren {width:300px; }
#timeSale .txt {max-width:528px;}
#timeSale .tit h3 {margin:20px 0; font-size:36px; }
#timeSale .tit a.linkBox {margin-top:110px; padding:18px 46px; font-size:36px;}
#timeSale .container {padding:110px 20px 80px 20px;}
#timeSale .tit h2 {font-size:74px;}
#timeSale .tit p {font-size:37px;}
#timeSale .arrow {width:45px;}

#timeSale .tit .number {margin-top:50px;}
#timeSale .tit .number p {font-size:26px;}
#timeSale .tit .number .num {font-size:42px;}
#timeSale .tit .number li:after {height:50px;}


#timeSale .timeSaleList {margin:60px auto 30px auto;  gap:12px;}
#timeSale .timeSaleList a .mark {top:10px; right:10px; width:150px;}
#timeSale .timeSaleList a {padding:22px; border-radius:10px;}
#timeSale .timeSaleList a p {font-size:20px;}
#timeSale .timeSaleList a h3 {margin-top:4px;font-size:28px; }
#timeSale .timeSaleList a .carimg {position:relative; top:-10px; margin-bottom:-5px; width:310px; height:150px;}
#timeSale .timeSaleList a .carimg img {position:absolute; top:0; left:50%; transform:translate(-50%,0);  width:100%; height:172px;}
#timeSale .timeSaleList a .price .del {font-size:22px;}
#timeSale .timeSaleList a .price h2 {padding:9px 24px; font-size:25px;}
#timeSale .timeBottom a.btn {margin-bottom:15px;padding:14px 30px; border-radius:10px; font-size:36px;}
#timeSale .timeBottom p {font-size:26px; }
#timeSale .timeBottom h3 {font-size:32px; font-weight:500;}

#onAir { padding:180px 0 120px 0; background:url('/_img/onair_bg.png') top center no-repeat #94FF79; background-size:100%;}
#onAir .tit p {font-size:39px;}
#onAir .ttit h3 {font-size:37px;}
#onAir .ttit h2 {font-size:45px;}
#onAir .neon {width:100%; margin:60px auto 0 auto;}

#onAir .ttit .number {margin:70px 0;}
#onAir .ttit .number p {font-size:26px;}
#onAir .ttit .number .num {font-size:42px;}
#onAir .ttit .number li:after {height:50px;}
#onAir .timeSaleList {margin:45px auto 30px auto;  gap:12px;}
#onAir .timeSaleList a .mark {top:0; right:0; width:165px;}
#onAir .timeSaleList a {padding:22px; border-radius:10px;}
#onAir .timeSaleList a p {font-size:20px;}
#onAir .timeSaleList a h3 {margin-top:4px;font-size:28px; }
#onAir .timeSaleList a .carimg {position:relative; top:-10px; margin-bottom:-5px; width:310px; height:150px;}
#onAir .timeSaleList a .carimg img {position:absolute; top:0; left:50%; transform:translate(-50%,0);  width:100%; height:172px;}
#onAir .timeSaleList a .price .del {font-size:22px;}
#onAir .timeSaleList a .price h2 {padding:9px 24px; font-size:25px;}
#onAir .timeBottom a.btn {margin-bottom:15px;padding:14px 30px; border-radius:10px; font-size:36px;}
#onAir .timeBottom p {font-size:26px; }
#onAir .timeBottom h3 {font-size:32px; font-weight:500;}

.ldPrice li {margin-bottom:1px; font-size:22px; font-weight:600;}
.ldPrice li .won .num {top:0; width:125px; font-size:130%;}
#timeSale .ldPrice {margin-top:5px;}
#timeSale .ldPrice li  {font-size:22px;}
#lowCome .ldPrice li {font-size:22px;}
#lowCome .ldPrice li .won .num {width:140px;}



#lowCounsel.mainCounsel {padding:55px 0;}
#lowCounsel .container {padding:60px 40px;}
#lowCounsel .formListTop {padding:0 0 25px 0;}
#lowCounsel .formListTop h2 {font-size:37px;}
#lowCounsel .formListTop p {margin-top:20px; font-size:25px; line-height:1.3;}
#lowCounsel .formBox {}
#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:13px;}
.lowAgree input:checked + label:before {width:25px; height:25px;background-size:13px; }

#lowCounsel .topSelect {margin:40px 0 30px 0; gap:20px;}
#lowCounsel .topSelect h3 {font-size:32px;}
#lowCounsel .topSelect input + label {padding:55px 12px 25px 12px; border-radius:20px; }
#lowCounsel .topSelect input + label:before { top:15px; width:28px; height:28px;}
#lowCounsel .topSelect input:checked + label:after  { top:22px; width:16px; height:16px;}
#lowCounsel .topSelect input:checked + label {border:3px solid #00803A; padding:53px 12px 23px 12px; }
#lowCounsel .topSelect .ico {width:103px; }
#lowCounsel .topSelect p {font-size:22px;}


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

#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; }
#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 {}
#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; }

#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 .logo {top:40px; width:130px;}
.foot .container{ padding:40px 15px 70px 15px; font-size:19px;}
.foot .copyright {margin-top:20px; }

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

#fixCount h3.tit {margin:15px 0; font-size:32px;}
#fixCount .formList {gap:10px;}
#fixCount .formList input {text-align:left;  width:100%; padding:10px 23px; font-size:20px; border-radius:5px;}
#fixCount .formList button {font-size:22px;}
#fixCount .formList li:nth-child(1) {width:20%;}
#fixCount .formList li:nth-child(2) {width:30%;}
#fixCount .formList li:nth-child(3) {width:30%;}
#fixCount .formList li:nth-child(4) {width:20%;}
#fixCount .lowAgree {margin-top:16px;}
}