/*--------------------------------------
	공통
--------------------------------------*/
@font-face {
    font-family: 'OTWelcomeRA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeRA.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


/*--------------------------------------
	sec1
--------------------------------------*/
#sec1{width:100%; background:#22245e;}
#sec1 .container{margin:0 auto; /*padding:60px 0 30px;*/}
#sec1 .tit{}
#sec1 .tit p{float:left; color:#fff; font-size:55px; line-height:65px; letter-spacing:-3px; padding-top:8px;}
#sec1 .tit p span{position: relative;display:inline-block;font-size:40px;color:#fff;line-height:1.2;font-weight:600;top: 10px; letter-spacing:0px;}
#sec1 .tit p img{display:inline-block;width: 80px; margin-right:10px;margin-bottom:5px;}
#sec1 ul{width:70%; float:left;}
#sec1 ul li{height:55px; clear:both;}
#sec1 ul li:last-child{padding-top:15px;}
#sec1 ul li span{float:left; display:block; width:85px; line-height:55px; color:#fff; font-size:20px;}
#sec1 ul li input{float:left; display:block; background:#fff; border:0; height:55px; line-height:55px; font-size:20px; border-radius:10px;}
#sec1 ul li input.name{width:500px; padding:0 20px;}
#sec1 ul li input.phone{width:157px; height:55px; line-height:55px; margin-left:15px; text-align:center;}
#sec1 ul li select{float:left; display:block; width:156px; height:55px; line-height:55px; border:0; padding-left:20px; font-size:20px; border-radius:10px;}
#sec1 span.btn_estimate{display:block;width:30%;height: 70px;float:right;background-color:#fff955;border-radius:10px;}
#sec1 span.btn_estimate a{display:block;/* height:98px; */font-size: 21px;color:#22245e;line-height: 1;text-decoration:none;padding: 18px 10px;text-align: center;font-weight:600;}
#sec1 span.btn_estimate span{/* display:block; *//* height:98px; */font-size: 28px;color:#22245e;line-height:1.2;font-weight:600;padding-right: 3px;}
#sec1 span.btn_estimate2{display:block;width:30%;height: 50px;float:right;background-color: #2776bb;border-radius:10px;margin-top: 5px;}
#sec1 span.btn_estimate2 a{display:block;/* height:98px; *//* font-size: 18px; */color:#22245e;line-height:1.2;text-decoration:none;padding: 11px 10px;text-align: center;font-weight:600;}
#sec1 span.btn_estimate2 span{display:block;/* height:98px; */font-size: 24px;color: #ffffff;line-height:1.2;font-weight:600;}
#sec1 span.agree{clear:both; display:block; padding:15px 0 0 0; /*line-height:30px;*/}
#sec1 span.agree label{color:#fff; font-size:15px; font-weight:300; margin:0;}
#sec1 span.agree a{display:inline-block;/*background:#d6dbe1; width:75px; *//* height:30px; */line-height: 1.6;font-weight: 300;color: #fff;text-align:center;
	font-size: 14px;margin-left:10px;text-decoration:none;}

@media(max-width:1150px) and (min-width:992px){
	#sec1 ul{width:80%;}
	#sec1 span.btn_estimate{width:20%;}
	#sec1 span.btn_estimate a{display:block;font-size: 17px;line-height: 1;padding: 14px 10px;}
	#sec1 span.btn_estimate span{display:block;font-size: 22px;color:#22245e;line-height:1.2;padding-right: 3px;}
	#sec1 span.btn_estimate2{display:block;width: 20%;height: 39px;}
	#sec1 span.btn_estimate2 a{display:block;/* height:98px; *//* font-size: 18px; */color:#22245e;line-height:1.2;text-decoration:none;padding: 9px 10px;text-align: center;font-weight:600;}
	#sec1 span.btn_estimate2 span{display:block;/* height:98px; */font-size: 18px;color: #ffffff;line-height:1.2;font-weight:600;}

	#sec1 ul li input.name{width:420px;}
	#sec1 ul li input.phone{width:130px;}
	#sec1 ul li select{width:130px;}
}

@media(max-width:991px){
	#sec1 .tit{padding-bottom:15px;}
	#sec1 .tit p{float:none; font-size:34px; line-height:1.6;padding-top:0;}
	#sec1 .tit p span{top:0;font-size:34px;line-height:1.6;}
	#sec1 .tit p img{width:45px;}

	#sec1 ul{width:100%;}
	#sec1 ul li{height:45px;}
	#sec1 ul li span{display:none;}
	#sec1 ul li input{height:45px; font-size:16px; line-height:45px;}
	#sec1 ul li input.name{width:100%;}
	#sec1 ul li select{width:33.333%; height:45px; font-size:16px; line-height:45px;}
	#sec1 ul li input.phone{width:32%;margin-left:5px; height:45px; font-size:16px; line-height:45px;}
	#sec1 ul li:last-child{padding-top:10px;}
	#sec1 span.btn_estimate{width:100%;height:auto; margin-top:10px;}
	#sec1 span.btn_estimate a{padding:15px 10px; font-size:20px;}
	#sec1 span.btn_estimate span{font-size:20px; display:inline-block; padding-right:5px;}
	#sec1 span.btn_estimate2{width:100%;height:auto; margin-top:9px;}
	#sec1 span.btn_estimate2 a{padding:15px 10px; font-size:20px;}
	#sec1 span.btn_estimate2 span{font-size:20px; display:inline-block; padding-right:5px;}
}
@media(max-width:430px){
	#sec1 .tit{padding-bottom:10px;}
	#sec1 .tit p{float:none; font-size:26px; line-height:1.6;padding-top:0;}
	#sec1 .tit p span{top:0;font-size:26px;line-height:1.6;}
	#sec1 .tit p img{width:35px;}
	
	#sec1 ul li:last-child{padding-top:5px;}
	#sec1 ul li input{font-size:14px;height:40px;line-height:40px;}
	#sec1 ul li input.phone{font-size:14px;height:40px;line-height:40px; margin-left:4px;}
	#sec1 ul li select{font-size:14px;height:40px;line-height:40px;}
	#sec1 span.agree label{font-size:13px;}
	#sec1 span.agree label a{font-size:13px;}

	#sec1 span.btn_estimate a{padding:8px 10px; font-size:18px;}
	#sec1 span.btn_estimate2 a{padding:8px 10px; font-size:18px;}
}




/*--------------------------------------
	sec2
--------------------------------------*/
#sec2{}
#sec2 .title{margin-bottom:50px;}
#sec2 .title h1{margin-bottom:22px; line-height:1.2;}
#sec2 .title h1 span{display:inline-block; color:#239fff}
#sec2 ul li{padding-bottom:20px;}
#sec2 ul li h2{font-size:20px;letter-spacing:-1.2px;color: #048bf3;font-weight: 600;}
#sec2 ul li p{font-size:16px; letter-spacing:-1.2px; color:#333;line-height:1.4; margin-top:7px; padding:0 20px 0;}

@media(max-width:991px){
	#sec2 ul li p{height:45px;}
}
@media(max-width:767px){
	#sec2 ul li img{width:40%;}
	#sec2 ul li h2{font-size:18px;}
	#sec2 ul li p{font-size:14px;padding:0;}
}
@media(max-width:430px){
	#sec2 ul li h2{font-size:15px;}
	#sec2 ul li p{font-size:13px; letter-spacing:-1.8px;}
}


/* 세로형
#sec2{}
#sec2 .title{}
#sec2 .title h1{margin-bottom:10px; line-height:1.2;}
#sec2 ul{margin:0 auto; width:70%;padding-top:30px;}
#sec2 ul:after{content:''; display:block;clear:both;}
#sec2 ul li{padding-bottom:15px;}
#sec2 ul li:last-child{padding-bottom:0px;}
#sec2 ul li a{display:block; box-shadow:1px 1px 5px rgb(0 0 0 / 20%); border-radius:10px; padding:0px 30px;}
#sec2 ul li a:after{content:''; display:block;clear:both;}
#sec2 ul li a > figure{text-align:center;padding:15px;}
#sec2 ul li a > figure img{width:120px;}
#sec2 ul li a > div{padding:27px 15px;}
#sec2 ul li a > div h2{font-size:24px; letter-spacing:-0.5px; color:#111;}
#sec2 ul li a > div p{font-size:18px; letter-spacing:-0.2px; color:#333;line-height:1.4; margin-top:7px; }

@media(max-width:991px){
	#sec2 ul{margin:0 auto; width:100%;padding-top:30px;}
	#sec2 ul li a{ padding:0px 15px;}
}
@media(max-width:767px){
	#sec2 ul li a > figure{padding:15px;}
	#sec2 ul li a > figure img{width:100px;}
	#sec2 ul li a > div{padding:20px 15px;}
	#sec2 ul li{padding-bottom:10px;}

	#sec2 ul li a > div h2{font-size:20px;}
	#sec2 ul li a > div p{font-size:16px; }
}
@media(max-width:600px){
	#sec2 ul li a > div p br{display:none;}
}
@media(max-width:450px){
	#sec2 ul li a > figure{padding:8px;}
	#sec2 ul li a > figure img{width:75px;}
	#sec2 ul li a > div{padding:10px 7px;}
	#sec2 ul li a > div h2{font-size:16px; line-height:1.3;margin-bottom:3px;}
	#sec2 ul li a > div p{font-size:14px;}
}
@media(max-width:380px){
	#sec2 ul li a > figure{padding:20px 0;}
	#sec2 ul li a > figure img{width:60px;}
	#sec2 ul li a > div{padding:10px 0;}
	#sec2 ul li a > div h2{font-size:15px;}
	#sec2 ul li a > div p{font-size:12px;}
}
*/






/*--------------------------------------
	sec3
--------------------------------------*/
#sec3{padding:130px 0; background:url('/images/sec3_bg.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center;}
#sec3 .title h1{margin-bottom:30px; color:#fff;}
#sec3 .title p{ margin-bottom:0; color:#fff; font-size:20px;}

@media(max-width:991px){
	#sec3{padding:60px 0;}
	#sec3 .title p br{display:none;}
}
@media(max-width:767px){
	#sec3{padding:35px 0;}
	#sec3 .title h1{margin-bottom:15px;}
	#sec3 .title p{font-size:16px;}
}
@media(max-width:430px){
	#sec3 .title p{font-size:14px;}
}




/*--------------------------------------
	sec4
--------------------------------------*/
#sec4{background-color:#239fff; padding-bottom:0;}
#sec4 .title{margin-bottom:30px}
#sec4 .title h1{color:#fff; font-size:36px;}
#sec4 .title h1 span{display:block;color:#fff955;font-weight:700;font-size:50px;}

@media(max-width:991px){
	#sec4 img{width:100%;margin:0 auto;}

	#sec4 .title h1{font-size:20px;}
	#sec4 .title h1 span{font-size:24px;}
}




/*--------------------------------------
	sec5
--------------------------------------*/
/* 페이징 */
.PageNum { display: flex;text-align: center;
    align-items: center; gap: 10px;
    justify-content: center; clear: both;width: 100%;margin-top: 60px; text-align: center;}
.PageNum span {display: inline-block; background: #fff;}
.PageNum span a {width: 24px;height: 24px;display: block;text-align: center;color: #777;font-size: 15px;line-height: 27px;
	font-family: 'GmarketSans';font-weight:500; border-radius: 999px;
}
.PageNum span a img{ display: block; width: 100%;}
.PageNum span a.on {color: #fff;background: #00d6c4;font-weight: 800;}
.PageNum span a.arrow { font-size: 15px; line-height: 37px; margin-left: -1px !important;}

@media(max-width:991px){
	.PageNum {margin-top: 20px;}
	.PageNum span a.arrow {font-size: 12px; line-height:30px;}
	.PageNum span a {width: 28px;height: 28px;font-size: 12px;line-height: 30px;}
}

	div.counsel_pop{ z-index: 150; position: fixed; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; padding: 40px 15px;
	background: rgba(0, 0, 0, 0.6); display: none;}
	div.counsel_pop .quick-popup{ overflow: hidden; max-width: 450px; border-radius: 10px;}
	div.counsel_pop .quick-popup .modal-wrap{ margin-top: 0;}
	div.counsel_pop form div.modal-cont div.agreeWarp div.greenCheck{ display: flex; justify-content: space-between; align-items: center;}
	div.counsel_pop form div.modal-cont div.agreeWarp label{ font-size: 14px;}
	div.counsel_pop .greenCheck{ display: flex; justify-content: space-between; align-items: center;}
	div.counsel_pop .greenCheck input {display: none; appearance: none;}
	div.counsel_pop .greenCheck input:checked + label:before{ background: url("/images/ico_check.png") no-repeat center center #2cd04f; background-size: 10px;}
	div.counsel_pop .greenCheck input + label:before{ content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 20px; height: 20px; border-radius: 100%;
	background: url("/images/ico_check.png") no-repeat center center #d0d0d0; background-size: 10px;}
	div.counsel_pop .greenCheck input + label{ position: relative; display: block; padding: 0 0 0 28px; font-size: 11px; color: #494949; font-weight: 500; letter-spacing: -1px;
	cursor: pointer;}
	div.counsel_pop .greenCheck a{ display: inline-block; padding: 3px 6px; border-radius: 5px; background: #494949; font-size: 11px; line-height: 14px; font-weight: 500; color: #fff;}
	div.counsel_pop .select_wrap{ display: flex; justify-content: space-between;}
	div.counsel_pop .select_wrap select{ padding: 10px 0 10px 10px; border: 1px solid #ccc; border-radius: 10px;}
	div.counsel_pop .select_wrap select:nth-child(1){ width: 30%;}
	div.counsel_pop .select_wrap select:nth-child(2){ width: calc(70% - 10px);}

/* 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑*/
.col{ color: #2cd04f;}


@media(max-width:991px){
	.pc_ver{ display: none;}

	.header-slider-bg div.visual_db{ width: 95%; max-width: 465px; margin: 0 auto; padding: 90px 40px 30px 40px; background: url("/images/phone.png") no-repeat 50% 0;
	background-size: cover;}
	.header-slider-bg div.visual_db div.title{ margin-bottom: 30px; font-size: 32px; font-weight: bold; color: #2cd04f; text-align: center; line-height: 1.1;}
	.header-slider-bg div.visual_db div.title span{ display: block; font-size: 24px;}
	.header-slider-bg div.visual_db ul li{ margin-bottom: 20px;}
	.header-slider-bg div.visual_db ul li label{ width: 70px; font-size: 20px;}
	.header-slider-bg div.visual_db ul li input{ width: calc(100% - 75px); padding: 15px 10px; font-size: 16px; border: none; outline: none; border-radius: 5px; background: #f4f5f8;}
	.header-slider-bg div.visual_db div.check_wrap{ display: flex; justify-content: center; gap: 8px; margin-bottom: 15px;}
	.header-slider-bg div.visual_db input[type="submit"]{ width: 100%; padding: 12px 0; font-size: 21px; font-weight: bold; color: #fff; border: none; text-align: center; border-radius: 8px;
	background: #006010;}
	.header-slider-bg div.visual_db div.db_btn{ margin-top: 10px;}
	.header-slider-bg div.visual_db div.db_btn a{ display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 12px 0; font-size: 21px; font-weight: bold; color: #fff; border: none;
	text-align: center; border-radius: 8px;}
	.header-slider-bg div.visual_db div.db_btn a img{ display: block; width: 20px;}
	.header-slider-bg div.visual_db div.kakao a{ color: #381e1f; background: #F4E81B;}
	.header-slider-bg div.visual_db div.call_btn a{ background: #2cd04f;}

	div.line{ display: none; flex-direction: row-reverse;}
	div.line div.txt{ width: 85%; height: 65px; padding-left: 60px; font-size: 25px; font-weight: 500; color: #fff; border-radius: 999px 0 0 0; background: #2cd04f; line-height: 65px;}
	
	section.user{ padding: 90px 10px; background: #e8fbeb;}
	section.user div.img_wrap{ z-index: 1; position: relative; width: 60%; max-width: 300px; margin: 0 auto; border-radius: 15px;}
	section.user div.img_wrap::before{ z-index: -1; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(3deg); display: block; width: 100%;
	height: 100%; border-radius: 25px; background: #333;}
	section.user div.img_wrap img{ display: block; width: 100%; border-radius: 25px;}
	section.user div.txt_wrap{ padding-top: 30px;}
	section.user div.txt_wrap p.sub_tit{ font-weight: 500; font-size: 16px; text-align: center;}
	section.user div.txt_wrap h2{ margin-bottom: 30px; font-size: 24px; text-align: center;}
	section.user div.txt_wrap div.num{ display: flex; align-items: flex-end; justify-content: center; margin-bottom: 30px;}
	section.user div.txt_wrap div.num span{ font-weight: bold; font-size: 120px; line-height: 0.8;}
	section.user div.txt_wrap div.num p{ font-weight: 500; font-size: 20px;}
	section.user div.txt_wrap p.tit{ margin-bottom: 15px; font-weight: bold; font-size: 18px; color: #666;}
	section.user div.txt_wrap p.desc{ font-weight: 500; font-weight: 500; font-size: 16px;}
	
	section.start{ padding: 90px 10px 0;}
	section.start div.grid_wrap{ display: grid; grid-template-rows: repeat(4, 1fr); grid-template-columns: repeat(2, 1fr); gap: 15px;}
	section.start div.grid_wrap > div{ overflow: hidden; border-radius: 10px; background: #006010;}
	section.start div.grid_wrap > div:nth-child(1){ grid-area: 1 / 1 / 3 / 3;}
	section.start div.grid_wrap > div:nth-child(2){ grid-area: 3 / 1 / 4 / 2;}
	section.start div.grid_wrap > div:nth-child(3){ grid-area: 3 / 2 / 4 / 3;}
	section.start div.grid_wrap > div:nth-child(4){ grid-area: 4 / 1 / 5 / 2;}
	section.start div.grid_wrap > div:nth-child(5){ grid-area: 4 / 2 / 5 / 3;}
	section.start div.grid_wrap div.big_img{ position: relative;}
	section.start div.grid_wrap div.big_img img{ display: block; width: 100%;}
	section.start div.grid_wrap div.big_img div.txt_wrap{ position: absolute; left: 15px; top: 15px; color: #fff;}
	section.start div.grid_wrap div.big_img div.txt_wrap p.sub_tit{ font-size: 20px;}
	section.start div.grid_wrap div.big_img div.txt_wrap h2{ color: #fff; font-size: 24px; line-height: 1.3;}
	section.start div.grid_wrap div.big_img div.txt_wrap h2 span{ display: block; color: #006010;}
	section.start div.grid_wrap div.big_img div.tip{ position: absolute; left: 15px; bottom: 15px; padding: 10px; color: #333; font-size: 14px; background: #fff;}
	section.start div.grid_wrap div.big_img div.tip span{ font-weight: bold; color: #000;}
	section.start div.grid_wrap div.img_wrap{ display: flex; justify-content: center; align-items: center; padding: 25px; font-size: 18px; font-weight: bold; color: #fff; text-align: center;}
	
	section.event{ padding: 90px 10px;}
	section.event h2{ margin-bottom: 20px; font-size: 32px; color: #2cd04f;}
	section.event p.sub_tit{ margin-bottom: 40px; font-size: 18px; line-height: 1.3;}
	section.event div.info_wrap ul{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
	section.event div.info_wrap ul li{ overflow: hidden; width: calc((100% - 20px) / 2); border-radius: 10px; background: #e8fbeb;}
	section.event div.info_wrap ul li div.img_wrap img{ display: block; width: 100%;}
	section.event div.info_wrap ul li div.txt_wrap{ padding: 10px;}
	section.event div.info_wrap ul li div.txt_wrap p.tit{ margin-bottom: 5px; font-weight: bold; font-size: 16px;}
	section.event div.info_wrap ul li div.txt_wrap p.desc{ font-weight: 500; color: #333; line-height: 1.3;}
	
	section.insurance{ padding: 90px 10px; background: #e8fbeb;}
	section.insurance p.sub_tit{ margin-bottom: 5px; font-size: 18px; font-weight: 500;}
	section.insurance h2{ margin-bottom: 60px; font-size: 32px; line-height: 1.2;} 
	section.insurance h2 span{ color: #006010;}
	section.insurance div.info_wrap{ margin-bottom: 30px;}
	section.insurance div.info_wrap div.left_wrap{ margin-bottom: 40px;}
	section.insurance div.info_wrap div.left_wrap ul{ display: flex; flex-wrap: wrap; gap: 20px;}
	section.insurance div.info_wrap div.left_wrap ul li{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc((100% - 20px) / 2); padding: 25px 10px;
	border-radius: 7px; background: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
	section.insurance div.info_wrap div.left_wrap ul li.active{background: #006010;color: #fff;}
	section.insurance div.info_wrap div.left_wrap ul li p{ margin-bottom: 10px; font-weight: bold; font-size: 24px;}
	section.insurance div.info_wrap div.right_wrap{}
	section.insurance div.info_wrap div.right_wrap img{ display: block; width: 100%;}
	section.insurance p.tip{ font-size: 14px;}
	
	section.car_list{ padding: 90px 10px 0;}
	section.car_list.promo{ padding-bottom: 90px;}
	section.car_list p.sec_name{ text-align: center; line-height: 2;}
	section.car_list h2{ margin-bottom: 60px; font-size: 24px; text-align: center;}
	section.car_list h2 span{ z-index: 1; overflow: hidden; position: relative; display: inline-flex; padding: 10px 40px 8px; color: #fff; border-radius: 999px; background: #bababa;}
	section.car_list h2 span::before{ z-index: -1; content: ""; position: absolute; left: 0; top: 0; display: block; width: 0; height: 100%; background: #006010;
	transition: all 0.6s ease-in-out;}
	section.car_list h2 span.on::before{ width: 100%;}
	section.car_list div.list_car2{ overflow-x: scroll;}
	section.car_list div.list_car2 > ul{ width: 1282px; display: flex; flex-wrap: wrap; gap: 20px; padding-bottom: 10px;}
	section.car_list div.list_car2 > ul > li{ overflow: hidden; width: calc((100% - 60px) / 4); border-radius: 10px; border: 1px solid #cacaca;}
	section.car_list div.list_car2 > ul > li div.car_thum{ position: relative; padding: 17px; background: #f9f9f9;}
	section.car_list div.list_car2 > ul > li div.car_thum::after{ content: ""; position: absolute; right: 10px; bottom: 10px; display: block;}
	section.car_list div.list_car2 > ul > li div.car_thum div.info_wrap ul{ display: flex; float: right;}
	section.car_list div.list_car2 > ul > li div.car_thum div.info_wrap ul li{ position: relative; font-size: 14px;}
	section.car_list div.list_car2 > ul > li div.car_thum div.info_wrap ul li + li{ margin-left: 10px;}
	section.car_list div.list_car2 > ul > li div.car_thum div.info_wrap ul li::after{ content: ""; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); display: block;
	width: 2px; height: 14px; background :#727272;}
	section.car_list div.list_car2 > ul > li div.car_thum div.info_wrap ul li:last-child::after{ display: none;}
	section.car_list div.list_car2 > ul > li div.car_thum img{ display: block; max-width: 240px; margin: 0 auto 60px;}
	section.car_list div.list_car2 > ul > li div.car_thum p{ font-size: 24px; color: #acacac; line-height: 1.2;}
	section.car_list div.list_car2 > ul > li div.car_thum p.name{ margin-bottom: 50px; color: #000; font-weight: bold; overflow: hidden; text-overflow: ellipsis;}
	section.car_list div.list_car2 > ul > li div.car_thum p.desc{ margin-bottom: 20px;}
	section.car_list div.list_car2 > ul > li div.txt_wrap{ padding: 17px;}
	section.car_list div.list_car2 > ul > li div.txt_wrap div.price{ display: flex; justify-content: space-between; padding-bottom: 30px; margin-bottom: 20px;
	border-bottom: 2px dotted #000;}
	section.car_list div.list_car2 > ul > li div.txt_wrap div.price p{ font-size: 18px; font-weight: 600;}
	section.car_list div.list_car2 > ul > li div.txt_wrap div.con{ margin-bottom: 10px;}
	section.car_list div.list_car2 > ul > li div.txt_wrap div.con ul{ display: flex; justify-content: space-between;}
	section.car_list div.list_car2 > ul > li div.txt_wrap div.con ul li{ font-size: 18px; font-weight: 600; letter-spacing: -1.1px;}
	section.car_list div.list_car2 > ul > li div.txt_wrap span.point{ display: block; margin-bottom: 15px;height: 50px;}
	section.car_list .greenCheck a{ display: inline-block; padding: 6px 9px; border-radius: 5px; background: #494949; font-size: 14px; line-height: 14px; font-weight: 500; color: #fff;}
	section.car_list .greenCheck{ display: flex; align-items: center; gap: 13px; justify-content: space-between; margin-bottom: 5px;}
	section.car_list .form_wrap a.saleBtn{ display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px 0; background: #2cd04f; border-radius: 10px; font-size: 20px;
	letter-spacing: -0.5px; font-weight: 700; color: #fff;}
	section.car_list.popular div.list_car2 > ul > li div.car_thum::after{ width: 64px; height: 58px; background: url("/images/popular_bg.png") no-repeat; background-size: cover;}
	section.car_list.price div.list_car2 > ul > li div.car_thum::after{ width: 110px; height: 45px; background: url("/images/price_bg.png") no-repeat; background-size: cover;}
	section.car_list.imported div.list_car2 > ul > li div.car_thum::after{ width: 57px; height: 66px; background: url("/images/imported_bg.png") no-repeat; background-size: cover;}
	section.car_list.promo div.list_car2 > ul > li div.car_thum::after{ width: 65px; height: 65px; background: url("/images/promo_bg.png") no-repeat; background-size: cover;}
	
	section.review{ padding: 50px 10px;}
	section.review div.inner_wrap > p.desc{ font-size: 16px; font-weight: 500; text-align: center;}
	section.review div.inner_wrap > h2{ margin-bottom: 50px; font-size: 24px; text-align: center;}
	section.review div.inner_wrap > h2 span{ color: #277efa;}
	section.review .pager{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px}
	section.review .pager .num{display:flex;gap:10px;width:auto;font-size:15px;color:#111;font-family:'play'}
	section.review .pager .arrow{display:flex;cursor:pointer;width: 9px;opacity:.3;transition:all .3s}
	section.review .pager .arrow img{ display: block; width: 100%;}
	section.review .pager .arrow:hover{opacity:1}
	section.review .pager .swiper-pagination-total{ color:var(--primary)}
	section.review .cont li{position:relative}
	section.review .cont li:before{position:absolute;z-index:-1;content:'';top:0;left:50%;width:calc(100% + 60px);height:100%;opacity:0;transform:translateX(-50%);background:#f2f2f2}
	section.review .cont li.on:before{opacity:1}
	section.review .cont li a{display:block;padding:40px 20px 30px;text-align:center}
	section.review .cont li a .img{overflow:hidden;border-radius:5px}
	section.review .cont li a .img img{width:100%;transition:all .3s}
	section.review .cont li a .img:hover img{transform:scale(1.1)}
	section.review .cont li a .txt_area{opacity:0;margin-bottom:50px;transition:all .3s}
	section.review .cont li.on a .txt_area{opacity:1}
	section.review .txt_area span{display:inline-block;margin-bottom:20px;padding:5px 10px;border-radius:3px;font-size:15px;font-weight:700;color:#fff;background: #277efa;}
	section.review .txt_area .subj{margin-bottom:6px;font-size:18px;font-weight:700;color:#222}
	
	section.send{ padding: 90px 10px 0; background: #e8fbeb;}
	section.send div.txt_wrap{}
	section.send div.txt_wrap h2{ margin-bottom: 30px; font-size: 24px;}
	section.send div.txt_wrap p.desc{ margin-bottom: 40px; font-size: 20px; font-weight: 500;}
	section.send div.visual_db{ width: 95%; max-width: 465px; margin: 0 auto; padding: 65px 30px 30px 25px; background: url("/images/phone.png") no-repeat 50% 0;
	background-size: cover;}
	section.send div.visual_db.tong{ animation: tong 0.8s both;}
	section.send div.visual_db div.title{ margin-bottom: 30px; font-size: 32px; font-weight: bold; color: #2cd04f; text-align: center; line-height: 1.1;}
	section.send div.visual_db div.title span{ display: block; font-size: 24px;}
	section.send div.visual_db ul li{ margin-bottom: 20px;}
	section.send div.visual_db ul li label{ width: 50px; font-size: 16px;}
	section.send div.visual_db ul li input{ width: calc(100% - 55px); padding: 15px 10px; font-size: 16px; border: none; outline: none; border-radius: 5px; background: #f4f5f8;}
	section.send div.visual_db div.check_wrap{ display: flex; justify-content: center; gap: 8px; margin-bottom: 15px;}
	section.send div.visual_db input[type="submit"]{ width: 100%; padding: 12px 0; font-size: 21px; font-weight: bold; color: #fff; border: none; text-align: center; border-radius: 8px;
	background: #006010;}
	section.send div.visual_db div.db_btn{ width: 100%; margin-top: 10px;}
	section.send div.visual_db div.db_btn a{ display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 12px 0; font-size: 21px; font-weight: bold; color: #fff; border: none;
	text-align: center; border-radius: 8px;}
	section.send div.visual_db div.db_btn a img{ display: block; width: 20px;}
	section.send div.visual_db div.kakao a{ color: #381e1f; background: #F4E81B;}
	section.send div.visual_db div.call_btn a{ background: #2cd04f;}
	@keyframes tong{
        0%{ transform: scale3d(0.9, 0.9, 1);}
        30%{ transform: scale3d(0.85, 1.21, 1);}
        40%{ transform: scale3d(1.15, 0.85, 1);}
        50%{ transform: scale3d(0.92, 1.08, 1);}
        65%{ transform: scale3d(1.03, 0.95, 1);}
        75%{ transform: scale3d(0.95, 1.03, 1);}
        100%{ transform: scale3d(1, 1, 1);}
    }
	
	section.help{ padding: 90px 10px;}
	section.help h2{ margin-bottom: 50px; font-size: 24px; line-height: 1.5;}
	section.help h2 span{ z-index: 1; overflow: hidden; position: relative; display: inline-flex; padding: 0 24px; color: #fff; border-radius: 999px; background: #bababa;}
	section.help h2 span::before{ z-index: -1; content: ""; position: absolute; left: 0; top: 0; display: block; width: 0; height: 100%; background: #006010; transition: all 0.6s ease-in-out;}
	section.help h2 span.on::before{ width: 100%;}
	section.help div.box{ position: relative; padding: 15px; color: #fff;
	border-radius: 15px;}
	section.help div.box p.tit{ margin-bottom: 10px; font-size: 24px; font-weight: bold;}
	section.help div.box1{ background: url("/images/help_img1.jpg") no-repeat 50% 50%; background-size: cover;}
	section.help div.box ul{ width: 100%;}
	section.help div.box ul li{ padding: 5px; font-size: 14px; border-bottom: 1px dotted #fff;}
	section.help div.box ul li span{ color: #2cd04f; font-weight: bold;}
	section.help div.box2{ margin-top: 30px; background: url("/images/help_img2.jpg") no-repeat 50% 50%; background-size: cover;}
	
	section.pro_cap{ padding: 90px 10px; background: url("/images/pro_cap_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.pro_cap p.sec_name{ font-size: 20px; color: #fff; text-align: center;}
	section.pro_cap h2{ margin-bottom: 40px; font-size: 24px; color: #fff; text-align: center;}
	section.pro_cap div.process div.img_wrap{ margin-bottom: 90px;}
	section.pro_cap div.process div.img_wrap img{ display: block; width: 100%;}
	section.pro_cap div.partner div.info_wrap ul{ display: flex; flex-wrap: wrap; gap: 5px;}
	section.pro_cap div.partner div.info_wrap ul li{ overflow: hidden; width: calc((100% - 10px) / 3); border-radius: 5px;}
	section.pro_cap div.partner div.info_wrap ul li:last-child{ display: none;}
	section.pro_cap div.partner div.info_wrap ul li img{ display: block; width: 100%;}
	
}




@media(min-width:992px){

	.header-slider-bg div.visual_db{ position: absolute; right: 8%; bottom: 0; width: 465px; padding: 90px 40px 30px 40px; background: url("/images/phone.png") no-repeat 50% 0;
	background-size: cover;}
	.header-slider-bg div.visual_db div.title{ margin-bottom: 30px; font-size: 41px; font-weight: bold; color: #2cd04f; text-align: center; line-height: 1.1;}
	.header-slider-bg div.visual_db div.title span{ display: block; font-size: 31px;}
	.header-slider-bg div.visual_db ul li{ margin-bottom: 20px;}
	.header-slider-bg div.visual_db ul li label{ width: 70px; font-size: 20px;}
	.header-slider-bg div.visual_db ul li input{ width: calc(100% - 75px); padding: 15px 10px; font-size: 16px; border: none; outline: none; border-radius: 5px; background: #f4f5f8;}
	.header-slider-bg div.visual_db div.check_wrap{ display: flex; justify-content: center; gap: 8px; margin-bottom: 15px;}
	.header-slider-bg div.visual_db input[type="submit"]{ width: 100%; padding: 12px 0; font-size: 21px; font-weight: bold; color: #fff; border: none; text-align: center; border-radius: 8px;
	background: #006010;}
	.header-slider-bg div.visual_db div.db_btn{ margin-top: 10px;}
	.header-slider-bg div.visual_db div.db_btn a{ display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 12px 0; font-size: 21px; font-weight: bold; color: #fff; border: none;
	text-align: center; border-radius: 8px;}
	.header-slider-bg div.visual_db div.db_btn a img{ display: block; width: 20px;}
	.header-slider-bg div.visual_db div.kakao a{ color: #381e1f; background: #F4E81B;}
	.header-slider-bg div.visual_db div.call_btn a{ background: #2cd04f;}

	div.line{ display: flex; flex-direction: row-reverse;}
	div.line div.txt{ width: 85%; height: 65px; padding-left: 60px; font-size: 25px; font-weight: 500; color: #fff; border-radius: 999px 0 0 0; background: #2cd04f; line-height: 65px;}
	
	section.user{ padding: 90px 0; background: #e8fbeb;}
	section.user div.img_wrap{ z-index: 1; position: relative; float: left; width: calc((100% - 7vw) / 2); border-radius: 15px;}
	section.user div.img_wrap::before{ z-index: -1; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(3deg); display: block; width: 100%;
	height: 100%; border-radius: 25px; background: #333;}
	section.user div.img_wrap img{ display: block; width: 100%; border-radius: 25px;}
	section.user div.txt_wrap{ float: right; width: calc((100% - 7vw) / 2); padding-top: 20px;}
	section.user div.txt_wrap p.sub_tit{ font-weight: 500; font-size: 20px; text-align: center;}
	section.user div.txt_wrap h2{ margin-bottom: 30px; font-size: 35px; text-align: center;}
	section.user div.txt_wrap div.num{ display: flex; align-items: flex-end; justify-content: center; margin-bottom: 30px;}
	section.user div.txt_wrap div.num span{ font-weight: bold; font-size: 120px; line-height: 0.8;}
	section.user div.txt_wrap div.num p{ font-weight: 500; font-size: 20px;}
	section.user div.txt_wrap p.tit{ margin-bottom: 15px; font-weight: bold; font-size: 20px; color: #666;}
	section.user div.txt_wrap p.desc{ font-weight: 500; font-weight: 500; font-size: 18px;}
	
	section.event{ padding: 90px 0;}
	section.event h2{ margin-bottom: 20px; font-size: 42px; color: #2cd04f;}
	section.event p.sub_tit{ margin-bottom: 60px; font-size: 18px; line-height: 1.3;}
	section.event div.info_wrap ul{ display: flex; justify-content: space-between; gap: 20px;}
	section.event div.info_wrap ul li{ overflow: hidden; width: calc((100% - 60px) / 4); border-radius: 10px; background: #e8fbeb;}
	section.event div.info_wrap ul li div.img_wrap img{ display: block; width: 100%;}
	section.event div.info_wrap ul li div.txt_wrap{ padding: 15px;}
	section.event div.info_wrap ul li div.txt_wrap p.tit{ margin-bottom: 5px; font-weight: bold; font-size: 18px;}
	section.event div.info_wrap ul li div.txt_wrap p.desc{ font-weight: 500; color: #333; line-height: 1.3;}
	
	section.insurance{ padding: 90px 0; background: #e8fbeb;}
	section.insurance p.sub_tit{ margin-bottom: 5px; font-size: 18px; font-weight: 500;}
	section.insurance h2{ margin-bottom: 60px; font-size: 32px; line-height: 1.2;} 
	section.insurance h2 span{ color: #006010;}
	section.insurance div.info_wrap{ display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px;}
	section.insurance div.info_wrap div.left_wrap{ width: 47%; max-width: 600px;}
	section.insurance div.info_wrap div.left_wrap ul{ display: flex; flex-wrap: wrap; gap: 20px;}
	section.insurance div.info_wrap div.left_wrap ul li{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc((100% - 40px) / 3); padding: 25px 10px;
	border-radius: 7px; background: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
	section.insurance div.info_wrap div.left_wrap ul li.active{background: #006010;color: #fff;}
	section.insurance div.info_wrap div.left_wrap ul li p{ margin-bottom: 10px; font-weight: bold; font-size: 24px;}
	section.insurance div.info_wrap div.right_wrap{ width: 47%; max-width: 600px;}
	section.insurance div.info_wrap div.right_wrap img{ display: block; width: 100%;}
	
	section.start{ padding-top: 90px;}
	section.start div.grid_wrap{ display: grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(4, 1fr); gap: 15px;}
	section.start div.grid_wrap > div{ overflow: hidden; border-radius: 10px; background: #006010;}
	section.start div.grid_wrap > div:nth-child(1){ grid-area: 1 / 1 / 3 / 3;}
	section.start div.grid_wrap > div:nth-child(2){ grid-area: 1 / 3 / 2 / 4;}
	section.start div.grid_wrap > div:nth-child(3){ grid-area: 1 / 4 / 2 / 5;}
	section.start div.grid_wrap > div:nth-child(4){ grid-area: 2 / 3 / 3 / 4;}
	section.start div.grid_wrap > div:nth-child(5){ grid-area: 2 / 4 / 3 / 5;}
	section.start div.grid_wrap div.big_img{ position: relative;}
	section.start div.grid_wrap div.big_img img{ display: block; width: 100%;}
	section.start div.grid_wrap div.big_img div.txt_wrap{ position: absolute; left: 30px; top: 30px; color: #fff;}
	section.start div.grid_wrap div.big_img div.txt_wrap p.sub_tit{ font-size: 24px;}
	section.start div.grid_wrap div.big_img div.txt_wrap h2{ color: #fff; line-height: 1.3;}
	section.start div.grid_wrap div.big_img div.txt_wrap h2 span{ display: block; color: #006010;}
	section.start div.grid_wrap div.big_img div.tip{ position: absolute; left: 30px; bottom: 30px; padding: 17px 20px; color: #333; background: #fff;}
	section.start div.grid_wrap div.big_img div.tip span{ font-weight: bold; color: #000;}
	section.start div.grid_wrap div.img_wrap{ display: flex; justify-content: center; align-items: center; padding: 25px; font-size: 24px; font-weight: bold; color: #fff; text-align: center;}

	/*section.popular{ padding: 90px 0;}
	section.popular h2{ margin-bottom: 60px; line-height: 1.2;}
	section.popular h2 img{ display: block; max-width: 100%; margin-bottom: 15px;}
	section.popular div.info_wrap{ display: flex; justify-content: space-between;}
	section.popular div.info_wrap > ul{ width: calc((100% - 30px) / 2);}
	section.popular div.info_wrap > ul.ul_2{ margin-top: 90px;}
	section.popular div.info_wrap > ul > li{ overflow: hidden; width: 100%; border-radius: 30px; box-shadow: 3px 3px 4px 3px #919191;}
	section.popular div.info_wrap > ul > li:first-child{ margin-bottom: 30px;}
	section.popular div.info_wrap > ul > li div.car_thum{ padding: 40px 45px; background: #f9f9f9;}
	section.popular div.info_wrap > ul > li div.car_thum img{ display: block; margin: 0 auto;}
	section.popular div.info_wrap > ul > li div.car_thum p{ font-size: 28px; color: #acacac; line-height: 1.2;}
	section.popular div.info_wrap > ul > li div.car_thum p.name{ color: #000; font-weight: 500;}
	section.popular div.info_wrap > ul > li div.car_thum p.desc{ margin-bottom: 20px;}
	section.popular div.info_wrap > ul > li div.car_thum div.img_wrap{ width: 316px; height: 143px; margin: 0 auto;}
	section.popular div.info_wrap > ul > li div.car_thum div.img_wrap img{ display: block; width: 100%; height: 100%; object-fit: cover;}
	section.popular div.info_wrap > ul > li div.txt_wrap{ padding: 35px 45px 45px;}
	section.popular div.info_wrap > ul > li div.txt_wrap div.price{ display: flex; justify-content: space-between; padding-bottom: 30px; margin-bottom: 20px;
	border-bottom: 2px dotted #000;}
	section.popular div.info_wrap > ul > li div.txt_wrap div.price p{ font-size: 28px; font-weight: 600;}
	section.popular div.info_wrap > ul > li div.txt_wrap div.con{ margin-bottom: 10px;}
	section.popular div.info_wrap > ul > li div.txt_wrap div.con ul{ display: flex; justify-content: space-between;}
	section.popular div.info_wrap > ul > li div.txt_wrap div.con ul li{ font-size: 28px; font-weight: 600; letter-spacing: -1.1px;}
	section.popular div.info_wrap > ul > li div.txt_wrap div.con ul.font1_3 li{ font-size: 36px;}
	section.popular div.info_wrap > ul > li div.txt_wrap span.point{ display: block; margin-bottom: 15px;}
	section.popular div.info_wrap > ul > li div.txt_wrap div.form_wrap{ display: flex; justify-content: space-between;}
	section.popular .greenCheck input:checked + label:before{ background: url("/images/ico_check.png") no-repeat center center #43BAB1; background-size: 10px;}
	section.popular .greenCheck input + label:before{ content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 20px; height: 20px; border-radius: 100%;
	background: url("/images/ico_check.png") no-repeat center center #d0d0d0; background-size: 10px;}
	section.popular .greenCheck input + label{ position: relative; display: block; padding: 0 0 0 28px; font-size: 14px; color: #494949; font-weight: 500; letter-spacing: -1px; cursor: pointer;}
	section.popular .greenCheck input {display: none; appearance: none;}
	section.popular .greenCheck a{ display: inline-block; padding: 6px 9px; border-radius: 5px; background: #494949; font-size: 14px; line-height: 14px; font-weight: 500; color: #fff;}
	section.popular .greenCheck{ display: flex; align-items: center; gap: 13px;}
	section.popular .form_wrap a.saleBtn{ display: flex; align-items: center; justify-content: center; width: 165px; padding: 10px 0; background: #00D6C6; border-radius: 10px; font-size: 20px;
	letter-spacing: -0.5px; font-weight: 700; color: #fff;}
	section.popular .flex_form{ display: flex; justify-content: space-between;}*/
	
	section.car_list{ padding-top: 90px;}
	section.car_list.promo{ padding-bottom: 90px;}
	section.car_list p.sec_name{ text-align: center; line-height: 2;}
	section.car_list h2{ margin-bottom: 60px; font-size: 24px; text-align: center;}
	section.car_list h2 span{ z-index: 1; overflow: hidden; position: relative; display: inline-flex; padding: 10px 40px 8px; color: #fff; border-radius: 999px; background: #bababa;}
	section.car_list h2 span::before{ z-index: -1; content: ""; position: absolute; left: 0; top: 0; display: block; width: 0; height: 100%; background: #006010;
	transition: all 0.6s ease-in-out;}
	section.car_list h2 span.on::before{ width: 100%;}
	section.car_list div.list_car2 > ul{ display: flex; flex-wrap: wrap; gap: 20px; padding-bottom: 10px;}
	section.car_list div.list_car2 > ul > li{ overflow: hidden; width: calc((100% - 80px) / 4); border-radius: 10px; border: 1px solid #cacaca;}
	section.car_list div.list_car2 > ul > li div.car_thum{ position: relative; padding: 17px; background: #f9f9f9;}
	section.car_list div.list_car2 > ul > li div.car_thum::after{ content: ""; position: absolute; right: 10px; bottom: 10px; display: block;}
	section.car_list div.list_car2 > ul > li div.car_thum div.info_wrap ul{ display: flex; float: right;}
	section.car_list div.list_car2 > ul > li div.car_thum div.info_wrap ul li{ position: relative; font-size: 14px;}
	section.car_list div.list_car2 > ul > li div.car_thum div.info_wrap ul li + li{ margin-left: 10px;}
	section.car_list div.list_car2 > ul > li div.car_thum div.info_wrap ul li::after{ content: ""; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); display: block;
	width: 2px; height: 14px; background :#727272;}
	section.car_list div.list_car2 > ul > li div.car_thum div.info_wrap ul li:last-child::after{ display: none;}
	section.car_list div.list_car2 > ul > li div.car_thum img{ display: block; max-width: 240px; margin: 0 auto 60px;}
	section.car_list div.list_car2 > ul > li div.car_thum p{ font-size: 24px; color: #acacac; line-height: 1.2;}
	section.car_list div.list_car2 > ul > li div.car_thum p.name{ margin-bottom: 50px; color: #000; font-weight: bold; overflow: hidden; text-overflow: ellipsis;}
	section.car_list div.list_car2 > ul > li div.car_thum p.desc{ margin-bottom: 20px;}
	section.car_list div.list_car2 > ul > li div.txt_wrap{ padding: 17px;}
	section.car_list div.list_car2 > ul > li div.txt_wrap div.price{ display: flex; justify-content: space-between; padding-bottom: 30px; margin-bottom: 20px;
	border-bottom: 2px dotted #000;}
	section.car_list div.list_car2 > ul > li div.txt_wrap div.price p{ font-size: 18px; font-weight: 600;}
	section.car_list div.list_car2 > ul > li div.txt_wrap div.con{ margin-bottom: 10px;}
	section.car_list div.list_car2 > ul > li div.txt_wrap div.con ul{ display: flex; justify-content: space-between;}
	section.car_list div.list_car2 > ul > li div.txt_wrap div.con ul li{ font-size: 18px; font-weight: 600; letter-spacing: -1.1px;}
	section.car_list div.list_car2 > ul > li div.txt_wrap span.point{ display: block; margin-bottom: 15px;height: 50px;}
	section.car_list .greenCheck a{ display: inline-block; padding: 6px 9px; border-radius: 5px; background: #494949; font-size: 14px; line-height: 14px; font-weight: 500; color: #fff;}
	section.car_list .greenCheck{ display: flex; align-items: center; gap: 13px; justify-content: space-between; margin-bottom: 5px;}
	section.car_list .form_wrap a.saleBtn{ display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px 0; background: #2cd04f; border-radius: 10px; font-size: 20px;
	letter-spacing: -0.5px; font-weight: 700; color: #fff;}
	section.car_list .form_wrap a.saleBtn:hover{background: #006010;transition: all 0.5s;}
	section.car_list.popular div.list_car2 > ul > li div.car_thum::after{ width: 64px; height: 58px; background: url("/images/popular_bg.png") no-repeat; background-size: cover;}
	section.car_list.price div.list_car2 > ul > li div.car_thum::after{ width: 110px; height: 45px; background: url("/images/price_bg.png") no-repeat; background-size: cover;}
	section.car_list.imported div.list_car2 > ul > li div.car_thum::after{ width: 57px; height: 66px; background: url("/images/imported_bg.png") no-repeat; background-size: cover;}
	section.car_list.promo div.list_car2 > ul > li div.car_thum::after{ width: 65px; height: 65px; background: url("/images/promo_bg.png") no-repeat; background-size: cover;}
	
	section.review{ padding: 90px 0;}
	section.review div.rev_inner{ max-width: 100%;}
	section.review::after{ content: ""; position: absolute; left: 0; top: 240px; display: block; width: 496px; height: 68px; background: url("/images/rev_txt.png") no-repeat;}
	section.review div.inner_wrap > p.desc{ font-size: 30px; font-weight: 500; text-align: center;}
	section.review div.inner_wrap > h2{ margin-bottom: 50px; font-size: 60px; text-align: center;}
	section.review div.inner_wrap > h2 span{ color: #006010;}
	section.review .pager{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px}
	section.review .pager .num{display:flex;gap:10px;width:auto;font-size:15px;color:#111;font-family:'play'}
	section.review .pager .arrow{display:flex;cursor:pointer;width: 10px;opacity:.3;transition:all .3s}
	section.review .pager .arrow img{ display: block; width: 100%;}
	section.review .pager .arrow:hover{opacity:1}
	section.review .pager .swiper-pagination-total{ color:var(--primary)}
	section.review .cont li{position:relative}
	section.review .cont li:before{position:absolute;z-index:-1;content:'';top:0;left:50%;width:calc(100% + 60px);height:100%;opacity:0;transform:translateX(-50%);background:#f2f2f2}
	section.review .cont li.on:before{opacity:1}
	section.review .cont li a{display:block;padding:40px 0 30px;text-align:center}
	section.review .cont li a .img{overflow:hidden;border-radius:5px}
	section.review .cont li a .img img{width:100%;transition:all .3s}
	section.review .cont li a .img:hover img{transform:scale(1.1)}
	section.review .cont li a .txt_area{opacity:0;margin-bottom:50px;transition:all .3s}
	section.review .cont li.on a .txt_area{opacity:1}
	section.review .txt_area span{display:inline-block;margin-bottom:20px;padding:5px 10px;border-radius:3px;font-size:15px;font-weight:700;color:#fff;background: #006010;}
	section.review .txt_area .subj{margin-bottom:6px;font-size:18px;font-weight:700;color:#222}
	
	section.send{ padding-top: 90px; background: #e8fbeb;}
	section.send div.flex_wrap{ display: flex;}
	section.send div.txt_wrap{ width: calc(100% - 465px);}
	section.send div.txt_wrap h2{ margin-bottom: 60px; font-size: clamp(32px, 4vw, 64px);}
	section.send div.txt_wrap p.desc{ font-size: 24px; font-weight: 500;}
	section.send div.visual_db{ width: 465px; padding: 90px 40px 30px 40px; background: url("/images/phone.png") no-repeat 50% 0;
	background-size: cover;}
	section.send div.visual_db.tong{ animation: tong 0.8s both;}
	section.send div.visual_db div.title{ margin-bottom: 30px; font-size: 41px; font-weight: bold; color: #2cd04f; text-align: center; line-height: 1.1;}
	section.send div.visual_db div.title span{ display: block; font-size: 31px;}
	section.send div.visual_db ul li{ margin-bottom: 20px;}
	section.send div.visual_db ul li label{ width: 70px; font-size: 20px;}
	section.send div.visual_db ul li input{ width: calc(100% - 75px); padding: 15px 10px; font-size: 16px; border: none; outline: none; border-radius: 5px; background: #f4f5f8;}
	section.send div.visual_db div.check_wrap{ display: flex; justify-content: center; gap: 8px; margin-bottom: 15px;}
	section.send div.visual_db input[type="submit"]{ width: 100%; padding: 12px 0; font-size: 21px; font-weight: bold; color: #fff; border: none; text-align: center; border-radius: 8px;
	background: #006010;}
	section.send div.visual_db div.db_btn{ width: 100%; margin-top: 10px;}
	section.send div.visual_db div.db_btn a{ display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 12px 0; font-size: 21px; font-weight: bold; color: #fff; border: none;
	text-align: center; border-radius: 8px;}
	section.send div.visual_db div.db_btn a img{ display: block; width: 20px;}
	section.send div.visual_db div.kakao a{ color: #381e1f; background: #F4E81B;}
	section.send div.visual_db div.call_btn a{ background: #2cd04f;}
	@keyframes tong{
        0%{ transform: scale3d(0.9, 0.9, 1);}
        30%{ transform: scale3d(0.85, 1.21, 1);}
        40%{ transform: scale3d(1.15, 0.85, 1);}
        50%{ transform: scale3d(0.92, 1.08, 1);}
        65%{ transform: scale3d(1.03, 0.95, 1);}
        75%{ transform: scale3d(0.95, 1.03, 1);}
        100%{ transform: scale3d(1, 1, 1);}
    }
	
	section.help{ padding: 90px 0;}
	section.help h2{ margin-bottom: 50px; font-size: 32px; line-height: 1.5;}
	section.help h2 span{ z-index: 1; overflow: hidden; position: relative; display: inline-flex; padding: 0 24px; color: #fff; border-radius: 999px; background: #bababa;}
	section.help h2 span::before{ z-index: -1; content: ""; position: absolute; left: 0; top: 0; display: block; width: 0; height: 100%; background: #006010; transition: all 0.6s ease-in-out;}
	section.help h2 span.on::before{ width: 100%;}
	section.help div.box{ position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc((100% - 60px) / 2); padding: 3vw; color: #fff;
	border-radius: 15px;}
	section.help div.box p.tit{ margin-bottom: 20px; font-size: 32px; font-weight: bold;}
	section.help div.box1{ float: left; background: url("/images/help_img1.jpg") no-repeat 50% 50%; background-size: cover;}
	section.help div.box ul{ width: 100%;}
	section.help div.box ul li{ padding: 5px; font-size: 17px; border-bottom: 1px dotted #fff;}
	section.help div.box ul li span{ color: #2cd04f; font-weight: bold;}
	section.help div.box2{ float: right; margin-top: 60px; background: url("/images/help_img2.jpg") no-repeat 50% 50%; background-size: cover;}
	
	section.pro_cap{ padding: 90px 0; background: url("/images/pro_cap_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.pro_cap p.sec_name{ font-size: 20px; color: #fff; text-align: center;}
	section.pro_cap h2{ margin-bottom: 50px; font-size: 42px; color: #fff; text-align: center;}
	section.pro_cap div.process div.img_wrap{ margin-bottom: 90px;}
	section.pro_cap div.process div.img_wrap img{ display: block; width: 100%;}
	section.pro_cap div.partner div.info_wrap ul{ display: flex; flex-wrap: wrap; gap: 20px;}
	section.pro_cap div.partner div.info_wrap ul li{ overflow: hidden; width: calc((100% - 80px) / 5); border-radius: 10px;}
	section.pro_cap div.partner div.info_wrap ul li img{ display: block; width: 100%;}
}


    
    
/* 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑 카핑*/