@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:1274px;}


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

.fc-gr {color:#30615B;}
#compare {margin:55px 0 100px 0;}
#compare  .container { max-width:662px; margin:0 auto; padding:0 15px;}
#compare h3 {font-size:28px; font-weight:700; letter-spacing:-0.5px;}
#compare h2 {margin-top:5px; font-size:38px; font-weight:700; letter-spacing:-1px; }
#compare p {margin:25px 0 50px 0; font-size:17px; font-weight:500; line-height:1.5; color:#333;}
.compare_bottom {background:url('/_img/com_bg.png') no-repeat bottom center / cover;}
.compare_bottom .container {max-width:917px; margin:0 auto; }

#recom {padding:140px 0; background:#F4F4F4;}
#recom .container {padding:0 10px;}
#recom .tit {margin-bottom:25px; display:flex; align-items:center; gap:15px;  justify-content:center;}
#recom .tit .ico {position:relative; top:-11px; width:80px;}
#recom .tit h2 {width:calc(100% - 100px); position:relative; font-size:38px; }
#recom .tit h2 .text {position:relative; z-index:1;}
#recom .tit h2 .line {position:relative; bottom:13px; left:50%; transform:translate(-50%,0); display:block; width:100%; z-index:2;}
.recomList ul {display:flex; flex-direction:column; gap:10px; }
.recomList li {display:flex; align-items:center; gap:14px; background:#fff; padding:10px; border-radius:50px; box-shadow:0 3px 7px rgba(0 0 0 / 9%); }
.recomList .ico {width:60px; background:#38736C; border-radius:100%; overflow:hidden;}
.recomList .text {width:calc(100% - 74px); font-size:15px; color:#333; font-weight:500; line-height:1.5;}

#ssLanding .cmTit {color:#333;}
#ssLanding .cmTit h2 {font-size:38px; font-weight:700; letter-spacing:-2px; line-height:1.2;}
#ssLanding .cmTit h2 .flex {display:flex; align-items:center; gap:3px;}
#ssLanding .cmTit h3 { margin-bottom:5px; font-size:32px; font-weight:500; letter-spacing:-1px;}
#ssLanding .cmTit p {margin-top:12px; font-size:20px; 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% #333333; background-size:10px; border-radius:3px;}
.lowAgree a {color:#8C8C8C;}
.agree-link-pop {color:#8C8C8C;}

#timeSale .tit {padding:110px 16px; background:url('/_img/time_bg_m.png') top center no-repeat; background-size:cover; overflow:hidden; color:#fff;}
#timeSale .tit h2 {font-size:50px; font-weight:700; letter-spacing:-1px;}
#timeSale .tit h3 {padding:0 0 8px 3px; font-size:38px; font-weight:500;}
#timeSale .tit .point {color:#9DFF00; font-weight:700;}
#timeSale .timeSaleList { padding:30px 16px; display:grid; grid-template-columns: repeat(2, 1fr); gap:26px 16px;}
#timeSale .timeSaleList a {position:relative; }
#timeSale .timeSaleList .icon {position:absolute;  top:7px; left:7px; font-size:10px; color:#fff; border-radius:4px; background:#30615B; width:48px; height:20px;
display:flex; align-items:center; justify-content:center; z-index:9;}
#timeSale .timeSaleList .img {margin-bottom:8px; background:#F5F5F5; border-radius:5px; height:120px; display:flex; align-items:center; justify-content:center; }
#timeSale .timeSaleList .img .carimg {position:relative; top:8px; transform:scale(1.1); height:90px; width:auto; overflow:hidden; }
#timeSale .timeSaleList h3 {font-size:18px; font-weight:600;}
#timeSale .timeSaleList p {margin:5px 0 8px 0; font-size:14px; font-weight:400;}
#timeSale .timeSaleList .price {display:flex; align-items:center; gap:4px;}
#timeSale .timeSaleList .price .won {width:16px; display:block;}
#timeSale .timeSaleList .price h2 { display:flex; align-items:center; gap:4px; font-size:17px; font-weight:800; color:#30615B;}
#timeSale .timeSaleList .price .del {font-size:13px; font-weight:400; color:#A3A3A3; }

#ssLanding #lowCounsel .cmTit {margin-bottom:35px;}
#ssLanding #lowCounsel .cmTit h2 {font-weight:500;}
#lowCounsel .tit { padding:25px; background:#F2F2F2;}
#lowCounsel .tit h2 {font-size:20px; font-weight:500; color:#282b36; text-align:center;}
#lowCounsel.mainCounsel {padding:35px 15px 80px 15px; background:#f4f4f4;}
#lowCounsel .formBox {padding:23px 20px; background:#fff; border-radius:15px;}
#lowCounsel .judgeRadioWarp ul {margin:0 auto 6px auto; display:flex; align-items:stretch; gap:10px;}
#lowCounsel .judgeRadioWarp ul li {width:50%;}
#lowCounsel .judgeRadioWarp input {display:none; appearance:none;}
#lowCounsel .judgeRadioWarp input + label {position:relative; display:block; cursor:pointer; padding:20px 5px 45px 5px; background:#fff; 
border-radius:10px; color:#999; border:1px solid #e4e4e4; font-size:12px; text-align:center; line-height:1.4; }
#lowCounsel .judgeRadioWarp input:checked + label  {color:#333; border: 2px solid #6A48FF; }
#lowCounsel .judgeRadioWarp input + label:after {content:''; position:absolute; bottom:16px; left:50%; transform:translate(-50%,0); width:16px; height:16px;
background:url('../_img/ico_check.png') no-repeat #C4C2C7; background-size:cover; border-radius:100%;}
#lowCounsel .judgeRadioWarp input:checked + label:after {content:''; position:absolute; bottom:15px; left:50%; transform:translate(-50%,0); width:20px; height:20px;
background:url('../_img/ico_check.png') no-repeat #333333; background-size:cover; border-radius:100%;}

#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  {}
#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:#333333; font-size:18px; font-weight:700;
color:#fff; letter-spacing:-0.5px; border-radius:7px; }

.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); background:#30615B;}
.agreecon {padding:10px; height:45px; overflow-y:scroll; border:1px solid #f3f3f3;}
#lowCounsel.popCounsel .formList li .subject .ns {color:#30615B;}
#lowCounsel.popCounsel .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% #30615B; background-size:10px; border-radius:3px;}


#lowBest {position:relative; padding:120px 0 75px 0; background:url('../_img/best_bg_m.png') no-repeat center top #6a48ff; background-size:cover; }
#lowBest .tit {padding:0 20px; color:#fff;}
#lowBest .tit h3 {font-size:26px; color:#9DFF00; font-weight:500; letter-spacing:-0.5px;}
#lowBest .tit h2 {margin-top:14px; font-size:48px; font-weight:800; letter-spacing:-1px;}
#lowBest .swiper {margin:80px 0 35px 0; padding:0 15px;}
#lowBest .list a {display:block; background:#fff; border-radius:12px; color:#171717; box-shadow:2px 4px 6px rgba(0 0 0 / 20%);}
#lowBest .list a .rank {padding:32px 16px 12px 16px; font-size:18px; font-weight:600; letter-spacing:-1px; color:#30615B;}
#lowBest .list a .img {background:#F5F5F5; height:142px; overflow:hidden; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5;}
#lowBest .list a .img .car {position:relative; top:5px;}
#lowBest .list a .text {padding:24px 18px;}
#lowBest .list a .text h3 {margin-bottom:6px; font-size:18px; font-weight:700; }
#lowBest .list a .text p {font-size:18px; font-weight:600;}
#lowBest .list a .text .price {margin-top:18px; display:flex; align-items:center; gap:8px;}
#lowBest .list a .text .price h2 { display:flex; align-items:center;  gap:5px; font-size:14px; font-weight:400; color:#404040;}
#lowBest .list a .text .price h2 .big {color:#171717; font-weight:800; font-size:24px; }
#lowBest .list a .text .del {font-size:18px; color:#A3A3A3;}
#lowBest .swiper-scrollbar {bottom:75px !important; width:95%; background:#D3D3D3 !important; left:50%; transform:translate(-50%,0); }
#lowBest .swiper-scrollbar .swiper-scrollbar-drag {background:#333 !important;}

#lowCome {padding:90px 0; }
#lowCome .tabContent {  display: none;}
#lowCome .tabContent.active {  display: block;}

#lowCome .container {padding:0 15px;}
#lowCome .comTab {margin:35px auto 25px auto;}
#lowCome .comTab ul {display:flex; align-items:center; justify-content:space-between; gap:12px;  padding:0 25px; background:#FAFAFA; border:1px solid #E5E5E5;  border-radius:50px;
box-shadow:0 2px 4px rgba(0 0 0 / 15%);}
#lowCome .comTab ul li {width:16.66%;}
#lowCome .comTab ul li a {position:relative; display:block; padding:11px 0; }
#lowCome .comTab ul li a .acOn {display:none;}
#lowCome .comTab ul li.active a {border-bottom:2px solid #1D4ED8;}
#lowCome .comTab ul li.active a .acOn {display:block;}
#lowCome .comTab ul li.active a .acOff {display:none;}

#lowCome .tabcarList {display:grid; grid-template-columns: repeat(2, 1fr); gap:15px; align-items:stretch;}
#lowCome .tabcarList a {display:block; border:1px solid #E5E5E5; border-radius:12px;}
#lowCome .tabcarList a h3 {padding:16px 12px 8px 12px; font-size:14px; font-weight:600; color:#171717}
#lowCome .tabcarList a .img {width:100%; height:118px; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; background:#F5F5F5; display:flex; align-items:center; justify-content:center;}
#lowCome .tabcarList a .text {padding:12px;}
#lowCome .tabcarList a .text p {font-size:12px; height:28px;}
#lowCome .tabcarList a .text .price {margin:8px auto 12px auto; display:flex; align-items:center; gap:5px;}
#lowCome .tabcarList a .text .price h2 { display:flex; align-items:center;  gap:3px; font-size:10px; font-weight:400; color:#404040;}
#lowCome .tabcarList a .text .price h2 .big {color:#171717; font-weight:800; font-size:16px; }
#lowCome .tabcarList a .text .del {position:relative; top:1px; font-size:11px; color:#A3A3A3;}
#lowCome .tabcarList a .btn {width:100%; padding:8px 0; font-size:12px; color:#fff; border-radius:4px; background:#30615B; text-align:center; }

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

#lowCompare { background:url('/_img/compare_bg.png') top center no-repeat; background-size:cover; padding:50px 0 40px 0; overflow:hidden;}
#lowCompare .container {position:relative; padding:0 20px; }
#lowCompare .bnPass {position:absolute; bottom:94px; right:-32px; width:160px; z-index:1; transform:rotate(-3deg);}
#lowCompare .img {margin:20px auto;}
#lowCompare .minus {position:relative;  z-index:3}
#lowCompare .minus h2 {font-size:27px; font-weight:700; color:#093DF3; letter-spacing:-1px; text-align:center;}
#lowCompare .minus h3 {margin-top:15px; font-size:20px; line-height:1.5; color:#000; font-weight:500; letter-spacing:-0.5px;}
#lowCompare .underline {position:relative; display:inline-block;  z-index:2;}
#lowCompare .underline:before {content:''; position:absolute; bottom:-3px; left:50%; transform:translate(-50%,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:80px 0; }
#lowCoper .img {margin-top:80px;}

#lowReview {padding:80px 15px 80px 15px; background:#F4F4F4;}
#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 18px auto; height:130px; overflow:hidden; border-radius:7px; display:flex; align-items:center; justify-content:center; background:#000; background-size:cover;}
#lowReview .reviewList .thumbImg img {width:auto; height:130px;}
#lowReview .reviewList .txt h3 {margin-bottom:15px; font-size:18px; font-weight:600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#4A483F;}
#lowReview .reviewList .txt p {font-size:13px; font-weight:400; line-height:1.3; height:50px; color:#888888;
overflow: hidden; text-overflow: ellipsis; word-break: break-word;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

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

#footer {background:#333;}
.foot .container{ padding:50px 15px 70px 15px; font-size:12px; color:#BCBCBC; line-height:1.8;}
.foot .copyright {margin-top:20px; color:#9E9E9E;}

#fixBtn {position:fixed; bottom:0; left:50%; transform:translate(-50%,0); padding:0 13px; width:100%; z-index:90; text-align:center;}
#fixBtn .typing {position:absolute; top:-15px; left:50%; transform:translate(-50%,0);  display:inline-block; padding:7px 15px; font-size:14px; color:#fff; background:#000; border-radius:30px; z-index:2;
font-weight:500; letter-spacing:0; display:grid; place-items:flex-start; width:240px; color:#D8D8D8;}
#fixBtn .typing .typingText {width: 24ch; /* 글자 수에 맞게 설정 */   white-space: nowrap;   overflow: hidden;  border-right: 1px solid; animation: typing-effect 6s steps(25) infinite; }
#fixBtn a {display:flex; align-items:center; justify-content:center; gap:20px; width:100%; padding:25px 5px 15px 5px; background:linear-gradient(180deg, #25675F, #009784); color:#fff;
font-size:20px; letter-spacing:-0.5px; border-radius:10px 10px 0 0; text-shadow:0 3px 3px rgba(0, 0, 0, 0.2);}
#fixBtn a .point {color:#A1FF0B;}

@keyframes typing-effect {
  0% { width: 0; }
  50% { width: 24ch;  }
  75% { width: 24ch; }
  100% { width: 0;  }
}

/*
#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;}
*/

#popFirework {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:101vh; z-index:99; backdrop-filter: blur(3px);}
#popFirework .btnBtmWrap {display:flex; align-items:center; justify-content:center; }
#popFirework .btnBtmWrap button {position:relative; background:transparent; font-size:14px; color:#fff; padding:0 15px;}
#popFirework .btnBtmWrap button:first-child::after {content:''; position:absolute; top:50%; right:0; transform:translate(0,-50%); width:1px; height:12px; background:#fff; }
#popThunder {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:101vh; z-index:99; backdrop-filter: blur(3px);}
#popThunder .btnBtmWrap {display:flex; align-items:center; justify-content:center; }
#popThunder .btnBtmWrap button {position:relative; background:transparent; font-size:14px; color:#fff; padding:0 15px;}
#popThunder .btnBtmWrap button:first-child::after {content:''; position:absolute; top:50%; right:0; transform:translate(0,-50%); width:1px; height:12px; background:#fff; }

.popTear .cover {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:101vh;
background:url('/_img/pop_tear_2506_m_bg1.png') no-repeat  center / cover; filter:brightness(0.8); opacity:0.9; z-index:1;}
.popTear .popcon {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:101vh;  background:url('/_img/pop_tear_2506_m_bg0.png') no-repeat  center / cover; z-index:9;}
.popTear .popTxt {position:absolute; top:51%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:620px;}
.popTear .carTit {width:270px; margin:0 auto;}
.popTear .carPic {position:relative; top:-65px; margin-bottom:-65px; width:100%; max-width:620px;}
.popTear .popcon .carName {margin:20px auto 0 auto; font-size:24px; font-weight:700; color:#fff;}
.popTear .popcon a.btnCounsel {margin:10px auto 18px auto; display:inline-block;  padding:13px 46px;  font-size:16px; font-weight:700;background:#5700ED; color:#fff;  border-radius:70px;}

.popDead .cover {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:101vh;
background:url('../_img/pop_tear_bg_m.png') no-repeat  center / cover; filter:brightness(0.6); opacity:0.9; z-index:1;}
.popDead .deadLine {position:relative;  width:100vw; height:101vh;  z-index:2;}
.popDead .deadLine .up {position:absolute; top:-10px; left:50%; transform:translate(-50%,0); width:100%;}
.popDead .deadLine .down {position:absolute; bottom:-5px; left:50%; transform:translate(-50%,0); width:100%;}
.popDead .popcon {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:101vh;  background:url('../_img/pop_deadline_m.png') no-repeat  center / cover; z-index:9;}
.popDead .popTxt {position:absolute; top:63%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:620px;}
.popDead .popcon .carName {margin:0 auto; font-size:24px; font-weight:700; color:#fff;}
.popDead .popcon a.btnCounsel {margin:10px auto 18px auto; display:inline-block;  padding:13px 46px;  font-size:16px; font-weight:700;background:#FF6A00; color:#fff;  border-radius:70px;}


#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: 480px) {
.agreecon {height:55px;}
}

@media (min-width: 525px) {


#compare {margin:190px auto;}
#compare h3 {font-size:42px;}
#compare h2 {font-size:48px;}
#compare p {margin:23px auto 75px auto; font-size:23px;}


#recom {padding:170px 0 200px 0;}
#recom .tit {margin-bottom:45px; gap:30px;}
#recom .tit .ico {width:104px; }
#recom .tit h2 {width:609px; font-size:48px;}
#recom .tit h2 .line {left:47%;}
.recomList ul {width:882px; margin:0 auto; flex-direction:row; gap:30px; justify-content:center;}
.recomList li {padding:47px 0; flex-direction:column; gap:36px; border-radius:10px; width:33.33%; }
.recomList .ico {width:95px; margin:0 auto; }
.recomList .text {width:100%; font-size:24px; line-height:1.5; text-align:center; letter-spacing:-0.5px; 
display:flex; align-items:center; justify-content:center; height:109px; }

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

#timeSale {padding:120px 0 140px 0; background:url('/_img/time_bg.png') top center no-repeat; background-size:cover;}
#timeSale .tit .ico {width:75px;}
#timeSale .tit {padding:0 35px; max-width:1344px; margin:0 auto 55px auto; background:transparent; }
#timeSale .container {max-width:1344px;}
#timeSale .timeSaleList {padding:40px 35px 50px 35px; background:#fff; grid-template-columns:repeat(4, 1fr); gap:24px;}
#timeSale .timeSaleList .icon {top:8px; left:8px; width:72px; height:32px; font-size:16px; }
#timeSale .timeSaleList .img {margin-bottom:24px; height:200px;}
#timeSale .timeSaleList .img .carimg {height:150px;}
#timeSale .timeSaleList a:hover .img .carimg img {transform:scale(1.1); transition:all 0.5s;}
#timeSale .timeSaleList h3 {font-size: 30px;}
#timeSale .timeSaleList p {margin:5px 0 15px 0; font-size:20px;}
#timeSale .timeSaleList .price .won {width:24px;}
#timeSale .timeSaleList .price {gap:8px;}
#timeSale .timeSaleList .price h2 {gap:8px; font-size:24px;}
#timeSale .timeSaleList .price .del {font-size:20px;}

#lowCounsel.mainCounsel {padding:10px 0 80px 0;}
#lowCounsel.mainCounsel .container {width:780px;}
#lowCounsel .formBox {padding:50px 40px; border-radius:20px;}
#lowCounsel .formList li {margin:0 0 30px 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:22px 0; font-size:25px; border-radius:10px;}
#lowCounsel button:hover {background:#30615B;}
#lowCounsel .lowAgree {margin:50px 0; font-size:20px;}
#lowCounsel .lowAgree ul {gap:7px;}
#lowCounsel .formList li.text p {line-height:2.2; font-size:22px; letter-spacing:-0.5px;}

#lowCounsel .judgeRadioWarp ul {margin: 0 auto 35px auto;}
#lowCounsel .judgeRadioWarp input + label {padding:40px 0 80px 0px; font-size:20px; }
#lowCounsel .judgeRadioWarp input:checked + label  { border: 4px solid #6A48FF; position:relative; top:-2px; }
#lowCounsel .judgeRadioWarp input + label:after {content:''; position:absolute; bottom:32px; left:50%; transform:translate(-50%,0); width:30px; height:30px;
background:url('../_img/ico_check.png') no-repeat #C4C2C7; background-size:cover; border-radius:100%;}
#lowCounsel .judgeRadioWarp input:checked + label:after {content:''; position:absolute; bottom:30px; left:50%; transform:translate(-50%,0); width:40px; height:40px;
background:url('../_img/ico_check.png') no-repeat #333333; background-size:cover; border-radius:100%;}

.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 {top:-2px; padding:70px 0 130px 0; background:url('../_img/best_bg.png') no-repeat center top;  background-size:auto  354px;}
#lowBest .tit {padding:0}
#lowBest .tit h2 {margin-top:14px; font-size:48px;}
#lowBest .tit h3 {font-size:32px;}
#lowBest .swiper { padding:15px; margin:60px -15px;}
#lowBest .list a .rank {padding:40px 24px 16px 24px; font-size:20px;}
#lowBest .list a:hover .img img {transform:scale(1.1); transition:all 0.5s;}
#lowBest .list a .img {height:240px;}
#lowBest .list a .img .car {top:23px;}
#lowBest .list a .text {padding:32px 24px;}
#lowBest .list a .text h3 {margin-bottom:8px; font-size:20px;}
#lowBest .list a .text p {font-size:20px; font-weight:400;}
#lowBest .list a .text .price {margin-top:24px; gap:12px;}
#lowBest .list a .text .price h2 {font-size:16px;}
#lowBest .list a .text .price h2 .big {font-size:24px;}
#lowBest .list a .text .del {font-size:20px;}
#lowBest .swiper-scrollbar {bottom:135px !important; max-width:1274px;}


#lowCome {padding:90px 0 70px 0; }
#lowCome .comTab {margin:70px auto 50px auto;}
#lowCome .comTab ul {padding:0 140px; gap:86px; border-radius:150px;}
#lowCome .comTab ul li a {padding:30px 0;}
#lowCome .comTab ul li.active a {border-bottom:4px solid #1D4ED8 }
#lowCome .tabcarList {grid-template-columns:repeat(3, 1fr); gap:24px;}
#lowCome .tabcarList a h3 {padding:40px 24px 16px 24px; font-size:20px;}
#lowCome .tabcarList a .img {height:240px;}
#lowCome .tabcarList a .text {padding:24px;}
#lowCome .tabcarList a .text p {font-size:20px; height:46px; }
#lowCome .tabcarList a .text .price {margin:24px auto; gap:15px; }
#lowCome .tabcarList a .text .price h2 {font-size:16px; gap:4px;}
#lowCome .tabcarList a .text .price h2 .big {font-size:28px;}
#lowCome .tabcarList a .text .del {font-size:20px;}
#lowCome .tabcarList a .btn {padding:16px 0; background:#fff; color:#30615B; font-size:18px; font-weight:700; border:1px solid #30615B; border-radius:10px;}
#lowCome .tabcarList a:hover .btn {background:#30615B; color:#fff;}
#lowCome .caution li {font-size:16px; }


#lowCompare {padding:90px 0;}
#lowCompare .minus h2 {font-size:50px;}
#lowCompare .minus h3 {margin-top:40px; font-size:38px;}
#lowCompare .bnPass {bottom:-96px; right:-530px; width:640px; z-index:1; transform:rotate(0);}


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

#lowCoper{padding:150px 0; }
#ssLanding #lowCoper .cmTit h3 {font-size:40px;}
#lowCoper .img {margin-top:15px; border-radius:20px; }


#lowReview {padding:80px 0;}
#lowReview .cmTit {text-align:center;}
#lowReview .reviewList {gap:70px;}
#lowReview .reviewList li {width:calc(33% - 43px);}
#lowReview .reviewList .thumbImg {height:250px; margin:7px auto 22px auto;}
#lowReview .reviewList .txt h3 {font-weight:700;}
#lowReview .reviewList .txt p {font-size:15px; height:70px; line-height:1.6;}
#lowReview .reviewMore {margin-top:0;  }
#lowReview .reviewMore .btn {margin-top:30px; padding:15px 25px; border-radius:30px; font-size:16px; }
#lowReview .reviewMore .btn:hover {background:#6A48FF; border:1px solid #6A48FF; color:#fff; transition:all 0.5s;}


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

#fixBtn {max-width:690px;}
#fixBtn .typing {top:-27px; padding:16px 38px; font-size:22px; width:398px;}
#fixBtn a {padding:48px 0 23px 0; font-size: 34px; border-radius:20px 20px 0 0;}



/*
#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;}
*/

#popFirework {height:100.2vh; backdrop-filter:blur(5px);}
#popFirework .btnBtmWrap button {font-size:15px; color:#5B5B5B; padding:0 25px; letter-spacing:-0.5px;}
#popFirework .btnBtmWrap button:first-child::after {content:''; position:absolute; top:50%; right:0; transform:translate(0,-50%); width:1px; height:12px; background:#5B5B5B; }
#popThunder {height:100.2vh; backdrop-filter:blur(5px);}
#popThunder .btnBtmWrap button {font-size:15px; color:#fff; padding:0 25px; letter-spacing:-0.5px;}
#popThunder .btnBtmWrap button:first-child::after {content:''; position:absolute; top:50%; right:0; transform:translate(0,-50%); width:1px; height:12px; background:#fff; }

.popTear .cover {width:105vw; height:101vh;  background:url('/_img/pop_tear_2506_pc_bg.png') no-repeat  center / cover; }
.popTear .popcon {background:url('/_img/pop_tear_2506_pc_tit.png') no-repeat  center / contain; }
.popTear .popTxt {top:66%; left:49.5%;}
.popTear .carTit {display:none;}
.popTear .carPic {top:0; margin:0;}
.popTear .popcon .carName {margin:0 auto; font-size:24px; font-weight:700; color:#5700ED;}
.popTear .popcon a.btnCounsel {margin:15px auto 20px auto;  padding:14px 50px; font-size:18px; }

.popDead .cover {width:100vw; height:101vh;  background:url('../_img/pop_tear_bg.png') no-repeat  center / cover; }
.popDead .popcon {background:url('../_img/pop_deadline.png') no-repeat  center / contain; }
.popDead .popTxt {top:69%;}
.popDead .carPic {margin:0 auto -20px auto;}
.popDead .popcon .carName {margin:0 auto; font-size:24px; font-weight:700; color:#fff;}
.popDead .popcon a.btnCounsel {margin:15px auto 20px auto;  padding:14px 50px; font-size:18px; }

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


}