@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:#e70012;} */
.fc-o { background: linear-gradient(90deg, #ff2429 0%, #bd0d3e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;}
.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);
  }
} */


.fc-b {color:#eb011d;}
.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; }

.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;font-family: 'GmarketSans';}
#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% #ff0000; background-size:10px; border-radius:3px;}
.lowAgree a {color:#8C8C8C;}
.agree-link-pop {color:#8C8C8C;}


/* =========================
   timeSale 기본 배경
========================= */
/* #timeSale {position:relative; background:url('/_img/time_bg.png') top center no-repeat; background-size:cover; } */
#timeSale {
  padding-top: 50px;
  position:relative;
  background:
    radial-gradient(300px 300px at 50% 30%, rgba(255,40,40,.8), transparent 100%),
    radial-gradient(600px 600px at 70% 70%, rgba(255,255,255,.08), transparent 100%),
    url('/_img/time_bg.png') top center / cover no-repeat,
    #0b0f1a;
  overflow:hidden;
}

/* ✅ timeSale 강렬 조명 레이어 */
#timeSale::after{
  content:"";
  position:absolute;
  inset:-20%;
  pointer-events:none;
  background:
    radial-gradient(600px 420px at 50% 20%, rgba(255,0,0,.55), transparent 65%),
    radial-gradient(900px 700px at 30% 70%, rgba(0,20,175,.16), transparent 70%),
    radial-gradient(1100px 900px at 70% 70%, rgba(0,140,255,.12), transparent 70%);
  mix-blend-mode:screen;
  animation: timeGlow 1.2s ease-in-out infinite;
}

#timeSale .container {
  padding:0px 15px 45px;
  min-height: 650px;
  overflow: hidden;
  background-size:cover;
  position: relative;
  animation: timeShake 2.6s ease-in-out infinite;
}

/* ✅ 비네팅 */
/* #timeSale .container::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: radial-gradient(circle at 50% 30%, transparent 45%, rgba(0,0,0,.55) 100%);
  opacity:.85;
} */

@keyframes timeGlow{
  0%,100%{opacity:.55; filter:blur(0px)}
  50%{opacity:1; filter:blur(1px)}
}

@keyframes timeShake{
  0%,100%{ transform:translate3d(0,0,0) }
  93%{ transform:translate3d(0,0,0) }
  94%{ transform:translate3d(0.2px,-0.3px,0) }
  95%{ transform:translate3d(-0.4px,0.2px,0) }
  96%{ transform:translate3d(0.5px,0.1px,0) }
  97%{ transform:translate3d(-0.3px,-0.4px,0) }
  98%{ transform:translate3d(0.3px,0.4px,0) }
  99%{ transform:translate3d(-0.2px,0.2px,0) }
}

#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 p {margin:15px 0; font-size:20px; color:#fff; font-weight:400; }
#timeSale .tit a.linkBox {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 .txt {width:70%; margin:10px auto 0 auto; z-index: 3;} */
#timeSale .txt {width:70%; margin:10px auto 0 auto; z-index: 3 !important;}

/* ✅ 타이틀 이미지 네온/펄스 */
#timeSale .txt img{
  filter:
    drop-shadow(0 0 18px rgba(255,0,0,.55))
    drop-shadow(0 0 36px rgba(255,255,0,.18));
  animation: txtPulse .95s ease-in-out infinite;
}
@keyframes txtPulse{
  0%,100%{ transform:scale(1); opacity:1 }
  50%{ transform:scale(1.02); opacity:.95 }
}

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

/* =========================
   카운트다운 UI
========================= */
.tsCount{
  margin:0px auto 20px;
  width:min(788px, 100%);
  padding:14px 14px 16px;
  border-radius:18px;
  position:relative;
  z-index:10;

  background:
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.30));

  backdrop-filter: blur(8px);
  overflow:hidden;
}

/* 상단 얇은 스캔 라인(타이머/전광판 느낌) */
.tsCount::before{
  content:"";
  position:absolute;
  left:-30%;
  top:0;
  width:60%;
  height:100%;
  background:linear-gradient(90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.10),
    rgba(255,255,255,0)
  );
  transform:skewX(-18deg);
  animation: timerScan 2.2s linear infinite;
  pointer-events:none;
  opacity:.35;
}
@keyframes timerScan{
  0%{ transform:translateX(-120%) skewX(-18deg); }
  100%{ transform:translateX(220%) skewX(-18deg); }
}

/* 라벨 */
.tsCount .label{
  color:#fff;
  font-size:20px;
  letter-spacing:-0.2px;
  opacity:.92;
  margin-bottom:10px;
  display:flex; justify-content: center;
  align-items:center;
  gap:8px;
}


/* 숫자 행 */
.tsCount .nums{
  display:flex;
  gap:10px;
}

/* 각 단위 박스(디지털 타이머 패널) */
.tsCount .nums span{
  flex:1;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 0 12px;
  border-radius:14px;

  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.22));


}

/* 가운데 플립라인(플립 시계 느낌) */
.tsCount .nums span::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  top:50%;
  height:1px;
  background:rgba(255,255,255,.12);
  box-shadow:0 1px 0 rgba(0,0,0,.35);
}

.tsCount .nums span:not(:last-child)::before{
  content:":";
  position:absolute;
  right:-12px;           /* 간격은 취향대로 조절 */
  top:50%;
  transform:translateY(-50%);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-weight:900;
  font-size:28px;
  color:#fff;
  text-shadow:0 0 12px rgba(255,230,0,.28);
  opacity:.9;
  pointer-events:none;
}

/* 콜론 깜빡임(선택) */
.tsCount .nums span:nth-child(2)::before,
.tsCount .nums span:nth-child(3)::before{
  animation: colonBlink .9s steps(1) infinite;
}
@keyframes colonBlink{
  0%,49%{ opacity:.95; }
  50%,100%{ opacity:.25; }
}

/* 숫자: 더 “세븐세그” 같은 느낌(두꺼운, 광택) */
.tsCount .nums b{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size:34px;
  font-weight:900;
  letter-spacing:0.02em;

  color:#fff;
  text-shadow:
    0 0 10px rgba(255,230,0,.28),
    0 0 26px rgba(255,40,40,.18);

  position:relative;
  top:1px;
}

/* 단위 텍스트(일/시간/분/초) */
.tsCount .nums em{ display:none !important; }

/* 초 박스는 더 긴장감(빨강 느낌 + 깜빡) */
.tsCount .nums .sec{
  border-color: rgba(255,60,60,.35);
  background:
    linear-gradient(180deg, rgba(255,0,0,.14), rgba(0,0,0,.22));
  animation: secPulse .75s ease-in-out infinite;
}
@keyframes secPulse{
  0%,100%{ filter:brightness(1); transform:translateZ(0); }
  50%{ filter:brightness(1.25); }
}

/* (선택) 종료 상태 라벨 강조 */
.tsCount.ended .label{
  color:#ffb3b3;
}

#lowHotdeal .txt {width:70%; margin:10px auto 0 auto;}
#lowHotdeal .hotdeal-list {margin:0 auto 30px; display:grid; grid-template-columns: repeat(2, 1fr); gap:8px;}
#lowHotdeal .hotdeal-list a {position:relative; display:block; padding:12px; background:#fff; border-radius:5px; overflow:hidden; color:#000; box-sizing:border-box;}
#lowHotdeal .hotdeal-list a .mark {position:absolute; top:8px; right:10px; width:50px; z-index:9; transform-origin: center; }
#lowHotdeal .hotdeal-list a p {font-size:13px; font-weight:500;}
#lowHotdeal .hotdeal-list a h3 {margin-top:2px; font-size:18px; font-weight:700;}
#lowHotdeal .hotdeal-list a .carimg {position:relative; min-width:130px; height:72px; text-align:center;}
#lowHotdeal .hotdeal-list a .carimg img {position:absolute; top:-6px; left:50%; transform:translate(-50%,0); width:auto; height:80px; margin:0 auto;}
#lowHotdeal .hotdeal-list a .priceWarp {margin-right:-3px;}
#lowHotdeal .hotdeal-list a .price {display:flex; align-items:center; justify-content:space-between;}
#lowHotdeal .hotdeal-list a .price .del {position:relative; top:1px; font-size:11px; letter-spacing:-0.5px; white-space:nowrap;}
#lowHotdeal .hotdeal-list 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;}

/* ✅ 핫딜 카드 스캔라인/강조 */
#lowHotdeal .hotdeal-list a{

  box-shadow:0 10px 24px rgba(0,0,0,.18);
  transform:translateZ(0);
}

@keyframes scan{
  0%{ transform:translateX(-120%); opacity:.0; }
  20%{ opacity:1; }
  50%{ opacity:.35; }
  100%{ transform:translateX(120%); opacity:0; }
}


#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.4; color:#fff;}

/* =========================
   scene / siren / clock
========================= */
.scene{position:relative;width:min(778px,92vw);aspect-ratio:4/3}
.scene::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;opacity:0.25;pointer-events:none}

.siren{position:absolute;left:20%;top:10%;width:min(778px,50%);aspect-ratio:1/1;transform:translateX(-50%);transform-origin:50% 75%;background:url("/_img/img_siren.png") center/contain no-repeat;filter:drop-shadow(0 20px 16px rgba(255,0,0,.20)) drop-shadow(0 14px 30px rgba(0,0,0,.55));animation:sirenTilt 0.55s ease-in-out infinite;z-index:3}
.siren::after{content:"";position:absolute;inset:-50%; background:radial-gradient(circle at 50% 35%,rgba(255,40,40,.90),transparent 20% );mix-blend-mode:screen;opacity:0;animation:sirenFlash 0.75s linear infinite;pointer-events:none}
.clock{position:absolute;left:62%;bottom:2%;width:min(778px,70%);aspect-ratio:1/1;transform:translateX(-50%);transform-origin:50% 65%;background:url("/_img/img_clock.png") center/contain no-repeat;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));animation:clockPop 1.8s ease-in-out infinite,clockWiggle 0.25s linear infinite;z-index:4}

@keyframes sirenTilt{
    0%, 100%{transform:translateX(-50%) rotate(-6deg) scale(1)}
    50%{transform:translateX(-50%) rotate(6deg) scale(1.02)}
}
@keyframes sirenFlash{
    0%{opacity:0}
    12%{opacity:1}
    25%{opacity:0}
    62%{opacity:0}
    75%{opacity:1}
    86%{opacity:0}
    100%{opacity:0}
}
@keyframes clockPop{
    0%, 100%{transform:translateX(-50%) translateY(0) scale(1)}
    50%{transform:translateX(-50%) translateY(-10px) scale(1.04)}
}
@keyframes clockWiggle{
    0%{rotate:-2deg}
    50%{rotate:2deg}
    100%{rotate:-2deg}
}

/* =========================
   salute(축포) - HTML에 s1~s4 넣으면 동작
========================= */
.salute{
  position:absolute;
  left:50%;
  top:55%;
  width:min(778px, 18%);
  aspect-ratio:1/1;
  transform:translate(-50%,-50%) scale(.6);
  transform-origin:50% 50%;
  background:center/contain no-repeat;
  pointer-events:none;
  z-index:2;
  opacity:0;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));
  animation:saluteBurst 1.2s ease-out infinite;
}

.salute.s1{ background-image:url("/_img/img_salute1.png"); }
.salute.s2{ background-image:url("/_img/img_salute2.png"); }
.salute.s3{ background-image:url("/_img/img_salute3.png"); }
.salute.s4{ background-image:url("/_img/img_salute4.png"); }

.salute.s1{ --tx:-220%; --ty:-270%; --rot:-20deg; animation-delay:0s; }
.salute.s2{ --tx: 260%; --ty:-260%; --rot: 25deg; animation-delay:.12s; }
.salute.s3{ --tx:-230%; --ty: 170%; --rot: 18deg; animation-delay:.24s; }
.salute.s4{ --tx: 260%; --ty: 190%; --rot:-28deg; animation-delay:.36s; }

@keyframes saluteBurst{
  0%{
    opacity:0;
    transform:translate(-50%,-50%) scale(.55) rotate(0deg);
  }
  10%{
    opacity:1;
  }
  65%{
    opacity:1;
    transform:
      translate(calc(-50% + var(--tx)), calc(-50% + var(--ty)))
      scale(1.05)
      rotate(var(--rot));
  }
  100%{
    opacity:0;
    transform:
      translate(calc(-50% + var(--tx)), calc(-50% + var(--ty)))
      scale(.95)
      rotate(var(--rot));
  }
}

@media (prefers-reduced-motion: reduce){
  .clock, .siren, .siren::after,
  #timeSale::after, #timeSale .container, #timeSale .txt img,
  .salute, .tsCount .nums .sec, #lowHotdeal .hotdeal-list a::before{
    animation:none!important;
  }
  .salute{ opacity:.6; }
}

@media (min-width: 525px){
.scene{  width: min(1000px, 80vw);  margin: 150px auto 0;  aspect-ratio: 16 / 7;   
}
  .scene::before{background-size:32px 32px;opacity:0.22}

  .siren{left:18%;top:-30%;width:min(778px,53%);filter: drop-shadow(0 22px 18px rgba(255,0,0,.22)) drop-shadow(0 16px 34px rgba(0,0,0,.55))}
  .siren::after{inset:-60%;}

  .clock{left:58%;bottom:-35%;width:min(778px,73%);filter: drop-shadow(0 20px 34px rgba(0,0,0,.55))}
}



#lowCounsel .tit {margin-bottom:20px; font-size:24px; font-weight:800; letter-spacing:-0.5px; text-align:center;}
#lowCounsel .tit h2 {font-size:30px; font-weight:800;font-family: 'GmarketSans'; }
#lowCounsel .tit p {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
}
#lowCounsel.mainCounsel {padding:50px 15px; }
#lowCounsel .formBox {padding:23px 20px; background:#fff; border-radius:15px;box-shadow: 3px 0px 6px rgba(0 0 0 / 10%);}

#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:#eb011d;}
#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 button {
    display: block;padding: 15px 0;width: 100%; text-align: center;  background: linear-gradient(90deg, #ff2429 0%, #bd0d3e 100%);
    font-size: 18px; font-weight: 700;color: #fff; letter-spacing: -0.5px;   border-radius: 7px;
 
}



#lowCounsel.popCounsel .tit { margin-bottom:0; padding:20px 0; background:#e70012;}
#lowCounsel.popCounsel .formBox  {padding:20px; box-sizing: border-box; border-radius: 30px; box-shadow: 3px 3px 5px rgba(0 0 0 / 15%);
 }
.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;}



/* 기존 Swiper 관련 CSS 제거 */
/* #lowHotdeal .cont .swiper-slide, #lowHotdeal .swiper 등 */
#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:#eb011d; 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:#c0000f; }
#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:#e70012;}

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

#lowCompare {padding:50px 0 40px 0; overflow:hidden; }
#lowCompare .cmTit h2 {font-size:30px;display: inline-block; font-weight: 800; letter-spacing: -0.05em;}
#lowCompare .cmTit h2 strong {color: #e70012;}
#lowCompare .cmTit h2 span {color: #e70012;}
#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; font-family: 'GmarketSans'; color:#ff0000; margin:30px 0 50px; 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:#fff;}
#lowZero .img {margin-top:25px; background:#fff; border-radius:15px; overflow:hidden;}


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

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


#lowPoint {padding:50px 15px 40px 15px; background:#f9f8fd;}
#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: #e70012;font-weight: 800;}
#lowRealtime .cmTit h2 span {color: #e70012;}
#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: #e70012;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 { width: 100%;  display: inline-flex; align-items: center;
  justify-content: center; /* 텍스트 가운데 */
  gap: 5px;
  padding: 20px 17px;
  color: #B3B3B3;
  border-radius: 15px;
  border: 1px solid #dddddd;
  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;font-family: 'GmarketSans';}
#ssLanding .cmTit h3 {margin-bottom:8px; font-size:45px; letter-spacing:-1.5px;}
#ssLanding .cmTit p {margin-top:30px; font-size:33px;}


  #timeSale {
    padding-top: 100px;
    background:
      radial-gradient(500px 500px at 50% 30%, rgba(255,40,40,.8), transparent 100%),
      radial-gradient(700px 700px at 70% 70%, rgba(255,255,255,.08), transparent 100%),
      url('/_img/time_bg.png') top center / cover no-repeat,
      #0b0f1a;
  }
#timeSale .container { padding:150px 20px 60px; /*background:#f8e8df;*/ min-height: 300px; overflow: hidden; position: relative;}
#timeSale .txt {max-width:500px;}
#timeSale .tit h3 {margin:30px 0; font-size:36px; }
#timeSale .tit a.linkBox {padding:18px 46px; font-size:36px;}
#timeSale .tit h2 {font-size:74px;}
#timeSale .tit p {font-size:37px;}

#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 .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 .tit h2 {margin-bottom:25px; font-size:63px; font-weight: 800; font-family: 'GmarketSans'; }
#lowCounsel .tit p {font-size: 33px; }
#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 .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 .hotdeal-list {margin:20px auto 30px auto;  gap:12px;}
#lowHotdeal .hotdeal-list a .mark {top:18px; right:18px; width:110px;}
#lowHotdeal .hotdeal-list a {padding:22px; border-radius:10px;}
#lowHotdeal .hotdeal-list a p {font-size:20px;}
#lowHotdeal .hotdeal-list a h3 {margin-top:4px;font-size:28px; }
#lowHotdeal .hotdeal-list a .carimg {position:relative; top:-10px; margin-bottom:-5px; width:310px; height:150px;}
#lowHotdeal .hotdeal-list a .carimg img {position:absolute; top:0; left:50%; transform:translate(-50%,0);  width:100%; height:172px;}
#lowHotdeal .hotdeal-list a .price .del {font-size:22px;}
#lowHotdeal .hotdeal-list 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;}

#lowHotdeal .ldPrice {margin-top:5px;}
#lowHotdeal .ldPrice li  {font-size:22px;}


#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:#c0000f; }
#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: #e70012;font-weight: 800;}
#lowRealtime .cmTit h2 span {color: #e70012;}
#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: #e70012;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:30px; padding:25px 22px; border-radius:15px; 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;}
}