@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */

.only-desktop {display:block;}
.only-tablet {display:none;}
.only-mobile {display:none;}
.only-desktop-tablet {display:block;}

#wrapper {position:relative; overflow:hidden;}

/* 상단 띠 배너 (헤더 위 전체 폭) */
.site-top-strip {
    position: relative;
    z-index: 95;
    width: 100%;
    box-sizing: border-box;
    background: #0071ce;
    color: #fff;
    font-size: clamp(12px, 1.1vw, 14px);
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.45;
    text-align: center;
    padding: 10px 15px;
}
.site-top-strip__text { margin: 0; }
.site-top-strip__link {
    display: inline-block;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
    padding-bottom: 1px;
}
.site-top-strip__link:hover,
.site-top-strip__link:focus { color: #fff; border-bottom-color: #fff; }

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}

.contain {position:relative; width:100%; max-width:1460px; padding-left:30px;padding-right:30px; margin:0 auto;}
.contain:after {content:" "; display:block; clear:both;}


/* header */
#header  {position:relative; z-index:90; left:0; top:0; width:100%;}
.header-top {display:flex; align-items:center; justify-content:space-between; height:114px;}
.header-bottom {position:relative; display:flex; align-items:center; padding:5px 0;}
.header-bottom .sitelogo {margin-right:40px; flex-shrink: 0;}
.header-bottom .sitelogo img {display:block; width:auto; height:40px;}

.top-tel-list ul {display:flex;}
.top-tel-list ul li {padding:0 5px;}
.top-tel-list ul li a {display:inline-block; height:44px; background:#f1f1f1; border-radius:100vh; font-family: 'GmarketSans'; font-size:27px; font-weight:700; letter-spacing:-0.04em; color:#0071ce; padding-right:20px;}
.top-tel-list ul li a span {font-family:'pretandard'; color:#fff; background:#0071ce; border-radius:100vh; height:100%; display:inline-block; line-height:44px; font-size:18px; padding:0 20px; margin-right:10px;}
.top-tel-list ul li.type2 a {padding:0;}
.top-tel-list ul li.type2 a span {margin-right:0;}

.sitelogo {}
.sitelogo a {display:inline-block;}

#gnb {flex: 1 1 auto; min-width: 0; width: 1%;}
#gnb > ul {position:relative; display:flex; justify-content:flex-end;}
#gnb > ul > li {position:relative; text-align:center;  padding:0 15px;}
#gnb > ul > li > a {position:relative; display:inline-flex; align-items:center; justify-content:center; font-size:18px; font-weight:600; letter-spacing:-0.03em; color:#242424; z-index:1; padding:0 9px;}
/* 마지막(커뮤니티): li·a 오른쪽 패딩이 겹쳐 GNB 끝과 어긋남 */
#gnb > ul > li:last-child {padding-right:0;}
#gnb > ul > li:last-child > a {padding-right:0;}
#gnb > ul > li > a:before {content:""; position:absolute; width:0; height:2px; background:#0071ce; left:0; bottom:-10px; transition:0.2s all ease;}
#gnb > ul > li.active > a:before {width:100%;}
/* 1201px 이상에서 피그마 GNB 스펙은 미디어쿼리 블록에서 덮어씀 */
/* #gnb .submenu {height:0; position:absolute; left:0; width:100%; z-index:102; overflow:hidden;}
#gnb .submenu ul {padding:20px 0;}
#gnb .submenu ul li {padding:10px 0; line-height:1.4em; display:flex; align-items:center; justify-content:center;}
#gnb .submenu ul li a {display:inline-block; vertical-align:middle; position:relative; color:#454545; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-.03em; transition: all 0.2s ease-in;}
#gnb .submenu ul li a:hover {color:#b42023; text-decoration:underline;}
#header .submenu-bg {display:none; position:absolute; left:0; width:100%; background:#fff;} */
#gnb .submenu {display:none; position:absolute; left:50%;  transform:translateX(-50%);  width:160px; padding-top:25px; text-align:center;}
#gnb .submenu>ul {padding:15px  5px; background:#fff; border: 2px solid #0071ce; border-radius: 14px;}
#gnb .submenu>ul>li>a {display:block; padding:5px 0; color:#454545; line-height:1.33em;}

/* 데스크톱 GNB(1201px~): 피그마 header&footer / GNB 스펙 */
@media (min-width: 1201px) {
	#gnb > ul {
		align-items: center;
		gap: 24px;
	}
	#gnb > ul > li {
		padding: 0;
	}
	#gnb > ul > li:last-child {
		padding-right: 0;
	}
	#gnb > ul > li:last-child > a {
		padding: 16px;
	}
	#gnb > ul > li > a {
		padding: 16px;
		min-height: 50px;
		box-sizing: border-box;
		border-radius: 4px;
		font-weight: 500;
		line-height: 1;
		justify-content: center;
	}
	#gnb > ul > li > a:before {
		display: none !important;
	}
	#gnb > ul > li > a:hover {
		background-color: rgba(168, 168, 168, 0.1);
		color: #0033A0;
	}
	#gnb > ul > li > a:focus-visible {
		background-color: rgba(168, 168, 168, 0.1);
		color: #0033A0;
		outline: 2px solid #0033A0;
		outline-offset: 2px;
	}
	#gnb > ul > li.gnb-submenu-open > a {
		background-color: rgba(168, 168, 168, 0.1);
		color: #0033A0;
	}
	#gnb .submenu {
		padding-top: 8px;
		width: auto;
		min-width: 168px;
		z-index: 102;
	}
	#gnb .submenu > ul {
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding: 16px;
		background: #fff;
		border: none;
		border-radius: 4px;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	}
	#gnb .submenu > ul > li > a {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 32px;
		padding: 8px;
		box-sizing: border-box;
		color: #000000;
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
		letter-spacing: -0.02em;
		border-radius: 4px;
	}
	#gnb .submenu > ul > li > a:hover {
		color: #0033A0;
		text-decoration: none;
	}
}


@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.blink {
  animation: blink-effect 1s step-end infinite;

  /*
  animation-name: blink-effect;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  animation-timing-function:step-end;
  */
}

.m-top-tel {position:absolute; right:15px; top:50%; transform:translateY(-50%);}
.m-top-tel a {display:inline-block; background:#0071ce; border-radius:10px; padding:3px 10px; text-align:center; font-size:12px; font-weight:700; line-height:1.2em; letter-spacing:-0.02em; color:#fff;}


/* for mobile */
.btn-m-menu {display:none; position:absolute; top:50%; margin-top:-12px; right:30px; width:27px; height:24px; text-align:center; text-indent:-9999em; z-index:92; transition: all 0.5s ease-in-out;}
.btn-m-menu span {position:absolute; left:0; top:10px; height:2px; width:27px;background:#242424;}
.btn-m-menu span:before,
.btn-m-menu span:after {content:" "; position:absolute; right:0; width:27px; height:2px; background:#242424; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;}
.btn-m-menu span:before {top:-10px; transition-property:top, transform;}
.btn-m-menu span:after {bottom:-10px; transition-property:bottom, transform;}

.mobile-navigation {position:fixed; top:0; right:0; padding:20px 0; width:300px; height:100%; overflow:auto; transition:.3s ease-in-out; -ms-transform:translateX(100%); transform:translateX(100%); background:#ffffff; z-index:101;}
.mobile-navigation .home {padding-bottom:20px; padding-left:15px;}
.mobile-navigation .home img {height:24px; width:auto;}
.mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #ddd;}
.mobile-navigation .nav-menu>ul>li>a {position:relative; padding:14px 15px; display:block; color:#242424; font-size:1.3em; font-weight:500; line-height:1.3em;}
.mobile-navigation .nav-menu>ul>li.active>a {color:#0071ce;}


.mobile-navigation .nav-menu .submenu {display:none; position:static; transform: translateX(0); margin:-1px 0 0 0; width:100%;  padding:10px 0;background:#0071ce; padding-bottom:10px;}
.mobile-navigation .nav-menu .submenu>ul {display:block; width:100%;}
.mobile-navigation .nav-menu .submenu>ul>li {text-align:left; padding:0;}
.mobile-navigation .nav-menu .submenu>ul>li>a {display:block; position:relative; padding:5px 0 5px 25px; color:#fff; font-size:16px; font-weight:400; line-height:1.3em;}
.mobile-navigation .nav-menu .submenu>ul>li>a:after {content:"";position:absolute; top:14px; left:15px; width:4px; height:4px; border-radius:100%; background:#fff; transition:.2s ease-in-out;}
.mobile-navigation .nav-menu .submenu>ul>li>a:hover {color:#fff}
.mobile-navigation .nav-menu .submenu>ul>li>a:hover:after {background:#fff}
.mobile-navigation .close {position:absolute; top:20px; right:18px; width:24px; height:24px; text-indent:-9999em; overflow:hidden;}
.mobile-navigation .close:before,
.mobile-navigation .close:after {content:" "; position:absolute; top:12px; left:0; width:100%; height:2px; background:#242424;}
.mobile-navigation .close:before {transform:rotate(45deg);}
.mobile-navigation .close:after {transform:rotate(-45deg);}
.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.76; z-index:98;} 

html.menu-opened {overflow:hidden;}
html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0);}
html.menu-opened .mobile-overlay {display:block;}
html.menu-opened #allmenu,
html.menu-opened #allmenu.all-navigation,
html.menu-opened .all-navigation,
html.menu-opened header #allmenu,
html.menu-opened header .all-navigation {display:none !important; visibility:hidden !important; opacity:0 !important; height:0 !important; overflow:hidden !important; position:absolute !important; left:-9999px !important; pointer-events:none !important;}

@media (min-width: 641px) and (max-width: 1200px) {
	/* 태블릿 모드에서 메뉴 열릴 때 버튼 숨김 */
	html.menu-opened .btn-all-menu {display:none !important;}
}

/* 전체메뉴 */
.all-navigation .bg-wrap {}
.only-all-menu {display:none;}
.btn-all-menu {position:relative; display:block; width:46px; height:46px; background:#0071ce; border-radius:6px; text-align:center; transition: all 0.5s ease-in-out; text-indent:-9999em;  z-index:105;}

.btn-all-menu span {position:absolute; display:block; right:50%; margin-right:-8px; top:50%; height:3px; width:14px; border-radius:3px; background:#fff;}
.btn-all-menu span:before,
.btn-all-menu span:after {content:" "; position:absolute; right:0; width:17px; height:3px; background:#fff; border-radius:3px; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;}
.btn-all-menu span:before {top:-7px; transition-property:top, transform;}
.btn-all-menu span:after {bottom:-7px; transition-property:bottom, transform;}

.all-navigation {position:absolute; left:0; top:0;padding-top:190px; /* transform:translateY(-100%); */ display:none; width:100%; overflow:auto; transition:.3s ease-in-out; z-index:20;}
.all-navigation .contain {display:flex; align-items:center; justify-content:center;}
.all-navigation nav {padding:65px 57px;  border:2px solid #0071ce; border-radius:12px;}
.all-navigation .all-nav-menu {width:100%; background:#fff;}
.all-navigation .all-nav-menu>ul {display:flex; text-align:center; margin:0 -17px; justify-content:center;}
.all-navigation .all-nav-menu>ul>li {padding:0 17px; /*widtH:14.444%;*/widtH:20%;}
.all-navigation .all-nav-menu>ul>li>a:before {content:""; position:absolute; width:0; height:2px; background:#00a7e1; left:0; bottom:0; transition:0.2s all ease;}
.all-navigation .all-nav-menu>ul>li:hover>a {color:#2c2c2c;}
.all-navigation .all-nav-menu>ul>li:hover>a:before{width:100%;}
.all-navigation .all-nav-menu>ul>li>a {display:block; font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8; position:relative; margin-bottom:20px; padding-bottom:23px;}
.all-navigation .all-nav-menu .submenu>ul>li {margin-bottom:14px;}
.all-navigation .all-nav-menu .submenu>ul>li:last-child {margin-bottom:0;}
.all-navigation .all-nav-menu .submenu>ul>li>a {font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8;}
.all-navigation .all-nav-menu .submenu>ul>li>a:hover  {color:#2c2c2c !important; text-decoration:underline;} 


html.menu-all-opened #gnb .submenu  {display:none !important;}

html.menu-all-opened .btn-all-menu span {background:0 !important;}
html.menu-all-opened .btn-all-menu span:before,
html.menu-all-opened .btn-all-menu span:after {transition-delay:0s, 0.3s; background:#fff !important;}
html.menu-all-opened .btn-all-menu span:before {top:0; transform:rotate(45deg);}
html.menu-all-opened .btn-all-menu span:after  {bottom:0; transform:rotate(-45deg);}
html.menu-all-opened .all-navigation {/* transform:translateY(0); */ display:block;}

@media (max-width: 1200px) {
	#allmenu,
	#allmenu.all-navigation,
	.all-navigation,
	html.menu-all-opened #allmenu,
	html.menu-all-opened #allmenu.all-navigation,
	html.menu-all-opened .all-navigation,
	html.menu-all-opened header #allmenu,
	html.menu-all-opened header .all-navigation,
	html.menu-opened #allmenu,
	html.menu-opened #allmenu.all-navigation,
	html.menu-opened .all-navigation,
	html.menu-opened header #allmenu,
	html.menu-opened header .all-navigation {display:none !important; visibility:hidden !important; opacity:0 !important; height:0 !important; overflow:hidden !important; position:absolute !important; left:-9999px !important;}
}

html.menu-all-opened .all-navigation .only-all-menu {display:block;}

/* main */
.main-sec {padding-bottom:30px;}
.main-doc {margin-bottom:110px;}
.main-visual {position:relative; padding-top:30px;}
.main-visual .item img {width:100%;}

.main-visual .mv-ctrl {position:absolute; bottom:55px; left:100px; display:flex; align-items:center;}
.main-visual .mv-ctrl .wrap {display:flex; align-items:center; background:#0071ce; border-radius:50px; padding:7px 18px; margin-right:15px;}
.main-visual .mv-ctrl .paging {font-size:13px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#fff; margin:0 15px;}
.main-visual .mv-ctrl .paging .bar {display:inline-block; width:1px; height:10px; background:#fff; margin:0 12px;}
.main-visual .mv-ctrl .slick-arrow {display:block; width:7px; height:12px; border:0; background-color:transparent; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; text-indent:-999em; overflow:hidden;}
.main-visual .mv-ctrl .prevArrow {background-image:url("../img/main/mv_prev.png")}
.main-visual .mv-ctrl .nextArrow {background-image:url("../img/main/mv_next.png")}
.main-visual .mv-ctrl > button {display:block; border:0; width:34px; height:34px; text-indent:-999em; overflow:hidden; }
.main-visual .mv-ctrl .stop {background:url("../img/main/stop.png")}
.main-visual .mv-ctrl .play {background:url("../img/main/play.png"); display:none;}

.main-ai-banner {background:#0071ce;}
.main-ai-banner .inner {padding:60px 30px; background:url("../img/main/ai_bg.jpg") no-repeat right center; background-size:auto 100%; width:100%; max-width:1460px; margin:0 auto;}
.main-ai-banner p {font-family: 'GmarketSans'; font-size:38px; font-weight:700; line-height:1.1em; letter-spacing:-0.04em; color:#fff; margin-bottom:18px;}
.main-ai-banner img {display:inline-block; margin-left:18px; border-radius:100vh; box-shadow:3px 3px 10px rgba(0,0,0,0.24);}
.main-ai-banner .more {display:inline-block; padding:20px 76px 20px 48px; border-radius:100vh; background:#0033a1; position:relative; font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#fff;}
.main-ai-banner .more:before {content:""; position:absolute; width:9px; height:14px; background:url("../img/main/more_arrow.png") no-repeat 50% 50%; right:48px; top:50%; margin-top:-7px;}
/* .pop-wrap2  {width:95vw !important; max-width:1400px;} */
.pop-wrap2 .fancybox-inner {width:95vw !important; max-width:1400px;}
.pop-wrap2 .fancybox-close {width:20px; height:20px; right:40px; top:40px; background:url("../img/sub/pop_close.png") no-repeat 50% 50%;}

.pop-cont {border-radius:13px; overflow:hidden;}

.pop-img:hover {animation:change_opacity 1s ease-in infinite;}

@keyframes change_opacity {
  0%,100%{
    opacity:1;
  }
  50% {
    opacity:0.5;
  }
}

.txt-yellow {color:#fbcb0a !important;}

.lt {text-decoration:line-through; color:#a8a8a8; font-size:15px;}
.txt-red {color:#00a7e1 !important;}
.txt-yel {color:#0033a1 !important;}
.txt-gray {color:#a8a8a8 !important;}
.txt-blue {color:#0071CE !important;}

.main-tit {margin-bottom:50px;}
.main-tit h2 {font-size:42px; font-weight:700; line-height:1.3em; letter-spacing:-0.04em; color:#2c2c2c;}
.main-tit p {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#878787; margin-top:18px;}
.main-tit h2 a {display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; padding-bottom:5px; margin-left:13px;}
.main-tit h2 a img {display:inline-block;}

.product-wrap ul {display:flex; margin:-10px;}
.product-wrap ul li {width:25%; padding:10px;}
.product-wrap ul li .wrap {background:#f8f8f8; overflow:hidden; border-radius:10px;}
.product-wrap ul li .thumb {position:relative; padding-bottom:74.63%; background:#f8f8f8; overflow:hidden;}
.product-wrap ul li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; transition:0.2s all ease;}
.product-wrap ul li .wrap:hover .thumb img {transform:translate(-50%,-50%) scale(1.09); -ms-transform:translate(-50%,-50%) scale(1.09); -webkit-transform:translate(-50%,-50%) scale(1.09);}
.product-wrap ul li .thumb .btn-wrap {position: absolute; top:10px; left:10px;}

.product-wrap ul li .cnt {padding:20px 39px 39px 39px;}
.product-wrap ul li .cate {font-size:14px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8; margin-bottom:10px; display:block;}
.product-wrap ul li .tit {font-size:22px; min-height:85px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:14px;}
.product-wrap ul li .txt {font-size:15px; line-height:1.4em; font-weight:400; letter-spacing:-0.04em; color:#505050; margin-bottom:5px;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.product-wrap ul li .price {font-size:24px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:30px;}
.product-wrap ul li .price strong {font-size:30px; display:block;  margin-top:5px;}
.product-wrap ul li .more {display:flex; margin:0 -2px;}
.product-wrap ul li .more a {flex:1; margin:0 2px; display:block; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#505050; padding:15px; border:1px solid #878787; border-radius:100vh; text-align:center; margin-top:35px; transition:0.2s all ease;}
.product-wrap ul li .more a:hover {color:#fff; background:#0071ce; border-color:#0071ce}
.product-wrap ul li dl {display:flex; font-size:15px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8; margin-bottom:10px;}
.product-wrap ul li dl:last-child {margin-bottom:0;}
.product-wrap ul li dt {min-width:60px;}
.product-wrap ul li dd {text-align:right; color:#2c2c2c; font-weight:500; flex: 1 1 auto; min-width: 0; width: 1%;}
.rental-fee {font-size:20px; color:#2c2c2c;}

.product-wrap ul li .more.ver2 a:hover {background:#0033a1; border-color:#0033a1}
.product-wrap ul li .more a.ver2:hover {background:#00a7e1; border-color:#00a7e1}

/* 메인 홈 — 신차/중고 장기렌트 카드 (서브 목록과 구분) */
.main-product .product-wrap.ver2 ul {
	align-items:stretch;
}
.main-product .product-wrap.ver2 ul li {
	display:flex;
}
.main-product .product-wrap.ver2 .slick-track {
	display:flex !important;
	align-items:stretch;
}
.main-product .product-wrap.ver2 .slick-slide {
	height:auto;
}
.main-product .product-wrap.ver2 .slick-slide > div {
	height:100%;
}
.main-product .product-wrap.ver2 .slick-slide li {
	height:100%;
}
.main-product .product-wrap.ver2 ul li .wrap {
	background:#fff;
	border-radius:16px;
	box-shadow:0 4px 24px rgba(15, 23, 42, 0.08);
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
	width:100%;
	min-height:100%;
	transition:box-shadow 0.25s ease, transform 0.25s ease;
}
.main-product .product-wrap.ver2 ul li .wrap:hover {
	box-shadow:0 8px 32px rgba(15, 23, 42, 0.12);
}
.main-product .product-wrap.ver2 ul li .thumb {
	padding-bottom:55.2%;
	background:#f1f5f9;
	border-radius:16px 16px 0 0;
}
.main-product .product-wrap.ver2 ul li .thumb img {
	width:100% !important;
	height:100% !important;
	max-width:none;
	max-height:none;
	object-fit:cover;
	transition:transform 0.45s ease;
}
.main-product .product-wrap.ver2 ul li .wrap:hover .thumb img {
	transform:translate(-50%, -50%) scale(1.05);
}
.main-product .product-wrap.ver2 ul li .cnt {
	flex:1;
	display:flex;
	flex-direction:column;
	padding:24px 20px 28px;
	gap:0;
}
.main-product .product-wrap.ver2 ul li .tit {
	min-height:0;
	font-size:18px;
	line-height:1.35;
	margin-bottom:16px;
}
.main-product .product-wrap.ver2 ul li .cate {
	font-size:13px;
	margin-bottom:6px;
	color:#94a3b8;
}
.main-product .product-wrap.ver2 ul li .info {
	margin-bottom:0;
}
.main-product .product-wrap.ver2 ul li .info dl {
	font-size:15px;
	margin-bottom:12px;
	color:#64748b;
}
.main-product .product-wrap.ver2 ul li .info dl:last-child {
	margin-bottom:0;
}
.main-product .product-wrap.ver2 ul li .info dd.rental-fee {
	font-size:15px;
	font-weight:600;
	color:#1e293b;
}
.main-product .product-wrap.ver2 ul li .price {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	justify-content:space-between;
	gap:8px 12px;
	margin-top:20px;
	margin-bottom:0;
	padding-top:16px;
	border-top:1px solid #f1f5f9;
	font-size:15px;
	font-weight:500;
	color:#1e293b;
}
.main-product .product-wrap.ver2 ul li .price-card-hd {
	display:flex;
	align-items:center;
	gap:6px;
	flex-wrap:wrap;
}
.main-product .product-wrap.ver2 ul li .price-card-label {
	font-size:15px;
	font-weight:600;
	color:#1e293b;
}
.main-product .product-wrap.ver2 ul li .price-badge-lowest {
	display:inline-block;
	padding:4px 8px;
	font-size:11px;
	font-weight:600;
	line-height:1.2;
	color:#0971ce;
	background:rgba(9,113,206,0.1);
	border-radius:4px;
	vertical-align:middle;
}
.main-product .product-wrap.ver2 ul li .price-card-amt {
	font-size:22px;
	font-weight:700;
	line-height:1.2;
	color:#0033A0 !important;
	margin-top:0;
	display:block;
	text-align:right;
	flex:1 0 auto;
	min-width:0;
}
.main-product .product-wrap.ver2 ul li .more {
	margin-top:auto;
	padding-top:20px;
}
.main-product .product-wrap.ver2 ul li .more a {
	margin-top:0;
	padding:14px 16px;
	border-radius:8px;
	border:1px solid #cbd5e1;
	font-size:16px;
	font-weight:600;
	color:#1e293b;
	background:#fff;
}
.main-product .product-wrap.ver2 ul li .more.ver2 a:hover {
	background:#f8fafc;
	color:#0071ce;
	border-color:#0071ce;
}

/* 메인 홈 신차·중고 섹션(.home-fleet-carousel) — 플릿 카드 모바일 슬릭만 (슬라이드 가로 264px) */
/* 패딩은 슬릭 높이 계산을 깨뜨릴 수 있음 → clip-path로 아래만 노출 영역 확장 (그림자용) */
.home-fleet-carousel .fleet-home-slider.slick-initialized .slick-list {
	overflow: visible !important; /* slick.css 기본 hidden — 그림자·하단 클립 완화 */
	-webkit-clip-path: inset(0 0 -48px 0);
	clip-path: inset(0 0 -48px 0); /* 아래로만 노출 영역 확장(가로는 그대로) */
}
.home-fleet-carousel .fleet-home-slider.slick-initialized .slick-track {
	display: flex !important;
	align-items: stretch;
}
.home-fleet-carousel .fleet-home-slider.slick-initialized .slick-slide {
	height: auto;
	width: 264px !important;
	box-sizing: border-box;
	margin-right: 16px;
}
.home-fleet-carousel .fleet-home-slider.slick-initialized .slick-slide:last-child {
	margin-right: 0;
}
.home-fleet-carousel .fleet-home-slider.slick-initialized .slick-slide > div {
	height: 100%;
}
.home-fleet-carousel .fleet-home-slider .slick-dots {
	display: flex;
	justify-content: center;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}
.home-fleet-carousel .fleet-home-slider .slick-dots li {
	padding: 0 5px;
	margin: 0;
}
.home-fleet-carousel .fleet-home-slider .slick-dots li button {
	display: block;
	border: 0;
	background: #ddd;
	border-radius: 100%;
	width: 8px;
	height: 8px;
	padding: 0;
	text-indent: -999em;
	overflow: hidden;
	cursor: pointer;
}
.home-fleet-carousel .fleet-home-slider .slick-dots li.slick-active button {
	background: #0071ce;
}

.main-about {padding:235px 0 40px; background:url("../img/main/about_bg.jpg") no-repeat 50% 50%; background-size:cover; color:#fff;}
.main-about .tit {font-size:32px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; margin-bottom:38px;}
.main-about .tit strong {font-family: 'GmarketSans'; font-size:42px; line-height:1.1em; display:block; margin-bottom:13px;}
.main-about .txt {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8; margin-bottom:165px;}
.main-about .info {font-weight:400; line-height:1.2em; letter-spacing:-0.04em;}

/* Tailwind preflight 등으로 img가 block이면 text-align:center만으로는 가운데 정렬되지 않음 */
.main-reason .img {
	margin-bottom:55px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.main-reason .img img {max-width:100%; height:auto;}
.main-reason h2 {text-align:center; font-family: 'GmarketSans'; font-size:42px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:90px;}
.main-reason ul {display:flex;}
.main-reason ul li {width:33.333%; position:relative; text-align:center;}
.main-reason ul li:before {content:""; position:absolute; width:1px; height:100%; background:url("../img/main/line.gif") repeat-y center top; right:0; top:0;}
.main-reason ul li:last-child:before {display:none;}
.main-reason ul li .icon {margin-bottom:16px;}
.main-reason ul li .tit {font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; margin-bottom:18px;}
.main-reason ul li .txt {font-size:18px; font-weight:500; line-height:1.5em; letter-spacing:-0.04em; color:#2c2c2c;}

.main-video {padding-top:110px; position:relative;}
.main-video:before {content:""; position:absolute; width:100%; height:72%; background:#f4f4f4; left:0; top:0; z-index:-1;}
.main-video .videoArea {max-width:900px; margin:0 auto;}

.review-list ul {display:flex; margin:-10px;}
.review-list ul li {width:25%; padding:10px;}
.review-list ul li a {display:block;}
.review-list ul li .thumb {position:relative; padding-bottom:74.63%; margin-bottom:30px; overflow:hidden; border-radius:15px;}
.review-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.review-list ul li .cnt {padding:0 20px;}
.review-list ul li .cate {display:inline-block; font-size:14px; font-weight:500; line-height:1em; letter-spacing:-0.04em; color:#fff; background:#0033a1; padding:5px 10px; border-radius:100vh; margin-bottom:15px;}
.review-list ul li .txt {font-size:22px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c;overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal;  display:-webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient:vertical; margin-bottom:30px;}
.review-list ul li .date {font-size:13px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8;}

.main-banner {background:url("../img/main/banner_bg.png") no-repeat 90% center #f1f1f1; padding:60px; border-radius:15px; margin-top:77px;}
.main-banner h3 {font-size:32px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:10px;}
.main-banner p {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#505050; margin-bottom:24px;}

.main-partner .main-tit {margin-bottom:35px;}
.main-partner .wrap {display:flex; margin:85px -10px 0 -10px;}
.main-partner .wrap .box {width:50%; padding:0 10px;}
.partner-list ul {display:flex; flex-wrap:wrap;}
.partner-list ul li {width:20%; text-align:center;}
.partner-list ul li img {width:100%;}

.main-inquiry-banner  {margin-top:20px;}
.main-inquiry-banner .bg-gray {padding:20px; background:#f1f1f1; border-radius:10px 10px 0 0;}
.main-inquiry-banner .bg-gray .tit {font-family: 'GmarketSans'; margin-bottom:20px; text-align:center;}
.main-inquiry-banner .bg-gray .tit h2 {font-size:27px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; position:relative; padding-left:30px;}
.main-inquiry-banner .bg-gray .tit h2:before {content:""; position:absolute; width:25px; height:30px; background:url("../img/main/main_inquiry_icon.png") no-repeat 50% 50%; margin-left:-30px; background-size:contain;}
.main-inquiry-banner .bg-gray .tit a {display:block; font-size:27px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c;}
.main-inquiry-banner .item {margin-bottom:5px; font-size:13px;}
.main-inquiry-banner .item:last-child {margin-bottom:0;}
.main-inquiry-banner .item input {border-radius:5px; border:0;}
.main-inquiry-banner .btn-wrap button {display:block; width:100%; border:0; text-align:center; padding:16px 10px 10px 10px;; background:#0071ce; color:#fff; font-family: 'GmarketSans'; font-size:20px; font-weight:700; line-height:1em; letter-spacing:-0.04em; border-radius:0 0 10px 10px;}

.main-quick-menu .video-area {display:flex;}
.main-quick-menu .video-wrap {width:77%; max-width:100%;}
.main-quick-menu .video-container {border-radius:1.6em;}
.main-quick-menu .video-area ul {display:flex; flex-direction:column; justify-content:space-between; margin:0; width:23%; padding-left:30px;}
.main-quick-menu .video-area ul li {width:100%; padding:0;}
.main-quick-menu .video-area ul li:last-child {margin-bottom:0; padding:0;}
.main-quick-menu .video-area ul li a:hover {transform:translateX(20px);}
.main-quick-menu .video-area ul li img {max-height:100%;}

.main-quick-menu ul {display:flex; margin:0 -15px;}
.main-quick-menu ul li {width:25%; padding:0 15px;}
.main-quick-menu ul li a {display:block;}
.main-quick-menu ul li a:hover {transform:translateY(-20px);}

/* 메인: 영상 풀폭 + 썸네일 가로(901px~, 기본 레이아웃은 영상 77% | 버튼열 23%) */
@media (min-width: 901px) {
	.main-quick-menu.main-quick-menu--stack .video-area {
		flex-direction: column;
		align-items: stretch;
	}
	.main-quick-menu.main-quick-menu--stack .video-wrap {
		width: 100% !important;
		max-width: 100%;
	}
	.main-quick-menu.main-quick-menu--stack .video-area > ul {
		display: flex;
		width: 100% !important;
		padding-left: 0 !important;
		flex-direction: row !important;
		justify-content: center;
		align-items: stretch;
		gap: 16px 24px;
		margin-top: 24px;
	}
	.main-quick-menu.main-quick-menu--stack .video-area > ul li {
		width: auto !important;
		flex: 1 1 0;
		max-width: 320px;
		margin-bottom: 0;
	}
	.main-quick-menu.main-quick-menu--stack .video-area > ul li a:hover {
		transform: translateY(-6px);
	}
	.main-quick-menu.main-quick-menu--stack .video-container iframe {
		width: 100%;
		max-width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
	}
	.main-quick-menu.main-quick-menu--stack .video-container video {
		width: 100%;
		display: block;
		height: auto;
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}
}

/* 20250414 */
.main-banner2 {}
.main-banner2 .img {border-radius: 24px; overflow: hidden; width: 100%; max-width: 1400px;}
.main-banner2 img {width: 100%;}

.main-reviews {}
.main-reviews .slick-list {margin:0 -10px;}
.main-reviews .slick-list .slick-slide {padding:0 10px;}
.main-reviews .img {position: relative; padding-bottom: 74.93%; border-radius: 14px; margin-bottom: 30px; overflow: hidden;}
.main-reviews .img img{position: absolute; top: 50%; left: 0; transition: .4s ease-in-out; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%;height: auto !important; max-width: 100%; min-height: 100%; object-fit: cover;}
.main-reviews .items .box {}
.main-reviews .items .txt {padding:0 20px;}
.main-reviews .type {display: inline-flex; align-items: center; justify-content: center; min-width: 70px;background: #0071ce; border-radius: 12px; color: #fff; height: 24px;font-size: 14px;font-weight: 600; letter-spacing: -.04em;}
.main-reviews .tit {margin:15px 0 30px; font-size: 22px; letter-spacing: -.04em; color:#2c2c2c;}
.main-reviews .date {font-size: 13px; font-weight: 500; letter-spacing: -.04em; color:#a8a8a8;}
.main-reviews .slick-arrow {position: absolute; z-index: 1;top: 50%; transform: translateY(-50%); width: 60px; height: 60px; border-radius: 100%; font-size: 0;border: 1px solid #ddd; background-color: #fff; background-position: 50%;background-repeat: no-repeat; transition: all .2s;}
.main-reviews .slick-prev {left:-8%;; background-image:url('/img/main/main-reviews-arrow.png');}
.main-reviews .slick-next {right:-8%;; background-image:url('/img/main/main-reviews-arrow2.png');}
.main-reviews .slick-arrow:hover {background-color: #0071ce; border: 1px solid #0071ce;transition: all .2s;}
.main-reviews .slick-prev:hover {background-image:url('/img/main/main-reviews-arrow-on.png');}
.main-reviews .slick-next:hover {background-image:url('/img/main/main-reviews-arrow2-on.png');}

.main-attention {margin-bottom:100px; padding:100px 0; background-image: url(/img/main/main-attention-bg.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.main-attention .main-tit h2 {text-align: center; color: #fff;}
.main-attention .timer {display: flex; justify-content: center; align-items: center;}
.main-attention .timer .box {display: flex; justify-content: center; align-items: center; width: 800px; height: 120px; background-image: url(/img/main/temp-bg.png); border-radius: 24px;}
.main-attention .timer .txt {position: relative; margin-right:30px; padding-right:30px; font-size: 28px; font-weight: 600; line-height: 1.2em; letter-spacing: -.04em; color:#fff;}
.main-attention .timer .txt:after {content:''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 1px; background: #fff;}
.main-attention .time {font-size: 44px; letter-spacing: -.04em; line-height: 1.2em; color:#fff;}
.main-attention .car-list {margin: 80px auto 0; max-width:1200px;}
.main-attention .car-list .items {display:block; padding:0;} 
.main-attention .car-list .item {padding:0;}
.main-attention .car-list .img {position: relative; padding-bottom: 74.63%; overflow: hidden;}
.main-attention .car-list .img img {position: absolute; top: 50%; left: 0; transition: .4s ease-in-out; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%;height: auto !important; max-width: 100%; min-height: 100%; object-fit: cover;}
.main-attention .car-list .img a:hover img {transform: translateY(-50%) scale(1.09); -ms-transform: translateY(-50%) scale(1.09); -webkit-transform: translateY(-50%) scale(1.09);}
.main-attention .car-list .box { border-radius: 24px; overflow: hidden; background: #f8f8f8;}
.main-attention .car-list .info {padding: 0 40px 40px;}
.main-attention .info {}
.main-attention .info .brand {margin-top: 20px; font-size: 14px; font-weight:500; letter-spacing: -.04em; line-height: 1.2em; color:#a8a8a8;}
.main-attention .info .car {margin:10px 0 45px; font-size: 22px; font-weight:700; letter-spacing: -.04em; line-height: 1.2em; color:#2c2c2c;}
.main-attention .info .amount .tt {font-size: 24px; letter-spacing: -.04em; line-height: 1.2em; color:#2c2c2c;}
.main-attention .info .amount .tt2 {font-size: 30px; font-weight:700; letter-spacing: -.04em; line-height: 1.2em; color:#0033a1;}
.main-attention .slick-list {margin:0 -20px;}
.main-attention .slick-slide {padding:0 20px;}
.main-attention .slick-arrow {position: absolute; z-index: 1;top: 50%; transform: translateY(-50%); width: 60px; height: 60px; border-radius: 100%; font-size: 0;border: 1px solid #ddd; background-color: transparent; background-position: 50%;background-repeat: no-repeat; transition: all .2s;}
.main-attention .slick-prev {left:-8%;; background-image:url('/img/main/main-reviews-arrow.png');}
.main-attention .slick-next {right:-8%;; background-image:url('/img/main/main-reviews-arrow2.png');}
.main-attention .slick-arrow:hover {background-color: #0071ce; border: 1px solid #0071ce;transition: all .2s;}
.main-attention .slick-prev:hover {background-image:url('/img/main/main-reviews-arrow-on.png');}
.main-attention .slick-next:hover {background-image:url('/img/main/main-reviews-arrow2-on.png');}


.main-attention.ty2 .car-list .item {padding:0;}
.main-attention.ty2 .car-list .items {display:block; padding:0;}
.main-attention.ty2 .slick-list {margin:0 -20px;}
.main-attention.ty2 .slick-slide {padding:0 20px;}
.main-attention.ty2 .slick-arrow {position: absolute; z-index: 1;top: 50%; transform: translateY(-50%); width: 60px; height: 60px; border-radius: 100%; font-size: 0;border: 1px solid #ddd; background-color: transparent; background-position: 50%;background-repeat: no-repeat; transition: all .2s;}
.main-attention.ty2 .slick-prev {left:-8%;; background-image:url('/img/main/main-reviews-arrow.png');}
.main-attention.ty2 .slick-next {right:-8%;; background-image:url('/img/main/main-reviews-arrow2.png');}
.main-attention.ty2 .slick-arrow:hover {background-color: #0071ce; border: 1px solid #0071ce;transition: all .2s;}
.main-attention.ty2 .slick-prev:hover {background-image:url('/img/main/main-reviews-arrow-on.png');}
.main-attention.ty2 .slick-next:hover {background-image:url('/img/main/main-reviews-arrow2-on.png');}

/* sub page */ 
.sub-visual {position:relative; width:100%; height:400px; display:flex; align-items: center; padding-bottom:65px; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sub-visual .content {position:relative; z-index:1; max-width:1260px; padding:0 30px; width:100%; margin:0 auto; color:#fff; text-align:center;}
.sub-visual .content h2 {font-size:44px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em;}
.sub-visual .content p {font-size:17px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; margin-top:15px;}

.sub-visual .background {
	position:absolute; 
	top:0; 
	left:0;
	width:100%; height:100%;	
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	transform:scale(1.09);
    -ms-transform:scale(1.09); /* IE 9 */
    -moz-transform:scale(1.09); /* Firefox */
    -webkit-transform:scale(1.09); /* Safari and Chrome */
    -o-transform:scale(1.09); /* Opera */
	transition: all 2s ease-out 0s;
	transition-delay: 0.1s;
	z-index:0;
}
.sub-visual.load .background {
	transform:scale(1);
    -ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
    -o-transform:scale(1); /* Opera */
}

.sub-title {width:100%; max-width:1460px; padding:0 30px; margin:40px auto 40px; display:flex;}
.sub-title .page-tit {flex: 1 1 auto; min-width: 0; width: 1%; display:flex; align-items:flex-end;}
.sub-title .page-tit p {font-weight:700; line-height:1em; letter-spacing:-0.04em; color:#00a7e1; margin-bottom:22px;}
.sub-title .page-tit h2 {font-size:42px; font-weight:700; line-height:1.2em; color:#2c2c2c; letter-spacing:-0.04em;}
.sub-title .page-tit h2 a {display:inline-block; margin-left:40px;}
.sub-title .page-tit h2 img {vertical-align:middle;}
.sub-title .page-tit .step {display:flex; padding-bottom:8px; margin-left:40px;}
.sub-title .page-tit .step .num {width:31px; height:31px; border-radius:100%; background:#fff; border:1px solid #ccc; font-size:15px; font-weight:500; line-height:29px; text-align:center; letter-spacing:-0.04em; color:#ccc; margin-right:19px; position:relative;}
.sub-title .page-tit .step .num:before {content:""; position:absolute; width:100%; right:-19px; height:1px; top:50%; margin-top:-0.5px; background:#ccc; z-index:-1;}
.sub-title .page-tit .step .num:last-child {margin-right:0;}
.sub-title .page-tit .step .num:last-child:before {display:none;}
.sub-title .page-tit .step .num.active {background:#2c2c2c; border-color:#2c2c2c; color:#fff;}

.sub-title .path {text-align:right;}
.sub-title .path span {position:relative; display:inline-block; padding:0 10px; font-size:15px; font-weight:400; line-height:1.2em; letter-spacing:0; color:#878787;}
.sub-title .path span:before {content:""; position:absolute; width:6px; height:6px; border-right:1px solid #737373; border-top:1px solid #737373; right:-3px; top:50%; margin-top:-3px; transform:rotate(45deg);}
.sub-title .path span:last-child {color:#505050;}
.sub-title .path span:last-child:before {display:none;}

/* #contArea와 .sub-title 가로 패딩이 겹치면 제목·탭만 본문보다 오른쪽으로 밀림 — 내부 중복만 제거 */
#contArea .sub-title {
	padding-left: 0;
	padding-right: 0;
}

#lnb {margin-top:-65px;}
.lnb {max-width:1200px; margin:0 auto; background:#fff; border-radius:20px 20px 0 0;}
.lnb ul {display:flex; justify-content:center; position:relative;}
.lnb ul li {width:auto;  position:relative;}
.lnb ul li a {display:flex; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545;  min-height:65px; align-items:center; justify-content:center; position:relative; padding:0 27px;}
.lnb ul li:before {content:""; position:absolute; width:1px; height:9px; background:#ddd; right:-0.5px; top:50%; margin-top:-4.5px;}
.lnb ul li:last-child:before {display:none;}
.lnb ul li.active a {color:#b42023;}

#container {margin-top:0; padding-top:0;}
body#main #container {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
}

#contArea {max-width:1460px; padding-left:30px; padding-right:30px; margin:0 auto; margin-top:0;}
#contArea.wide {max-width:100%; padding-left:0; padding-right:0;}

.real-cont {padding-bottom:120px;}
.real-cont.none {padding-bottom:0;}




/* footer */
#footer {position:relative; color:#878787; background:#353535; letter-spacing:-0.04em; line-height:2em; font-size:16px;}
#footer .wrap {padding:57px 0; }
#footer .contain {display:flex;}
.f-logo { margin-right:120px;}
.f-logo img {display:block; width:auto; height:40px;}
.f-menu {position:absolute; right:30px; bottom:0;}

#footer address {font-style:normal; font-weight:400; flex: 1 1 auto; min-width: 0; width: 1%;}
#footer address strong {display:block; font-size:20px; font-weight:700; color:#fff;}
#footer address span {display:inline-block; margin-right:30px;}

#footer .bar {width:1px; height:9px; background:#ddd; margin:0 10px; vertical-align:middle;}

#footer .copyright {display:block; color:#878787; font-size:13px; margin-top:15px;}
#footer .copyright a {display:inline-block;}
.scroll-top {position:absolute; right:30px; top:0;}
.scroll-top img {max-width:70%;}


.foot-banner {background:#0071ce; padding:24px 0; position:static;}
.foot-banner.fixed {position:fixed; width:100%; left:0; bottom:0; z-index:20;}
.foot-banner .contain {display:flex;}
.foot-banner .group.left {display:flex; flex: 1 1 auto; min-width: 0; width: 1%; align-items:center; padding-right:20px;}
.foot-banner .group.left .tit {font-family: 'GmarketSans'; font-size:18px; font-weight:700; line-height:1.4em; color:#fff; letter-spacing:-0.04em; margin-right:30px;}
.foot-banner .group.left a {display:block;}
.foot-banner .group.left .tel {font-family: 'GmarketSans'; display:block; font-size:40px; font-weight:700; line-height:1em; letter-spacing:-0.04em; color:#fff; margin-right:14px;} 
.foot-banner .group.right form {display:flex;}
.foot-banner .group.right .item {margin-left:8px;}
.foot-banner .group.right .item:last-child {margin-left:20px;}
.foot-banner .group.right .item:first-child {margin-left:0;}
.foot-banner .group.right input {height:58px; border-radius:3px;}
.foot-banner .group.right .form-btn {background:#00a7e1; color:#fff; width:100%; max-width:250px; height:38px; line-height:38px; border:0; display:block;}
.foot-banner .group.right .checkbox {font-size:14px; color:#fff;}
.foot-banner .group.right .checkbox label:before {border-radius:3px;}
.foot-banner .group.right .pop_privacy {color:#cee3ea; font-size:14px;}

.quickmenu {position:fixed; right:60px; bottom:80px; z-index:20; border-radius:8px; font-size:16px;}
.quickmenu ul li {margin-bottom:16px;}
.quickmenu ul li:last-child {margin-bottom:0;}
.quickmenu ul li a {display:block; text-align:center; border-radius:8px; width:120px; padding:25px 0; color:#fff; background: linear-gradient(to bottom, #0095de, #004bbd); box-shadow:6px 6px 12px rgba(0,0,0,0.14);}
.quickmenu ul li a .icon {margin-bottom:12px;}
.quickmenu ul li a .icon img {width:auto; height:auto; max-width:48px; max-height:48px; display:block; margin:0 auto;}
.quickmenu ul li a .s-txt {font-size:14px; font-weight:500; line-height:1em; letter-spacing:-0.04em; color:#fff; margin-bottom:8px;}
.quickmenu ul li a .txt {font-family: 'GmarketSans'; font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#fff;}

.pop-complete {background:#fff; padding:80px 10px; border-radius:10px; text-align:center; max-width:660px;}
.pop-complete .icon {margin-bottom:20px;}
.pop-complete .t1 {font-family: 'GmarketSans';  font-size:32px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:25px;}
.pop-complete .t2 {font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#878787; margin-bottom:42px;}
.pop-complete a {display:inline-block; padding:15px 80px; background:#000435; font-size:18px; font-weight:500; line-height:1em; letter-spacing:-0.04em; color:#fff; border-radius:100vh;}
.pop-apply .fancybox-close {display:none;}

/* PC 사이즈에서 로고와 GNB를 한 줄로 배치 */
@media (min-width: 1201px) {
	.header-top {display:none;}
	.header-bottom {padding:20px 0; display:flex !important; align-items:center; justify-content:flex-start;}
	.header-bottom .sitelogo {margin-right:0; flex-shrink: 0;}
	/* 기본 #gnb width:1% + flex 조합이 space-between/끝정렬을 망가뜨릴 수 있음 → auto + margin-left:auto로 좌/우 끝 고정 */
	#gnb {display:block !important; flex:0 0 auto; width:auto; min-width:0; margin-left:auto;}
	.btn-all-menu {display:none !important;}
}

/* 태블릿 사이즈에서 로고와 GNB를 한 줄로 배치, 버튼은 오른쪽 끝에 */
@media (min-width: 641px) and (max-width: 1200px) {
	.header-top {display:none;}
	.header-bottom {padding:20px 0; display:flex !important; justify-content:space-between; align-items:center;}
	.header-bottom .sitelogo.only-desktop-tablet {margin-right:0; flex-shrink: 0;}
	#gnb {display:none !important;}
	.header-bottom .btn-all-menu {display:block !important; margin-left: auto; flex-shrink: 0;}
	/* 메뉴 열릴 때 버튼 숨김 */
	html.menu-opened .header-bottom .btn-all-menu {display:none !important;}
	#allmenu,
	.all-navigation,
	html.menu-all-opened #allmenu,
	html.menu-all-opened .all-navigation,
	html.menu-opened #allmenu,
	html.menu-opened .all-navigation {display:none !important;}
}

/* Tailwind #main-nav 헤더: 상담문의 CTA 글자색(Vite 미빌드·레거시 a{color:inherit} 대비) */
#main-nav a.tw-header-consult-cta,
#main-nav a.tw-header-consult-cta:hover,
#main-nav a.tw-header-consult-cta:focus,
#main-nav a.tw-header-consult-cta:active {
	color: #fff !important;
}

/* 레거시 #gnb display(!important)와 tw 헤더 충돌 방지 · CDN만 쓸 때도 적용 */
@media not all and (min-width: 1280px) {
	header#main-nav nav#gnb {
		display: none !important;
	}
}
@media (min-width: 1280px) {
	header#main-nav nav#gnb {
		display: flex !important;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
}
/* ========== 플릿 필터 사이드(데스크톱) — 레거시 메인 톤(Pretendard·#2c2c2c·#0033a1) ========== */
.fleet-aside--desktop {
	display: none;
	width: 100%;
	flex-shrink: 0;
	box-sizing: border-box;
}
@media (min-width: 1024px) {
	.fleet-aside--desktop {
		display: block;
		width: 288px;
	}
}
.fleet-aside__card {
	border-radius: 16px;
	border: 1px solid rgba(223, 223, 223, 0.95);
	background: #fff;
	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
	box-sizing: border-box;
}
.fleet-aside__inner {
	padding: 22px 22px 26px;
	box-sizing: border-box;
}
.fleet-aside__block--sep {
	margin-top: 22px;
	padding-top: 22px;
	border-top: 1px solid #f0f0f0;
}
.fleet-aside__tit {
	margin: 0 0 8px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.04em;
	color: #2c2c2c;
}
.fleet-aside__tit--spaced {
	margin-top: 20px;
}
.fleet-aside__display {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.03em;
	font-variant-numeric: tabular-nums;
	color: #2c2c2c;
}
.fleet-aside__display--lease {
	color: #0033a1;
}
.fleet-aside__range {
	display: block;
	width: 100%;
	height: 6px;
	margin: 0;
	border-radius: 999px;
	accent-color: #0033a1;
	box-sizing: border-box;
	cursor: pointer;
}
.fleet-aside__range:focus {
	outline: none;
}
.fleet-aside__range:focus-visible {
	outline: 2px solid #0071ce;
	outline-offset: 2px;
}
.fleet-aside__range-labels {
	display: flex;
	justify-content: space-between;
	margin-top: 6px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: #a8a8a8;
}
.fleet-aside__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.fleet-aside-chip {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	-webkit-user-select: none;
	user-select: none;
}
.fleet-aside-chip__input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.fleet-aside-chip__face {
	display: inline-block;
	padding: 8px 15px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.03em;
	color: #878787;
	background: #f4f4f4;
	transition: background 0.2s ease, color 0.2s ease;
	box-sizing: border-box;
}
.fleet-aside-chip:hover .fleet-aside-chip__face {
	background: #e8e8e8;
	color: #505050;
}
.fleet-aside-chip__input:checked + .fleet-aside-chip__face {
	background: #0033a1;
	color: #fff;
}
.fleet-aside-chip__input:checked + .fleet-aside-chip__face:hover {
	background: #002880;
	color: #fff;
}
.fleet-aside-chip__input:focus-visible + .fleet-aside-chip__face {
	outline: 2px solid #0071ce;
	outline-offset: 2px;
}