:root {
    --color-1: #171717;
    --size-1: 1rem;
}

html {
    font-size: 16px;
    background: #F5F5F5;
    -webkit-overflow-scrolling: touch;
}

body {
    margin: 0;
    padding: 0;
    line-height: 1.2;
    letter-spacing: -.035rem;
    font-family: "Pretendard Variable", Pretendard, sans-serif;
    font-size: var(--size-1);
    color: var(--color-1);
    background: #F5F5F5;
    -webkit-overflow-scrolling: touch;
}
body.landing-main {
    min-width: 0;
    overflow-x: hidden;
    background: #F5F5F5;
    padding-bottom: 92px;
}
body.landing-main.tmap-popup-open {
    overflow: hidden;
}


.img-responsive {width:100%; height:auto;  object-fit: cover; object-position:center;}
.img-contain {width:100%;   height:100%;  object-fit: contain; object-position:center;}

.relative {position:relative;}
.text-center {text-align:center;}
.container {padding:0 16px; width:100%; }
.pc {display:none;}
.mobile {display:block;}
.mbr {display:block; width:100%; height:1px; }
.br {display:none;}

.fc-r {color:#FF2C2E !important; }

.ldTit { margin-bottom:20px; display:flex; flex-direction:column; gap:8px; justify-content:center; text-align:center; 
	.round {margin:0 auto 4px auto; display:flex; align-items:center; justify-content:center;  width:75px; height:20px;  font-size:10px; font-weight:700; color:#fff; background:#FF2C2E; border-radius:100px; }
	h2 {font-size:24px; font-weight:700; line-height:1.3; letter-spacing:-0.5px; color:#121212;}
	p {font-size:14px; font-weight:400; line-height:1.3; color:#898989;}
}



.ldPage {
    width: 360px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
}
.tmap-hero {
    position: relative;
    width: 360px;
    height: 580px;
    padding: 50px 15px 8px;
    box-sizing: border-box;
    overflow: hidden;
}
.tmap-hero-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	height:100%; 
    object-fit: cover;
    pointer-events: none;
}
.tmap-header {
    position: fixed;
    top: -1px;
    left: 50%;
    z-index: 1100;
    width: 101%;
    height: 50px;
    background: transparent;
    box-shadow: none;
    transform: translateX(-50%);
    transition: background .3s, box-shadow .3s;
}
.tmap-header.scroll {    
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.tmap-hero-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    cursor: pointer;
}
.tmap-hero-brand img {
    display: block;
    flex-shrink: 0;
    object-fit: contain;
    pointer-events: none;
}
.tmap-hero-brand-tmap {
    width: 47.5px;
}
.tmap-hero-brand i {
    display: block;
    width: 1px;
    height: 16px;
    background: #FF2C2E;
}
.tmap-hero-brand-datalab {
    width:48.5px;
}
.tmap-hero-title {position:relative; margin-top:30px;  text-align:center;   z-index:2;
	h2 {margin-bottom:15px; font-size:36px; line-height:1.2; font-weight:900; color:#121212;  letter-spacing:-0.5px;}
	p {font-size:14px; line-height:1.3; font-weight:500;  color:#676767; }
}


body * {
    margin: 0;
    padding: 0;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    word-break: keep-all;
    box-sizing: border-box;
}

/* 팝업 */
.layerPopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1000;    
}

/* TMAP InputBottomPopup / CTA */
#mformCounsel {
    position: static;
    width: auto;
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    left: auto;
    bottom: auto;
    transform: none;
    overflow: visible;
    background: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;

	button.dbSubmit {display:none;}
}

.tmap-cta-fixed {
    position: fixed;
    left: 50%;
    bottom: 50px;
    z-index: 1200;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 328px;
    height: 60px;
    padding: 10px 20px 12px;
    overflow: hidden;
    isolation: isolate;
    border-top: 2px solid #BAC1C6;
	border-right:none; border-left:none; border-bottom:none;
    border-radius: 12px; 
   background: linear-gradient(90deg, #333336 0%, #1E1E21 40%, #0D0D0E 60%, #545459 100%);
    box-shadow: 0px 8px 12px 0px #00000040,  0px -2px 2px 0px #020202 inset;
    cursor: pointer;
    transform: translateX(-50%);
    transition: transform .25s ease, box-shadow .25s ease;
	


}

/*
.tmap-cta-fixed::before {
    content: "";
    position: absolute;
    inset: 1.5px;
    z-index: 0;
    background: #14141f;
    border-radius: 10.5px;
    pointer-events: none;
}
*/

.tmap-cta-fixed .tmap-cta-sub,
.tmap-cta-fixed .tmap-cta-main {
    position: relative;
    z-index: 1;
}
.tmap-cta-fixed .tmap-cta-sub {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.22px;
    color: #fff;
    white-space: nowrap;
	opacity:0.85
}
.tmap-cta-fixed .tmap-cta-main {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.32px;
    color: #fff;
    white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
    .tmap-cta-fixed:hover {
        transform: translateX(-50%) translateY(-3px);
        box-shadow:  0 8px 32px -4px rgba(255, 60, 80, 0.45),  0 4px 24px -2px rgba(255, 0, 80, 0.65),  inset 0 1px 8px rgba(255, 77, 102, 0.15);   }
}

.tmap-popup-dim {
    position: fixed;
    inset: 0;
    z-index: 1250;
    background: rgba(0,0,0,0.45);
    opacity: 0;
    visibility: hidden;
    transition: opacity .28s ease, visibility .28s ease;
}
.tmap-popup {
    position: fixed;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: 1300;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 360px;
    max-width: 100%;
    height: auto;
    max-height: none;
    overflow: hidden;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    pointer-events: none;
    transform: translateX(-50%) translateY(110%);
    transition: transform .32s ease;
}
.tmap-popup > form {
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    width: 100%;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 30px 30px 0 0;
    box-shadow: 0 -8px 24px rgba(0,0,0,0.1);
    pointer-events: auto;
}
#mformCounsel.is-open .tmap-cta-fixed {
    display: none;
}
#mformCounsel.is-open .tmap-popup-dim {
    opacity: 1;
    visibility: visible;
}
#mformCounsel.is-open .tmap-popup {
    transform: translateX(-50%) translateY(0);
}

.tmap-popup-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 24px;
    width: 100%;

    padding: 24px 20px;
    background: #FF2C2E;
}
.tmap-popup-close,
#lowCounsel .tmap-popup-close {
    display: none !important;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    cursor: pointer;
}
.tmap-popup-close span,
.tmap-popup-close span::before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 1.5px;
    background: #fff;
    border-radius: 1px;
}
.tmap-popup-close span {
    transform: translate(-50%, -50%) rotate(45deg);
}
.tmap-popup-close span::before {
    content: "";
    transform: translate(-50%, -50%) rotate(90deg);
}
.tmap-popup-handle {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    display: flex;
    justify-content: center;
    width: fit-content;
    cursor: pointer;
}
.tmap-popup-handle span {
    display: block;
    width: 20px;
    height: 20px;
    background: url('/_img/nate/ico-close-wh.png') no-repeat center;
    background-size: cover;
}
.tmap-popup-title-group {  display: flex; flex-direction: column;  gap: 12px; color:#fff;
	h3 {font-size:20px; font-weight:700; line-height:1.3;}
	p {font-size:12px; font-weight:500; line-height:1.3;}
}
.tmap-popup-title {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.4px;
    color: #fff;
}
.tmap-popup-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.12px;
    color: #d3edff;
    background: rgba(255,255,255,0.13);
    border-radius: 100px;
}

.tmap-popup-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: 20px 20px 32px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}


.tmap-popup-body > * {
    flex-shrink: 0;
}
.tmap-fields {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.tmap-fields-row {
    display: flex;
    gap: 10px;
}
.tmap-field {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.tmap-field label {
    font-size: 11px;
    font-weight: 600;
    color: #555566;
}
.tmap-field input {
    width: 100%;
    height: 44px;
    padding: 12px 14px;
    font-size: 14px;
    color: #1e293b;
    background: #f8f8fb;
    border: 1px solid #e2e2ec;
    border-radius: 6px;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.tmap-field input::placeholder {
    color: #a9a9a9;
}
.tmap-field input[readonly] {
    color: #1e293b;
}

.tmap-agree {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 320px;
    padding-top: 8px;
}
.tmap-agree-item {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.tmap-agree-item input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin: 0;
    background: #fff;
    border: 1.5px solid #cbd5e1;
    border-radius: 4px;
    cursor: pointer;
}
.tmap-agree-item input[type="checkbox"]:checked {
    background: #FF2C2E ;
    border-color: #FF2C2E;
}
.tmap-agree-item input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    width: 5px;
    height: 8px;
    margin: 2px auto 0;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.tmap-agree-item label {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.26px;
    color: #7B7B7B;
    cursor: pointer;
}
.tmap-agree-item.all label {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.28px;
    color: #1e293b;
}
.tmap-agree-view {
    flex: 0 0 auto;
    font-size: 11px;
    color: #8E8E93;
    text-decoration: none;
    white-space: nowrap;
}
.tmap-agree-line {
    width: 100%;
    height: 1px;
    background: #e2e2ec;
}
.tmap-agree-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.tmap-submit-btn {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 320px;
    height: 60px;
    padding: 10px 20px;
    overflow: hidden;
    border: 0;
    border-radius: 12px;
	border-top:2px solid #BAC1C6; 
    background: linear-gradient(90deg, #333336 0%, #1E1E21 40%, #0D0D0E 60%, #545459 100%);
    box-shadow: 0px 8px 12px 0px #00000040,  0px -2px 2px 0px #020202 inset;
    cursor: pointer;
}

.tmap-submit-btn span,
.tmap-submit-btn strong {
    position: relative;
    color: #fff;
    white-space: nowrap;
}
.tmap-submit-btn span {
    font-size: 10px;
    font-weight: 500;
    opacity: 0.85;
}
.tmap-submit-btn strong {
    font-size: 14px;
    font-weight: 700;
}

#lowCounsel.tmap-popup {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    overflow: hidden;
    transform: none;
    animation: tmapPopupSlideUp .32s ease;
    box-shadow: none;
    pointer-events: auto;
}
#lowCounsel.tmap-popup > form {
    height: auto;
    max-height: 100%;
}
@keyframes tmapPopupSlideUp {
    from {
        transform: translateY(110%);
    }
    to {
        transform: translateY(0);
    }
}
html:has(#lowCounsel),
html:has(#lowCounsel) body {
    background: transparent !important;
    overflow: hidden !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
}

.tmap-sec-head {
    padding: 0;
    text-align: center;
}
.tmap-sec-head h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.48px;
    color: #121212;
}
.tmap-sec-head p {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.28px;
    color: #898989;
}
.tmap-sec-head.is-light h2,
.tmap-sec-head.is-light p {
    color: #fff;
}
.tmap-sec-head.is-light p {
    font-weight: 400;
}

.tmap-benefit1 {
    position: relative;
    padding: 48px 16px;
    overflow: hidden;
}
.tmap-benefit1 .tmap-sec-head h2 {
    font-size: 22px;
    letter-spacing: -0.44px;
}
.tmap-benefit1-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.tmap-benefit1::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(54,81,224,0.6);
    pointer-events: none;
}
.tmap-benefit1 .tmap-sec-head,
.tmap-benefit1 .tmap-gift-grid,
.tmap-benefit1 .tmap-benefit1-logo {
    position: relative;
    z-index: 1;
}
.tmap-gift-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 328px;
    margin: 24px auto 0;
}
.tmap-gift-item {
    position: relative;
    width: 158px;
    height: 194px;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
}
.tmap-gift-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tmap-gift-item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 102px;
    background: linear-gradient(to top, #000, rgba(0,0,0,0));
    pointer-events: none;
}
.tmap-gift-item p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 13px;
    z-index: 1;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.28px;
    color: #fff;
    text-align: center;
}
.tmap-benefit1-logo {
    display: block;
    width: 164px;
    height: 14px;
    margin: 48px auto 0;
    object-fit: contain;
}

.ldGift { padding:48px 0; }
.ldGift .logo {margin:32px auto 0 auto; width:58px;}
.ldGiftList {display: grid; grid-template-columns: repeat(2, 1fr);    gap: 12px;
	.list:first-child { grid-column: 1 / -1;}
	.list .text p,
	.list .text h1 {display:none;}
	.list .text .mobile {display:inline-block; }
	.list {position:relative; height:194px; border-radius:8px; overflow:hidden;}
	.list .img {position:absolute; top:0; left:50%; transform:translate(-50%, 0); width:100%; height:100%; z-index:2;}
	.list .text {position:absolute; bottom:18px; left:50%; transform:translate(-50%, 0); width:100%; z-index:3; text-align:center;}
	.list .text h2 {font-size:14px; font-weight:600; line-height:1.3; color:#fff; letter-spacing:0;}
	.list:first-child .text h2 { font-size:18px;}
}

.ldBenefit {padding:48px 0; background:#121212;
	.ldTit {margin:0 0 32px 0;}
	.ldTit  h2 {color:#fff;}	
	.ldTit  p {color:#d9d9d9; text-shadow: 0px 4px 4px 0px #00000040;}
	.midTit {margin:32px 0; font-size: 18px; font-weight:500; color:#fff; line-height:1.4; text-align:center; }
 	
}

.ldBenefitList {display: flex;  flex-direction: column; align-items: center; gap:12px;
	.list {width:100%; padding:27.5px 0; display: flex;  flex-direction: column; align-items: center; gap:14px; background:#000000; border:1px solid #000; border-radius:8px;   transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;}
	.list.on {border-color:#FF2C2E;  transform: translateY(-2px); }
	.list .ico {width:100%; height:83px;}
	.list .text {text-align:center;  }
	.list .text h3 {margin-bottom:8px; font-size:16px; line-height:1.3; font-weight:600; color:#fff;}
	.list .text p {font-size:13px; line-height:1.3; font-weight:400; color:#898989; }

}





.tmap-compare {
    padding: 48px 16px;
    background: #fdfdfd;
    border-top: 1px solid #ebebeb;
}
.tmap-compare-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 328px;
    margin: 24px auto 0;
}
.tmap-compare-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border-radius: 8px;
    box-sizing: border-box;
}
.tmap-compare-card.is-old {
    width: 312px;
    margin-bottom: -10px;
    background: #f6f6f6;
    border: 1px solid #e8e7e7;
}
.tmap-compare-card.is-new {
    position: relative;
    z-index: 1;
    width: 328px;
    background: #fff;
	color:#FF2C2E;
	border:1px solid #FF2C2E;
}
.tmap-compare-card strong {
    display: block;
	color:#999; 
    font-size: 16px;
    font-weight: 600;
}
.tmap-compare-card.is-new strong {
    font-weight: 700;
	color:#FF2C2E;
}
.tmap-compare-price {
	font-weight:500;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.tmap-compare-price span {
    font-size: 18px;
    color: #999;
}
.tmap-compare-card.is-new .tmap-compare-price span {
    color: #FF2C2E;
}
.tmap-compare-price em {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    color: #999;
}
.tmap-compare-card.is-new .tmap-compare-price em {
    font-size: 24px;
    font-weight: 800;
    color: #FF2C2E;
}
.tmap-compare-card ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 12px;
    border-top: 1px solid #e8e7e7;
}
.tmap-compare-card.is-new ul {
    border-top-color: rgba(255,44,46,0.5);
}
.tmap-compare-card li {
    font-size: 11px;
    line-height: normal;
    color: #999;
    list-style: none;
}
.tmap-compare-card.is-new li {
    font-size: 12px;
    color: #FF2C2E;
	font-weight:500;
}

.tmap-best {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 48px 16px;
    background: #fff;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
}
.tmap-best .tmap-sec-head p {
    margin-top: 8px;
    font-size: 12px;
}

.ppcaution {
	ul { display: flex;  flex-direction: column;   gap: 5px;}
	li {display: flex; gap:4px; font-size:12px; font-weight:400; color:#939495;}
}


.tmap-rank {
    width: 328px;
    margin: 0 auto;
    padding: 20px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f9f9f9;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
    box-sizing: border-box;
}
.tmap-rank-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 20px;
}
.tmap-rank-head strong {
    font-size: 15px;
    font-weight: 600;
    color: #1a1a1f;
}
.tmap-live {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    font-size: 9px;
    font-weight: 500;
    color: #fff;
    background: #000;
    border-radius: 10px;
}
.tmap-live i {
    width: 5px;
    height: 5px;
    background: #ff1e1e;
    border-radius: 50%;
}
.tmap-rank ol {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}
.tmap-rank li {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: 36px;
    padding: 8px 12px 8px 8px;
    box-sizing: border-box;
    overflow: hidden;
    list-style: none;
    border-radius: 8px;
    cursor: pointer;
}
.tmap-rank li.is-current {
    outline: none;
}
.tmap-rank li.is-top {
    background: #fff4f4;
}
.tmap-rank em {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    color: #808087;
    background: #e5e5eb;
    border-radius: 2px;
}
.tmap-rank li.is-top em {
    color: #fff;
    background: #FF2C2E;
}
.tmap-rank li span {
    flex: 1;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.24px;
    color: #4d4d54;
}
.tmap-rank li.is-top span {
    color: #1a1a1f;
}
.tmap-rank li b {
    font-size: 10px;
    font-weight: 500;
}
.tmap-rank li b.up { color: #ff1e1e; }
.tmap-rank li b.down { color: #0066FF; }
.tmap-rank li b.hold { color: #b3b3b3; font-size: 14px; }
.tmap-best-slide {
    width: 360px;
    margin: 0 0 0 -16px;
    padding: 0 0 0 16px;
    overflow: hidden;
}
.tmap-best-slide .swiper-slide {
    width: 286px;
}
.tmap-best-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 286px;
    height: 349px;
    padding: 16px;
    border: 1px solid transparent;
    border-radius: 12px;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(90deg, #FF2C2E 0%, #AA262F 50%, #FF2C2E 100%) border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.tmap-best-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    height: 21px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: -0.5px;
    color: #fff;
    background: #000;
    border-radius: 999px;
}
.tmap-best-img {
    height: 114px;
    overflow: hidden;
    border-radius: 6px;
}
.tmap-best-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tmap-best-card h3 {
    width: 100%;
    height: 21px;
    margin: 0;
    overflow: hidden;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tmap-best-line {
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    border: 0;
    border-top: 1px solid #ebebeb;
}
.tmap-best-price {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    height: 60px;
}
.tmap-best-del {
    height: 15px;
    margin: 0;
    font-size: 12px;
    line-height: 15px;
    color: #737373;
    text-decoration: line-through;
}
.tmap-best-now {
    height: 24px;
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    color: #000;
}
.tmap-best .ppinfo {
    height: 13px;
    margin: 0;
    font-size: 11px;
    line-height: 13px;
    color: #898989;
}
.tmap-best-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 41px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    color: #fff;
    background:#FF2C2E;
    border-radius: 4px;
}
.tmap-best-dots {
    position: relative;
    bottom: auto;
    margin-top: 20px;
}
.tmap-best-dots .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 3px !important;
    background: #e0e0e5;
    opacity: 1;
    border-radius: 4px;
}
.tmap-best-dots .swiper-pagination-bullet-active {
    width: 24px;
    background: #a9a9a9;
}

.tmap-benefit2 {
    padding: 32px 16px;
    background: #fff;
}
.tmap-benefit2-visual {
    display: block;
    width: 328px;
    height: 428px;
    margin: 0 auto 28px;
    object-fit: cover;
}
.tmap-benefit2-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 328px;
    margin: 24px auto 0;
}
.tmap-benefit2-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 120px;
    padding: 20px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.04);
    box-sizing: border-box;
    list-style: none;
    transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}
.tmap-benefit2-list li.is-on {
    border-color: #0064fd;
    box-shadow: 0 6px 16px rgba(0,100,253,0.16);
    transform: translateY(-2px);
}
.tmap-benefit2-list img {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    object-fit: contain;
}
.tmap-benefit2-list h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.36px;
    color: #171717;
}
.tmap-benefit2-list em {
    font-style: normal;
    color: #0064fd;
}
.tmap-benefit2-list p {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.3;
    letter-spacing: -0.26px;
    color: #8c8c8c;
    word-break: break-all;
    overflow-wrap: anywhere;
}

.tmap-banner {
    padding: 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.tmap-banner img {
    display: block;
    width: 360px;
    height: 214px;
    object-fit: cover;
}

.tmap-promo {
    padding: 48px 0 0;
}
.tmap-promo .tmap-sec-head p {
    margin-top: 12px;
    font-weight: 500;
    color: #7b7b7b;
}
.tmap-brand-tabs {
    display: flex;
    gap: 6px;
    width: 100%;
}
.tmap-brand-tabs li {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	gap:3px;
    padding: 8px 0;
    background: #f5f5f5;
    border: 1.5px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    list-style: none;
}
.tmap-brand-tabs li.active {
    background: #fff;
    border-color: #171717;
    box-shadow: 0 4px 4px rgba(0,0,0,0.06);
}
.tmap-brand-tabs li img {
    width: 38px;
    height: 22px;
    object-fit: contain;
	opacity:0.5;
}
.tmap-brand-tabs li span {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: -0.22px;
    color: #b7b7b7;
}
.tmap-brand-tabs li.active span {
    font-weight: 600;
    color: #171717;
}

.tmap-brand-tabs li.active img {opacity:1;}

.tmap-promo-panels {
    position: relative; margin-top:32px;
}
.tmap-promo-slide {
    display: block;
    width: 328px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
}
.tmap-promo-slide .swiper-slide {
    width: 328px;
}
.tmap-promo-card {
    position: relative;
    width: 328px;
    height: 320px;
    padding: 24px;
    overflow: hidden;
    background: linear-gradient(-44deg, #B70002 0%, #E22628 32%, #FF2C2E 100%);
    border-radius: 20px;
    box-sizing: border-box;
    cursor: pointer;
}
.tmap-promo-prev,
.tmap-promo-next {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 29px;
    height: 58px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    transform: translateY(-50%);
    cursor: pointer;
}
.tmap-promo-prev { left: 0; }
.tmap-promo-next { right: 0; }
.tmap-promo-prev:after,
.tmap-promo-next:after {
    display: none;
    content: none;
}
.tmap-promo-prev img,
.tmap-promo-next img {
    display: block;
    width: 29px;
    height: 58px;
    object-fit: contain;
}
.tmap-promo-next img {
    transform: rotate(180deg) scaleY(-1);
}
.tmap-promo-slide .swiper-button-disabled {
    opacity: 0.35;
    pointer-events: none;
}
.tmap-promo-brand {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.24px;
    color: rgba(255,255,255,0.88);
}
.tmap-promo-card h3 {
    margin-top: 4px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.48px;
    color: #fff;
}
.tmap-promo-price {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin-top: 4px;
    padding-top: 4px;
}
.tmap-promo-price span {
    font-size: 13px;
    line-height: 16px;
    color: rgba(255,255,255,0.63);
}
.tmap-promo-price em {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;
	color:#fff;
}
.tmap-promo-img {
    position: absolute;
    left: 24px;
    right: 24px;
    top: 135px;
    height: 165px;
}
.tmap-promo-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tmap-cars {
    padding: 48px 0;
	.ppcaution {margin-top:40px; }
}
.tmap-car-grid {
    display: none;
    flex-wrap: wrap;
    gap: 60px 8px;
}
.tmap-car-grid.active {
    display: flex;
}
.tmap-car-grid article {
	width:calc(50% - 4px);
    cursor: pointer;
}
.tmap-car-badge {
    display: inline-flex;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.49px;
    color: #fff;
    background: #171717;
    border-radius: 7px;
}
.tmap-car-img {
    height: 96px;
    margin-top: 0;
}
.tmap-car-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tmap-car-list .con { padding:0 10px;
	h5 {}
	h3 { font-size: 15px;  font-weight: 500;  line-height: 1.3; letter-spacing: -0.32px; color: #171717; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.price {margin:4px 0 6px 0; display: flex; align-items: flex-end;  gap: 2px; font-size:14px; font-weight:600; color:#111; }
	.price .big {font-size:22px; font-weight:700; letter-spacing: -0.48px; }
	.ppinfo  {  font-size: 11px;   line-height: 13px;  color: #898989;}
}

.tmap-db {
    padding:48px 0;
	border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; 
	button.dbSubmitOnly {display:none;}
}

.tmap-db .dbForm {  padding: 28px 24px;   background: rgba(255,255,255,0.6);
    border-radius: 8px;   box-shadow: 0 12px 32px -8px rgba(51,38,128,0.08), inset 0 1px 2px rgba(255,255,255,0.5);
    box-sizing: border-box;border:1px solid #FF2C2E; 
}




.tmap-db .tmap-sec-head {
    padding: 0 24px 24px;
}
.tmap-db .tmap-sec-head h2 {
    color: #332666;
}
.tmap-db .tmap-sec-head p {
    font-size: 13px;
    color: #66618c;
}
.tmap-db-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;
    padding: 28px 24px;
    background: rgba(255,255,255,0.6);
    border-radius: 8px;
    box-shadow: 0 12px 32px -8px rgba(51,38,128,0.08), inset 0 1px 2px rgba(255,255,255,0.5);
    box-sizing: border-box;
	border:1px solid #FF2C2E; 
}
.tmap-db .tmap-field label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.24px;
    color: #8E8E93;
}
.tmap-db .tmap-field input {
    height: 46px;
    padding: 13px 16px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}

.tmap-db .tmap-field input:focus-visible {border:1px solid #8E8E93;}

.tmap-db-agree .tmap-agree-item.all label {
    font-size: 12px;
    color: #8E8E93;
}
.tmap-db-agree .tmap-agree-item label {
    font-size: 12px;
    color: #807a94;
}
.tmap-db-fields {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.tmap-db-agree {
    width: 100%;
    margin-top: 0;
}
.tmap-db-submit {
    display: flex;
    align-items: center;
    justify-content: center;
	gap:8px;
    width: 100%;
    height: auto;
    margin-top: 0;
    padding: 16.5px 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #FF2C2E;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}

.tmap-db-submit .ico {width:16px; height:16px;}

.tmap-review {
    position: relative;
    padding: 60px 0;
}
.tmap-review-viewport {
    position: relative;
    width: calc(100% + 32px);
	margin-right:-16px; margin-left:-16px;
}
.tmap-review-slide {
    width: 360px;
    height: 364px;
    overflow: visible;
}
.tmap-review-slide .swiper-slide {
    width: 244px;
    height: 364px;
    overflow: visible;
    z-index: 1;
}
.tmap-review-slide .swiper-slide-active {
    z-index: 3;
}
.tmap-review-card {
    width: 244px;
    height: 364px;
    list-style: none;
    perspective: 1200px;
    -webkit-perspective: 1200px;
}
.tmap-review-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform: scale(0.9);
    transform-origin: center center;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: transform .5s ease;
}
.swiper-slide-active .tmap-review-inner {
    transform: scale(1);
}
.tmap-review-card.is-flip .tmap-review-inner {
    transform: scale(1) rotateY(180deg);
    transition: transform .55s ease;
}
.tmap-review-photo,
.tmap-review-text {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 24px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.tmap-review-photo {
    z-index: 2;
    background: #e4e4e4;
    pointer-events: auto;
}
.tmap-review-text {
    z-index: 1;
    pointer-events: none;
}
.tmap-review-card.is-flip .tmap-review-photo {
    z-index: 1;
    pointer-events: none;
}
.tmap-review-card.is-flip .tmap-review-text {
    z-index: 2;
    pointer-events: auto;
}
.tmap-review-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tmap-review-text {
    display: flex;
    flex-direction: column;
    padding: 52px 20px 24px 20px;
    background: url('/_img/nate/ico-quotes.png') no-repeat ;
	background-size: 19px;
	background-position:24px 20px;
	border:1px solid #FF2C2E;
    box-sizing: border-box;
    transform: rotateY(180deg);
}
.tmap-review-body {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    text-overflow: ellipsis;
    word-break: keep-all;
    overflow-wrap: break-word;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #171717;
}

.tmap-review-date {margin:12px 0 24px 0; font-size:12px; font-weight:400; color:#9f9f9f;}
.tmap-review-body.is-truncated {
    cursor: pointer;
}
.tmap-review-tip {
    position: fixed;
    z-index: 1400;
    display: none;
    box-sizing: border-box;
    width: 244px;
    max-width: 244px;
    padding: 24px 20px 20px;
    overflow: visible;
    background: #fff;
    color: #111;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.28px;
    white-space: pre-wrap;
    word-break: keep-all;
    overflow-wrap: break-word;
    border-radius: 24px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.18);
    pointer-events: none;
}
.tmap-review-tip.is-show {
    display: block;
}
.tmap-review-user {
    margin-top: 12px;
    font-size: 12px;
    color: rgba(255,255,255,0.8);
}
.tmap-review-tags {
    margin-top: 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #9f9f9f;
}
.tmap-review-more {
    position: absolute;
    right: 78px;
    bottom: 24px;
    z-index: 5;
    width: 48px;
    height: 48px;
    padding: 0;
    overflow: visible;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    transform-origin: center center;
}
.tmap-review-more img {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: contain;
}
.tmap-review-more.is-away {
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.tmap-review-more.is-pop-out {
    pointer-events: none;
    animation: tmapReviewMoreOut .34s cubic-bezier(.22,.9,.28,1) forwards;
}
.tmap-review-more.is-fade-out {
    pointer-events: none;
    animation: tmapReviewMoreFade .18s ease forwards;
}
.tmap-review-more.is-pop-in {
    animation: tmapReviewMoreIn .42s cubic-bezier(.2,.85,.25,1.28) forwards;
}
@keyframes tmapReviewMoreOut {
    0% { transform: scale(1); opacity: 1; }
    28% { transform: scale(1.16); opacity: 1; }
    100% { transform: scale(0); opacity: 0; }
}
@keyframes tmapReviewMoreFade {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(.45); opacity: 0; }
}
@keyframes tmapReviewMoreIn {
    0% { transform: scale(0); opacity: 0; }
    64% { transform: scale(1.12); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}



.ldFaq {padding:60px 0;}
.ldFaqList {
	.list {border-bottom:1px solid #e5e5e5;}
	.que .text {padding:20px 0; display:flex; align-items:center; justify-content:space-between;  cursor:pointer;}
	.que .text h3 {width:calc(100% - 30px); font-size:16px; font-weight:500; color:#1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.que.on .text h3 {font-weight:700; color:#FF2C2E; }
	.que .text .arrow {width:20px; height:20px; transition: transform 0.3s ease;}
	.list:first-child .que.on .arrow {    transform: rotate(45deg);}
	.anw {display:none;}
	.anw .text {padding:0 0 20px 0; font-size:14px; font-weight:500; line-height:1.4;  color:#656565; }
}

.tmap-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 360px;
    margin: 0 auto;
    padding: 48px 16px 64px;
    background: #f6f6f6;
    box-sizing: border-box;
}
.tmap-footer-logo {
    display: block;
    width: 97px;
    height: 26px;
}
.tmap-footer-biz {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 32px;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
}
.tmap-footer-biz span {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: -0.48px;
    color: #888;
}
.tmap-footer-biz img {
    display: block;
    width: 9px;
    height: 9px;
    transition: transform .2s ease;
}
.tmap-footer-biz.is-open img {
    transform: rotate(180deg);
}
.tmap-footer-biz-info {
    display: none;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.48px;
    color: #888;
}
.tmap-footer-biz-info.is-open {
    display: block;
}
.tmap-footer-links {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}
.tmap-footer-links a {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: -0.48px;
    color: #888;
    text-decoration: none;
}
.tmap-footer-links i {
    display: block;
    width: 1px;
    height: 10px;
    background: #e1e1e1;
}

.dbPop {
	.dbFieldsList { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 10px;}
	.dbFieldsList > :nth-child(3) {  grid-column: 1 / -1;}
	.dbFieldsList .list input,
	.dbFieldsList .list .input {background:#F8F8FB; border:1px solid #E2E2EC;}
}

.dbForm {}
.dbFieldsList {display: flex; flex-direction: column; gap: 16px;
	.list { display: flex;  flex: 1; flex-direction: column;  gap: 6px;  min-width: 0;}
	.list label {  font-size: 12px; font-weight: 600;   letter-spacing: -0.24px;  color: #8E8E93;}
	.list input,
	.list .input {height: 46px;  padding: 13px 16px;  background: #fff;  border: 1px solid #e8e8e8;  border-radius: 4px; font-size:14px; line-height:1.3;  color:#1e293b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.list input::placeholder {color:#A9A9A9;}

}
.dbAgree { margin:20px 0;
	.dbAgreeList {display: flex;  flex-direction: column;  gap: 8px;  width: 100%;}
	.dbAgreeList .list {display:flex; align-items:center; justify-content:space-between;}
	.dbAgreeList .list.all {margin:0 0 2px 0; padding:0 0 10px 0;  border-bottom:1px solid #e2e2ec;}
	.dbAgreeList .list.all input + label {width:100%; display:flex; align-items:center; justify-content:space-between; gap:4px; font-size:14px; font-weight:600;}
	.dbAgreeList .list.all input + label .sm {font-size:11px; font-weight:400; color:#A3A3A3;}
	.dbAgreeList .list.all input:checked + label {font-weight:600; color: #121212; }
	input {appearance:none; display:none;}
	input + label {position:relative; display:block; cursor:pointer; padding:0 0 0 28px; font-size:12px; line-height:18px; color:#8E8E93; }
	input + label:before {content:''; position:absolute; top:0; left:0; width:18px; height:18px; border:1.5px solid #cbd5e1; border-radius:4px; }
	input:checked + label:before {content:''; position:absolute; top:0; left:0; width:18px; height:18px; border:1.5px solid #FF2C2E; border-radius:4px;
	background:url('/_img/nate/ico-form-check.png')  no-repeat #FF2C2E;  background-size:13px; background-position:center center; }
	a {font-size:12px; color:#8E8E93; }
}

button.dbSubmit { display: flex; align-items: center; justify-content: center; 	gap:8px;  width: 100%;  height: auto;  padding: 16.5px 0;
font-size: 14px; font-weight: 600; color: #fff;  background: #FF2C2E;  border: 0; border-radius: 4px; cursor: pointer; }
button.dbSubmit .ico {width:16px; height:16px;}

button.dbSubmitOnly {  position: relative;  display: flex;  flex-direction: column;  align-items: center;   justify-content: center;   gap: 3px;
    width: 100%;   height: 60px;  padding: 10px 20px;   overflow: hidden;
    border: 0;   border-radius: 12px;
	border-top:2px solid #BAC1C6; 
    background: linear-gradient(90deg, #333336 0%, #1E1E21 40%, #0D0D0E 60%, #545459 100%);
    box-shadow: 0px 8px 12px 0px #00000040,  0px -2px 2px 0px #020202 inset;
    cursor: pointer;
}

button.dbSubmitOnly span,
button.dbSubmitOnly strong {   position: relative;  color: #fff;  white-space: nowrap;}
button.dbSubmitOnly span {   font-size: 10px;   font-weight: 500;  opacity: 0.85;}
button.dbSubmitOnly strong {  font-size: 14px;  font-weight: 700;}



#mMaker {
	.tabMenu {display:flex; align-items:center; gap:0;}
	.tabMenu .tab {width:50%; }
	.tabMenu .tab input {display:none; appearance:none;}
	.tabMenu .tab input + label {display:block; padding:23px 0; font-size:26px; font-weight:600; color:#737373; text-align:center; background:#F5F5F5; border:1.5px solid #F5F5F5;  cursor:pointer;}
	.tabMenu .tab input:checked + label {background:#8c8c8c; color:#fff; font-weight:700;}
	
	.findMaker {position:relative; padding:26px 0; }
	.findMakerSwiper {margin:0; padding:0;}
	.findMakerSwiper .swiper-slide {width:136px; height:136px;}
	.findMakerSwiper .list input {display:none; appearance:none;}
	.findMakerSwiper .list input + label {height:100%; display:flex; flex-direction:column; justify-content:center; gap:7px; text-align:center; font-size:16px; font-weight:600;
	color:#565656; background:#F2F3F7;  cursor:pointer;}
	.findMakerSwiper .list input:checked + label  {background:#dee1eb; color:#000; }
	.findMakerSwiper .list input + label img {width:auto; height:45px; margin:0 auto;}

	.inputBtnWrap {margin:20px 0; display:flex; flex-direction:row; justify-content:space-between; gap:20px;}
	.inputBtn {width:50%;}
	.inputBtn ul {display:flex; align-items:center; border:1px solid #F5F5F5; }
	.inputBtn li {width:33.33%;}
	.inputBtn input  {display:none; appearance:none;}
	.inputBtn input + label {display:block; cursor:pointer; text-align:center; padding:20px 0; font-size:16px; font-weight:600; color:#737373;}
	.inputBtn input:checked + label {background:#dee1eb; color:#000; }
	
	.tooltip .tit .info {display:none;}
	.tooltip-text {display:none;}

	.inputDv {}
	.inputDv ul {display:inline-flex; align-items:center; }
	.inputDv input  {display:none; appearance:none;}
	.inputDv input + label {display:block; cursor:pointer;  padding:12px 22px; font-size:16px; font-weight:600; color:#737373;}
	.inputDv input:checked + label {background:#3d404c ; color:#fff; border-radius:30px;}

	.listWrap {margin:40px 0; display:flex; flex-wrap:wrap; gap:20px;}
	.listWrap .list {position:relative; width:calc(25% - 15px); border:1px solid #ccc;  overflow:hidden;}
	.listWrap .list .img {background:#F2F3F7; width:100%; height:180px; display:flex; align-items:center; justify-content:center;  overflow:hidden;}
	.listWrap .list .img img {position:relative; top:12px;}
	.listWrap .list .mark {position:absolute; top:8px; right:8px; z-index:2;}
	.listWrap .list .mark span {display:inline-block; padding:5px 7px; font-size:12px; line-height:1; background:#0066e7; color:#fff; font-weight:400; border-radius:5px;}
	.listWrap .list .mark span.sale {background:#808080;}
	.listWrap .list .con .text {padding:20px 12px;}
	.listWrap .list .con .name {display:flex; align-items:center; gap:6px;}
	.listWrap .list .con .name .maker {width:40px; height:30px; text-align:center;}
	.listWrap .list .con .name .maker img {object-fit:contain; height:30px;}
	.listWrap .list .con .name h3 {font-size:20px; width:calc(100% - 46px);  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.listWrap .list .con p {margin:5px 0 10px 0;font-size:15px; color:#767676;}
	.listWrap .list .con .price {display:flex; align-items:center; justify-content:space-between; font-size:16px; font-weight:500; color:#121212;}
	.listWrap .list .con .price .won {font-size:140%; font-weight:700; color:#0066e7;}

	.listWrap .list .event {padding:16px 10px; display:flex; align-items:baseline; justify-content:center; gap:6px; font-size:13px; letter-spacing:-0.5px; color:#828282; border-top:1px solid #ccc; letter-spacing:-0.5px;}
	.listWrap .list .new {color:#FF0D0D; }

}




@media (min-width: 590px) {
	body.landing-main {padding:0; background:#fff;}
	.ldPage {width:100%; overflow: visible;}
	.container {padding:0; }

	.pc {display:block;}
	.mobile {display:none;}
	.mbr {display:none; }
	.br {display:block; width:100%; height:1px; }
	.tmap-cta-fixed {display:none;}

	.tmap-hero {padding:130px 0 0 0; width:100%; height:758px;}
	.tmap-hero-bg img {height:100%;}
	.tmap-hero-title {margin-top:0;
		h2 {margin-bottom:27px; font-size:70px; }
		p {font-size:18px;}
	}
	
	.tmap-header-wrap {  height: 60px;}
	.tmap-header {position:absolute; top:55px; height:60px;}
	.tmap-header.scroll {position:fixed; top:0;}
	.tmap-hero-brand {gap:17px;}
	.tmap-hero-brand-tmap {width:78px;}
	.tmap-hero-brand-datalab {width:76px;}
	.tmap-hero-brand i {height:18px;}


	#ldPageGrid { width:1282px; margin:0 auto; display: grid; grid-template-columns: 840px 408px; gap: 34px;  align-items: stretch;}
	#ldPageSide .sticky {position:sticky; top:140px; width:100%; padding:100px 0 0 0; z-index:9;}
	.stickyCounsel { padding:24px 24px 30px 24px; border:1px solid #E3E3E3;  box-shadow: 0px 4px 9px 0px #0000001A; border-radius:8px; background:#fff;
		.tit {margin:0 0 24px 0; }
		.tit h2 {font-size:28px; font-weight:600; line-height:1.3; }
		button.dbSubmit {display:none;}
		button.dbSubmitOnly {height:66px;}
		button.dbSubmitOnly span {font-size:11px;}
		button.dbSubmitOnly strong {font-size:15px;}

	}

	.dbFieldsList {gap: 8px;
		.list {gap: 8px; }
		.list label {  font-size: 14px; font-weight: 500;  color: #121212;}
		.list input,
		.list .input {padding: 14px 16px; line-height:1;}
	}

	.dbAgree { margin:20px 0;
		.dbAgreeList .list.all {margin:0; padding:12px;  border:none; background:#F5F5F5; border-radius:4px;}
		.dbAgreeList .list.all input + label {justify-content:flex-start; font-size:13px; font-weight:600;}
		.dbAgreeList .list.all input + label .sm {font-size:12px; font-weight:400; color:#A3A3A3;}
		.dbAgreeList .list {padding:0 12px;}

	}


	.ldTit { margin-bottom:48px; gap:16px;
		.round {width:100px; height:25px;  font-size:14px; font-weight:600; }
		h2 {font-size:40px; font-weight:600;}
		p {font-size:20px; line-height:1.5; }
	}

	.ppcaution {
		ul { }
		li {font-size:14px; }
	}

	.ldGift {padding:100px 0;}
	.ldGift .ldTit {margin-bottom:60px;}
	.ldGiftList {gap: 24px;
		.list .text .pc {display:inline-block;}
		.list .text p,
		.list .text h1 {display:block;}
		.list {height:fit-content; padding:24px; background:#161617; overflow:hidden;}
		.list .img {margin-bottom:20px; position:relative; top:0; left:0; transform:none; height:220px; border-radius:12px; overflow:hidden; }
		.list .img img {height:100%;}
		.list .text {position:relative; bottom:0; left:0; transform:none; text-align:left;}
		.list .text h2 {margin-bottom:7px; font-size:20px;}
		.list .text p {font-size:15px; font-weight:400; letter-spacing:-0.5px; color:#676767; }
		.list:first-child .text h2 { font-size:20px;}
		.list:first-child .text h1 {position:absolute; top:50%; right:0; transform:translate(0,-50%); font-size:40px; font-weight:600; color:#fff;}
	}

	.ldCompare {padding:120px 0; border-top:1px solid #ebebeb;	}
	.ldCompare .ldTit {margin-bottom:80px;}

	.compareWrap {position:relative; display:flex; align-items:stretch; gap:24px;
		.compareCon {width:50%; color:#7b7b7b; text-align:center; }		
		.compareCon .topBox {padding:30px 0 0 0; background:#F9F9FA; }
		.topBox .round {margin-bottom:24px; display:inline-flex; align-items:center; justify-content:center;  width:152px; height:42px; font-size:24px; font-weight:600; color:#fff; background:#969696; border-radius:8px;}
		.topBox h5 {font-size:18px; font-weight:500; }
		.topBox h2 {margin:3px 0 15px 0; font-size:40px; font-weight:700; letter-spacing:-0.5px;}
		.compareCon.point {color:#FF2C2E;}
		.compareCon.point .topBox {background:#FEF5F5;}
		.compareCon.point .topBox .round {background:#FF2C2E;}
		.compareList li {width:100%; height:71px; display:flex; align-items:center; justify-content:center;  font-size:24px; line-height:1.4; border-bottom:1px solid #E8E7E7; }
		.compareList li:last-child {font-size:32px; font-weight:700;}

		.compareVs {position:absolute; top:154px; left:50%; transform:translate(-50%, 0); display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:500; color:#fff; letter-spacing:-1px;
		width:70px; height:70px; border-radius:100%; background:#FF2C2E;}

		.compareListTit {position:absolute; bottom:0; left:50%; transform:translate(-50%, 0); width:190px; background:#F5F5F5; border-radius:16px; }
		.compareListTit li {width:100%; height:71px; display:flex; align-items:center; justify-content:center;  font-size:20px; line-height:1.4; color:#6E6E6E; border-bottom:1px solid #E8E7E7; }
		.compareListTit li:last-child {font-size:24px; font-weight:600; color:#393939; border:none;}
	}

	.ldBenefit:before {content:''; position:absolute; top:0;  left: 50%; transform: translateX(-50%); width:150vw; height:100%; background:#121212; z-index:1;  }
	.ldBenefit {position:relative; padding:0; background:transparent; 
		.container {position:relative; padding:120px 0;  z-index:2; }
		.midTit {margin:48px 0; font-size:28px; }		
	}

	.ldBenefitList {
		.list {flex-direction:row; gap:57px; padding:17px 40px; border-radius:16px; }
		.list .ico {width:323px; height:216px;}
		.list .text {text-align:left;}
		.list .text .num {font-size:20px; font-weight:700; }
		.list .text h3 {margin:8px 0 16px 0; font-size:24px; }
		.list .text p {font-size:16px;}
	}


	.tmap-best {padding:120px 0; gap:60px; border-bottom:0;
		.ldTit {margin-bottom:0;}
		.tmap-rank {width:100%; padding:32px;}
		.tmap-rank-head {height:26px;}
		.tmap-rank-head strong {font-size:20px;}
		.tmap-live {padding:4px 10px; font-size:10px; gap:6px; letter-spacing:0;}
		.tmap-live i {width:6px; height:6px; }

		.tmap-rank ol {margin:20px 0 0 0; }
		.tmap-rank li {gap:16px; height:52px; padding:14px 16px;}
		.tmap-rank em {width:24px; height:24px; border-radius:4px; font-size:13px; font-weight:700;}
		.tmap-rank li span {font-size:15px; font-weight:500;}

		.tmap-rank li b.hold {font-size:15px;}
		.tmap-rank li b {font-size:11px;}
	}

	.tmap-best-slide {width:100%; margin:0; padding:0;
		.swiper-wrapper {flex-wrap:wrap; gap:24px;}
		.swiper-slide {width:calc(50% - 12px); margin:0 !important; }
		.tmap-best-card {width:100%; height:fit-content; gap:0; padding:24px; background:#fff; border:1px solid #D9D9D9;}
		.tmap-best-badge {height:30px; padding:5px 16px; font-size:16px; line-height:1; }
		.tmap-best-img {height:198px; border-radius:0; }
		.tmap-best-img img {object-fit:contain;}
		.tmap-best-card h5 {font-size:14px; font-weight:400; } 
		.tmap-best-card h3 {margin-top:8px; font-size:24px; font-weight:600; }
		.tmap-best-line {margin:16px 0; border-top:1px solid #CDCDCD; }
		.tmap-best-now {margin-bottom:12px; height:fit-content;  font-size:30px; color:#FF2C2E;}
		.ppinfo {padding:0 0 0 2px; height:fit-content; font-size:14px;}
		.tmap-best-card:hover,
		.tmap-best-card:hover .tmap-best-line {border-color:#FF2C2E;}
		.tmap-best-card:hover .tmap-best-badge {background:#FF2C2E;}
	}
	
	.tmap-best .caution {
		ul { display: flex;  flex-direction: column;   gap: 5px;}
		li {display: flex; gap:4px; font-size:12px; font-weight:400; color:#939495;}
	}
	.ldPromotion:before {content:''; position:absolute; top:0;  left: 50%; transform: translateX(-50%); width:150vw; height:100%; background:#f4f4f6; z-index:1;  }
	.ldPromotion { position:relative; 
		.container {position:relative;  padding:100px 0 156px 0; background:url('/_img/nate/promotion-bg.png') no-repeat center bottom / cover; z-index:2;}
		h2 {margin-bottom:20px; font-size:32px; font-weight:700; line-height:1.4;}
	}

	


	.tmap-promo {padding:120px 0 60px 0;}
	.tmap-brand-tabs {gap:36px; border-bottom:1px solid #AEAEAE; }
	.tmap-brand-tabs li {padding:20px 0; gap:8px; background:#fff; border-bottom:3px solid transparent;  border-radius:0;}
	.tmap-brand-tabs li.active {border:0; border-bottom:3px solid #121212;  box-shadow:none;}
	.tmap-brand-tabs li img {width:92px; height:42px;}
	.tmap-brand-tabs li span {font-size:16px;}
	.tmap-cars {padding:0 0 120px 0; border-bottom:1px solid #ebebeb; }

	.tmap-car-grid {gap:24px;}
	.tmap-car-grid article { width:calc(50% - 12px); padding:24px; background:#fff; border:1px solid #D9D9D9; border-radius:12px;
		.tmap-car-badge {height:30px; padding:5px 16px; font-size:16px; }
		.tmap-car-img {height:198px; border-radius:0; }
		.tmap-car-img img {object-fit:contain;}
		.con {padding:0;}
		.con h5 {font-size:14px; font-weight:500; } 
		.con h3 {margin-top:2px; font-size:24px; font-weight:600; }
		.con-line {margin:14px 0; border-top:1px solid #CDCDCD; }
		.con .price {margin:0 0 10px 0; font-size:27px; color:#FF2C2E ; font-weight:800;}
		.con .price .big {position:relative; top:1px; font-size:30px; font-weight:800;}
		.con .ppinfo {padding:0; height:fit-content; font-size:14px;}		
	}
	.tmap-car-grid article:hover,
	.tmap-car-grid article:hover .con-line {border-color:#FF2C2E;}
	.tmap-car-grid article:hover .tmap-car-badge {background:#FF2C2E;}




	.ldCounselPromo:before {content:''; position:absolute; top:0;  left: 50%; transform: translateX(-50%); width:150vw; height:100%; background:#1a1a1a; z-index:1;  }
	.ldCounselPromo { position:relative; 
		.container {position:relative;  padding:100px 0; background:url('/_img/nate/counsel-promotion-bg.png') no-repeat center bottom / cover; z-index:2;}
		h2 {margin-bottom:20px; font-size:40px; line-height:1.3; font-weight:700; color:#fff;}
		p {font-size:20px; font-weight:400; color:#C3C3C3; line-height:1.5;}
	}


	.ldFaq {padding:120px 0;}
	.ldFaq .ldTit {margin-bottom:80px;}	
	.ldFaqList {
		.que .text {padding:32px 0; }
		.que .text h3 {width:calc(100% - 34px); font-size:24px; font-weight:600;}
		.que.on .text h3 {font-weight:700; color:#FF2C2E; }
		.que .text .arrow {width:34px; height:34px;}
		.anw .text {padding:0 0 40px 0; font-size:18px;  line-height:1.5;  }
	}

	.tmap-review {padding:120px 0;}
	.reviewCardWarp {display: flex; flex-wrap:wrap;   gap: 24px;}
	.reviewCard {width:calc(50% - 12px); padding:24px; border-radius:8px; border:1px solid #D9D9D9;
		.thumb {margin-bottom:20px; display:flex; align-items:center; justify-content:center; width:100%; height:280px; overflow:hidden;}
		.thumb img {width:100%; height:100%; }
		.text {padding:28px 0 0 0; background:url('/_img/nate/ico-quotes.png') no-repeat; background-size:19px; background-position:top left;}
		.text h3 { font-size:24px; font-weight:600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
		.text p {font-size:16px; line-height:1.5; font-weight:400; color:#6b6b6b; height:120px;
		overflow: hidden; text-overflow: ellipsis; word-break: break-word;
		display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical}
		.info {margin:10px 0 14px 0; display:flex; align-items:center; }
		.star {display:flex; align-items:center;gap:4px; margin-right:16px; font-size:14px; font-weight:700;}
		.star .ico {width:15px; height:15px;}
		.info h5 {font-size:14px; font-weight:400; color:#9E9E9E; white-space: nowrap;}
		.info h5.subject {width:200px; overflow: hidden; text-overflow: ellipsis;}
		.info h5.user {display:flex; align-items:center; gap:3px;}
		.info h5.user span {display:inline-block; width:29.5px; overflow: hidden; text-overflow: ellipsis;}
		.info .bar {display:inline-block; width:1px; height:10px; background:#9E9E9E; margin:0 6px;  }
	}
	.reviewBtnMore {margin-top:80px; text-align:center; 
		.btn {display:inline-flex; align-items:center; justify-content:center; gap:8px; width:408px; height:60px; border-radius:30px; border:1px solid #d9d9d9; 
		font-size:16px; font-weight:600; color:#878787; cursor:pointer;}
		.btn .ico {width:16px; height:16px;}
	}

	.ldFooter {
		.container {width:1282px; margin:0 auto;}
		.con {padding:80px 0; width:840px;  border-top:1px solid #EBEBEB;}
		.bizText {font-size:14px; line-height:1.6; color:#898989; font-weight:400;}
		.bizText .bold {font-weight:700;}
		.term {margin:24px 0 12px 0; display:flex; align-items:center; gap:12px;}
		.term a { gap:12px; font-size:14px; font-weight:500; color:#636363;}
		.copyright {font-size:14px; font-weight:500; color:#898989;}
	}


	.winLayWrap .winLayContainer {width:100% !important; height:100% !important; /*bottom:150px;*/}
	#lowCounsel.tmap-popup {width:1282px; margin:0 auto; }
	#lowCounsel.tmap-popup .consultPartnerForm {width:408px; margin:0 0 0 auto;}
}

@media (min-width: 407px) {

	.tmap-popup-hero {padding:60px 0 40px 30px;}
	.tmap-popup-body {padding:30px 20px;}
	.tmap-popup-title-group { 
		h3 {font-size:28px;}
		p {font-size:14px;}
	}
	.tmap-popup-body .dbAgree {margin:30px 0 25px 0; }
	button.dbSubmitOnly {height:65px;}
	button.dbSubmitOnly span {font-size:11px;}
	button.dbSubmitOnly strong {font-size:16px;}

	.tmap-popup-handle {top:30px; right:30px;}

}