#fp-nav{display:none !important}

.special_car { transition: transform 0.3s; /* transform 속성에 대한 변환 효과를 0.3초로 설정 */ }
.special_car:hover .car-thum{ transition: transform 0.3s; transform: scale(1.08); /* 1.1배로 확대하는 효과를 적용 */ }

/*aos 효과*/
.fp-section .aos-bottom{
	transform: translateY(200px);
	transition: all 1.5s;
	opacity:0
}
.fp-section.active .aos-bottom{
      transform: translateY(0);
	  opacity:1
}
.fp-section .aos-top{
	transform: translateY(-200px);
	transition: all 1.5s;
	opacity:0
}
.fp-section.active .aos-top{
      transform: translateY(0);
	  opacity:1
}

.fp-section .aos-left{
	transform: translateX(-200px);
	transition: all 1.5s;
	opacity:0
}
.fp-section.active .aos-left{
      transform: translate(0, 0);
	  opacity:1
}

.fp-section .aos-right{
	transform: translateX(200px);
	transition: all 1.5s;
	opacity:0
}
.fp-section.active .aos-right{
      transform: translate(0, 0);
	  opacity:1
}

@media (max-width: 768px){
.fp-section .aos-bottom{transform: translateY(80px);}
.fp-section .aos-top{transform: translateY(-80px);}
.fp-section .aos-right{transform: translateX(80px);}
.fp-section .aos-left{transform: translateX(-80px);}
}
/*******************************************aos 효과*************************************************/






.section{padding-top:100px; overflow:hidden}

/*스크롤시 header*/
#fp-nav ul li:last-child{display:none !important}
#fp-nav ul li .fp-tooltip{font-weight:900}


#fp-nav{display:none}


/*공통*/
.title {flex-flow:column; align-items:flex-start; margin-bottom:50px}
.title.center{align-items:center}
.title img{height:40px;}
.title h1{font-size:48px; font-weight:700; letter-spacing:0.5px;}



/*header*/
header{width:100%; height:100px; position:fixed; top:0; left:0; z-index:99999; background:#000; border-bottom:1px solid rgba(255,255,255,.3); -webkit-backdrop-filter: blur(30px);  backdrop-filter: blur(20px); transition:.3s;}
header > .wrap{height:100%;}
.hd-menu{align-items:center;}
.hd-menu li a{font-size:18px; font-weight:600; color:#fff; line-height:100px; padding:0 30px;}
.hd-menu li:first-child a{padding-left:0;}
.logo h1{font-size:20px; font-weight:600; margin-right:15px; color:#fff}
.logo img{height:70px;}
.sns{margin-right:50px;}
.sns li:nth-child(n+2){margin-left:22px;}
.sns li.num a{ font-size:30px; color:#ffd200; letter-spacing:0px; font-family: 'GmarketSans' !important; font-weight:bold}
.sns li a img{width:22px;}
.sns li a:hover img {animation: edge 0.5s linear 1; filter: sepia(20%) saturate(747%) hue-rotate(174deg);}
@keyframes edge {
	0% {transform: rotate(0deg);}
	35% {transform: rotate(-10deg);}
	75% {transform: rotate(10deg);}
	100% {transform: rotate(0deg);}
}



/*모바일메뉴*/
.side_menu {display: block; background: #000;height: 100%; left: -360px; position: fixed; top: 0; width: 360px; z-index:99999999;-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.side_menu .container{position:absolute;height:100%;width:100%; padding:100px 35px;}
.burger_box {display: block; float: right; margin-top: 28px; margin-right:-60px}
.burger_box a.menu-icon {display: inline-block; float: none; height: 60px; padding: 0px; opacity: 1; width: 60px; z-index: 100;color:#000;font-size:13px;}
.burger_box .menu-icon_box {display: inline-block; height: 30px; position: relative; text-align: left; width: 30px;}
.burger_box .menu-icon_line {background: #fff; display: inline-block; height: 2px; position: absolute; left:0px; width: 100%;top:30px}
.burger_box .menu-icon_line--1 {top: 3px;}
.burger_box .menu-icon_line--2 {top: 13px;}
.burger_box .menu-icon_line--3 {top: 23px;}
.burger_box .menu-icon_line--1 {transition: top 200ms 250ms, transform 200ms;-webkit-transition: top 200ms 250ms, -webkit-transform 200ms;}
.burger_box .menu-icon_line--2 {transition: opacity 0ms 300ms; -webkit-transition: opacity 0ms 300ms;}
.burger_box .menu-icon_line--3 {transition: top 100ms 300ms, transform 200ms; -webkit-transition: top 100ms 300ms, -webkit-transform 200ms;}
.burger_box .menu-icon {width:30px; height: 30px; cursor:pointer; text-align: center;}
.burger_box .menu-icon.opened .menu-icon_box {transform: scale3d(0.9, 0.9, 0.9); -webkit-transform: scale3d(0.9, 0.9, 0.9);}
.burger_box .menu-icon.opened .menu-icon_line {top: 13px;}
.burger_box .menu-icon.opened .menu-icon_line--1 {transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transition: top 100ms, transform 200ms 250ms; -webkit-transition: top 100ms, -webkit-transform 200ms 250ms; background: #fff;}
.burger_box .menu-icon.opened .menu-icon_line--2 {opacity: 0; transition: opacity 200ms; -webkit-transition: opacity 200ms;}
.burger_box .menu-icon.opened .menu-icon_line--3 {transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); transition: top 200ms, transform 200ms 250ms; -webkit-transition: top 200ms, -webkit-transform 200ms 250ms; background: #fff;}
.sd_menu > ul >  li a{font-weight:600; line-height:1; padding:18px 10px; color:#fff; font-size:22px; width:100%;}
.sd_menu > ul >  li:hover a{color:#ffd200; }
.sideOpen .side_menu{left:0}
.sideOpen:before {display: block; content:''; position:fixed; top:0; left:0; bottom:0; right:0; background: rgba(0,0,0,0.4); width:100%; height: 100vh; z-index:99999999;}
.side_menu, .burger_box {display: none; }


/*신청 폼*/
.quick-btn{position:fixed; top:50%; right:30px; transform:translateY(-50%); z-index:99999; color:#fff}
.quick-btn a{width:100%; height:100%; align-items:flex-end; position:relative; z-index:9}
.quick-btn a img{height:28px; margin-right:5px}
.quick-btn a span{font-style: italic; font-size:14px; opacity:.5;}
.quick-btn a p{font-size:28px; font-weight:700; line-height:1; color:#111; }
.quick-btn a p b{color:#000; font-weight:800}
.quick-btn a::before{content:'';display:block; width:105px; height:105px; border-radius:150px; background:#ffd200; position:absolute; top:70%; left:-19px; transform:translateY(-50%);z-index:-1}
.quick-btn a:hover::before{background: #ffd200; transition:.2s }
.form-box.modal{max-width:500px !important; height:auto !important; border-radius:25px !important; padding: 90px 60px !important;}
.form-con {flex-flow:column; align-items:center; }
.form-con form{width: 100%; display: flex;  flex-flow: column;  align-items: center;}
.form-con img.form-logo{height:70px; margin-bottom:20px}
.form-con h1{font-size:36px; font-weight:800; line-height:1;}
.form-con h1 b{font-weight:300}
.form-con ul{display:flex; flex-flow:column; align-items:center; width:100%; margin:30px 0 50px}
.form-con ul li{width:100%;}
.form-con ul li:nth-child(n+2){margin-top:8px;}
.form-con ul li input, .form-con ul li textarea{width:100%; height:52px; padding:0 10px; border-radius:3px;}
.form-con ul li textarea{padding-top:5px; padding-bottom:5px; line-height:40px; font-size:16px;  font-family: 'Pretendard', sans-serif !important; color:#222; font-size:15px; font-weight:400;}
.form-con ul li input::placeholder, .form-con ul li textarea::placeholder{font-size:16px; font-weight:400; line-height:40px; font-family: 'Pretendard', sans-serif !important; }
.form-con ul li:last-child{justify-content:center; margin-top:10px;}
.form-btn{border:none; cursor:pointer; font-size:18px; line-height:50px; padding:3px 10px; background:#ff7e00; color:#fff !important; width:100%; text-align:center; border-radius:100px; overflow:hidden;  position:relative; transform: translateZ(0);  transition: color 0.5s ease;;}
.form-btn:hover {background: #ff8a00;}


.fp-viewing-anchor3 .quick-btn a p b,
.fp-viewing-anchor5 .quick-btn a p b,
.fp-viewing-anchor6 .quick-btn a p b,
.fp-viewing-anchor7 .quick-btn a p b,
.fp-viewing-anchor9 .quick-btn a p b,
.fp-viewing-anchor10 .quick-btn a p b{color:#fff}



/*visual*/
.fp-auto-height.fp-section.visual{height:450px !important}
.visual{width:100%;}
.main-slid .swiper-pagination-bullet {width: 14px; height: 14px; background: #999; opacity: 1;}
.main-slid .swiper-pagination-bullet-active{background:#fff}
.main-slid .swiper-horizontal>.swiper-pagination-bullets, .main-slid .swiper-pagination-bullets.swiper-pagination-horizontal, .main-slid .swiper-pagination-custom, .main-slid .swiper-pagination-fraction {bottom: 25px;}


/*베스트5*/
.sec2{padding:120px 0}
.sec2-tit{align-items:flex-end;}
.sec2-tit .title{margin-bottom:0 !important}
.sec2-slid-box{width:100%; position:relative;}
.sec2-slid-box::before{content:''; display:block; width:37%; height:100%; border-radius:0 30px 30px 0; background:#eee; position:absolute; top:0; left:0}
.sec2-slid-box::after{content:''; display:block; width:540px; height:450px; opacity:.3;  position:absolute; top:50%; left:3%; transform:translateY(-50%); z-index:9; background: url('/images/logo-w.svg') no-repeat center; }
.best-slide{z-index:999 !important; width:90% !important}
.best-con{padding:130px 0 150px;}
.bc-thum{width:100%; height:200px;  justify-content: center;}
.bc-tit{margin:30px 0 50px;flex-flow:column; justify-content:center;}
.bc-tit h2{font-size:24px; line-height:1.1; margin-bottom:10px; text-align:center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.bc-tit p{font-size:17px; color:#545454}
.best-cate{ justify-content:center;}
.best-cate li{font-size:16px; font-weight:500; line-height:38px; padding:0 30px; background:#272727; color:#fff; border-radius:100px; overflow:hidden}
.best-cate li.yel{background:#ffd200; color:#000; font-weight:600}
.best-cate li:nth-child(n+2){margin-left:6px}
.best-slide .swiper-horizontal>.swiper-pagination-progressbar, .best-slide .swiper-pagination-progressbar.swiper-pagination-horizontal, .best-slide .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .best-slide .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 100%; max-width:550px; left: 50%; top: initial; bottom: 50px; transform: translateX(-50%); background:#cbcbcb;}
.best-slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000 !important;}
.best-control{width:100%; max-width:550px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:999}
.best-control .swiper-button-prev, .best-control .swiper-rtl .swiper-button-next {left: 0 !important;}
.best-control .swiper-button-next, .best-control .swiper-rtl .swiper-button-prev {right: 0 !important;}


/*
.best-slide .swiper-slide-active + .swiper-slide, 
.best-slide .swiper-slide-active + .swiper-slide + .swiper-slide,
.best-slide .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{ background:#fff;}
*/


/*관심차량문의하기 공통2개*/
.inquiry.best{margin-bottom:5px}
.inquiry > img{height:26px}
.inquiry div{font-size:25px; font-weight:700; color:#000; margin:0 15px;}
.inquiry div p{margin-left:8px}
.inquiry div b{color:#ffd200; position:relative; font-weight:800}
.inquiry div b::before{content:''; display:block; width:4px; height:4px; background:#ffd200; border-radius:10px; position:absolute; top:-5px; left:50%; transform:translateX(-50%);}
.inquiry a{font-size:20px; font-weight:600; color:#fff;  border-radius:100px; overflow:hidden;  position:relative; line-height:1; padding:13px 25px; transform: translateZ(0);  transition: color 0.5s ease; background:#000;}
.inquiry a:before { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: #ffd200; content: ''; 
	transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease-out; z-index: -1;
	color:#111;
}
.inquiry a:hover:before, .inquiry a:focus:before, .inquiry a:active:before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}


/*탭버튼*/
.tab {overflow: hidden; text-align: center; margin-bottom: 50px;}
.tab li {display: inline-block; color: rgba(255,255,255,.5); text-align: center; font-weight: 600; border-radius:100px; width:120px;  line-height: 45px; font-size: 20px; margin:0 4px; transition:0.3s; background: #585858; box-sizing:border-box;  cursor:pointer;}
.tab-con {display: none;  overflow:hidden;}
.tab li.current{color: #000; background: #ffd200; box-sizing:border-box; font-weight: 700;}
.tab-con.current {display: block;}
.tab li:hover {background: #ffd200; color:#000; font-weight: 700; transition:.2s}

.best-tab{margin-bottom:15px !important;     padding-left: 17%;}
.best-tab li{width:auto; line-height:1; padding-bottom:17px; font-size:25px; margin:0 10px;  background:transparent; color:#b7b7b7; cursor:pointer}
.bestab-con {display: none;  overflow:hidden;}
.bestab-con.on {display: block;}
.best-tab li.on{color: #000; background: transparent; font-weight: 700; position:relative}
.best-tab li.on::before{content:''; display:block; width:7px; height:7px; border-radius:10px; background:#ffd200; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.best-tab li:hover{color:#000; background:transparent; font-weight:600}


/*swiper 공통*/
.swiper {width: 100%; height: 100%;}
.swiper-slide {display: flex;  justify-content: center;  align-items: center;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: '' !important;}
.swiper-button-next:after, .swiper-button-prev:after {font-family: 'Pretendard', sans-serif !important;}
.swiper-button-next, .swiper-button-prev {width: 48px !important;  height: 48px !important;background:#fff url('/images/pri-arrow.svg')no-repeat center; background-size:cover; border-radius:100px; box-shadow:0 0 10px rgba(205,205,205,.7);}
.swiper-button-next { transform: rotate(-180deg);}


/*특가차량*/
.sec3{background:url('/images/sec3-bg.jpg')no-repeat center; background-size:cover; padding:120px 0;}
.sec3-tit {text-align:center; flex-flow:column; margin-bottom:30px;}
.sec3-tit h1{font-size:48px; font-weight:700; color:#fff; }
.sec3-tit img{height:40px; opacity:.2}

.sec3-con{position:relative}
.inquiry.car-txt{position:absolute; right:0}
.inquiry > img{height:26px}
.inquiry.car-txt div{color:#fff;}
.inquiry.car-txt div b{color:#ffd200;}
.inquiry.car-txt div b::before{ background:#ffd200;}
.inquiry.car-txt a{background:##ffd200;}
.inquiry.car-txt a:before {background: #ffd200;}

.price{background:#fff; padding:12px 25px 20px 25px; border-radius:15px;}
.pri-category li{font-size:13px; font-weight:500; padding:0 3px; width:65px; line-height:25px; border:1px solid #ddd; border-radius:100px; text-align:center; margin-right:8px; margin-top:8px}
.pri-category li.color{border:1px solid #858585; color:#fff; background:#858585}
.pri-category li:last-child{margin-right:0 !important}
.car-thum{width:100%; height:180px; margin:25px 0;  justify-content: center;}
.pri-tit h1{font-size:24px; line-height:1.1; margin-bottom:10px; text-align:center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pri-tit div b{font-size:17px;line-height:1.2; font-weight:400; color:#555; width:70px;}
.pri-tit div p{font-size:17px;line-height:1.2; font-weight:700; color:#000; width:calc(100% - 70px)}
.price .btn{  justify-content: center; margin:70px 0 15px}
.price .btn a {font-size:16px; font-weight:500; color:#fff; background:#000; border-radius:100px; padding:0 30px; line-height:36px; text-align:center }
.price .btn a:hover{background:#ff7e00; transition:.2}
.slid-control{width:95%; max-width:1480px; position: absolute; left: 50%; bottom:40%; transform: translateX(-50%); z-index:9999999999}



/*계약 후기*/
.sec4{padding:0 !important;     background: url('/images/partner-bg.jpg')no-repeat center/100%;    background-size: cover;}
.re-left{width:470px;margin-top:120px;  position: sticky; top: 0; z-index: 9; }
.best-review{width:100%; background:#efefef; padding:38px; border-radius:30px ;}
.star span{color:#ffd200}
.star h1{color:#6f6f6f; font-size:35px; line-height:1; font-weight:800}
.star h1 b{font-size:25px;font-weight:800; margin-right:7px}
.best-tit{margin:25px 0}
.best-tit h1{font-size:25px; line-height:1.2; margin-bottom:5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.best-tit h5{font-size:22px; line-height:1; font-weight:700; margin-bottom:25px;}
.best-tit h5 b{font-size:17px; font-weight:400; margin-left:5px;}
.best-tit p{font-size:16px; font-weight:300; line-height:1.4; padding-right:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.best-thum{width:100%; height:240px; border-radius:25px}
.re-right{width:calc(100% - 500px)}
.review-list{margin-top:-150px;}
.review-list li{opacity:.5; width:calc(100%/3 - 15px); margin-right:15px; margin-bottom:20px }
.review-list li:hover{opacity:1; transition:.2s; }
.review-list li:nth-child(1), .review-list li:nth-child(3), .review-list li:nth-child(4), .review-list li:nth-child(6),.review-list li:nth-child(7), .review-list li:nth-child(9){margin-top:-150px;}
.review-list li .review-con{background:#fff; border:1px solid #dedede; padding:25px; border-radius:15px; cursor:pointer}
.re-cate{display:flex; flex-wrap:wrap; align-items:center;}
.re-cate span{font-size:14px; font-weight:600; line-height:28px; padding:0 16px; border:1px solid #dedede; border-radius:100px;}
.re-cate span:nth-child(n+2){margin-left:5px;}
.re-title h1{font-size:25px; line-height:1.2; font-weight:700; margin:15px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.re-title p{font-size:16px; font-weight:300; line-height:1.4; color:#545454; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.re-thum{width:100%; height:160px; border-radius:20px; margin-top:25px;}



/*특별한 혜택*/
.sec5{background:#000; position:relative; padding:120px 0 !important}
.sec5-line{position:absolute; top:-15%; left:50%; transform:translateX(-50%); opacity:.3; z-index:1}
.spacial-tit {margin-bottom:90px; position: relative; z-index: 9;}
.spacial-tit h1{font-size:48px; font-weight:200; line-height:1; color:#fff }
.spacial-tit h1 span{font-size:30px;}
.spacial-tit h1 b{font-weight:700; position:relative; z-index:9; padding-bottom:20px;}
.spacial-tit h1 b::before{content:''; display:block; width:102%; height:100%; background:background: rgb(255,210,0); background: linear-gradient(360deg, rgba(255,210,0,.5) 0%, rgba(255,210,0,0) 100%); position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:-1}
.spacial-tit div p{color:#acacac; font-size:16px; font-weight:300; line-height:1.4; text-align:right}
.spacial-tit div p b{font-weight:600;}
.spacial-tit div img{height:38px; margin-left:12px}

.spac-list li{width:29%;}
.spac-list li:nth-child(2n){width:19%;}
.spac-img{width:100%; max-width:430px; height:240px; border-radius:20px; background:#ddd}
.spac-list{position: relative; z-index: 9;}
.spac-list li:nth-child(2n) .spac-img{width:100%; height:430px}
.spac-txt {color:#fff; text-align:center; padding:0 5px; cursor: default;}
.spac-txt h1{font-size:25px; font-weight:400; line-height:1; margin:25px 0 15px }
.spac-txt p{font-size:16px; line-height:1.4; font-weight:300}
.spac-txt p span{color:#9d9d9d}

.spac-img.img01{background:url('/images/spac-img01.jpg')no-repeat center; background-size:cover}
.spac-img.img02{background:url('/images/spac-img02.jpg')no-repeat center; background-size:cover}
.spac-img.img03{background:url('/images/spac-img03.jpg')no-repeat center; background-size:cover}
.spac-img.img04{background:url('/images/spac-img04.jpg')no-repeat center; background-size:cover}

.spac-list li:hover .spac-txt h1{color:#ffd200; transition:.2s;}
.spac-list li:nth-child(1):hover .spac-img.img01{background:url('/images/spac-img01-color.jpg')no-repeat center; background-size:cover; transition:.2s;}
.spac-list li:nth-child(2):hover .spac-img.img02{background:url('/images/spac-img02-color.jpg')no-repeat center; background-size:cover; transition:.2s;}
.spac-list li:nth-child(3):hover .spac-img.img03{background:url('/images/spac-img03-color.jpg')no-repeat center; background-size:cover; transition:.2s;}
.spac-list li:nth-child(4):hover .spac-img.img04{background:url('/images/spac-img04-color.jpg')no-repeat center; background-size:cover; transition:.2s;}


/*소개*/
.sec6{background:url('/images/sec6-bg.jpg')no-repeat center; background-size:cover; padding-top:140px}
.about-tit{text-align:center; margin-bottom:80px;}
.about-tit h1{display:inline; font-size:48px; font-weight:200; line-height:1; color:#fff; position:relative; z-index:9}
.about-tit h1 b{font-weight:700}
.about-tit h1::before{content:''; display:block; opacity:.15; width:150px; height:130px; position:absolute; top:50%; left:-75px; transform:translateY(-50%);  z-index:-1; background:url('/images/logo-w_new.png')no-repeat center; background-size:150px}
.difference > li{width:50%; padding:0 50px;}
.difference > li .tit{color:#fff; border-bottom:1px solid rgba(255,255,255,.2); position:relative; z-index:10; margin-bottom:85px;}
.difference > li .tit::before{content:''; display:block; width:70px; height:70px; border-radius:100px; background:rgba(255,210,0,.2); position:absolute; left:-45px; top:50%; transform:translateY(-50%); z-index:-1}
.difference > li .tit p{font-size:13px; font-weight:100; line-height:1.1}
.difference > li .tit h1{font-size:26px; font-weight:700; line-height:1.1}
.reason-con.con01 .rea-box{width:50%;}
.reason-con.con02 .rea-box{width:100%}
.reason-con.con03{width:100%; margin-top:80px}
.reason-con.con02 .rea-box.box2{height:210px;}
.reason-con.con02 .reason{flex-flow:column;}
.reason{position:relative}
.reason-car01{width:420px; position:absolute; bottom:0; right:10px;}
.reason-car02{width:420px; position:absolute; bottom:0; right:0px;}
.rea-tit{color:#fff; margin-bottom:75px}
.rea-tit img{height:35px; margin-left:5px; opacity:.4}
.rea-tit img.icon01{height:25px}
.rea-tit img.icon03{height:30px; opacity:1}
.rea-tit img.icon04{height:32px; opacity:1}
.rea-tit h1{font-size:36px; font-weight:700; line-height:1.3; display:flex; flex-wrap:wrap; align-items:center}
.rea-tit h1 b{font-weight:100}
.rea-tit a{font-size:24px; color:#000; font-weight:700; background:#ffd200; line-height:1; padding:16px 43px; border-radius:100px; overflow:hidden; margin-top:25px; position: relative; transform: translateZ(0);  transition: color 0.5s ease;}
.rea-tit a:before { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: #ffc600; content: ''; transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease-out; z-index: -1;}
.rea-tit a:hover:before, .rea-tit a:focus:before, .rea-tit a:active:before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.reason-con.con01  .reason-list{padding-bottom:140px;}
.reason-list li{display:flex; flex-wrap:wrap; align-items:flex-start; color:#fff; font-size:18px; line-height:1.3; font-weight:200}
.reason-list li img{width:19px; margin-top:3px; opacity:.5}
.reason-list li p{width:calc(100% - 20px); padding-left:10px;}
.reason-list li p span{position:relative; z-index:9}
.reason-list li p span::before{content:''; display:block; width:102%; height:30%; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:#ffd200; z-index:-1; opacity:.4}
.reason-list li:nth-child(n+2){margin-top:22px;}
.rea-box.box3{width:100%; padding-bottom:160px;}
.rea-box.box3 .rea-tit{width:350px; margin-bottom:0 !important}
.rea-box.box3 .reason-list{width:calc(100% - 610px)}
.person{position:absolute; bottom:0; right:0; height:370px}




/*할부VS장기렌트카*/
.sec7{background:#000; padding-top:120px; position:relative;}
.sec7-line{position:absolute; top:-15%; left:50%; transform:translateX(-50%); opacity:.3; z-index:1}
.sec7-tit{color:#fff; margin-bottom:90px}
.sec7-tit h1{font-size:48px; font-weight:700; text-align:center; line-height:1; margin-bottom:70px;}
.sec7-tit h1 b{font-weight:700; position:relative;z-index:9; padding-bottom:20px;}
.sec7-tit h1 b::before{content:''; display:block; width:102%; height:100%; background:background: rgb(255,210,0); background: linear-gradient(360deg, rgba(255,210,0,.5) 0%, rgba(255,210,0,0) 100%); position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:-1}
.sec7-tit h1 span{font-weight:100; margin:0 15px;}
.sec7-tit p{font-size:22px; text-align:center;}
.sec7-tit p b{font-weight:700;display:block}
.sec7-tit p b span{font-weight:100; margin:0 5px;}

.rental{ justify-content: center; align-items:center; position:relative;  z-index:9}
.car{background:url('/images/sec7-bg.png')no-repeat bottom -520px center; background-size:cover;}
.ren-box{width:50%}
.ren-box ul{background:url('/images/ren-box-bg.png')no-repeat top center/100%; padding:20px 5px;}

.ren-01{display:flex; flex-wrap:wrap; justify-content: flex-end; padding-right:50px;}
.ren-01 > div{width:260px; background:#fff; border-radius: 25px 25px 0 0; padding:30px;padding-bottom:120px; position:relative; z-index:9}
.ren-01 > div::before{content:'VS'; display:inline-block; position:absolute;  right:-50%; top:45%; transform:translate(-10%, -50%); z-index:1; color:#333; font-size:94px; font-weight:700; letter-spacing:-5px}
.ren-01 > div img{position:absolute; top:-40px; right:-12px;}
.ren-01 > div h1{border-bottom:1px solid #ddd; font-size:25px; font-weight:700; line-height:1; padding-bottom:10px; }
.ren-01  ul li:nth-child(n+2){margin-top:16px;}
.ren-01  ul li b{font-size:14px; font-weight:300; line-height:1; margin-bottom:5px;}
.ren-01  ul li p{font-size:18px; font-weight:700; line-height:1;}
.car01{position:relative; bottom:100px; right:-80px; z-index:20; width:460px;}

.ren-02 {position:relative; display:flex; flex-wrap:wrap; justify-content: flex-start; padding-left:50px;}
.ren-02 > div{width:360px; background:#fff; border-radius: 30px 30px 0 0; padding:35px; padding-bottom:120px; position:relative; z-index:9}
.ren-02 > div img{position:absolute; top:-55px; right:-25px;}
.ren-02 > div h1{border-bottom:1px solid #ddd; font-size:35px; font-weight:700; line-height:1; padding-bottom:15px; }
.ren-02  ul li:nth-child(n+2){margin-top:24px;}
.ren-02  ul li b{font-size:18px; font-weight:300; line-height:1; margin-bottom:3px;}
.ren-02  ul li p{font-size:24px; font-weight:700; line-height:1; color:#ffd200; }
.ren-02  ul li p span{background:#111;display:inline-block; padding:5px 10px; border-radius: 5px; }
.car02{position:relative; bottom:80px; left:-70px; z-index:20; width:800px}



/*제휴사*/
.sec8{padding:120px 0  !important; background:url('/images/partner-bg.jpg')no-repeat center/100%; background-size:cover;}
img.partner-1023{display:none}
img.partner-768{display:none}
img.partner-500{display:none}



/*유의사항*/
.sec9{background:#000; padding:0px 0 50px;}
.ft-menu{width:100%; border-bottom:1px solid rgba(255,255,255,.2)}
.ft-menu ul.flex{align-items:center; justify-content: center;}
.ft-menu li a{font-size:18px; line-height:1; color:#fff; font-weight:500; padding:25px 50px}
.ft-menu li:first-child a{padding-left:0 !important}
.ft-menu li:last-child a{padding-right:0 !important}
.ft-menu li{position:relative}
.ft-menu li::before{content:''; display:block; width:1px; height:15px; background:rgba(255,255,255,.8); position:absolute; top:50%; left:0; transform:translateY(-50%)}
.ft-menu li:first-child::before{display:none !important}
.notice{width:100%; border-radius:20px; background:#eee; padding:50px; margin:50px 0}
.notice h3{font-size:20px; font-weight:700; color:#5b4932; line-height:1; margin-bottom:12px;}
.notice ul li{font-size:16px; line-height:1.4; color:#0c0a0b; font-weight:300; position:relative; padding-left:8px;}
.notice ul li:nth-child(n+2){margin-top:6px; }
.notice ul li::before{content:''; display:block; width: 2px; height:2px; border-radius:10px; position:absolute; top:10px; left:0; background:#ff9000}
.copy h1 img{height:40px; margin-bottom:15px}
.copy-list li{font-size:17px; line-height:1; color:#fff; font-weight:100; padding:12px 20px; position:relative;}
.copy-list li:first-child{padding-left:0 !important}
.copy-list li::before{content:''; display:block; width:1px; height:15px; background:rgba(255,255,255,.6); position:absolute; top:50%; left:0; transform:translateY(-50%)}
.copy-list li:first-child::before{display:none !important}
.copy-list li b{font-weight:600}
.copy p{font-size:16px; font-weight:100; color:rgba(255,255,255,.7)}



/*footer*/
footer{width:100%; background:#ffd200 !important; padding-top:0 !important}
footer .wrap{padding:45px 0; justify-content: space-between;}
.f-left {width:260px;}
.f-left img{height:55px; margin-right:10px}
.f-left h1{font-size:34px; font-weight:400; line-height:1;}
.f-left h1 b{font-weight:800}
.f-right{width:calc(100% - 240px);}
footer form#reg_form{width:calc(100% - 280px); display: flex; align-items: center; justify-content: space-between;}
.tel-info ul li {width:180px;}
.tel-info ul li:nth-child(3){width:calc(100% - 580px)}
.tel-info ul li input{width:100%;height:52px; padding:10px 15px; border-radius:8px}
.tel-info ul li input::placeholder{font-size:15px; color:#444; font-weight:400; letter-spacing:-.5px}
.agree-box{width:200px !important;}
.agree-box input[type="checkbox"]{width:auto !important; height:auto !important; padding:0 !important; border-radius:0 !important; accent-color: #000;}
.agree-box label{margin:0 3px; font-size:15px}
.agree-box a{font-size:13px; line-height:1; font-weight:200; padding:5px 8px; border-radius:5px; background:#6a5d66; color:#fff; margin-left:5px;}
.agree-box a:hover{background:#534950; transition:.2s;}
.tel-gobtn{width:220px; height:80px; border:none !important; cursor:pointer; letter-spacing:-1px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  background:#000; border-radius:10px; color:#fff !important; font-weight:600; font-size:22px;}
.tel-gobtn:hover{background:#222; transition:.2s;}





/*모달*/
.modal_wrap .tit {font-size:1.3em; padding: 15px 0; font-weight: 700; border-top: 2px solid #000; border-bottom: 1px solid #000; width:100%; text-align: center; margin-bottom: 40px;}
.modal_wrap {width:100% !important; height: 100%; padding-right:10px; overflow-y: auto; overflow-x: hidden; box-sizing:border-box;}
.modal {max-width:800px !important;width:100% !important; height: 90%; padding: 80px 60px !important; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;}
.blocker {z-index:9999999999999 !important; background-color: rgba(0,0,0,0.6) !important;  -webkit-backdrop-filter: blur(10px);  backdrop-filter: blur(5px);}
.modal_wrap::-webkit-scrollbar { width: 7px;  }
.modal_wrap::-webkit-scrollbar-thumb {  background-color: #eee;  border-radius: 10px;  background-clip: padding-box;  border: 0px solid transparent;  }
.modal_wrap::-webkit-scrollbar-track { background-color: transparent;  border-radius: 0; }
.modal a.close-modal {background-image: url('/images/close.png') !important; top: 23px !important; right: 23px !important; width: 25px !important; height: 25px !important;}
.modal_wrap .terms{font-size:15px; line-height:1.4}

/****************************반응형****************************/


@media (max-width: 1500px){
/*footer*/
footer .wrap{padding:40px 0;}
.f-left {width:235px;}
.f-left img{height:52px; margin-right:10px}
.f-left h1{font-size:31px;}
footer form#reg_form {width: calc(100% - 255px);}
.f-right{width:calc(100% - 215px);}
.tel-info ul li {width:170px;}
.tel-info ul li:nth-child(3){width:calc(100% - 570px);}
.tel-info ul li input{height:50px; padding:10px 13px; border-radius:5px}
.tel-info ul li input::placeholder{font-size:15px; }
.agree-box{width:200px !important;}
.agree-box label{font-size:15px}
.agree-box a{font-size:13px; padding:5px 8px;}
.tel-gobtn{width:190px; height:76px; font-size:20px;}




}



@media (max-width: 1400px){
/*header*/
.hd-menu li a{font-size:18px; padding:0 25px;}
.logo h1{font-size:18px; margin-right:12px; }
.logo img{height:45px;}
.sns{margin-right:40px;}
.sns li:nth-child(n+2){margin-left:22px;}
.sns li.num a{ font-size:28px;}
.sns li a img{width:21px;}

/*공통*/
.title {margin-bottom:46px}
.title img{height:38px;}
.title h1{font-size:46px; }

/*관심차량문의하기 공통2개*/
.inquiry > img{height:25px}
.inquiry div{font-size:24px; margin:0 13px;}
.inquiry a{font-size:19px; padding:13px 23px; }

/*best-car*/
.best-tab{margin-bottom:15px !important; padding-left: 17%;}
.best-tab li{padding-bottom:15px; font-size:23px; margin:0 9px;}
.best-tab li.on::before{ width:7px; height:7px; }
.best-con{padding:120px 0 140px;}
.bc-thum{height:185px;}
.bc-tit{margin:30px 0 50px;}
.best-cate li{font-size:16px;  line-height:37px; padding:0 26px;}
.best-cate li:nth-child(n+2){margin-left:6px}
.best-slide .swiper-horizontal>.swiper-pagination-progressbar, .best-slide .swiper-pagination-progressbar.swiper-pagination-horizontal, .best-slide .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .best-slide .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {max-width:400px; bottom: 50px;}
.best-control{max-width:430px;}


/*특별한 혜택*/
.sec5-line{top:-12%;}
.spacial-tit {margin-bottom:80px;}
.spacial-tit h1{font-size:45px;}
.spacial-tit h1 span{font-size:27px;}
.spacial-tit h1 b{padding-bottom:18px;}
.spacial-tit div img{height:36px; margin-left:11px}
.spac-list li{width:30%;}
.spac-list li:nth-child(2n){width:18%;}
.spac-img{max-width:400px; height:220px; border-radius:15px;}
.spac-list li:nth-child(2n) .spac-img{height:400px}
.spac-txt h1{font-size:23px; margin:22px 0 12px }
.spac-txt p{font-size:15px; line-height:1.2;}


/*특가차량*/
.sec3-con{display:flex; justify-content: space-between; flex-flow: row-reverse; align-items:center; margin-bottom:46px}
.inquiry.car-txt{position:initial !important}
.tab{margin-bottom:0}
.tab li {width: 110px; font-size: 19px;}
.sec3-tit {margin-bottom: 28px;}
.sec3-tit img {height: 38px;}
.sec3-tit h1 {font-size: 46px;}
.pri-category li{font-size:13px; margin-right:6px; margin-top:6px}
.car-thum{height:150px; margin:20px 0;}
.pri-tit h1{font-size:22px;}
.pri-tit div b{font-size:15px; width:62px;}
.pri-tit div p{font-size:15px; width:calc(100% - 62px); font-weight:600}
.price .btn{margin:50px 0 12px}
.price .btn a {font-size:15px; padding:0 25px; line-height:34px }
.swiper-button-next, .swiper-button-prev {width: 45px !important;  height: 45px !important;}

/*계약 후기*/
.re-left{width:400px;margin-top:110px;}
.best-review{padding:32px; border-radius:30px ;}
.star h1{font-size:31px;}
.star h1 b{font-size:23px;}
.best-tit{margin:22px 0}
.best-tit h1{font-size:22px;}
.best-tit h5{font-size:20px; margin-bottom:20px;}
.best-tit h5 b{font-size:16px;}
.best-tit p{font-size:16px; padding-right:10px; }
.best-thum{height:220px; border-radius:20px}
.re-right{width:calc(100% - 420px)}
.review-list{margin-top:-100px}
.review-list li{width:calc(100%/3 - 10px); margin-right:10px; margin-bottom:15px;;}
.review-list li .review-con{padding:20px; border-radius:12px;}
.re-cate span{font-size:14px; font-weight:500; line-height:26px; padding:0 14px; }
.re-cate span:nth-child(n+2){margin-left:5px;}
.re-title h1{font-size:22px; margin:15px 0;}
.re-title p{font-size:16px; -webkit-line-clamp: 4;}
.re-thum{ height:145px; border-radius:14px; margin-top:20px;}

/*소개*/
.sec6{ padding-top:140px}
.about-tit{margin-bottom:70px;}
.about-tit h1{ font-size:46px;}
.about-tit h1::before{width:140px; height:120px; left:-70px; background-size:140px}
.difference > li{padding:0 40px;}
.difference > li .tit{margin-bottom:70px;}
.difference > li .tit::before{width:66px; height:66px; left:-32px;}
.difference > li .tit p{font-size:13px}
.difference > li .tit h1{font-size:24px}
.reason-con.con01 .rea-box{width:60%;}
.reason-con.con02 .rea-box.box2{height:200px;}
.reason-car01{width:390px; right:10px;}
.reason-car02{width:390px; right:0px;}
.rea-tit{margin-bottom:60px}
.rea-tit img{height:31px; margin-left:5px;}
.rea-tit img.icon01{height:23px}
.rea-tit img.icon03{height:26px}
.rea-tit img.icon04{height:28px}
.rea-tit h1{font-size:33px}
.rea-tit a{font-size:21px; padding:14px 36px; margin-top:22px; }
.reason-con.con01  .reason-list{padding-bottom:150px;}
.reason-list li{font-size:18px;}
.reason-list li img{width:18px; margin-top:3px; }
.reason-list li p{width:calc(100% - 20px); padding-left:9px;}
.reason-list li p span::before{ height:28%; }
.reason-list li:nth-child(n+2){margin-top:18px;}
.rea-box.box3{padding-bottom:140px;}
.rea-box.box3 .rea-tit{width:280px;}
.rea-box.box3 .reason-list{width:calc(100% - 520px)}
.person{height:340px}


/*할부VS장기렌트카*/
.sec7-line{top:-10%;}
.sec7-tit{margin-bottom:80px}
.sec7-tit h1{font-size:46px; margin-bottom:60px;}
.sec7-tit h1 b{padding-bottom:18px;}
.sec7-tit h1 span{margin:0 13px;}

.car{background:url('/images/sec7-bg.png')no-repeat bottom -460px center;}
.ren-box ul{ padding:16px 5px;}
.ren-01 > div{width:240px; border-radius: 22px 22px 0 0; padding:25px; padding-bottom:110px;}
.ren-01 > div::before{right:-50%;transform:translate(-10%, -50%); font-size:90px; }
.ren-01 > div img{top:-36px; right:-15px;}
.ren-01 > div h1{font-size:24px; }
.ren-01  ul li:nth-child(n+2){margin-top:14px;}
.ren-01  ul li b{font-size:14px; margin-bottom:5px;}
.ren-01  ul li p{font-size:18px;}
.car01{bottom:100px; right:-50px; width:400px;}
.ren-02 > div{width:340px; border-radius: 25px 25px 0 0; padding:25px; padding-bottom:110px;}
.ren-02 > div img{top:-50px; right:-20px;}
.ren-02 > div h1{font-size:32px}
.ren-02  ul li:nth-child(n+2){margin-top:20px;}
.ren-02  ul li b{font-size:17px;}
.ren-02  ul li p{font-size:23px;}
.car02{bottom:80px; left:-50px; width:740px}





/*유의사항*/
.ft-menu li a{padding:22px 40px}
.copy-list{margin-bottom:12px;}
.copy-list li{font-size:17px; padding:0px 18px; margin-top:12px;}


/*footer*/
footer .wrap{padding:30px 0;}
.f-left {width:210px;}
.f-left img{height:46px; margin-right:8px}
.f-left h1{font-size:28px;}
footer form#reg_form {width: calc(100% - 230px);}
.f-right{width:calc(100% - 185px);}
.tel-info ul li {width:150px;}
.tel-info ul li:nth-child(3){width:calc(100% - 510px);}
.tel-info ul li input{height:47px; padding:8px 10px;}
.tel-info ul li input::placeholder{font-size:14px; }
.agree-box{width:185px !important;}
.agree-box label{font-size:14px}
.agree-box a{font-size:13px; padding:5px 8px;}
.tel-gobtn{width:160px; height:68px; font-size:17px;}

}




@media (max-width: 1230px){
.section{padding-top:90px; }

/*header*/
header {height: 90px;}
.hd-menu li a{font-size:17px; padding:0 18px; line-height:90px}
.logo h1{font-size:17px; margin-right:10px; }
.logo img{height:38px;}
.sns{margin-right:30px;}
.sns li:nth-child(n+2){margin-left:20px;}
.sns li.num a{ font-size:25px;}
.sns li a img{width:20px;}


/*visual*/
.fp-auto-height.fp-section.visual{height:400px !important}
.main-slid .swiper-pagination-bullet {width: 12px; height: 12px;}
.main-slid .swiper-horizontal>.swiper-pagination-bullets, .main-slid .swiper-pagination-bullets.swiper-pagination-horizontal, .main-slid .swiper-pagination-custom, .main-slid .swiper-pagination-fraction {bottom: 20px;}

/*공통*/
.title {margin-bottom:42px}
.title img{height:35px;}
.title h1{font-size:42px; }

/*관심차량문의하기 공통2개*/
.inquiry > img{height:23px}
.inquiry div{font-size:22px; margin:0 12px;}
.inquiry div p{margin-left:7px}
.inquiry div b::before{top:-4px;}
.inquiry a{font-size:18px; padding:12px 21px; }


/*best-car*/
.best-tab{margin-bottom:13px !important; padding-left: 18%;}
.best-tab li{padding-bottom:13px; font-size:21px; margin:0 7px;}
.best-tab li.on::before{ width:6px; height:6px; }
.best-con{padding:120px 15px;}
.bc-thum{height:160px; background-size:contain !important}
.bc-tit{margin:25px 0 40px;}
.bc-tit h2{font-size:21px; margin-bottom:8px;}
.bc-tit p{font-size:15px;}
.best-cate li{font-size:15px;  line-height:35px; padding:0 20px;}
.best-cate li:nth-child(n+2){margin-left:5px}
.best-slide .swiper-horizontal>.swiper-pagination-progressbar, .best-slide .swiper-pagination-progressbar.swiper-pagination-horizontal, .best-slide .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .best-slide .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {max-width:300px; bottom: 40px;}
.best-control{max-width:340px;}


/*특가차량*/
.sec3-con{margin-bottom:42px}
.tab li {width: 100px; line-height:43px; font-size: 18px;}
.sec3-tit {margin-bottom: 26px;}
.sec3-tit img {height: 35px;}
.sec3-tit h1 {font-size: 42px;}


/*계약 후기*/
.sec4{padding-bottom:60px !important}
.re-left{width:340px;margin-top:100px;}
.best-review{padding:25px; border-radius:20px ;}
.star h1{font-size:29px;}
.star h1 b{font-size:20px;}
.best-tit{margin:15px 0}
.best-tit h1{font-size:20px;}
.best-tit h5{font-size:17px; margin-bottom:15px;}
.best-tit h5 b{font-size:16px;}
.best-tit p{font-size:15px; padding-right:10px; }
.best-thum{height:200px; border-radius:15px}
.re-right{width:calc(100% - 370px)}
.review-list{justify-content: space-between; margin-top:-85px}
.review-list li{width:calc(100%/2 - 10px); margin-right:0px;;}
.review-list li:nth-child(1), .review-list li:nth-child(3), .review-list li:nth-child(4), .review-list li:nth-child(6){margin-top:0;}
.review-list li:nth-child(1){margin-top:0 !important}
.review-list li:nth-child(2){margin-top:100px}
.review-list li:nth-child(2n-1){margin-top:-100px}
.review-list li .review-con{padding:15px; border-radius:10px;}
.re-cate span{font-size:13px; padding:0 12px; }
.re-cate span:nth-child(n+2){margin-left:4px;}
.re-title h1{font-size:20px; margin:12px 0; -webkit-line-clamp: 1; }
.re-title p{font-size:15px; -webkit-line-clamp: 5;}
.re-thum{ height:140px; border-radius:12px; margin-top:15px;}


/*특별한 혜택*/
.sec5-line{top:-10%;}
.spacial-tit {margin-bottom:70px;}
.spacial-tit h1{font-size:42px;}
.spacial-tit h1 span{font-size:25px;}
.spacial-tit h1 b{padding-bottom:15px;}
.spacial-tit div p{ font-size:15px;}
.spacial-tit div img{height:34px; margin-left:10px}
.spac-list li{width:31%;}
.spac-list li:nth-child(2n){width:17%;}
.spac-img{height:200px; border-radius:12px;}
.spac-list li:nth-child(2n) .spac-img{height:360px}
.spac-txt h1{font-size:21px; margin:20px 0 10px }
.spac-txt p{font-size:14px;}

/*소개*/
.sec6{ padding-top:125px}
.about-tit{margin-bottom:60px;}
.about-tit h1{ font-size:42px;}
.about-tit h1::before{width:110px; height:100px; left:-55px; background-size:110px}
.difference > li{padding:0 30px;}
.difference > li .tit{margin-bottom:50px;}
.difference > li .tit::before{width:60px; height:60px; left:-28px;}
.difference > li .tit p{font-size:12px}
.difference > li .tit h1{font-size:21px}
.reason-con.con01 .rea-box{width:70%;}
.reason-con.con03{margin-top:70px}
.reason-con.con02 .rea-box.box2{height:190px;}
.reason-car01{width:350px; right:0px;}
.reason-car02{width:320px;}
.rea-tit{margin-bottom:45px}
.rea-tit img{height:31px; margin-left:5px;}
.rea-tit img.icon01{height:21px}
.rea-tit img.icon03{height:24px}
.rea-tit img.icon04{height:25px}
.rea-tit h1{font-size:31px}
.rea-tit a{font-size:19px; padding:13px 32px; margin-top:20px; }
.rea-box.box3{padding-bottom:120px;}
.rea-box.box3 .rea-tit{width:250px;}
.rea-box.box3 .reason-list{width:calc(100% - 450px)}
.person{height:290px}


/*할부VS장기렌트카*/
.sec7{ padding-top:110px;}
.sec7-line{top:-5%;}
.sec7-tit{margin-bottom:70px}
.sec7-tit h1{font-size:42px; margin-bottom:45px;}
.sec7-tit h1 b{padding-bottom:16px;}
.sec7-tit h1 span{margin:0 11px;}
.sec7-tit p{font-size:21px;}
.car{background:url('/images/sec7-bg.png')no-repeat bottom -460px center;}
.ren-box ul{ padding:16px 5px;}
.ren-01{padding-right:50px;}
.ren-01 > div{width:240px; border-radius: 22px 22px 0 0; padding:25px; padding-bottom:110px;}
.ren-01 > div::before{right:-45%;transform:translate(-10%, -50%); font-size:80px; }
.ren-01 > div img{top: -31px; right: -11px; height: 70px;}
.ren-01 > div h1{font-size:21px; padding-bottom:8px; }
.ren-01  ul li:nth-child(n+2){margin-top:14px;}
.ren-01  ul li b{font-size:14px; margin-bottom:5px;}
.ren-01  ul li p{font-size:17px;}
.car01{bottom:90px; right:-40px; width:350px;}
.ren-02 {padding-left:50px;}
.ren-02 > div{width:340px; border-radius: 25px 25px 0 0; padding:25px; padding-bottom:110px;}
.ren-02 > div img{top:-50px; right:-20px; height:100px;}
.ren-02 > div h1{font-size:29px; padding-bottom:12px; }
.ren-02  ul li:nth-child(n+2){margin-top:20px;}
.ren-02  ul li b{font-size:16px;}
.ren-02  ul li p{font-size:21px;}
.car02{bottom:80px; left:-50px; max-width:500px; width:500px}


/*유의사항*/
.ft-menu li a{font-size:17px; padding:20px 35px}
.ft-menu li::before{height:14px;}
.notice{border-radius:16px; padding:40px; margin:40px 0}
.notice h3{font-size:19px;}

/*footer*/
footer .wrap{padding:30px 0;}
.f-left {width:100%; margin-bottom:5px;}
footer form#reg_form{width:100%;}
.f-right{width:calc(100% - 180px);}
.tel-info ul li {width:180px;}
.tel-info ul li:nth-child(3){width:calc(100% - 570px);}
.tel-info ul li input{height:44px;}
.agree-box{width:185px !important;}
.tel-gobtn{width:160px; height:62px;}

}





@media (max-width: 1023px){
/*header*/
header > .wrap { justify-content: flex-end;}
.hd-menu{display:none}
.logo h1{font-size:19px; margin-right:15px; }
.logo img{height:40px;}
.sns{margin-right:40px;}
.sns li:nth-child(n+2){margin-left:21px;}
.sns li.num a{ font-size:27px;}
.sns li a img{width:21px;}
.side_menu, .burger_box {display: block; }
.sideOpen .burger_box{margin-right:20px; z-index: 999999999999999;  position: relative;}

/*신청폼 버튼*/
.quick-btn{right:20px;}
.quick-btn a img{height:26px;}
.quick-btn a span{font-size:13px;}
.quick-btn a p{font-size:25px;}
.quick-btn a::before{width:95px; height:95px; top:70%; left:-17px;}

/*visual*/
.fp-auto-height.fp-section.visual{height:360px !important}
.main-slid .swiper-horizontal>.swiper-pagination-bullets, .main-slid .swiper-pagination-bullets.swiper-pagination-horizontal, .main-slid .swiper-pagination-custom, .main-slid .swiper-pagination-fraction {bottom: 18px;}


/*공통*/
.title {margin-bottom:40px}
.title img{height:32px;}
.title h1{font-size:38px; }


/*관심차량문의하기 공통2개*/
.inquiry > img{height:20px}
.inquiry div{font-size:20px; margin:0 8px;}
.inquiry div p{margin-left:6px}
.inquiry a{font-size:17px; padding:11px 18px; }


/*best-car*/
.best-tab{margin-top:5px; margin-bottom:12px !important; }
.best-tab li{padding-bottom:12px; font-size:20px; margin:0 6px;}
.best-tab li.on::before{ width:5px; height:5px; }
.best-con{padding:100px 20px;}
.bc-thum{height:150px}
.bc-tit{margin:20px 0 30px;}
.bc-tit h2{font-size:20px; margin-bottom:7px;}
.bc-tit p{font-size:15px;}
.best-cate li{font-size:14px;  line-height:32px; padding:0 16px;}
.best-cate li:nth-child(n+2){margin-left:5px}
.best-slide .swiper-horizontal>.swiper-pagination-progressbar, .best-slide .swiper-pagination-progressbar.swiper-pagination-horizontal, .best-slide .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .best-slide .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {max-width:1000px; bottom: 30px;}
.best-control{max-width:1000px;}

/*특가차량*/
.sec3-con{margin-bottom:40px}
.tab li {width: 90px; line-height:41px; font-size: 17px; margin: 0 3px;}
.sec3-tit {margin-bottom: 24px;}
.sec3-tit img {height: 32px;}
.sec3-tit h1 {font-size: 38px;}
.price{padding:15px 22px 20px 22px; }
.pri-category li{font-size:13px; margin-right:5px; margin-top:5px}
.car-thum{height:140px;}
.price .btn{margin:40px 0 15px}
.price .btn a {padding:0 22px; line-height:34px }
.swiper-button-next, .swiper-button-prev {width: 43px !important;  height: 43px !important;}
.slid-control {width: 100%;}


/*계약 후기*/
.re-left{width:49%;margin-top:70px;}
.best-review{padding:20px; border-radius:15px ;}
.star h1{font-size:26px;}
.star h1 b{font-size:18px;}
.best-tit{margin:12px 0}
.best-tit h1{font-size:18px;}
.best-tit h5{font-size:16px; margin-bottom:12px;}
.best-tit h5 b{font-size:14px;}
.best-tit p{font-size:14px; padding-right:8px; }
.best-thum{height:180px; border-radius:12px}
.re-right{width:49%}
.review-list{margin-top:20px}
.review-list li{width:100%;}
.review-list li .review-con{padding:12px; border-radius:8px;}
.review-list li:nth-child(1), .review-list li:nth-child(3), .review-list li:nth-child(4), .review-list li:nth-child(6){margin-top:0;}
.review-list li:nth-child(1){margin-top:0 !important}
.review-list li:nth-child(2){margin-top:0}
.review-list li:nth-child(2n-1){margin-top:0}
.re-cate span{font-size:12px;}
.re-cate span:nth-child(n+2){margin-left:3px;}
.re-title h1{font-size:18px; margin:10px 0;}
.re-title p{font-size:14px; -webkit-line-clamp: 4;}
.re-thum{ height:160px; border-radius:10px; margin-top:12px;}


/*특별한 혜택*/
.sec5{padding:90px 0 !important}
.sec5-line{top:-10%;}
.spacial-tit {flex-flow: column; justify-content: center; align-items: center; width: 100%; margin-bottom:60px;}
.spacial-tit h1{font-size:40px; margin-bottom:15px;}
.spacial-tit h1 span{font-size:24px;}
.spacial-tit h1 b{padding-bottom:10px;}
.spacial-tit > div{flex-flow: row-reverse;}
.spacial-tit div p{ text-align:left; font-size:15px;}
.spacial-tit div img{height:32px; margin-left:0px; margin-right:10px;}
.spac-list li{width:31%;}
.spac-list li:nth-child(2n){width:17%;}
.spac-img{height:150px; border-radius:10px;}
.spac-list li:nth-child(2n) .spac-img{height:280px}
.spac-txt h1{font-size:19px; }


/*소개*/
.sec6{ padding-top:80px}
.about-tit h1{ font-size:40px;}
.about-tit h1::before{width:100px; height:90px; left:-50px; background-size:100px}
.difference > li{width:100%; padding:0 20px;}
.difference > li .tit{margin-bottom:40px;}
.difference > li .tit::before{width:70px; height:70px; left:-33px;}
.difference > li .tit p{font-size:14px}
.difference > li .tit h1{font-size:25px}
.reason-con.con01 .rea-box{width:80%;}
.reason-con.con02, .reason-con.con03{margin-top:60px}
.reason-con.con02 .rea-box.box2{height:190px;}
.reason-car01{width:340px; right:0px;}
.reason-car02{width:340px;}
.reason-list li p br{display:none}
.rea-tit{margin-bottom:35px}
.rea-tit img{height:29px;}
.rea-tit img.icon01{height:20px}
.rea-tit img.icon03{height:22px}
.rea-tit img.icon04{height:23px}
.rea-tit h1{font-size:29px}
.rea-tit a{font-size:17px; padding:11px 26px; margin-top:18px; position:absolute; bottom:0; right:0; }
.reason-con.con01  .reason-list{padding-bottom:170px;}
.reason-list li{font-size:17px;}
.reason-list li img{width:17px; margin-top:3px; }
.reason-list li p{width:calc(100% - 18px); padding-left:7px;}
.reason-list li p span::before{ height:28%; }
.reason-list li:nth-child(n+2){margin-top:14px;}
.rea-box.box3{padding-bottom:90px;}
.rea-box.box3 .rea-tit{width:calc(100% - 200px); position:relative; margin-bottom:35px !important;}
.rea-box.box3 .reason-list{width:calc(100% - 200px)}
.person{height:260px}


/*할부VS장기렌트카*/
.sec7{ padding-top:90px;}
.sec7-line{top:0%;}
.sec7-tit{margin-bottom:60px}
.sec7-tit h1{font-size:40px; margin-bottom:40px;}
.sec7-tit h1 b{padding-bottom:12px;}
.sec7-tit h1 span{margin:0 10px;}
.sec7-tit p{font-size:20px;}
.car{background:url('/images/sec7-bg.png')no-repeat bottom -500px center;}
.ren-01{padding-right:40px;}
.ren-01 > div{width:220px; border-radius: 16px 16px 0 0; padding:20px; padding-bottom:100px;}
.ren-01 > div::before{right:-32%;transform:translate(-10%, -50%); font-size:60px; }
.ren-01 > div img{top: -31px; right: -11px; height: 60px;}
.ren-01 > div h1{font-size:18px; padding-bottom:7px; }
.ren-01  ul li:nth-child(n+2){margin-top:12px;}
.ren-01  ul li b{font-size:13px; margin-bottom:5px;}
.ren-01  ul li p{font-size:16px;}
.car01{bottom:60px; right:-30px; width:320px; max-width:320px;}
.ren-02 {padding-left:20px;}
.ren-02 > div{width:300px; border-radius: 20px 20px 0 0; padding:20px; padding-bottom:100px;}
.ren-02 > div img{top:-50px; right:-20px; height:90px;}
.ren-02 > div h1{font-size:24px; padding-bottom:10px; }
.ren-02  ul li:nth-child(n+2){margin-top:16px;}
.ren-02  ul li b{font-size:15px;}
.ren-02  ul li p{font-size:19px;}
.car02{bottom:60px; left:-30px; max-width:410px; width:410px}


/*제휴사*/
.sec8{padding:90px 0  !important; background: url('/images/partner-bg.jpg')no-repeat center right 10%}
img.partner-1400{display:none}
img.partner-1023{display:block}

/*유의사항*/
.sec9{padding: 0 !important; padding-bottom:40px !important}
.ft-menu li a{padding:20px 30px}
.notice{border-radius:15px; padding:35px; margin:35px 0}
.notice h3{font-size:18px; margin-bottom:10px;}
.notice ul li{font-size:15px;}
.notice ul li::before{top:8px; }
.copy h1 img{height:37px; margin-bottom:10px}
.copy-list{margin-bottom:12px;}
.copy-list li{font-size:16px; padding:0px 15px; margin-top:12px;}
.copy-list li::before{height:13px;}
.copy p{font-size:15px;}


/*모달*/
.modal {padding: 70px 50px !important;}
.modal_wrap .terms{font-size:15px;}


/*footer*/
footer .wrap{padding:30px 0; align-items: center;    flex-flow: column;}
.f-left {margin-bottom:10px;     justify-content: center;}
.f-left img{height:42px; margin-right:6px}
.f-left h1{font-size:25px;}
footer form#reg_form { flex-flow: column;  justify-content: center;}
.f-right{width:100%}
.tel-info ul{ justify-content: center;}
.tel-info ul li {width:140px;}
.tel-info ul li:nth-child(3){width:250px}
.tel-info ul li:nth-child(n+2){margin-left:5px}
.tel-info ul li input{height:42px; padding:6px 8px;}
.agree-box{width:100% !important; margin-top:5px;  justify-content: center;}
.tel-gobtn{width:180px; height:52px; font-size:16px; border-radius:5px; margin-top:20px}
}




@media (max-width: 768px){
.section{padding-top:80px; }

/*header*/
header {height: 80px;}
.logo h1{font-size:18px; margin-right:10px; }
.logo img{height:36px;}
.sns{margin-right:25px;}
.sns li:nth-child(n+2){margin-left:16px;}
.sns li.num a{ font-size:24px;}
.sns li a img{width:19px;}
.side_menu, .burger_box {display: block; }
.burger_box{margin-top:25px}
.sideOpen .burger_box{margin-right:20px;}


/*신청폼 버튼*/
.quick-btn{right:20px; top: initial; transform: translateY(0%); bottom: 20px; background:#ffd200; border-radius:60px; animation: neon 1.5s ease infinite; -moz-animation: neon 1.5s ease infinite;  -webkit-animation: neon 1.5s ease infinite;}
.quick-btn a{padding:7px 25px 13px}
.quick-btn a img{height:26px;}
.quick-btn a span{font-size:13px;}
.quick-btn a p{font-size:20px; font-weight:600}
.quick-btn a p b{color:#111 !important;  font-weight:600}
.quick-btn a::before{display:none}

@keyframes neon {
  0%,
  100% {
    box-shadow: 0 0 15px #ffd200
  }
  50% {
    box-shadow: 0 0 5px #ffd200
  }
}

.form-box.modal{max-width: 400px !important; border-radius:20px !important; padding: 80px 50px !important;}
.form-con img.form-logo{height:60px; margin-bottom:15px}
.form-con h1{font-size:32px;}
.form-con ul{margin:25px 0 40px}
.form-con ul li:nth-child(n+2){margin-top:8px;}
.form-con ul li input, .form-con ul li textarea{height:48px; padding:0 8px;}
.form-con ul li input::placeholder, .form-con ul li textarea::placeholder{font-size:15px;}
.form-con ul li textarea{padding-top:4px; padding-bottom:4px; }
.form-btn{font-size:18px; line-height:48px;}


/*visual*/
.fp-auto-height.fp-section.visual{height:290px !important}
.main-slid .swiper-pagination-bullet {width: 10px; height: 10px;}
.main-slid .swiper-horizontal>.swiper-pagination-bullets, .main-slid .swiper-pagination-bullets.swiper-pagination-horizontal, .main-slid .swiper-pagination-custom, .main-slid .swiper-pagination-fraction {bottom: 14px;}
.main-slid .swiper-slide { background-position: 48% !important;}

/*관심차량문의하기 공통2개*/
.inquiry > img{height:18px}
.inquiry div{font-size:18px; margin:0 6px;}
.inquiry div p{margin-left:5px}
.inquiry div b::before{width:3px; height:3px; top:-3px;}
.inquiry a{font-size:16px; padding:10px 15px; }

/*공통*/
.title {margin-bottom:38px}
.title img{height:30px;}
.title h1{font-size:35px; }

/*best-car*/
.best-tab{margin-bottom:10px !important; padding-left:0 }
.best-tab li{padding-bottom:10px; font-size:19px; margin:0 5px;}
.best-tab li.on::before{ width:4px; height:4px; }
.best-con{padding:50px 15px;}
.bc-thum{height:160px}
.bc-tit{margin:20px 0 26px;}
.bc-tit h2{font-size:19px; margin-bottom:6px;}
.bc-tit p{font-size:14px;}
.best-cate li{font-size:13px;  line-height:30px; padding:0 14px;}
.best-slide .swiper-horizontal>.swiper-pagination-progressbar, .best-slide .swiper-pagination-progressbar.swiper-pagination-horizontal, .best-slide .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .best-slide .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {bottom: 20px;}

/*특가차량*/
.sec3-con{margin-bottom:38px}
.tab li {width: 80px; line-height:39px; font-size: 16px; margin: 0 2px;}
.sec3-tit {margin-bottom: 22px;}
.sec3-tit img {height: 28px;}
.sec3-tit h1 {font-size: 35px;}
.car-thum{height:130px;}
.pri-tit h1{font-size:21px;}
.pri-tit div b{font-size:14px; width:58px;}
.pri-tit div p{font-size:14px; width:calc(100% - 58px); font-weight:500}
.price .btn{margin:30px 0 10px}
.price .btn a {font-size:14px; padding:0 20px; line-height:33px }
.swiper-button-next, .swiper-button-prev {width: 40px !important;  height: 40px !important;}


/*계약 후기*/
.sec4{padding-bottom:60px !important}
.re-left{width:500px;margin-top:60px; margin-bottom:20px;}
.best-review{padding:25px; border-radius:15px ;}
.star h1{font-size:28px;}
.star h1 b{font-size:19px;}
.best-tit{margin:12px 0}
.best-tit h1{font-size:19px;}
.best-tit h5{font-size:17px; margin-bottom:12px;}
.best-tit h5 b{font-size:15px;}
.best-tit p{font-size:15px; padding-right:8px; }
.best-thum{height:200px; border-radius:12px}
.re-right{width:100%}
.sec4 .fp-overflow{max-height:initial !important}
.review-list {margin-top: 0;}
.review-list li{width:calc(100%/2 - 10px); margin-bottom:20px}
.review-list li .review-con{padding:12px; border-radius:8px;}
.review-list li:nth-child(9){display:none;}
.re-cate span{font-size:12px;}
.re-cate span:nth-child(n+2){margin-left:3px;}
.re-title h1{font-size:18px; margin:10px 0; -webkit-line-clamp: 1; }
.re-title p{font-size:14px; -webkit-line-clamp: 5;}
.re-thum{ height:160px; border-radius:10px; margin-top:12px;}


/*특별한 혜택*/
.sec5{padding:80px 0 !important}
.sec5-line{top:-5%;}
.spacial-tit {margin-bottom:50px;}
.spacial-tit h1{font-size:37px; margin-bottom:13px;}
.spacial-tit h1 span{font-size:22px;}
.spacial-tit h1 b{padding-bottom:8px;}
.spacial-tit div p{font-size:14px;}
.spacial-tit div img{height:30px;  margin-right:8px;}
.spac-list li{width:48%;}
.spac-list li:nth-child(2n){width:48%;}
.spac-img{height:220px; border-radius:13px;}
.spac-list li:nth-child(2n) .spac-img{height:220px}
.spac-list li:nth-child(n+3){margin-top:40px}
.spac-txt h1{font-size:21px; margin:22px 0 12px }
.spac-txt p{font-size:15px; line-height:1.3;}


/*소개*/
.sec6{ padding-top:70px}
.about-tit{margin-bottom:50px;}
.about-tit h1{ font-size:37px;}
.about-tit h1::before{width:90px; height:80px; left:-45px; background-size:90px}
.difference > li{padding:0 10px;}
.difference > li .tit{margin-bottom:30px;}
.difference > li .tit::before{width:66px; height:66px; left:-28px;}
.difference > li .tit p{font-size:14px}
.difference > li .tit h1{font-size:22px}
.reason-con.con01 .rea-box{width:100%;}
.reason-con.con02, .reason-con.con03{margin-top:50px}
.reason-con.con02 .rea-box.box2{height:190px;}
.reason-car01{width:320px;}
.reason-car02{width:320px;}
.reason-con.con01 .rea-box.box2 {height: 150px;}
.reason-con.con01 .reason-list {padding-bottom: 0;}
.rea-tit{margin-bottom:25px}
.rea-tit img{height:26px;}
.rea-tit img.icon01{height:18px}
.rea-tit img.icon03{height:21px}
.rea-tit img.icon04{height:22px}
.rea-tit h1{font-size:26px}
.rea-tit a{font-size:16px; padding:10px 20px; margin-top:16px; }
.rea-box.box3{padding-bottom:50px;}
.rea-box.box3 .rea-tit{width:calc(100% - 120px); margin-bottom:25px !important;}
.rea-box.box3 .reason-list{width:calc(100% - 120px)}
.person{height:200px}


/*할부VS장기렌트카*/
.sec7{ padding-top:90px;}
.sec7-line{top:4%; opacity: .5;}
.sec7-tit{margin-bottom:50px}
.sec7-tit h1{font-size:36px; margin-bottom:30px;}
.sec7-tit h1 b{padding-bottom:10px;}
.sec7-tit h1 span{margin:0 8px;}
.sec7-tit p{font-size:18px;}
.car{background: url('/images/sec7-bg.png')no-repeat bottom center !important;  background-size: contain !important;}
.ren-box{width:100%;}
.ren-box ul{ padding:16px 5px;}
.ren-01{padding-right:0; height:460px;}
.ren-01 > div{width: 100%; border-radius: 16px; padding: 20px; padding-bottom: 20px; }
.ren-01 > div::before{display:none}
.ren-01 > div img{top: -31px; right: -11px; height: 60px;}
.ren-01 > div h1{font-size:18px; padding-bottom:7px; }
.ren-01  ul{opacity:.5}
.ren-01  ul li:nth-child(n+2){margin-top:12px;}
.ren-01  ul li b{font-size:13px; margin-bottom:5px;}
.ren-01  ul li p{font-size:16px;}
.car01{bottom:80px; right:-30px; width:300px; max-width:300px;}
.ren-02 {padding-left:0;}
.ren-02 > div{width:100%; border-radius: 20px; padding:20px; padding-bottom:20px;}
.ren-02 > div img{top:-50px; right:-20px; height:90px;}
.ren-02 > div h1{font-size:24px; padding-bottom:10px; }
.ren-02 ul li{text-align:right}
.ren-02  ul li:nth-child(n+2){margin-top:16px;}
.ren-02  ul li b{font-size:15px;}
.ren-02  ul li p{font-size:19px;}
.car02{bottom:60px; left:-30px; max-width:380px; width:380px}


/*제휴사*/
.sec8 {padding: 70px 0  !important;}
img.partner-1023{display:none}
img.partner-768{display:block}


/*유의사항*/
.ft-menu li a{font-size:16px; padding:18px; font-weight:300;}
.ft-menu li::before{height:13px;}
.copy h1 img{height:36px; margin-bottom:8px}
.copy-list{margin-bottom:10px;}
.copy-list li{font-size:15px; padding:0px 12px; margin-top:10px;}
.copy-list li::before{height:12px;}
.copy p{font-size:14px;}


/*모달*/
.modal {padding:60px 35px !important;}
.modal_wrap .tit {padding: 12px 0; margin-bottom:30px;}
.modal_wrap .terms{font-size:14px;}
.modal a.close-modal {top: 20px !important; right: 20px !important; width: 20px !important; height: 20px !important;}


/*footer*/
.f-left img{height:38px; }
.f-left h1{font-size:24px;}
.f-right{width:100%}
.tel-info ul li {width:110px;}
.tel-info ul li:nth-child(3){width:200px}
.tel-info ul li input{height:40px;}
.tel-info ul li input::placeholder{font-size:13px; }
.tel-gobtn{width:150px; height:47px; font-size:15px}
}





@media (max-width: 600px){
.section{padding-top:70px; }

/*header*/
header {height: 70px;}
.logo h1{font-size:17px; margin-right:13px; }
.logo img{height:34px;}
.sns{display:none}

/*모바일메뉴*/
.burger_box{margin-top:20px; margin-right:-50px;}
.sideOpen .burger_box{margin-right:20px;}
.side_menu {left: -300px; width: 300px;}
.side_menu .container{padding:80px 20px;}
.sd_menu > ul >  li a{padding:15px 8px; font-size:20px; }

/*모바일메뉴에 퀵메뉴 및 전화번호*/
.sns-mobile {position: absolute; bottom: 70px; left: 20px; padding:0 8px;}
.sns-mobile ul li{margin-left:16px}
.sns-mobile ul li:first-child{margin-left:0 !important}
.sns-mobile ul li a img{width:24px;}
.num-mobile{ font-size:27px; color:#ff7e00; letter-spacing:0px; font-family: 'GmarketSans' !important; font-weight:bold}
.num-mobile:hover{color:#ff7e00}

/*visual*/
.fp-auto-height.fp-section.visual{height:270px !important}

/*best-car*/
.sec2-tit{flex-flow:column; align-items:flex-start}
.inquiry.best {margin-top:5px; margin-bottom: 20px; justify-content: flex-end; width: 100%;}
.best-con{padding:40px 20px;}
.bc-thum{height:180px}
.bc-tit{margin:22px 0 30px;}
.bc-tit h2{font-size:20px; margin-bottom:10px;}
.bc-tit p{font-size:15px;}
.best-cate li{font-size:14px;  line-height:33px; padding:0 17px;}

/*특가차량*/
.sec3-con{flex-flow:column}
.inquiry.car-txt {width: 100%;  justify-content: flex-end; margin-bottom:10px }
.tab li {width: 90px;}
.price{padding:20px 30px; }
.pri-category li{font-size:13px; margin-right:4px; margin-top:4px}
.car-thum{height:140px;}
.pri-tit h1{font-size:22px;}
.pri-tit div{justify-content:center}
.pri-tit div b{font-size:15px; width:auto;}
.pri-tit div p{font-size:15px; width:auto; margin-left:4px}
.price .btn{margin:35px 0 10px}
.price .btn a {font-size:15px; padding:0 22px; line-height:35px }
.swiper-button-next, .swiper-button-prev {width: 42px !important;  height: 42px !important;}

/*특별한 혜택*/
.spac-list li{width:49%;}
.spac-list li:nth-child(2n){width:49%;}
.spac-img{max-width:600px !important; height:200px; border-radius:10px;}
.spac-list li:nth-child(2n) .spac-img{height:200px}
.spac-list li:nth-child(n+3){margin-top:30px}
.spac-txt h1{font-size:19px; margin:18px 0 10px }
.spac-txt p{font-size:14px; line-height:1.3;}


/*계약 후기*/
.re-left{width:500px;margin-top:50px;}
.best-review{padding:22px; border-radius:12px ;}
.star h1{font-size:26px;}
.review-list li{width:100%;margin-bottom:16px}
.review-list li:nth-child(5){margin-bottom:16px}
.re-thum{ height:200px;}
}





@media (max-width: 500px){
/*header*/
.logo h1{font-size:16px; margin-right:12px; }
.logo img{height:50px;}

/*모바일메뉴*/
.burger_box{margin-top:20px; margin-right:-50px;}
.side_menu {left: -280px; width: 280px;}
.side_menu .container{padding:70px 20px;}
.sd_menu > ul >  li a{padding:14px 8px; font-size:19px; }
.burger_box .menu-icon_box { height: 26px; width: 26px;}

/*모바일메뉴에 퀵메뉴 및 전화번호*/
.sns-mobile ul li{margin-left:14px}
.sns-mobile ul li a img{width:22px;}
.num-mobile{ font-size:24px; }

/*신청폼 버튼*/
.quick-btn{right:20px; bottom: 20px;}
.quick-btn a{padding:13px 20px 12px}
.quick-btn a img{display:none}
.quick-btn a span{display:none}
.quick-btn a p{font-size:17px;font-weight:500}
.quick-btn a p b{font-weight:500}

.form-box.modal{max-width: 400px !important; border-radius:16px !important; padding: 70px 35px !important;}
.form-con img.form-logo{height:50px; margin-bottom:12px}
.form-con h1{font-size:30px;}
.form-con ul{margin:20px 0 30px}
.form-con ul li:nth-child(n+2){margin-top:7px;}
.form-con ul li input, .form-con ul li textarea{height:46px;}
.form-con ul li input, .form-con ul li textarea{font-size:14px;}
.form-con ul li textarea{padding-top:0px; padding-bottom:0px; }
.form-btn{font-size:17px; line-height:46px;}


/*visual*/
.fp-auto-height.fp-section.visual{height:220px !important}
.main-slid .swiper-pagination-bullet {width: 8px; height: 8px;}
.main-slid .swiper-horizontal>.swiper-pagination-bullets, .main-slid .swiper-pagination-bullets.swiper-pagination-horizontal, .main-slid .swiper-pagination-custom, .main-slid .swiper-pagination-fraction {bottom: 10px;}


/*공통*/
.title {margin-bottom:35px}
.title img{height:28px;}
.title h1{font-size:32px; }


/*관심차량문의하기 공통2개*/
.inquiry > img{height:17px}
.inquiry div{font-size:17px; margin:0 5px;}
.inquiry div p{margin-left:5px}
.inquiry a{font-size:15px; }


/*best-car*/
.best-tab li{font-size:18px;}
.best-con{padding:50px 25px;}
.bc-thum{height:150px}
.bc-tit h2{font-size:19px; margin-bottom:8px;}
.bc-tit p{font-size:14px;}
.best-cate li{font-size:13px;  line-height:31px; padding:0 15px;}



/*특가차량*/
.tab li {width: 85px; line-height:36px; font-size: 15px;}
.sec3-tit {margin-bottom: 20px;}
.sec3-tit img {height: 25px;}
.sec3-tit h1 {font-size: 32px;}
.price{padding:15px 20px }
.pri-category li{font-size:12px;}
.car-thum{height:120px;}
.pri-tit h1{font-size:20px;}
.pri-tit div b{font-size:14px;}
.pri-tit div p{font-size:14px; padding-left:4px}
.price .btn{margin:25px 0 10px}
.price .btn a {font-size:14px; padding:0 20px; line-height:33px }
.swiper-button-next, .swiper-button-prev {width: 40px !important;  height: 40px !important;}


/*특별한 혜택*/
.sec5{padding:70px 0 !important}
.sec5-line{top:0%; opacity:.6}
.spacial-tit {margin-bottom:40px;}
.spacial-tit h1{font-size:32px; line-height:1.2; margin-bottom:13px;}
.spacial-tit h1 span{font-size:18px;}
.spacial-tit h1 b{padding-bottom:4px;}
.spacial-tit div p{font-size:14px; line-height:1.3;}
.spacial-tit div img{height:28px;  margin-right:6px;}
.spac-list li{width:100%;}
.spac-list li:nth-child(2n){width:100%;}
.spac-list li:nth-child(n+2){margin-top:30px}


/*계약 후기*/
.re-left{width:100%;}
.best-review{padding:20px; border-radius:10px ;}
.star h1{font-size:24px;}
.star h1 b{font-size:17px;}
.best-tit h1{font-size:16px;}
.best-tit h5{font-size:16px; margin-bottom:10px;}
.best-tit h5 b{font-size:14x;}
.best-tit p{font-size:14px; padding-right:8px; }
.best-thum{height:180px; border-radius:10px}
.review-list li .review-con{padding:10px;}
.re-title h1{font-size:17px; -webkit-line-clamp: 2; }
.re-thum{ height:180px; margin-top:10px;}


/*소개*/
.sec6{ padding-top:60px}
.about-tit{margin-bottom:40px;}
.about-tit h1{ font-size:32px;}
.about-tit h1::before{width:70px; height:60px; left:-35px; background-size:70px}
.difference > li{padding:0 10px;}
.difference > li .tit{margin-bottom:25px;}
.difference > li .tit::before{width:60px; height:60px; left:-25px;}
.difference > li .tit p{font-size:13px}
.difference > li .tit h1{font-size:20px}
.reason-con.con02, .reason-con.con03{margin-top:40px}
.reason-con.con02 .rea-box.box2{height:150px;}
.reason-car01{width:300px;}
.reason-car02{width:280px;}
.reason-con.con01 .rea-box.box2 {height: 140px;}
.rea-tit{margin-bottom:20px}
.rea-tit img{height:24px;}
.rea-tit img.icon01{height:17px}
.rea-tit img.icon03{height:19px}
.rea-tit img.icon04{height:20px}
.rea-tit h1{font-size:24px}
.rea-tit a{font-size:15px; padding:8px 16px; margin-top:15px; }
.reason-list li{font-size:16px;}
.reason-list li img{width:15px; margin-top:3px; }
.reason-list li p{width:calc(100% - 16px); padding-left:6px;}
.reason-list li:nth-child(n+2){margin-top:10px;}
.rea-box.box3{padding-bottom:60px;}
.rea-box.box3 .rea-tit{width:100%; margin-bottom:20px !important;}
.rea-box.box3 .reason-list{width:100%}
.person{display:none}


/*할부VS장기렌트카*/
.sec7{ padding-top:70px;}
.sec7-line{top:0; opacity: .6;}
.sec7-tit{margin-bottom:40px}
.sec7-tit h1{font-size:31px; margin-bottom:25px;}
.sec7-tit h1 b{padding-bottom:7px;}
.sec7-tit h1 span{margin:0 7px;}
.sec7-tit p{font-size:16px; line-height:1.4}
.ren-01{ height:450px;}
.ren-01 > div img{top: -25px; right: -10px; height: 50px;}
.ren-01 > div h1{font-size:17px; }
.ren-01  ul li:nth-child(n+2){margin-top:10px;}
.ren-01  ul li p{font-size:15px;}
.car01{bottom:80px; right:-10px; width:240px; max-width:240px;}
.ren-02 > div img{top:-50px; right:-20px; height:90px;}
.ren-02 > div h1{font-size:23px; }
.ren-02  ul li:nth-child(n+2){margin-top:13px;}
.ren-02  ul li b{font-size:14px;}
.ren-02  ul li p{font-size:18px;}
.car02{bottom:30px; left:-20px; max-width:320px; width:320px}



/*제휴사*/
.sec8 {padding: 60px 0  !important;}
img.partner-768{display:none}
img.partner-500{display:block}


/*유의사항*/
.ft-menu li a{font-size:14px; padding:16px 10px;}
.ft-menu li::before{height:12px;}
.notice{border-radius:12px; padding:30px; margin:30px 0}
.notice h3{font-size:17px; }
.notice ul li{font-size:14px; padding-left:7px}
.copy h1 img{height:32px; margin-bottom:7px}
.copy-list{margin-bottom:8px;}
.copy-list li{font-size:14px; padding:0px 10px; margin-top:8px;}
.copy-list li::before{height:10px;}
.copy p{font-size:13px;}

/*모달*/
.modal_wrap .tit {font-size:1.1rem; padding: 10px 0; margin-bottom:25px;}

/*footer*/
.f-left img{height:35px; }
.f-left h1{font-size:22px;}
.tel-info ul { justify-content: space-between;}
.tel-info ul li {width:49%; margin-left:0 !important}
.tel-info ul li:nth-child(3){width:100%; margin-top:5px;}
.tel-info ul li input{height:38px;}
.agree-box label{font-size:13px}
.agree-box a{font-size:13px; }
.tel-gobtn{width:100%; height:45px; font-size:15px; margin-top:16px}

}




@media (max-width: 340px){
/*header*/
.logo h1{font-size:15px; margin-right:10px; }
.logo img{height:30px;}

/*모바일메뉴*/
.burger_box{margin-top:22px; margin-right:-45px;}
.side_menu {left: -100%; width: 100%;}
.sd_menu > ul >  li a{padding:12px 5px; font-size:17px; }
.burger_box .menu-icon_line--1 { top: 4px;}
.burger_box .menu-icon_line--3 { top: 22px;}
.sideOpen .burger_box {margin-right: 30px;}

/*신청폼 버튼*/
.quick-btn a{padding:11px 18px 10px}
.quick-btn a p{font-size:16px}


/*모바일메뉴에 퀵메뉴 및 전화번호*/
.side_menu .container {padding: 60px 20px;}
.sns-mobile {bottom:30px;}
.sns-mobile ul li{margin-left:12px}
.sns-mobile ul li a img{width:20px;}
.num-mobile{ font-size:22px; }


/*visual*/
.fp-auto-height.fp-section.visual{height:200px !important}
.main-slid .swiper-pagination-bullet {width: 8px; height: 8px;}
.main-slid .swiper-horizontal>.swiper-pagination-bullets, .main-slid .swiper-pagination-bullets.swiper-pagination-horizontal, .main-slid .swiper-pagination-custom, .main-slid .swiper-pagination-fraction {bottom: 10px;}


/*공통*/
.title {margin-bottom:32px}
.title img{height:26px;}
.title h1{font-size:30px; }


/*best-car*/
.best-tab li{font-size:17px;}
.best-con{padding:50px 25px;}
.bc-thum{height:130px}
.bc-tit{margin:20px 0 20px;}
.bc-tit h2{font-size:17px; margin-bottom:5px;}
.bc-tit p{font-size:13px;}
.best-cate li{font-size:13px;  line-height:31px; padding:0 15px;}


/*특가차량*/
.tab li {width: 80px;}
.sec3-tit img {height: 23px;}
.sec3-tit h1 {font-size: 30px;}
.price{padding:13px 15px }
.car-thum{height:110px;}
.pri-tit h1{font-size:18px;}
.price .btn{margin:20px 0 10px}
.price .btn a {font-size:13px; padding:0 16px; line-height:31px }
.swiper-button-next, .swiper-button-prev {width: 36px !important;  height: 36px !important;}

/*특별한 혜택*/
.sec5{padding:60px 0 !important}
.spacial-tit h1{font-size:28px}
.spacial-tit h1 span{font-size:16px;}
.spacial-tit h1 b{padding-bottom:4px;}
.spacial-tit div p{font-size:13px;}
.spacial-tit div img{height:26px;  margin-right:5px;}
.spac-img{height:150px; border-radius:8px;}
.spac-list li:nth-child(2n) .spac-img{height:150px}
.spac-list li:nth-child(n+2){margin-top:30px}
.spac-txt h1{font-size:17px; margin:15px 0 8px }
.spac-txt p{font-size:13px;}


/*소개*/
.sec6{ padding-top:50px}
.about-tit h1{ font-size:27px;}
.about-tit h1::before{width:60px; height:50px; left:-30px; background-size:60px}
.reason-con.con02, .reason-con.con03{margin-top:40px}
.reason-con.con02 .rea-box.box2{height:150px;}
.reason-car01{width:280px;}
.reason-car02{width:250px;}
.reason-con.con01 .rea-box.box2 {height: 120px;}
.reason-list li{font-size:15px;}
.reason-list li img{width:14px;}
.reason-list li p{width:calc(100% - 15px); padding-left:5px;}
.reason-list li:nth-child(n+2){margin-top:7px;}
.rea-tit a {margin-top: 10px; position: relative;}
.rea-box.box3{padding-bottom:50px;}
.rea-box.box3 .rea-tit{width:100%}


/*할부VS장기렌트카*/
.sec7{ padding-top:60px;}
.sec7-tit{margin-bottom:40px}
.sec7-tit h1{font-size:27px; margin-bottom:20px;}
.sec7-tit p{font-size:15px}

.ren-01{ height:380px;}
.ren-01 > div img{top: -16px; right: -10px; height:50px;}
.car01{bottom:60px; right:-10px; width:200px; max-width:200px;}
.ren-02 > div img{top:-30px; right:-10px; height:70px;}
.ren-02 > div h1{font-size:21px; }
.ren-02  ul li:nth-child(n+2){margin-top:12px;}
.ren-02  ul li b{font-size:14px;}
.ren-02  ul li p{font-size:17px;}
.car02{bottom:20px; left:-20px; max-width:290px; width:290px}



/*유의사항*/
.ft-menu .wrap{width:100%;}
.ft-menu li a{font-size:13px; padding:14px 8px;}
.ft-menu li::before{height:10px;}
.notice{border-radius:10px; padding:25px; margin:25px 0}
.notice h3{font-size:16px; }
.notice ul li{font-size:13px; padding-left:6px}


.copy h1 img{height:30px; margin-bottom:7px}
.copy-list{margin-bottom:7px;}
.copy-list li{font-size:13px; padding:0px 8px; margin-top:7px;}
.copy-list li::before{height:8px;}
.copy p{font-size:12px;}
}