@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}
.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;}



#ssLanding .cmTit h2 {font-size:34px; font-weight:800; letter-spacing:-1.5px; display:flex; align-items:center; justify-content:center; gap:5px;}
#ssLanding .cmTit h2 .flex {display:flex; align-items:center; gap:3px;}
#ssLanding .cmTit h3 {margin-bottom:5px; font-size:20px; font-weight:500; letter-spacing:-1px;}
#ssLanding .cmTit p {margin-top:12px; font-size:16px; font-weight:300; letter-spacing:-0.5px; line-height:1.4;}

.graText {display:inline-block; color:transparent; background-clip:text; background:linear-gradient(90deg, #ff00c8, #5811f8);}


.lowAgree {display:flex; align-items;center; gap:4px; font-size:13px; color:#1A1A1A; }
.lowAgree input {display:none; appearance:none;}
.lowAgree input + label {position:relative; display:block; cursor:pointer; padding-left:22px;}
.lowAgree input + label:before {content:''; position:absolute; top:49%; left:0; transform:translate(0,-50%); width:16px; height:16px;
background:url('/_img/agree_check.png') no-repeat  center 45% #a6acc0; background-size:10px; border-radius:3px;}
.lowAgree input:checked + label:before {content:''; position:absolute; top:49%; left:0; transform:translate(0,-50%); width:16px; height:16px;
background:url('/_img/agree_check.png') no-repeat center 45% #000; background-size:10px; border-radius:3px;}
.lowAgree a {color:#8C8C8C;}
.agree-link-pop {color:#8C8C8C;}

/*상용차*/
#laVisual {margin-bottom:-5px; background:url('/_img/visual_bg.png') no-repeat center top; height:380px; background-size:cover; overflow:hidden;}
#laVisual .container {position:relative; width:100%; height:100%;}
#laVisual .logo {position:absolute; top:15px; right:17px; width:100px;}
#laVisual .abCon {position:absolute; top:13%; left:25px; width:100%; }
#laVisual .abCon .logo {margin:0 0 20px 5px;  width:70px;}
#laVisual .abCon .txt {width:240px;}
#laVisual p {position:absolute; bottom:5%; left:28px; font-size:14px; font-weight:300; color:#fff; line-height:1.5; letter-spacing:0;}

#laBottom {background:linear-gradient(180deg, #d9d9d9, #9d9d9d); }
#laBottom .container {display:flex; flex-direction:column; padding:10px 20px 30px 20px}
#laBottom .tit {padding:10px 0 5px 0; margin-bottom:5px;  display:flex; align-items:center; justify-content:center; border-bottom:2px solid #3651E0;}
#laBottom .tit .ico {margin-left:-20px; width:50px;}
#laBottom .tit h3 {font-size:22px; font-weight:700; color:#3651E0; }
#laBottom .listWarp {display:grid; grid-template-columns: repeat(2, 1fr); gap:15px;}
#laBottom .list li {display:flex;gap:10px; align-items:baseline; color:#3651E0; }
#laBottom .list li h4 {font-size:17px; font-weight:700; padding:12px 0 0 0;}
#laBottom .list li .ico {width:30px;}
#laBottom .list li h4 .point {color:#FDB813;}
#laBottom .list li p {margin-top:5px; font-size:14px; font-weight:400; line-height:1.3;}


#kcmCompare {overflow:hidden;}
#kcmCompare .kcmTop {background:url('/_img/compare_bg.png') no-repeat center top;  background-size:cover; padding:40px 0 0 0; overflow:hidden;}
#kcmCompare .kcmTop .container {position:relative; display:flex; justify-content:center; }
#kcmCompare .kcmTop .point {position:absolute; top:-13%; right:28%; width:100px; z-index:2;}
#kcmCompare .kcmTop .kcm {width:200px;}
#kcmCompare .kcmTop .text {position:relative; left:5%; font-size:22px; font-weight:800; line-height:1.2; z-index:1;}
#kcmCompare .kcmTop .text .underline {position:relative; top:-5px; display:inline-block; color:#3651E0; font-size:30px;}
#kcmCompare .kcmTop .text .underline:after {content:''; position:absolute; bottom:3px; left:0; width:100%; height:2px; background:#3651E0;}
#kcmCompare .kcmTop .text .dr {position:absolute; top:-29px; left:58px; width:26px;}
#kcmCompare .kcmTop .text .pass {position:absolute; width:100px; top:60px; right:-45px;}
#kcmCompare .kcmTxt {position:relative; padding:40px;; background:#3651E0;  z-index:2; color:#fff; text-align:center;}
#kcmCompare .kcmTxt:before {content:''; position:absolute; width:50px; height:30px; top:-22px; left:50%; transform:translate(-50%,0); background:url('/_img/sh_polygon.png') no-repeat; background-size:cover;}
#kcmCompare .kcmTxt h2 {padding:0 0 10px 0;  margin: 0 0 10px 0; font-size:22px; font-weight:700;  border-bottom:2px solid #fff;}
#kcmCompare .kcmTxt p {font-size:14px; font-weight:400; line-height:1.5;}
#kcmCompare .img {position:relative; margin:25px auto 45px auto; padding:0 15px; z-index:3;}
#kcmCompare .img .money {position:absolute; top:-57px; right:-18px; width:120px;}

#ldNo1 {background:url('/_img/no1_bg.png') no-repeat 53% top;  background-size:cover; width:100%; height:400px;}
#ldNo1 .container {position:relative; width:100%; height:100%; color:#fff;}
#ldNo1 .txt {position:absolute; width:100%; top:15%; left:50%; transform:translate(-50%,0);}
#ldNo1 .txt h3 {font-size:18px;}
#ldNo1 .txt h2 {margin-top:10px; font-size:32px;}
#ldNo1 p {position:absolute; width:100%; bottom:8%; left:50%; transform:translate(-50%,0); font-size:15px; }

.boardKcm {margin:40px auto;}
.boardKcm .container {padding:45px 16px;  position:relative; background:#1e53f2;}
.boardKcm .kcm {position:absolute; width:170px; top:25px; right:9px;}
.boardKcm .tit {padding:0 0 0 10px; color:#fff;}
.boardKcm .tit h3 {font-size:16px; font-weight:400; letter-spacing:-0.5px;}
.boardKcm .tit .tith2 {margin:10px 0 25px 0; font-size:26px; line-height:1.3; font-weight:400; letter-spacing:-1px; }
.boardKcm .formlist ul {width:100%;}
.boardKcm .formlist ul li {margin-bottom:9px;}
.boardKcm .formlist ul li input {padding:17px 22px; width:100%; background:#fff; border-radius:7px; font-size:15px;}
.boardKcm .formlist ul li input:placeholder {color:#8c8c8c;}
.boardKcm .formlist ul li button {margin-top:9px; width:100%; padding:20px 10px; background:#00254E; border-radius:7px; font-size:18px; letter-spacing:-1px;  font-weight:700; color:#fff;}
.boardKcm .lowAgree {margin-top:16px; display:flex; align-items:center; gap:7px; color:#fff; font-size:14px; letter-spacing:-0.5px;}
.boardKcm .lowAgree input + label {cusor:pointer;}
.boardKcm .lowAgree a {color:#fff; font-size:14px;}

#ldMerit .container {padding:0 15px;}
#ldMerit ul {margin-top:30px;}
#ldMerit li {margin-bottom:10px; padding:20px 15px; display:flex; align-items:center;  gap:15px; background:linear-gradient(180deg, #e9eefb, #e7ebfa); color:#0d247e; border-radius:15px; }
#ldMerit li:last-child {margin-bottom:0;}
#ldMerit li .img {width:80px;}
#ldMerit li .txt {width:calc(100% - 95px);}
#ldMerit li h3 {margin:2px 0 5px 0; font-size:18px; font-weight:700;}
#ldMerit li p {font-size:14px; font-weight:400; line-height:1.4;}

#ldQna {margin-top:40px; padding:40px 20px; background:url('/_img/qna_bg.png') no-repeat center top; }
#ldQna .container {padding:50px 30px; background:#3651E0; color:#fff;}
#ldQna h2 {margin-bottom:20px; font-size:26px; font-weight:700;}
#ldQna .list li {margin-bottom:20px;}
#ldQna .list li:last-child {margin-bottom:0;}
#ldQna .list h3 {display:block; padding:8px 0;margin-bottom:10px; font-size:20px; border-bottom:2px solid #fff;}
#ldQna .list p {font-size:15px; font-weight:400; line-height:1.4;}
#ldQna .sm {margin-top:20px;}
#ldQna .sm .con { display:flex; gap:3px; font-size:13px; line-height:1.5; font-weight:300;}

/*상용차 끝*/

#timeSale .container {position:relative; background:url('/_img/time_bg.png') center -25px no-repeat #0b011e;  background-size:cover; z-index:9; padding:30px 15px 45px 15px; overflow:hidden;}
#timeSale .logo {width:80px; margin:-10px 0 20px auto;}
#timeSale .cover {position:absolute; top:0; left:50%; transform:translate(-50%,0); mix-blend-mode:color-dodge; width:135%; z-index:1;}
#timeSale .cover video {width:100%; }
#timeSale .tit { position:relative; background:url('/_img/time_timer.png') center 4px no-repeat ; background-size:330px; z-index:9;}
#timeSale .tit .moon {position:absolute; top:-42px; left:-7px; width:80px; filter:brightness(1.2);}
#timeSale .tit h5 {font-size:13px; letter-spacing:3px; color:#FFF8E6; font-weight:400;}
#timeSale .tit h2 {margin:20px auto 15px auto; font-size:60px; line-height:1.1; letter-spacing:-2px; color:#FDEC00;}
#timeSale .txt {position:relative; width:80%; max-width:475px; margin:45px auto 10px auto;}
#timeSale .tit p {margin-top:22px; font-size:20px; font-weight:400; color:#fff;}
#timeSale .tit p .dot {position:relative; }
#timeSale .tit p .dot:before {content:''; position:absolute; top:-8px; left:50%; transform:translate(-50%,0); width:4px; height:4px; background:#fff; border-radius:100%;}
#timeSale .timeSaleList {margin:35px 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:#8701EF; border-radius:30px; letter-spacing:-0.5px; white-space:nowrap;}
#timeSale .timeBottom a.btn {margin-bottom:14px; display:inline-block; padding:12px 24px;color:#000; border-radius:8px; font-size:24px; font-weight:700; letter-spacing:-1px;
background:linear-gradient(180deg, #FFF8E6, #FCE194)}
#timeSale .timeBottom p {color:#fff; font-size:17px; font-weight:500; line-height:1.5;}


#lowCounsel .tit {margin-bottom:20px; }
#lowCounsel .tit h2 {font-size:20px; font-weight:700; color:#282b36; display:flex; align-items:center; justify-content:center; gap:2px;}
#lowCounsel .tit h2 .big {font-size:120%; font-weight:700;}
#lowCounsel.mainCounsel {padding:25px 15px; background:#F2F2F2;}
#lowCounsel .formBox {padding:35px 20px; background:#fff; border-radius:15px;}
#lowCounsel .formAgree  {margin:15px 0;}

#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:#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:#1E53F2; 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:#1E53F2; font-size:18px; font-weight:700;
color:#fff; letter-spacing:-0.5px; border-radius:7px; }
#lowCounsel button:hover {background:#000; transition:all 0.5s;}

#lowCounsel.popCounsel .tit { margin-bottom:0; padding:25px 0; background:#F2F2F2;}
#lowCounsel.popCounsel .tit  h2 {font-size:22px;}
#lowCounsel.popCounsel .formBox  {padding:20px;}
.popCounsel .formListTop {padding:25px 0 0 0; background:#F2F2F2;}
.popCounsel .formBox {padding:20px 25px;}
#lowCounsel.popCounsel button {position:absolute; bottom:20px; left:50%;transform:translate(-50%,0); width:calc(100% - 30px);}
.agreecon {padding:10px; height:45px; overflow-y:scroll; border:1px solid #f3f3f3;}

.popCounsel .formBox .formAgree { justify-content:end; font-size:13px; line-height:13px; position:relative; z-index:11;}
.popCounsel .formBox .formAgree ul {gap:15px; justify-content:end;}
.popCounsel .formBox .formAgree li {gap:5px;}
.popCounsel .formBox .formAgree input {margin-right:5px; transform:scale(1.1); }
.popCounsel .formBox .formAgree label,
.popCounsel .formBox .formAgree a {opacity:0.8;}

.boardKcm .formAgree li
,.boardKcm .formAgree li a { color:white; }
#fixCounsel .formAgree li
,#fixCounsel .formAgree li a { color:white; }


#lowBest {margin:50px auto;}
#lowBest .bestList {padding:0 15px; margin:30px auto; 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 { }
#lowCome .lowTit {position:relative;}
#lowCome  .lowTitTxt {position:absolute; top:47%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; z-index:9;}
#lowCome  .lowTitTxt h3 {margin-bottom:7px; font-size:24px; color:#fff; font-weight:400;}
#lowCome  .lowTitTxt h2 {font-size:30px; letter-spacing:-1px;}
#lowCome  .lowTitTxt h2.graText {background:linear-gradient(45deg, #fff, #CBE1F7);}
#lowCome .swiper .list .img {position:relative; display:flex; align-items:center; justify-content:center; width:100%; overflow:hidden;}
#lowCome .swiper .list .img img {width:auto; height:260px;}
#lowCome .swiper .list .img .lowCover {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100vh; background:rgba(0 0 0 / 50%); z-index:2;}


#lowCome .container {position:relative; padding:0  15px 50px 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 {position:relative; top:-40px; z-index:9; margin-bottom:-40px;
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; box-shadow:-2px 2px 6px rgba(0 0 0 / 15%)}
#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;}
#lowCome .caution li {display:flex; align-items:baseline; gap:3px; font-size:13px; line-height:1.8;}

#lowCompare {padding:50px 0; overflow:hidden;}
#lowCompare .carimg {margin-top:15px;}
#lowCompare .compareimg {margin:20px auto 10px auto;}
#lowCompare .compareimg .arrow {position:relative; z-index:1; top:-40px;}
#lowCompare .minus {font-size:32px; font-weight:700; color:#490082; 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; background:#fff; 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 .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:70px;
overflow: hidden; text-overflow: ellipsis; word-break: break-word;
display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}

#lowReview .reviewMore {margin-top:20px; text-align:center; }
#lowReview .reviewMore .btn {display:inline-flex; align-items:center; gap:5px; padding:10px 17px; color:#B3B3B3; border-radius:30px; border:1px solid #B3B3B3;
font-size:14px; font-weight:600; letter-spacing:-1px; cursor:pointer; background:#fff;}

.foot .container{ position:relative ; /* padding:20px 15px 70px 15px;*/  padding:20px 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; font-size:20px; font-weight:700; letter-spacing:-0.5px; border-radius:10px 10px 0 0;
background:linear-gradient(180deg, #FFF8E6, #FCE194);}
#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);}

#fixCounsel {position:sticky; bottom:-1px; left:0; width:100%; z-index:88;  }
#fixCounsel .arrow {position:absolute; top:-31px; right:0; display:flex; align-items:center; justify-content:end; cursor:pointer;}
#fixCounsel .arrow .img {width:80px; padding:7px 0;  background:#172959; text-align:center; }
#fixCounsel .arrow .img img {width:24px; height:10px;}
#fixCounsel .arrow.up .img img {transform:scaleY(-1);}
#fixCounsel .container {position:relative; top:-1px; margin-bottom:-1px; background:#172959; padding:20px 15px; max-width:100%; }
#fixCounsel .carimg {position:absolute; width:105px; top:-25px; padding:5px 0 0 0; z-index:1;}
#fixCounsel .tit {overflow:hidden;}
#fixCounsel .tit h2 {position:relative; left:43px;font-size:17px; text-align:center; color:#fff;}
#fixCounsel .tit h2 .point {position:relative; top:-4px;color:#F5E10C; font-size:23px;}
#fixCounsel .fixCounselBox {position:relative; z-index:9; margin-top:8px; display:flex; align-items:stretch; justify-content:space-between; gap:7px; flex-direction:column;}
#fixCounsel .fixCounselBox .fixCounselList {display:flex; align-items:stretch; gap:7px; width:100%;}
#fixCounsel .fixCounselBox .fixCounselList li {width:33%;}
#fixCounsel .fixCounselBox .fixCounselList li:nth-child(2) {width:35%;}
#fixCounsel .fixCounselBox .fixCounselList li:nth-child(3) {width:33%;}
#fixCounsel .fixCounselBox .fixCounselList li input {width:100%; height:100%; padding: 10px; font-size:12px; border-radius:6px; text-align:center;}
#fixCounsel .fixCounselBox .fixCounselList li:nth-child(3) input {text-align:left;}
#fixCounsel .fixCounselBox .fixCounselList li input::placeholder {color:#b3b3b3; text-align:center;}
#fixCounsel .fixCounselBox .fixCounselList li:nth-child(3) input::placeholder {text-align:left;}
#fixCounsel .formAgree {accecnt-color:#fff;}
#fixCounsel .fixAgree {position:absolute; bottom:-27px; left:50%; transform:translate(-50%,0); width:100%; font-size:12px; font-weight:500;
display:flex; align-items:center; justify-content:center; color:#fff;  }
#fixCounsel .fixAgree a {color:#fff;}
#fixCounsel .fixAgree input {display:none; appearance:none;}
#fixCounsel .fixAgree input + label { position:relative; display:block; cursor:pointer; padding:0 5px 0 20px;}
#fixCounsel .fixAgree input + label:before {content:''; position:absolute; top:50%; left:0; transform:translate(0, -50%); width:14px; height:14px; background:#fff; border-radius:3px;}
#fixCounsel .fixAgree input:checked + label:after {content:''; position:absolute; top:50%; left:3px; transform:translate(0, -50%); width:8px; height:8px; border-radius:2px; background:#3651E0;}
 #fixCounsel .submitBtn { width:100%;}
#fixCounsel .submitBtn button {padding:12px 10px; width:100%; height:100%; background:#3651E0; color:#fff; font-size:12px; font-weight:600; border-radius:6px; border:1px solid #dbdbdb;}


#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;}

#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;}

@keyframes blink {
  0%{opacity:0;}
  100%{opacity:1;}
}

@media (min-width: 450px) {
.agreecon {height:55px;}
#lowCounsel.popCounsel .tit  h2 {font-size:18px;}
}

@media (min-width: 525px) {

#ssLanding .cmTit h2 {font-size:63px; gap:15px;}
#ssLanding .cmTit h3 {margin-bottom:15px; font-size:42px; letter-spacing:-1.5px;}
#ssLanding .cmTit p {margin-top:30px; font-size:33px;}


#timeSale .container {padding:20px 20px 65px 20px; background-position:center top;}
#timeSale .logo {width:100px; margin:0 0 20px auto;}
#timeSale .cover {width:100%;}
#timeSale .tit .moon {top:-65px; left:22px; width:130px;}
#timeSale .tit {background:url('/_img/time_timer.png') center 39px no-repeat; background-size:380px;}
#timeSale .tit h5 {font-size:20px; font-weight:600; letter-spacing:8px;}
#timeSale .tit h2 {font-size:74px;}
#timeSale .tit p {margin-top:45px; font-size:33px;}
#timeSale .txt {margin:75px auto 17px auto;}


#timeSale .timeSaleList {margin:50px auto 45px auto;  gap:12px;}
#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; }

#lowCounsel.mainCounsel {padding:80px 0 70px 0;}
#lowCounsel .formBox {padding:65px 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:35px 0 25px 0 ; font-size:18px;}
#lowCounsel .lowAgree ul {gap:7px;}
#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:22px; height:22px; background-size:12px;}
.lowAgree input:checked + label:before {width:22px; height:22px; background-size:12px; }


#lowCounsel.popCounsel  {height:746px;}
#lowCounsel.popCounsel .formBox {padding:40px;}
#lowCounsel.popCounsel button {bottom:40px; width:calc(100% - 80px);}
.popCounsel .formListTop {padding:45px 0 0 0 ;}

#lowCounsel .tit h2 {margin-bottom:30px; font-size:48px; }
#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 {margin:50px auto 0 auto; padding:0 15px; 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 .lowTitTxt {top:180px; transform:translate(-50%,0);}
#lowCome .lowTitTxt h3 {margin-bottom:25px; font-size:40px;}
#lowCome .lowTitTxt h2 {font-size:46px;}
#lowCome .swiper .list .img img {height:528px;}

#lowCome .container {padding: 0  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; top:-63px; margin-bottom:-63px;}
#lowCome .tabcarList a {position:relative; top:0; padding:23px; border-radius:20px; box-shadow:-2px 2px 9px rgba(0 0 0 / 15%); }
#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:23px;  height:65px;}
#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; }

#lowCoper{padding:90px 0 40px 0; }
#lowCoper .img {margin-top:45px; border-radius:20px; }


#lowReview {padding:150px 0 20px 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:104px;
overflow: hidden; text-overflow: ellipsis; word-break: break-word;
display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

#lowReview .reviewMore {margin-top:0;  }
#lowReview .reviewMore .btn {margin-top:20px; padding:12px 22px; border-radius:30px; font-size:16px; }
#lowReview .reviewMore .btn:hover {background:#B3B3B3; color:#5d5d5d; transition:all 0.5s;}


.foot .container{ padding:40px 15px 0 15px; font-size:19px;}
.foot .copyright {margin-top:20px; }
.foot .logo {top:30px; width:100px;}

#fixBtn {position:fixed; bottom:15px; }
#fixBtn a {padding:20px 0; font-size:25px; border-radius:15px;}
#fixBtn a:hover {background:#FCE194;}
#fixBtn a:hover .arrow {/*filter:none; */ }
#fixBtn a .txt {margin-left:-5px;}
#fixBtn a .arrow {width:22px;}


/*상용차*/
#laVisual {margin-bottom:-10px; height:840px;}
#laVisual .logo {top:30px; right:30px; width:165px;}
#laVisual .abCon {top:13%; left:25px; }
#laVisual .abCon .logo {margin:0 0 55px 10px;  width:140px;}
#laVisual .abCon .txt {width:480px;}
#laVisual p {bottom:6%; left:28px; font-size:24px; font-weight:00;}

#laBottom {background:linear-gradient(90deg, #d9d9d9, #9d9d9d); }
#laBottom .container {flex-direction:row; align-items:flex-start; padding:40px 0;}
#laBottom .tit {padding:5px 70px 0 0; margin-bottom:0;  border-bottom:none;}
#laBottom .tit .ico {width:100px;}
#laBottom .tit h3 {font-size:32px; font-weight:700; color:#3651E0; }
#laBottom .listWarp {display:flex; width:calc(100% - 280px); justify-content:space-between; gap:0;}
#laBottom .list.listCenter {position:relative;}
#laBottom .list.listCenter:before {content:''; position:absolute; top:-3px; left:-14%; width:3px; height:93px; background:#3651E0;}
#laBottom .list.listCenter:after {content:''; position:absolute; top:-3px; right:-15%; width:3px; height:93px; background:#3651E0;}
#laBottom .list li {margin-bottom:8px; gap:13px; }
#laBottom .list li:last-child {margin-bottom:0;}
#laBottom .list li h4 {font-size:22px; font-weight:700; padding:0;}
#laBottom .list li .ico {width:40px;}
#laBottom .list li p {margin-top:10px; font-size:18px; font-weight:600; line-height:1.5;}

#kcmCompare .kcmTop .point { top:inherit; right:inherit; bottom:26%; left:9%; width:220px; }
#kcmCompare .kcmTop {padding:80px 0 0 0;}
#kcmCompare .kcmTop .container {display:inherit;}
#kcmCompare .kcmTop .kcm {position:relative; top:-110px; margin-bottom:-110px; width:100%; text-align:right; }
#kcmCompare .kcmTop .kcm img {width:580px;}
#kcmCompare .kcmTop .text { top:35px; left:-40px; font-size:48px;}
#kcmCompare .kcmTop .text .underline {top:-8px; font-size:62px;}
#kcmCompare .kcmTop .text .underline:after { bottom:3px; height:5px;}
#kcmCompare .kcmTop .text .dr {top:-54px; left:122px; width:46px;}
#kcmCompare .kcmTop .text .pass {width:240px; top:148px; right:-84px;}
#kcmCompare .kcmTxt {top:-30px; padding:45px; text-align:left; display:flex; align-items:center; }
#kcmCompare .kcmTxt:before {width:80px; height:80px; top:-35px;}
#kcmCompare .kcmTxt:after {content:''; position:absolute; top:51%; left:51%; transform:translate(-50%,-50%); width:3px; height:250px; background:#fff;}
#kcmCompare .kcmTxt h2 {padding:0 0 0 20px;  margin:0; font-size:46px; font-weight:700;  border-bottom:0; width:50%; line-height:1.4;}
#kcmCompare .kcmTxt p {font-size:22px; font-weight:500; line-height:1.7; width:50%; padding:0 15px 0 55px;}
#kcmCompare .img {margin:150px auto 180px auto; padding:0 30px; z-index:3;}
#kcmCompare .img .money {top:-165px; right:-48px; width:200px;}

#ldNo1 {background:url('/_img/no1_bg.png') no-repeat 50% top; background-size:cover; height:830px;}
#ldNo1 .txt {top:18%; left:54%;}
#ldNo1 .txt h3 {font-size:41px;}
#ldNo1 .txt h2 {margin-top:10px; font-size:66px;}
#ldNo1 p {left:55%; font-size:27px; }

.boardKcm { margin:160px auto; }
.boardKcm .container {position:relative; padding:70px 50px 40px 50px; background:#1e53f2; border-radius:10px;}
.boardKcm .kcm {position:absolute; width:360px; top:-53px; right:28px;}
.boardKcm .tit {color:#fff;}
.boardKcm .tit h3 {font-size:24px; font-weight:400; letter-spacing:-1px;}
.boardKcm .tit .tith2 {margin:12px 0 25px 0; font-size:43px; font-weight:400; letter-spacing:-2px;}
.boardKcm .formlist ul {width:100%; display:flex; align-items:stretch; justify-content:space-between; gap:15px;}
.boardKcm .formlist ul li:nth-child(1) {width:35%;}
.boardKcm .formlist ul li:nth-child(2) {width:35%;}
.boardKcm .formlist ul li:nth-child(3) {width:30%;}
.boardKcm .formlist ul li input {padding:22px; width:100%; background:#fff; border-radius:7px; font-size:20px;}
.boardKcm .formlist ul li input:placeholder {color:#8c8c8c;}
.boardKcm .formlist ul li button {width:100%; height:100%;border-radius:7px; font-size:24px; letter-spacing:-1px;  font-weight:700; margin:0;}
.boardKcm .lowAgree {margin-top:10px; dgap:10px; justify-content:end; font-size:18px;}
.boardKcm .lowAgree a {color:#fff; font-size:18px;}


#ldMerit {margin:0}
#ldMerit .container {padding:0;}
#ldMerit ul {margin-top:60px;}
#ldMerit li {margin-bottom:25px; padding:40px 80px; gap:50px; border-radius:25px; }
#ldMerit li .img {width:200px;}
#ldMerit li .txt {width:calc(100% - 250px);}
#ldMerit li h3 {margin:8px 0 10px 0; font-size:30px;}
#ldMerit li p {font-size:22px;}

#ldQna {margin-top:140px; padding:55px 0;}
#ldQna .container {padding:55px 42px 80px 42px;}
#ldQna h2 {margin-bottom:70px; font-size:46px; }
#ldQna .list li {margin-bottom:50px;}
#ldQna .list li:last-child {margin-bottom:0;}
#ldQna .list h3 {padding:20px 0;margin-bottom:20px; font-size:30px; border-bottom:3px solid #fff;}
#ldQna .list p {font-size:23px; }
#ldQna .sm {margin-top:38px;}
#ldQna .sm .con { gap:7px; font-size:21px; line-height:1.5; font-weight:500;}


#fixCounsel .arrow {right:14%;}
#fixCounsel .container {padding:25px 23px; max-width:100%;}
#fixCounsel .tit h2 {font-size:28px; left:0; padding:0 0 0 16%}
#fixCounsel .tit h2 .point {font-size:34px;}
#fixCounsel .carimg { width:300px; top:-48px; left:5%;}
#fixCounsel .fixCounselBox {display:flex; gap:10px; padding:0 0 0 22%; flex-direction:row;}
#fixCounsel .fixCounselBox .fixCounselList { gap:10px; width:calc(100% - 520px);}
#fixCounsel .fixCounselBox .fixCounselList li {width:33%;}
#fixCounsel .fixCounselBox .fixCounselList li:nth-child(2) {width:35%;}
#fixCounsel .fixCounselBox .fixCounselList li:nth-child(3) {width:33%;}
#fixCounsel .fixCounselBox .fixCounselList li input {padding: 0 25px; font-size:15px;}
#fixCounsel .fixCounselBox .fixCounselList li input::placeholder {text-align:left;}
#fixCounsel .fixAgree {position:static; transform:none; flex-wrap:wrap; width:17%; font-size:15px; font-weight:400;}
#fixCounsel .fixAgree input + label { padding:0 5px 0 23px;}
#fixCounsel .fixAgree input + label:before {top:49%; width:18px; height:18px;}
#fixCounsel .fixAgree input:checked + label:after { top:49%; left:3px; width:12px; height:11px;}
#fixCounsel .submitBtn { width:170px;}
#fixCounsel .submitBtn button {padding:14px 0; width:100%;  font-size:18px;}
#fixCounsel .formAgree {padding:0 10px; width:330px;}

#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;}

#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;}


}
