/*---common css---*/

:root {
	/*color*/
	--color-base: #000;
	--color-kakao: #ffc401;
	--color-kakao-text: #442f01;
	--color-naver: #00c13a;
	--color-main: #e60012;
	
	/*font-size*/
	--font-size-14: 0.875rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-20: 1.25rem; 
	--font-size-21: 1.313rem; 
	--font-size-22: 1.375rem; 
	--font-size-23: 1.438rem;
	--font-size-24: 1.5rem; 	
	--font-size-25: 1.563rem;
	--font-size-26: 1.625rem;
	--font-size-27: 1.688rem; 
	--font-size-30: 1.875rem; 
	--font-size-31: 1.938rem; 
	--font-size-32: 2rem; 
	--font-size-33: 2.063rem; 
	--font-size-35: 2.188rem; 
	--font-size-36: 2.25rem; 
	--font-size-38: 2.375rem; 
	--font-size-40: 2.5rem; 
	--font-size-50: 3.125rem; 
	--font-size-58: 3.625rem; 
	--font-size-80: 5rem;

	/*font-weight*/
	--font-t: 100;
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: 700;
	--font-eb: 800;
	--font-bl: 900;
}




/*font size*/
.fs_14{font-size: var(--font-size-14);}
.fs_16{font-size: var(--font-size-16);} 
.fs_17{font-size: var(--font-size-17);} 
.fs_18{font-size: var(--font-size-18);}
.fs_20{font-size: var(--font-size-20);} 
.fs_21{font-size: var(--font-size-21);}
.fs_22{font-size: var(--font-size-22);}
.fs_23{font-size: var(--font-size-23);}
.fs_24{font-size: var(--font-size-24);}
.fs_25{font-size: var(--font-size-25);} 
.fs_26{font-size: var(--font-size-26);}
.fs_27{font-size: var(--font-size-27);} 
.fs_30{font-size: var(--font-size-30);} 
.fs_31{font-size: var(--font-size-31);}
.fs_32{font-size: var(--font-size-32);}
.fs_33{font-size: var(--font-size-33);}
.fs_35{font-size: var(--font-size-35);}
.fs_36{font-size: var(--font-size-36);}
.fs_38{font-size: var(--font-size-38);}
.fs_40{font-size: var(--font-size-40);}
.fs_50{font-size: var(--font-size-50);}
.fs_58{font-size: var(--font-size-58);}
.fs_80{font-size: var(--font-size-80);}

/*font weight*/
.font_t{font-weight: var(--font-t);}
.font_r{font-weight: var(--font-r);}
.font_m{font-weight: var(--font-m);}
.font_sb{font-weight: var(--font-sb);}
.font_b{font-weight: var(--font-b);}
.font_eb{font-weight: var(--font-eb);}
.font_bl{font-weight: var(--font-bl);}

/*text-motion*/
.j_motion.common_motion{transform: translateY(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}
.j_motion.common_motion02{transform: translateX(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}
.j_motion.common_motion03{transform: translateX(-25px);opacity: 0;transition: transform .8s ease, opacity .4s;}

.j_motion.common_motion.on {transform: translateY(0);opacity: 1;}
.j_motion.common_motion02.on {transform: translateY(0);opacity: 1;}
.j_motion.common_motion03.on {transform: translateY(0);opacity: 1;}

.j_delay_01{transition-delay: .2s !important;}
.j_delay_02{transition-delay: .4s !important;}
.j_delay_03{transition-delay: .6s !important;}
.j_delay_04{transition-delay: .8s !important;}
.j_delay_05{transition-delay: 1s !important;}
.j_delay_06{transition-delay: 1.2s !important;}
.j_delay_07{transition-delay: 1.4s !important;}
.j_delay_08{transition-delay: 1.6s !important;}
.j_delay_09{transition-delay: 1.8s !important;}
.j_delay_10{transition-delay: 2s !important;}
.j_delay_11{transition-delay: 2.2s !important;}

/*--- common ---*/
.sectionPad {padding:150px 0;}
.sectionPad.pad02 {padding:150px 0 0 0;}
.j_inner {max-width:1480px; width:90%; margin:0 auto;}
.j_inner02 {max-width:1200px; width:90%; margin:0 auto;}
.j_inner03 {max-width:1600px; width:90%; margin:0 auto; position:relative;height:100%;}
.j_inner04 {max-width:1143px; width:90%; margin:0 auto;}
.pt-0 {padding-top:0 !important;}
.content_img img {width:100%; margin:0 auto;}
.w1920 {max-width:1920px; margin:0 auto;}
.newTit {text-align:Center;}
.newTit h4 {color:rgba(0,0,0, .4); line-height:0.7;}
.newTit h3 {color:#e60012; display:inline-block; text-align:center; border:1px solid #b2b2b2; border-radius:15px; padding:7px 23px;margin-bottom:50px;}
.newTit h2 {margin-bottom:20px;}
.tc {text-align:center;}
.mo_img {display:none;}


@media screen and (max-width:1480px){
	.sectionPad {padding:100px 0;}
	.sectionPad.pad02 {padding:100px 0 0 0;}
}
@media screen and (max-width:720px){
	.sectionPad {padding:80px 0;}
	.sectionPad.pad02 {padding:80px 0 0 0;}
	.pc_img {display:none;}
	.mo_img {display:block; width:100%; }
	.newTit h2 {font-size:30px;}
}
@media screen and (max-width:480px){
	.newTit h3 {margin-bottom:30px;}
}


/*---header---*/
#j_header {width:100%; height:100px; position:absolute; left:0; top:0; background:#fff; border-radius:0 0 60px 60px; z-index:92;}
#j_header.active {position:fixed;}
.j_hd_inner {display:flex; max-width:1600px; width:90%; margin:0 auto; align-items:center; height:100%; justify-content: space-between;}
.j_hd_inner nav .j_gnb {display:flex; gap:13px;}
.j_hd_inner nav .j_gnb > li > a {display:block; padding:8px 22px; border-radius:17px; background:#f2f2f2; color:#000; font-size: var(--font-size-18); font-weight:600; transition:0.28s;}
.j_hd_inner nav .j_gnb > li > a:hover {background:#e60012; color:#fff;}
.hd_tel {display:flex; align-items:center; color:#fff; background:#0d6ffc; border-radius:22.5px; width:169px; height:45px; line-height:45px; justify-content:center; gap:4px;}

.mo_btn {width:26px; height:21px; float:right; position:relative; display:none;}
.mo_btn span {display:block; background:#000; width:100%; height:3px;position: absolute;}
.mo_btn span:nth-of-type(1) {transform:translateY(6px);}
.mo_btn span:nth-of-type(2) {transform:translateY(0px);}
.mo_btn span:nth-of-type(3) {transform:translateY(-6px);}

.mobile_wrap {position:fixed; width:40%; height:100vh; top:0; right:0; padding:100px 20px; background:#fff;transition: transform 0.4s; transform:translateX(100%); box-shadow: 5px 20px 24px 0px rgba(0, 0, 0, 0.11); z-index:90;}
.mobile_wrap.on {transform:translateX(0);}
.mo_inner {height:100%}
.mo_inner > .j_gnb {height:100%; display: flex; height: 100%;  flex-direction: column; width: 100%; gap: 40px; }
.mo_inner > .j_gnb > li { word-break: keep-all; }
.mo_inner > .j_gnb > li > a {transition:0.28s; color:#000; font-family: 'SUIT-SemiBold'; font-size:14px;}
.mo_inner > .j_gnb > li:hover > a {color:#ed7845;}
.mo_inner > .j_gnb > li .depth02 {margin-top:10px;}
.mo_inner > .j_gnb > li .depth02 > li > a {font-family: 'SUIT-SemiBold'; font-size:12px; display:block; padding:5px 0; color:#b9b9b9;}
.mo_inner > .j_gnb > li .depth02 > li > a:hover {color:#ed7845;}

.close_btn02 {position:absolute; right:10px; top:10px; width: 30px; height: 30px;}
.close_btn02 span {background:#000; width:20px; height:2px;  display:block;  position:absolute; transform:translate(0);}
.close_btn02 span:nth-of-type(1) {transform: rotate(45deg);}
.close_btn02 span:nth-of-type(2) {transform: rotate(-45deg);}
.j_site_bg {position: fixed; left: 0; top: 0;width: 100%; height: 100%;  background-color: rgba(0, 0, 0, .8); display: none; z-index: 40;}
.j_site_bg.on {display:block;}

@media screen and (max-width:1080px){
	.j_hd_inner nav {display:none;}
	.mo_btn {display:block;} 
	.mo_btn {width:21px;}
}

@media screen and (max-width:1080px){
	#j_header {height: 70px;border-radius: 0 0 30px 30px;}
	.j_hd_inner a img {width:80%;}
}

@media screen and (max-width:720px){
	#j_header {border-radius:0;}
	.j_hd_inner a img {width:70%;}
	.hd_tel {max-width:135px;}
}


/*--로고슬라이드--*/
/*
.b_bot_slide{position:fixed; top:100px; background-color:transparent; overflow:hidden; height:70px; width:100%; z-index:90; transition:0.28s;}
.b_bot_slide.active {background-color:#fff;}
.b_bot_slide .b_wrap{height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; animation-name:logo_motion; animation-duration:25s; animation-timing-function:linear; animation-iteration-count: infinite;}
.b_bot_slide img{display:block; margin-right:30px; }

@keyframes mv_motion{ 
	0%{transform:rotate(0);}	
	100%{transform:rotate(360deg);}	
}
@keyframes logo_motion{ 
	0%{left:0;}	
	100%{left:-100%;}	
}
@media screen and (max-width:767px){
	.b_bot_slide {width:2000px;}
}
*/


/*main_visual*/
#mainVisual {position:relative;width:100%; height: calc(100vh - 158px);background:url('/img/newMain/mv_img_desk.jpg') no-repeat 50% 50% /cover; }
.mvContent {height:100%;display:flex;justify-content: space-between; align-items:center;padding-top: 100px;}

.mvNewLt {width:100%;}
.mvNewLt span{font-size:var(--font-size-18); font-weight:300; color:#e60012; display:inline-block; padding:3px 13px; border-radius:14px; border:1px solid #e60012;}
.mvNewLt span + span {margin-left:8px;}
.mvNewLt h2 {margin-top:24px;}
.mvNewLt p {line-height:1.5em; margin-top:40px;}
.mvNewLt p i b {color:#e60012;}

.mvNewRt  {display:none;}
.mvNewRt figure img {width:100%;display:block;}

.mvAbTxt p {line-height:1.5em;}
.mvAbTxt p i b {color:#e60012;}

.mv_logo_btm {position:absolute; left:50%; transform:translateX(-50%); bottom:80px;}

@media screen and (max-width:1480px){
	#mainVisual {background:url('/img/newMain/mv_img_desk_1480.jpg') no-repeat 50% 50% /cover; }
}
@media screen and (max-width:1080px){
	#mainVisual {height: calc(100vh - 180px);background:url('/img/newMain/mv_img_mo.jpg') no-repeat 50% 50% /cover; }
	.mvContent {flex-wrap: wrap; gap:20px;text-align: center;justify-content: center;flex-direction: column-reverse;padding-top:0;}
	.mvNewRt figure img {	width: 600px;	display: block;	margin: 0 auto;	}

	.mvNewLt h2 {margin-top: 18px;}
	.mvNewLt p {margin-top: 24px;}
	.mvNewRt  {display:block;width:100%;}
	.mvAbTxt {position:relative;}
	.mv_logo_btm {bottom: 40px;}
}
@media screen and (max-width:720px){
    #mainVisual {height: calc(100vh - 230px);}
	.mvContent {gap: 50px;}
	.mvNewLt h2 {font-size:24px;}
	.mvNewLt p {margin-top: 14px;}
}
@media screen and (max-width:480px){
    #mainVisual {height: calc(100vh - 120px);}
	.mvNewLt h2 {font-size:20px;}
	.mvNewLt p {font-size:14px;}
}


/*formSection*/
.quickForm {width:100%;margin-top: -218px; z-index: 10; position: relative;}
.quickForm .form_img {border-radius:40px; overflow:hidden; padding:0 50px;}
.quickForm .form_img img {margin:0 auto;}
.j_quick_form {}
.formArea {border-radius:20px; overflow:hidden; box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.25); padding-bottom:73px; background:#fff;}
.quickLoop { background:#000; width:100%;}
.quickTit {color:#fff; text-align:center; padding:28px; }

.j_form_wrap {display:flex; align-items:flex-end; gap:17px;}
.j_form_input {width:100%; height:50px; border-radius:5px; border:1px solid #cbceda; background:#f4f5f9; padding:14px; color:#000; margin-top:16px;}
.j_form_input::placeholder {color:#999999; font-weight:400;}
.j_form_btn {width:100%; height:50px; background:#e60012; color:#fff;}
.j_form_box {width:100%;}
.j_form_box label {display:flex; align-items:center; justify-content:center; gap:7px;}

.agree_wrap {text-align:right; margin-top:20px;}
.agree_box {display: flex;justify-content: flex-end; gap: 43px;}
.agree_box input {display:none;}

.agree_box label {display:flex;font-size:16px; font-weight:400; color:rgba(0,0,0, .7); align-items:center;}
.agree_box label.label02 span {background:#f4f5f9;}
.agree_box span {display:block; margin-right:10px; width:13px; height:13px; border:1px solid #cbceda; border-radius:5px;}
.agree_box input[type=checkbox]:checked + label span {background: url(/img/icon/chk_icon02.png) no-repeat 50% 50%; border:1px solid #e60012;}

.mo_h2 {text-align:center; background:#072484; padding:20px 10px;}
.mo_h2 a:nth-of-type(1) {display:flex; align-items:center; justify-content:center; color:#fff; gap:5px;}
.mo_h2 a:nth-of-type(2) {color:#ffcc43;     margin-top: 10px; display: block;}

@media screen and (max-width:1210px){
	.quickForm {margin-top:-345px;}
}

@media screen and (max-width:786px){
	.quickTit {padding:14px;}
	.quickForm .form_img {padding: 0 10px;}
	.quickForm {margin-top:-315px;}   
	.formArea {padding-bottom:20px;}
	.j_form_wrap {flex-wrap:wrap;}
	.j_form_box label {    justify-content: unset;}
	.agree_box {flex-wrap:wrap;      justify-content: unset; gap:10px;}
	.j_form_input {height:40px; margin-top:8px;}
	.j_form_btn {height:50px;}
	.formArea {border-radius:10px;}
}

@media screen and (max-width:720px){
	.quickForm {margin-top:-200px;}   
	.formArea {padding-bottom:0px;}
	.agree_box span {width:15px; height:15px; margin-right:5px;}
	.agree_box label {font-size:12px;}
	.mo_h2 a:nth-of-type(1) i{    width: 25px; height: 25px;}
}


/*--- section01 ---*/
#section01 {}
.sec01Area {margin-top:125px;}
.sec01Area h2.sec_tit {text-align:center; color:#fff;     word-break: keep-all;}
.sec01Area h4.sec_txt{text-align:center; color:#fff; margin-top:17px; word-break:keep-all;}
.sec01Area p.sec_desc {text-align:center; color:#fff; margin-top:40px;}
.newArea01Content01 {padding:0 36px 0 142px; box-sizing:border-box;}
.newArea01Content01 ul {display:flex;gap:180px;align-items: center;}
.newArea01Content01 li .na01Item01 {padding-bottom:25px; border-bottom:1px solid #cccccc;}
.newArea01Content01 li .na01Item01 p{margin-top:20px;}
.newArea01Content01 li .na01Item01 p em {color:#e60012; line-height:1.45em;}


.newArea01Content01 li .na01Item02 {margin-top:25px;}
.newArea01Content01 li .na01Item02 dl {margin-top:26px; display:flex;}
.newArea01Content01 li .na01Item02 dl dt {width:131px;}
.newArea01Content01 li .na01Item02 dl dt span {display:block; background:#e60012; color:#fff; border-radius:19px; width:99px; text-align:center; height:39px; line-height:39px;}
.newArea01Content01 li .na01Item02 dl dd {width:calc(100% - 131px);}
.newArea01Content02 {margin-top:100px;}
.newArea01Content02 > .newTit h2{position:relative; display:inline-block;}
.newArea01Content02 > .newTit h2::after {content:'['; position:absolute; left:-28px; top:40%; transform:translateY(-50%); font-size:59px; color:#e60012;}
.newArea01Content02 > .newTit h2::before {content:']'; position:absolute; right:-28px; top:40%; transform:translateY(-50%); font-size:59px; color:#e60012;}
.newArea01Content02 > .newTit p {margin-top:13px;}
.newArea01Content02 figure {margin-top:36px;}
.newArea01Content03 {margin-top:100px;}
.newArea01Content03 > .newTit h2 {font-weight:var(--font-m);}
.newArea01Content03 > .newTit h2 span {font-weight:var(--font-eb);color:var(--color-main);}
.newArea01Content03 figure {display: flex;justify-content: center;margin-top:55px;}

.sec01List {display:flex; margin-top:28px; flex-wrap:wrap;}
.sec01List li {width:calc((100% - 26px*2)/3); margin-right:26px; position:relative;}
.sec01List li figure {overflow:hidden; border-radius:15px;}
.sec01List li:nth-of-type(3n){margin-right:0;}
.sec01List li:nth-of-type(n + 4) {margin-top:26px;}

.sec01List .carList {overflow:hidden; border-radius:15px; background:#fff; width:100%; padding:46px 32px; box-sizing:border-box; border:1px solid #e4e3e4;}
.sec01List .car_desc {padding-bottom:10px; border-bottom:1px solid #cfcfcf;}
.sec01List .lent_desc p {width:120px;}
.sec01List .lent_desc h3 {width:calc(100% - 120px);}
.sec01List .lent_desc + .lent_desc {margin-top:13px;}
.sec01List .lent_btn {max-width:379px; height:71px; width:100%; border-radius:29px; display:flex; align-items:center; background:#e60012; color:#fff; gap:10px; justify-content:center; margin-top:17px;}
.carList {overflow:hidden; border-radius:15px; background:#fff; width:100%; padding:46px 32px;}
.sec01List .brandLoop {display: flex; justify-content: right; position:absolute; right:30px; top:30px; width:67px; height:42px;}    
.brandLoop {display: flex; justify-content: right;}    
.sec01List .car_img {min-height:147px;}
.car_img  {margin:26px 0 26px;}
.car_img img{margin: auto;}
.sm_p {margin-top:35px;}
.mt70 {margin-top:70px !important;}

.newSec01List {background:#fff; border-radius:20px; border:1px solid #e4e4e4; padding:62px 70px; margin-top:46px;}
.newSec01List ul {display:flex; align-items:center;}


@media screen and (max-width:1480px){
	.newArea01Content01 {padding:0;}
	.newArea01Content01 ul{ justify-content: space-around; gap:0}   
}
@media screen and (max-width:1280px){
	.newArea01Content01 ul {flex-wrap:wrap;}
	.newArea01Content01 ul li {width:100%;}
	.newArea01Content01 ul li figure img {max-width:100%; margin:0 auto;}
	.newArea01Desc {margin-top:20px;}
	.newArea01Content01 li .na01Item01 p {word-break:keep-all;}
}
@media screen and (max-width:720px){
	.newArea01Content01 ul {gap:30px;}
	.newArea01Content01 li .na01Item02 dl {flex-wrap:Wrap;}
	.newArea01Content01 li .na01Item02 dl dt {width:100%;}
	.newArea01Content01 li .na01Item02 dl dd {width:100%; margin-top:20px;}
	.newArea01Content02 {margin-top:60px;}
	.sm_p {font-size:12px;} 
	.sec01List .lent_btn {height:40px;}
	.newArea01Content03 {margin-top: 30PX;}
}
@media screen and (max-width:480px){
	.newArea01Content01 li .na01Item02 h2 {font-size: 22px;}
	.newArea01Content01 li .na01Item02 dl dd {margin-top: 10px;}
	.newArea01Content01 li .na01Item02 dl dt span {width: 71px;height: 30px;line-height: 30px;font-size:14px;}
	.newArea01Content01 li .na01Item02 dl dd p {opacity:.8;}
}
    

/*202406 수정*/
/* .car_desc {height:95px;} */

.car_desc {padding-bottom:10px;}
.car_desc p{color:#777777; max-width:375px; width:100%; margin-top:10px; }
.car_desc h4 {    overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}
.car_lent {padding-top:10px;}
.lent_desc {display: flex; align-items: center; justify-content:space-between;}
.lent_desc p {color:#666666;}
.lent_desc h3 {color:#e60012;}
.lent_btn {max-width:379px; height:71px; width:100%; border-radius:10px; display:flex; align-items:center; background:#e60012; color:#fff; gap:48px; justify-content:center; margin-top:17px;}


@media screen and (max-width:1210px){
	.sec01List {flex-wrap:wrap;}
	.sec01List li {width:calc((100% - 40px)/2); margin-right:40px;}
	.sec01List li:nth-of-type(2n) {margin-right:0;}
	.sec01List li:nth-of-type(3n) {margin-right:auto;}
	.sec01List li:nth-of-type(n + 3) {margin-top:40px;}
}
@media screen and (max-width:800px){
	.sec01List li {width:calc((100% - 20px)/2); margin-right:20px;}
	.sec01List li:nth-of-type(n + 3) {margin-top:20px;}
}
@media screen and (max-width:767px){
	.sec01Area h2.sec_tit {font-size:28px;}
	.sec01Area h4.sec_txt {font-size:20px;}
	.carList {padding:10px;}
	.brandLoop img {width:25px; height:25px;}
	.sec01Area {margin-top:40px;}
	.car_img { margin: 20px 0 20px;}
	.car_img img {width:200px;}
	.car_desc {height:70px;}
	.car_desc h4 {font-size:14px;}
	.car_desc p {height:auto; font-size:12px; word-break:keep-all;}
	.lent_desc {flex-wrap:wrap;}
	.lent_desc p {font-size:12px; width:100%;}
	.lent_desc h3 {font-size:13px;}
	.lent_desc h3 b {font-size:16px;}
	.sec01List li:before {    width: 85px; height: 100px;}
	.sec01Area p.sec_desc {font-size:12px; margin-top:10px;}
	.lent_btn {height:36px; font-size:14px; margin-top:10px; gap:16px;}
	.sec01List {margin-top:35px;}
	.sec01List .brandLoop {top:15px; right:15px;}
	.sec01List .carList {padding:20px;}
	.sec01List .car_img {min-height:unset;}
	.sec01List li {width:100%; margin-right:0;}
	.sec01List li:nth-of-type(n + 1) {margin-top:20px;}
}

/*--- section02 ---*/
#section02 {background:#f4f4f4;}
#section02_2 .j_inner figure {display:flex;justify-content:center;}
.na01Item01 {text-align:center;}
.na01Item01 .na01Item01_btm_tit {margin-top:60px;}

@media screen and (max-width:420px){
	.na01Item01 .na01Item01_btm_tit {margin-top:30px;font-size:20px;}
}


/*특판차량 팝업*/
.eventPopBox {width:100%; height:100%; position:fixed; background:rgba(0, 0, 0, 0.7); left:0; top:0; z-index:98; display:none;}
.eventPopBox02 {width:100%; height:100%; position:fixed; background:rgba(0, 0, 0, 0.7); left:0; top:0; z-index:98; display:none;}
.eventPop {padding:60px 30px; position: fixed;left: 50%;  top: 50%; transform: translate(-50%, -50%); z-index: 99; width:90%; background: #fff; border-radius:10px; box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.25); max-width:500px;}
.pop_inner {    max-width: 500px; width: 100%; margin: 0 auto;}
.eventPop .j_form_wrap {flex-wrap: wrap;}
.eventPop .j_form_box label{justify-content: unset;}

.eventPop .j_form_box label i {display:block; border-radius:11px; background:#888888; color:#fff; padding:4px 15px;}

.eventPop .agree_box {flex-wrap:wrap; gap:10px;     justify-content: unset; }
.eventPop #form_area {font-size:1.25rem; font-weight:700;}

.closeBtn {  position: absolute;  top: 30px;  right: 30px;       cursor: pointer;        width: 17px;      height: 17px;   z-index:99;}
.closeBtn span { display: block;  width: 100%;   height: 2px;  background-color: #000;  position: absolute; top: 50%;  left: 0;  transform: translateY(-50%);  transition: transform 0.3s ease;}
.closeBtn span:first-child {transform-origin: center; }
.closeBtn span:last-child {transform-origin: center;}
.closeBtn.active span:first-child {transform: rotate(45deg);}
.closeBtn.active span:last-child {transform: rotate(-45deg);}

.closeBtn02 {  position: absolute;     top: 10px;       right: 10px;       cursor: pointer;        width: 30px;      height: 30px;   z-index:99;}
.closeBtn02 span { display: block;  width: 100%;   height: 2px;  background-color: #000;  position: absolute; top: 50%;  left: 0;  transform: translateY(-50%);  transition: transform 0.3s ease;}
.closeBtn02 span:first-child {transform-origin: center; }
.closeBtn02 span:last-child {transform-origin: center;}
.closeBtn02.active span:first-child {transform: rotate(45deg);}
.closeBtn02.active span:last-child {transform: rotate(-45deg);}

@media screen and (max-width:767px){
	.eventPop  {padding:40px 20px;}
	.closeBtn  {top:10px; right:10px;}
}




/*section02
/*
#section02 .j_inner{background:#f6f6f6; padding:100px 0;}
.sec02Area {max-width:1143px; width:90%; margin:0 auto;}
.sec02Content .newTit > h2 {margin-top:36px;}

.eventCarImg {width:500px;}
.eventCarDesc {width:calc(100% - 500px);}
.eventCarList .car_desc {padding-bottom:10px; border-bottom:1px solid #cfcfcf;}
.eventCarList .lent_desc p {width:120px;}
.eventCarList .lent_desc h3 {width:calc(100% - 120px);}
.eventCarList .lent_desc + .lent_desc {margin-top:13px;}
.eventCarList .lent_btn {max-width:379px; height:71px; width:100%; border-radius:29px; display:flex; align-items:center; background:#e60012; color:#fff; gap:10px; justify-content:center; margin-top:25px;}
.newSecDesc {padding-bottom:10px; border-bottom:1px solid #e4e4e4;}
.newSecDesc h4 {margin-top:10px;}
.newSecDesc p {margin-top:35px; word-break:keep-all;}


@media screen and (max-width:1230px){
.newSec01List {padding:30px;}
}


@media screen and (max-width:1080px){
.sec02Content .newTit > h2 {word-break:keep-all;}
.newSec01List ul {flex-wrap:wrap;justify-content: center;}
.newSec01List ul li + li {margin-top:30px;}
.eventCarDesc {width:100%; }
.eventCarList .lent_btn {max-width:100%;}
.newSec01List {padding:20px;}
}

@media screen and (max-width:876px){
.lent_desc {flex-wrap:wrap;}
.sec01List .lent_desc p {width:100%;}
.sec01List .lent_desc h3 {width:100%;}
.eventCarList .lent_btn {height:40px;}
.newSecDesc h2{font-size:20px}
.newSecDesc h3{font-size:20px;}
}

@media screen and (max-width:720px){
#section02 .j_inner {padding:40px 0;}
}
*/

/*car_tabs*/
.car_tabs {display:flex;}
.car_tabs li {width:calc((100% - 15px)/2); margin-right:15px; text-align:center; background:#f1f3fb; color:#5e6375; cursor:pointer; padding:22px 10px; border-radius:10px;}
.car_tabs li.current {color:#fff; font-weight:700; background:#0d6ffc;}
.car_tabs li:nth-of-type(2n) {margin-right:0;}


.carOpt {margin-top:19px; display:none;}
.carOpt.current {display:block;}
.carOptList {display:flex; /*gap:61px;*/}
.carOptList li {cursor:pointer;}
.carOptList li.active figure {border:2px solid #e60012;}
.carOptList li.active .carBrand {color:#e60012;}
.carOptList li figure {width:110px; height:110px; border-radius:50%; border:1px solid #d6d6d6; display:flex; align-items:center; margin:0 auto;}

.carOptList li figure img {margin:0 auto;max-width: 78px;}
.carOptList li:first-child figure img{filter: grayscale(1) brightness(1.8);}
.carOptList li:first-child.active figure img{filter: none;}
.carOptList .carBrand {color:#333; text-align:center; margin-top:16px;}

.pd-box {background:#fafafa; border-radius:10px; padding:30px 0; box-sizing:border-box; }

.inputBtnWrap {display:flex; align-items:center; gap:19px; margin-top:43px; }
.inputBtn {width:50%;}
.inputBtn input {display:none;}
.inputBtn ul {display:flex; border:1px solid #cecece; border-radius:30.5px; align-items:center; justify-content:space-between; gap:5px;     background: #fff;}
.inputBtn ul li {width:33.33%;}
.inputBtn input:checked + label {border:1px solid #e60012; color:#e60012; font-weight:700; border-radius:30.5px;}
.inputBtn input + label {padding:21px 10px; font-size:20px; font-weight:500; color:#333333; border:none; display:block; text-align:center; cursor:pointer;}
.horizontal li label {padding:15px 0; font-size:20px;}

.tooltip .flex  {display:flex; align-items:center; justify-content:center; gap:5px;}
.tooltip .info {width:15px; height:15px; display:flex; align-items:center; justify-content:center; border:1px solid #cecece; font-size:12px; color:#4d4d4d; line-height:12px; font-weight:500; border-radius:100%;}
.tooltip {display:block;}
.tooltip-text { display: none;  position: absolute; max-width:340px; margin-top:10px; padding: 10px 15px;  font-size:13px;  color: #fff;  background: #e60012; text-align:left; font-weight:400 !important; line-height:18px; z-index:99;}
.tooltip:hover .tooltip-text {  display: block;}

.carList_tabs ul{display:flex;}
.carList_tabs ul li {width:33.33%; border-bottom:1px solid #cecece; color:#333333; font-weight:500; padding:22px; text-align:center; font-size:1.125rem; cursor:pointer;}
.carList_tabs ul li.on {border-bottom:4px solid #e60012; border-radius:2px; color:#e60012; font-weight:700;}
.carList-items {display:flex; }

.carBradWrap { overflow-x: hidden; /* 스크롤바 숨김 */  white-space: nowrap; cursor: grab; /* 드래그 커서 설정 */ }

.carModeList {display:flex;justify-content: flex-start;margin-top:42px; flex-wrap:wrap;}
.carModeList li {border-radius:20px; border:1px solid #c1c1c1; width:calc((100% - 19px*2)/3); margin-right:19px;     overflow: hidden; position:relative;}
.carModeList li:nth-of-type(3n) {margin-right:0;}
.carModeList li:nth-of-type(n + 4) {margin-top:19px;}
.carModeList li .brandLoop { padding: 20px 30px 0;}
.carModeList li .brandLoop img{max-height: 42px;}


/*202406 수정*/
.carModeList li .car_desc {padding:0 30px; /*height:105px;*/}
.carModeList li .car_desc p {margin-top:17px;}
.carModeList li .car_desc h3 {margin-top:10px; overflow: hidden; text-wrap: nowrap; text-overflow: ellipsis;}
.carModeList li .car_desc h4 {overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all;}
.carModeList li .carList {padding:0;}
.carModeList li .car_img {margin:35px auto 40px auto;max-height: 142px;}
.carModeList li .lent_btn {max-width:unset;}
.carModeList li .lent_desc {padding:0 30px; margin-top:45px;}
.carModeList li .car_lent {/*margin-top:45px;*/}
.carModelBox {display:none;}
.carModelBox.on {display:block;}

@media screen and (max-width:1100px){
	.inputBtn input + label {font-size:16px;}
}

@media screen and (max-width:1030px){
	.inputBtn input + label {padding:21px 5px;}
	.pd-box {padding:27px 15px 52px;}
	.inputBtnWrap {flex-wrap:wrap; justify-content:center;}
	.inputBtn {width: 100%;}
	.carOptList li figure {width:80px; height:80px;}
}

@media screen and (max-width:1020px){
.carModeList li {width:calc((100% - 10px)/2); margin-right:10px;     overflow: hidden; position:relative;}
.carModeList li:nth-of-type(2n) {margin-right:0 !important;}
.carModeList li:nth-of-type(n + 3) {margin-top:10px;}
.carModeList li:nth-of-type(3n) {margin-right:10px;}
}

@media screen and (max-width:767px){
	.car_tabs li {padding:10px;}
	.inputBtn input + label {font-size:13px; padding:13px 5px;}
	.carModeList li {border-radius:10px;}
	.carModeList li .car_img {margin: 20px auto 20px auto;}
	.carModeList li .brandLoop {padding: 10px 10px 0;}
	.carModeList li .car_desc {padding:0 10px; height:25px;}
	.carModeList li .lent_desc {padding: 0 10px;}
	.carModeList li .car_lent {margin-top:10px;}
	.carModeList li .car_desc p {margin-top:11px; text-wrap: nowrap; text-overflow: ellipsis; overflow:hidden;}

	.carList {border-radius:0;}
	.carOptList .carBrand {margin-top:8px; font-size:13px;}
	.carOptList li figure {width:60px; height:60px;}
	.carOptList li figure img {width:50%;}
	.lent_btn {border-radius:0;}
	.lent_btn i img {width:100%;}
	.pd-box {padding:25px 5px 25px;}
	
	#section02 {padding-bottom:50px;}
	.carModeList {margin-top:21px;}
	.carList_tabs ul li {padding:15px;}
	.tooltip-text {left:5%;}
	.carModeList li:nth-of-type(3) {margin-right:10px;}
	.carModeList li .lent_desc {margin-top:0;}
}


/*섹션3*/
#section03 .newTit h2 {margin-bottom:0;}
.mt18 {margin-top:18px;}
.car_cate_box {margin-top:50px;}


/*섹션4*/
#section04 {background:#e60012;}




/*quickform*/
.mnForm {background:#e60012; position: fixed;left: 0; bottom: 0; width: 100%; z-index:999;}
.mn_inner {max-width:1600px; width:90%; margin:0 auto;}	
.mnBox {display:flex;    justify-content: space-between;}
.mnForm h2 {color:#fff;}
.mnForm h2 strong {color:#ffcc43;}
.mnLt {display:flex; align-items:center;}
.mnLt .j_quick_form {padding-right:0;}
.mnRt {text-align: right; padding:10px 0;}
.mnRt h4{color:#072484; }
.mnRt a {display:flex; color:#0d6ffc; align-items:center; gap:8px; justify-content:right;}


.j_mn_form_wrap {display:flex; gap:10px;}
.j_mn_input {max-width:172px; height:44px; padding:0 13px; line-height:44px; border-radius:5px; border:none;}
.j_mn_input::placeholder {color:#afafaf; font-size:1rem; font-weight:400;}
.mnAgree a b {color:#fff;}
.mnAgree a strong{color:#ffcc43;} 
.j_mn_form_box .j_form_btn_wrap button {background:rgba(0,0,0,.7); border-radius:5px; text-align:center; width:172px; height:44px;}
.mnAgree input {display:none;}


.mnAgree {display: flex; align-items:center; gap:90px;}
.mnAgree input {display:none;}

.mnAgree label {display:flex; font-weight:500; color:#000;     margin-top: 9px;}
.mnAgree label b {color:#fff; font-size:16px;}
.mnAgree span {display:block; margin-right:10px; width:20px; height:20px; border:1px solid #cbceda; border-radius:5px;}
.mn_input input[type=checkbox]:checked + label span {background: url(/img/icon/chk_icon02.png) no-repeat 50% 50%; border:none; background-color:#fff;}
.j_quick_form {position:relative;}
.j_mn_form_box .j_form_btn_wrap {}

.mnForm_m {position:fixed; bottom:0; left:0;width:100%; z-index:99; background:#fff;}
.mn_inner02 {    max-width: 1520px; width: 100%; margin: 0 auto;}
.mnForm_m ul {display:flex; align-items:center; height:80px; position:relative;}

.triangle {width: 0px; height: 0px;border-bottom: 80px solid #072484; border-right: 0px solid transparent;border-left: 60px solid transparent;  position: absolute; left: 50%;transform: translateX(-50%);}
.triangle02 {width: 0px; height: 0px;border-top: 80px solid #fff; border-left: 0px solid transparent;border-right: 60px solid transparent;  position: absolute; left: 50%;transform: translateX(-50%);}
.mnForm_m ul li {width:50%; display:flex; align-items:center; justify-content:center; height:100%;}
.mnForm_m ul li a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; gap:5px;}
.mnForm_m ul li:nth-of-type(1) a i {margin-right:9px;}
.mnForm_m ul li:nth-of-type(2) { background:#e60012;}
.mnForm_m ul li:nth-of-type(2) a i {margin-left:14px;}
.mnForm_m {display:none;}

.b_bot_box .b_btn_list{display:flex; align-items:center; flex-wrap:wrap; }
.b_btn_list li{width:50%; }
.b_btn_list li a{display:flex; justify-content:center; align-items:center; height:65px; width:100%; gap:5px; }
.b_btn_list li.b_call_box{background-color:#111111; }
.b_btn_list li.b_kakao_box{background-color:#ffd200;}
.b_btn_list li.b_call_box a{color:#fff; }
.b_btn_list li.b_kakao_box a{color:#2d0000; }
.b_btn_list li img{margin-right:10px; }

@media screen and (max-width:1610px){
	.mnBox {gap:120px;}
}
@media screen and (max-width:1550px){
	.mnBox {gap:60px;}
}
@media screen and (max-width:1430px){
	.mnRt h4 {font-size:18px;}
	.mnRt a {font-size:26px; gap:0;}
	.mnRt a i img {width:80%;}
	.mnRt p {font-size:15px;}
	.mnForm h2 {font-size:23px; word-break:kee-all;}
}
@media screen and (max-width:1020px){
	.mnBox {gap:30px;} 
	.mnBox {flex-wrap:wrap;}
	.mnLt {display:none;}
	.mnRt {width:100%;}
	.j_mn_form_wrap {flex-wrap:wrap; gap:0;}
	.field_box {width:100%;}
	.j_mn_form_box {width:calc((100% - 10px)/2); margin-right:10px;}
	.j_mn_form_box:nth-of-type(2n) {margin-right:0;}
	.j_mn_form_box:nth-of-type(n + 3) {margin-top:10px;} 
	.j_mn_input {max-width:unset; width:100%;}
	.j_mn_form_box .j_form_btn_wrap button {width:100%;}
}
@media screen and (max-width:720px){
	.mnForm_m ul {height:60px;}
	.triangle {border-bottom: 60px solid #e60012; border-right: 0px solid transparent;border-left: 20px solid transparent;}
	.triangle02 {border-top: 60px solid #fff; border-left: 0px solid transparent;border-right: 20px solid transparent; }
	.mnForm_m ul li {padding:0 10px;}
	.mnForm_m ul li a i img {width:60%;}
	.mnForm_m ul li:nth-of-type(1) a {font-size:13px;}
	.mnForm_m ul li:nth-of-type(1) a i {margin-right:0;}
	.mnForm_m ul li:nth-of-type(1) a strong {font-size:12px;}
	.mnForm_m ul li:nth-of-type(2) a {font-size:13px;}

	.j_mn_input {height:30px;}
	.j_mn_form_box .j_form_btn_wrap button {height:30px;}
	.mnAgree label b {font-size:12px;}
	.mnAgree span {width:14px; height:14px;}

	.b_btn_list li a{ height:30px;}
	.b_btn_list li p {font-size:14px;}
	.b_btn_list li img {width:20px; margin-right:5px;}
}


/*--footer--*/
.j_footer {padding:90px 0 247px;; background:#000;}
.ft_logo_lotte img {display:block;max-width:100%;}
.ft_wrap {display:flex; justify-content:space-between; align-items: flex-end;}
.ft_lt p {color:rgba(255,255,255, 0.7);}
.ft_lt p i {display:flex}
.ft_lt p i + i {margin-top:18px;}
.ft_lt p i em {color:rgba(255,255,255, 0.9); margin-right:28px;}

.ft_rt {text-align:right;}
.ft_rt p {margin-top:16px;}
.ft_rt a {justify-content: flex-end; display: flex;}

@media screen and (max-width:1080px){
	.ft_logo_lotte img {width: 300px;}
}
@media screen and (max-width:767px){
	.j_footer {text-align:center; padding:40px 0 180px 0;}
	.ft_wrap {flex-wrap:Wrap;}
	.ft_lt {width:100%;}
	.ft_lt p i + i {margin-top:10px;} 
	.ft_rt {width:100%; margin-top:20px;text-align: left;}
	.ft_rt a {justify-content: flex-start;}
}
@media screen and (max-width:720px){
	.ft_logo_lotte img {width: 200px;}
}

/* add_pop */
.add_pop_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);z-index: 9999;display: none;}
.add_pop_wrap *{color: #fff;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
#add_wrap_02 .add_pop_inner{height: 250px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #0d6ffc;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #fff;z-index: 1;transition: transform .3s ease; }
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

.add_pop_close:hover span{transform: rotate(0);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px; color:#000;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px; color:#000;}


@media (max-width: 780px){ 
	.add_pop_con p{font-size: 12px;}
}


/*-- 메인페이지 상세 견적 파트 css 수정 --*/
.detail-tabBtn.on{color:#fff; font-weight:700; background:#e60012;}


/*scrollbar*/
.carBrandSwip {position:relative; overflow:hidden; padding:27px 0;}
.carBrandSwip .swiper-scrollbar  {bottom:5px;}
.carBrandSwip .swiper-scrollbar-drag {background:#e60012;}

@media screen and (max-width:767px){
	.carBrandSwip {padding:20px 0;}
}