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

.flex {display:flex; align-items:center;}
.flexCenter {display:flex; align-items:center;}
.flexBetween  {display:flex; align-items:center; justify-content:space-between;}
.formAgree input + label {cursor:pointer;}
.formAgree a {cursor:pointer;}
.formAgree li {margin-bottom:5px !important;}
.formAgree li label {width:auto !important; font-size:13px !Important; font-weight:400 !Important; line-height:17px;}
.formAgree li:last-child {margin:0;}

#htop {position:absolute; top:0; left:50%; transform:translate(-50%,0); padding:17px 0; width:100%;  text-align:center; font-weight:300; color:#F5E10C; font-size:12px; letter-spacing:-0.5px; z-index:9;}

  .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: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 {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:40px 15px 45px 15px;}
#timeSale .tit .kb {margin:0 auto 54px auto; width:35%; max-width:250px;}
#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:45px 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;}


@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 .formBox {padding:23px 20px; background:#fff; border-radius:15px;}

#lowCounsel .formListTop {padding:0 0 20px 0;}
#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 .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:#3970DF;}
#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:#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:25px 0 12px 0;}
#lowCounsel .lowAgree ul {display:flex; flex-direction:column; gap:5px;}
#lowCounsel button {display:block; padding:15px 0; width:100%; text-align:center; background:#093DF3; font-size:18px; font-weight:700;
color:#fff; letter-spacing:-0.5px; border-radius:7px; border:1px solid #093DF3; }
#lowCounsel button:hover {border:1px solid #002DCB; transition:all 0.5s;}

#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:#1E53F2; 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: #1C339C; }
#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:#093DF3; 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:space-between; font-size:14px; color:#333;}
#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{  padding:40px 15px 230px 15px; font-size:12px; color:#585858; line-height:1.8;}
.foot .logo {position:absolute; top:0; right:10px; width:60px; z-index:2;}
.foot .copy {position:relative;}
.foot .copyright {margin-top:10px; color:#9E9E9E;}
.foot .caution ul {margin-bottom:20px; display:flex; flex-direction:column;}
.foot .caution ul li {margin-bottom:3px; font-size:14px; color:#585858; font-weight:400; line-height:1.5; letter-spacing:-0.5px; word-break:keep-all;}
.foot .caution ul li.pp {display:inline-block; font-weight:600; text-decoration:underline;}


#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 #00b4fc; padding:15px; z-index:9;}
#fixCount h3.tit {margin:10px 0; display:flex; align-items:center; justify-content:center; gap:5px; font-size:18px; 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, #00B3FF,   #97FF89);
background: linear-gradient(to right, #00B3FF,  #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; font-size:11px; line-height:13px;}
#fixCount .lowAgree ul {display:flex; flex-direction:column; gap:5px;}
#fixCount .lowAgree input + label {padding-left:20px;}
#fixCount .lowAgree input + label:before {width:14px; height:14px; background-size:9px;}
#fixCount .lowAgree input:checked + label:before {width:14px; height:14px; background-size:9px;}


#consultComplete {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; max-width:465px; padding:30px 30px 25px 30px;  background:#fff; border-radius:20px; z-index:99; text-align:center; 
box-shadow:3px 5px 5px rgba(0 0 0 / 20%);}
#consultComplete .ico {display:flex; align-items:center; justify-content:center; margin:0 auto; width:50px; height:50px; border-radius:100%; background:#093DF3;}
#consultComplete .ico img {width:30px;}
#consultComplete h2 {margin:20px auto 15px auto; font-size:20px; color:#1a1a1a; font-weight:600; letter-spacing:-0.5px; }
#consultComplete p {font-size:14px; color:#B3B3B3; line-height:1.5;}
#consultComplete button {margin-top:20px; padding:14px 0; width:100%; font-size:16px; font-weight:700; color:#fff; background:#093DF3; border-radius:10px;}

#termClear {padding:55px 0 25px 0;}
#termClear .title {margin-bottom:40px; padding:16px; font-size:28px; font-weight:600; color:#171717;}
#termClear .termCon {padding:0 16px; font-size:14px; color:#404040; font-weight:400; line-height:22px;}
#termClear .termCon h3 {margin-bottom:24px; font-size:16px; font-weight:500; color:#171717;}
#termClear .termCon h3.underline {display:flex; align-items:baseline; gap:5px; padding: 0 0 24px 0; border-bottom:1px solid #e5e5e5;}
#termClear .termCon h4 {margin-bottom:12px; font-size:14px; font-weight:700;}
#termClear .termCon p {margin-bottom:24px; word-break:break-all;}
#termClear .listBox {margin-bottom:24px; padding:16px; background:#fafafa; color:#737373; border-radius:16px; line-height:20px;}
#termClear .listBox .list {display:flex; flex-direction:column; gap:12px; }
#termClear .listBox .list li {position:relative; display:flex; align-items:baseline; gap:3px;}
#termClear .listBox .tit {font-weight:700; color:#404040; }
#termClear .listBox .num {/*position:relative; top:-2px; margin:0 4px;*/ font-weight:700; color:#404040; }
#termClear .listBox .list.column {gap:12px;}
#termClear .listBox .list.column li {flex-direction:column; gap:6px;}
#termClear .listBox .list.dot .text {position:relative; padding:0 0 0 15px;}
#termClear .listBox .list.dot .circle {position:absolute; top:9px; left:4px; display:block; width:4px; height:4px; border-radius:100%; background:#737373;}
#termClear .gridBox {margin-bottom:24px;  display: grid; grid-template-columns: 25% 50% 25%; width: fit-content;}
#termClear .gridBox .cell { padding: 16px;  border: none;  position: relative; display:flex; align-items:center; justify-content:center; text-align: center; word-break:break-all;}
#termClear .gridBox .cell::after { content: "";  position: absolute;  bottom: 0;  left: 0;  height: 1px;  width: 100%;  background-color: #ccc; }
#termClear .gridBox .cell::before {content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%;  background-color: #ccc;}
#termClear .gridBox .cell:nth-child(3n)::before { display: none; }
#termClear .gridBox .cell:nth-last-child(-n+3)::after { display: none; }
#termClear .gridBox .cell.gbTop {background:#f5f5f5; color:#171717; font-size:16px; font-weight:700;}

@media (min-width: 480px) {
.agreecon {height:55px;}
}

@media (min-width: 525px) {
#htop {padding:24px 0; font-size:17px;}
#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; margin:75px auto 0 auto;}
#timeSale .tit .kb {margin:0 auto 100px auto;}
#timeSale .tit h3 {margin:20px 0; font-size:36px; }
#timeSale .tit a.linkBox {margin-top:150px; padding:18px 46px; font-size:36px;}
#timeSale .container {padding:65px 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;}


#lowCounsel.mainCounsel {padding:55px 0;}
#lowCounsel .formListTop {padding:25px 0;}
#lowCounsel .formListTop h2 {font-size:37px;}
#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:18px;}
#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:15px;}
.lowAgree input:checked + label:before {width:25px; height:25px; background-size:15px;}
*/

#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 {width:130px;}
.foot .container{ padding:70px 15px; font-size:15px;}
.foot .copyright {margin-top:20px; }
.foot .caution ul {margin-bottom:50px;}
.foot .caution ul li {margin-bottom:5px; font-size:15px;  line-height:1.8; }


#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; font-size:13px;}
#fixCount .lowAgree ul  {flex-direction:row; justify-content:center; gap:15px;}
#fixCount .lowAgree ul li {gap:15px;}

#consultComplete {padding:40px 30px 35px 30px;}
#consultComplete .ico {width:70px; height:70px;}
#consultComplete .ico img {width:35px;}
#consultComplete h2 {margin:30px auto 20px auto; font-size:26px; font-weight:700;  }
#consultComplete p {font-size:16px; }
#consultComplete button {margin-top:30px; padding:14px 0;  font-size:20px; }

#termClear {padding:72px 0;}
#termClear .title {margin-bottom:48px; padding:0 24px; font-size:40px; }
#termClear .termCon {padding:0 24px; font-size:16px; line-height:28px;}
#termClear .termCon h3 {margin-bottom:30px; font-size:24px;}
#termClear .termCon h3.underline {gap:5px; padding: 0 0 24px 0; }
#termClear .termCon h4 {margin-bottom:24px; font-size:20px;;}
#termClear .termCon p {margin-bottom:40px; }
#termClear .listBox {margin-bottom:40px; padding:24px;  border-radius:16px; line-height:24px;}
#termClear .listBox .list { gap:12px; }
#termClear .listBox .list li {gap:7px;}
#termClear .listBox .list.column {gap:18px;}
#termClear .listBox .list.column li {gap:4px;}


}