/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
@media(min-width: 992px){

	header{ z-index: 99; position: sticky; left: 0; top: 0; width: 100%; height: 90px; box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.5); background: #fff;}
	header div.inner_wrap h1{ width: 300px;}
	header div.inner_wrap h1 a{ display: block; width: 100%;}
	header div.inner_wrap h1 a img{ display: block; width: 100%;}
	header div.inner_wrap{ display: flex; justify-content: space-between; align-items: center; gap: 20px;} 
	header div.inner_wrap nav{ display: block !important;}
	header div.inner_wrap nav ul{ display: flex;}
	header div.inner_wrap nav ul li a{ padding: 0 15px; font-size: 21px; font-weight: 500; line-height: 90px;}
	header div.inner_wrap div.call_wrap{ display: flex; align-items: center; gap: 5px; margin-left: auto; font-weight: bold; font-size: 25px;}
	header div.inner_wrap div.call_wrap p{ font-size: 36px;}
	header div.inner_wrap div.call_wrap img{ width: 33px;}
	
	header nav.nav_mo{ display: none;}

	section.visual{ height: 700px;}
	section.visual div.banner_wrap{ width: 100%; height: 100%;}
	section.visual div.banner_wrap div.banner1{ width: 100%; height: 100%; background: url("/img/visual.jpg") no-repeat 50% 50%; background-size: cover;}
	section.visual div.banner_wrap div.list div.txt_wrap{ display: none; position: absolute; right: 10%; top: 150px; font-family: "Juache"; color: #fff; line-height: 1.2; text-align: right;}
	section.visual div.banner_wrap div.list div.txt_wrap p.tit{ margin-bottom: 20px; font-size: 52px;}
	section.visual div.banner_wrap div.list div.txt_wrap p.desc{ font-size: 24px;}
	section.visual div.banner_wrap div.list div.txt_wrap span{ color: #ffea4f;}
	section.visual div.form_wrap{ position: absolute; right: 10%; top: 50%; transform: translateY(-50%); display: block; width: 410px; padding: 30px 15px 20px;
	border: 5px solid #ffbc00; border-radius: 20px; background: #fff;}
	section.visual div.form_wrap h2 { margin-bottom: 10px; font-family: "Juache"; font-weight: 500; font-size: 32px; text-align: center;}
	section.visual div.form_wrap h2 span{ color: #ffbc00;}
	section.visual div.form_wrap p.desc{ margin-bottom: 20px; font-weight: 600; font-size: 18px; line-height: 1.2; text-align: center;}
	section.visual div.form_wrap div.img_wrap{ position: relative; height: 200px; margin-bottom: 40px; border-radius: 7px; background: url("/img/db_bg.jpg") no-repeat 50% 80%; background-size: cover;}
	section.visual div.form_wrap div.img_wrap h2{ position: absolute; left: 20px; top: 20px; color: #fff; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);}
	section.visual div.form_wrap div.form_inner div.inp_wrap{ margin-bottom: 15px;}
	section.visual div.form_wrap div.form_inner div.inp_wrap label{ display: block; font-weight: bold; font-size: 22px;}
	section.visual div.form_wrap div.form_inner div.inp_wrap input{ width: 100%; height: 50px; padding: 7px; border-radius: 7px; border: 1px solid #ccc;}
	section.visual div.form_wrap div.form_inner div.inp_wrap div.tel_wrap{ display: flex; align-items: center; gap: 5px;}
	section.visual div.form_wrap div.form_inner div.inp_wrap div.tel_wrap select{ width: 100%; height: 50px; padding: 7px; border-radius: 7px; border: 1px solid #ccc; background: #fff;}
	section.visual div.form_wrap div.form_inner div.send{ margin-top: 20px;}
	section.visual div.form_wrap div.form_inner div.send input{ width: 100%; height: 50px; font-size: 20px; color: #fff; border-radius: 7px; line-height: 52px; background: #ffbc00;}
	
	
	section.user{ padding: 90px 0; background: #fafbe8;}
	section.user div.graph_box{ z-index: 1; position: relative; float: right; width: calc((100% - 7vw) / 2); padding: 40px; text-align: center; border-radius: 15px;}
	section.user div.graph_box::after{ z-index: -2; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 100%; height: 100%;
	border-radius: 25px; background: #f7f7f7;}
	section.user div.graph_box::before{ z-index: -2; 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.graph_box div.tit{ display: inline-block; margin-bottom: 10px; padding: 5px 15px; font-size: 20px; color: #fff; border-radius: 999px; background: #ffbc00;}
	section.user div.graph_box p.up{ font-weight: 900; font-size: 32px; font-style: italic;}
	section.user div.graph_box p.up span{ z-index: 1; position: relative; font-weight: 900;}
	section.user div.graph_box p.up span::after{ z-index: -1; content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 15px; background: #ffcb96;}
	section.user div.graph_box p.desc{ margin-bottom: 20px; font-weight: 400;}
	section.user div.graph_box div.graph_wrap{ display: flex; justify-content: space-around; align-items: flex-end; height: 300px; background-image: linear-gradient(to bottom, #e5e5e5 1px, transparent 1px); background-size: 1px 60px; background-position: center center;}
	section.user div.graph_box div.graph_wrap div.graph{ display: flex; flex-direction: column; align-items: center; width: 50%;}
	section.user div.graph_box div.graph_wrap div.graph1 div.hei{ width: 70px; height: 0; background: #999;}
	section.user div.graph_box div.graph_wrap div.graph1 div.hei.move{ height: 150px; border-radius: 15px 15px 0 0; transition: all 1s ease-in-out;}
	section.user div.graph_box div.graph_wrap div.graph2 div.hei{ width: 70px; height: 0; background: linear-gradient(0deg, #ff0000, #ffc907);}
	section.user div.graph_box div.graph_wrap div.graph2 div.hei.move{ height: 240px; border-radius: 15px 15px 0 0; transition: all 1s ease-in-out;}
	section.user div.graph_box div.graph_wrap div.graph2 p{ font-weight: 600; color: #ff2502;}
	section.user div.graph_box div.pri{ display: flex; width: 100%; padding-top: 10px; border-top: 1px solid #000;}
	section.user div.graph_box div.pri p{ width: 50%; font-weight: bold; font-size: 19px; text-align: center;}
	section.user div.graph_box div.pri p.graph2_pr{ color: #ff2502;}
	section.user div.txt_wrap{ float: left; width: calc((100% - 7vw) / 2); padding-top: 20px;}
	section.user div.txt_wrap p.sub_tit{ font-weight: 600; font-size: 20px; text-align: center;}
	section.user div.txt_wrap h2{ margin-bottom: 30px; font-weight: bold; font-size: 30px; 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: 24px;}
	section.user div.txt_wrap p.desc{ font-weight: 600; font-size: 20px; word-break: auto-phrase;}
	section.user div.txt_wrap p.desc span{ color: #ffbc00;}
	
	
	section.customer{ padding-top: 90px;}
	section.customer ul{ display: flex; justify-content: space-around;}
	section.customer ul li{ position: relative; width: 33.3333%; text-align: center;}
	section.customer ul li + li::after{ content: ""; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); display: block; width: 3px; height: 50px; background: #7ba7f2;}
	section.customer ul li span{ display: block; margin-bottom: 25px; font-size: 20px; font-weight: bold;}
	section.customer ul li h2{ margin-bottom: 40px; font-size: 60px; color: #000;} 
	section.customer ul li h2.tot{ color: #ffbc00;}
	section.customer ul li p{ font-size: 16px; color: #000; line-height: 1.2;}
	
	section.car_list{ padding-top: 90px;}
	section.car_list h2{ font-weight: bold; font-size: 42px; text-align: center;}
	section.car_list h2 span{ color: #ffbc00;}
	section.car_list p.desc{ margin-bottom: 40px; font-size: 20px; color: #3b3b3b; text-align: center;}
	section.car_list div.slick-list{ margin: 0 -10px;}
	section.car_list div.slick-slide{ margin: 0 10px;}
	section.car_list div.list{ overflow: hidden; padding: 10px; border-radius: 15px; border: 1px solid #ccc; background: #ffbc00;}
	section.car_list div.list div.img_wrap{ overflow: hidden; position: relative; margin-bottom: 8px; border-radius: 8px;}
	section.car_list div.list div.img_wrap img{ display: block; width: 100%;}
	section.car_list div.list div.img_wrap span.year{ display: inline-block; position: absolute; left: 8px; top: 8px; padding: 5px 12px 2px; font-weight: bold; font-size: 14px; color: #ffbc00;
	border-radius: 99px; background: #fff;}
	section.car_list div.list div.txt_wrap{ padding: 0 3px; margin-bottom: 5px;}
	section.car_list div.list div.txt_wrap p.name{ margin-bottom: 5px; font-weight: bold; font-size: 22px; color: #fff; border-bottom: 1px solid #fff;}
	section.car_list div.list div.txt_wrap ul li{ display: flex; justify-content: space-between;}
	section.car_list div.list div.txt_wrap ul li p{ color: #fff;}
	section.car_list div.list div.txt_wrap ul li.ft_bold p{ font-weight: bold; font-size: 19px;}
	section.car_list div.list p.pri_up{ padding: 11px 0 7px; font-weight: bold; font-size: 18px; color: #ffbc00; border-radius: 8px; text-align: center; background: #fff;}
	section.car_list button.slick-arrow{ z-index: 10; width: 50px; height: 50px; border-radius: 9999px; box-shadow: 2px 2px 7px rgba(0 , 0, 0, 0.4);}
	section.car_list button.slick-prev{ left: -30px; background: url("/img/prev_btn.jpg") no-repeat 50% 50%; background-size: cover;}
	section.car_list button.slick-next{ right: -30px; background: url("/img/next_btn.jpg") no-repeat 50% 50%; background-size: cover;}
	section.car_list button.slick-arrow::before{ display: none;}
	
	section.middle_ban{ padding: 90px 0;}
	section.middle_ban h2{ margin-bottom: 40px; font-weight: 900; font-size: 32px; text-align: center;}
	section.middle_ban h2 span{ color: #ffbc00;}
	section.middle_ban div.info_wrap{ position: relative;}
	section.middle_ban div.info_wrap div.img_wrap{ height: 420px; border-radius: 15px; background: url("/img/mid_banner.png") no-repeat 50% 50%; background-size: cover;}
	section.middle_ban div.info_wrap div.txt_wrap{ position: absolute; left: 50%; bottom: 37px; transform: translateX(-50%); width: 90%;}
	section.middle_ban div.info_wrap div.txt_wrap p{ font-weight: 500; font-size: 24px; color: #000; text-align: center;}
	
	section.review{ padding: 100px 0; background: #fafbe8;}
	section.review div.head_wrap{ margin-bottom: 40px;}
	section.review div.head_wrap h2{ font-weight: bold; font-size: 42px; text-align: center;}
	section.review div.head_wrap h2 span.col{ color: #ffbc00;}
	section.review div.head_wrap p.desc{ font-size: 20px; color: #3b3b3b; text-align: center;}
	section.review div.view_wrap{ direction: rtl; transform: scaleX(-1);}
	section.review div.slick-list{ margin: 0 -10px;}
	section.review div.slick-slide{ margin: 0 10px; transform: scaleX(-1);}
	section.review div.list{ overflow: hidden; padding: 10px; border-radius: 15px; border: 2px solid #ffbc00; background: #fff;}
	section.review div.list div.img_wrap{ overflow: hidden; position: relative; border-radius: 8px;} 
	section.review div.list div.img_wrap span.year{ position: absolute; left: 8px; top: 8px; display: inline-block; padding: 5px 12px 2px; font-weight: bold; font-size: 14px; color: #ffbc00;
	border-radius: 99px; background: #fff;}
	section.review div.list div.img_wrap img{ display: block; width: 100%; object-fit: cover; height: 300px;}
	section.review div.list div.txt_wrap{ padding: 15px 10px;}
	section.review div.list div.txt_wrap div.star_wrap{ display: flex; gap: 1px; margin-bottom: 5px; font-size: 18px; color: #ffbc00;}
	section.review div.list div.txt_wrap p.tit{ margin-bottom: 5px; font-size: 20px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;
	-webkit-box-orient: vertical;}
	section.review div.list div.txt_wrap p.desc{ height: 98px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
	section.review div.list p.pri_up{ padding: 7px 0; font-weight: bold; font-size: 30px; color: #fff; text-align: center; background: #ffbc00;}
	section.review button.slick-arrow{ z-index: 10; width: 60px; height: 60px; border-radius: 9999px; box-shadow: 2px 2px 7px rgba(0 , 0, 0, 0.4);}
	section.review button.slick-prev{ left: -30px; background: url("/img/prev_btn.jpg") no-repeat 50% 50%; background-size: cover;}
	section.review button.slick-next{ right: -30px; background: url("/img/next_btn.jpg") no-repeat 50% 50%; background-size: cover;}
	section.review button.slick-arrow::before{ display: none;}
	
	section.compa{ padding: 70px 0;}
	section.compa ul{ display: flex;}
	section.compa li{ position: relative; flex: 1; padding: 0 10px;}
	section.compa li h3{ position: relative; margin-bottom: 10px; font-size: 18px;}
	section.compa li h3:before{ content: ''; width: 40px; height: 40px; position: absolute; top: 0; left: 0;}
	section.compa li h3 span{ height: 18px; font-weight: bold;}
	section.compa li p{ color: #555; margin: 0;}
	section.compa li p.txt{ font-size: 16px; line-height: 22px; color: #888; margin-top: 25px; letter-spacing: -0.05em;}
	section.compa li p.tel{ font-size: 42px; line-height: 34px; font-weight:bold; color: #333;}
	section.compa li p.kakao{ font-size: 34px; line-height: 34px; font-weight:bold; color: #ffbc00;}
}

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

	header{ width: 100%; box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.5); background: #fff;}
	header div.inner_wrap{ display: flex; justify-content: space-between; align-items: center; height: 70px; padding: 0 10px;} 
	header div.inner_wrap h1{ width: 250px;}
	header div.inner_wrap h1 a{ display: block; width: 100%;}
	header div.inner_wrap h1 a img{ display: block; width: 100%;}
	header div.nav_btn{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 22px; height: 18px;}
    header div.nav_btn button{ position: relative; display: block; width: 100%; height: 100%;}
	header div.nav_btn button span{ position: absolute; display: block; width: 100%; height: 2px; background: #000;}
    header div.nav_btn button span:nth-child(1){ left: 0; top: 0; transform: rotate(0); transition: transform 0.2s, top 0.2s 0.2s;}
    header div.nav_btn button span:nth-child(2){ left: 0; top: 8px; transition: opacity 0.3s;}
    header div.nav_btn button span:nth-child(3){ left: 0; top: 16px; transform: rotate(0); transition: transform 0.2s, top 0.2s 0.2s;}
    header.on div.nav_btn button span:nth-child(1){ top: 8px; transform: rotate(-45deg); transition: top 0.2s, transform 0.2s 0.2s;}
    header.on div.nav_btn button span:nth-child(2){ opacity: 0;}
    header.on div.nav_btn button span:nth-child(3){ top: 8px; transform: rotate(45deg); transition: top 0.2s, transform 0.2s 0.2s;}

    header nav.nav_mo{ overflow: hidden; width: 100%; height: 0; padding: 0 10px; background: #fff; transition: all 0.4s;}
	header nav.nav_mo ul li{ border-top: 1px solid #ccc;}
    header nav.nav_mo ul li a{ display: block; padding: 15px 10px; color: #858585; font-size: 16px; font-weight: 500;}

	header nav.nav_pc{ display: none;}

    @keyframes nav_close_menu{
        0%{ opacity: 1;}
        100%{ transform: translateY(-100px); opacity: 0;}
    }
    @keyframes to-top{
        0%{ transform: translateY(100px); opacity: 0;}
        100%{ transform: translateY(0); opacity: 1;}
    }


	section.visual{ height: 280px;}
	section.visual div.banner_wrap{ width: 100%; height: 100%;}
	section.visual div.banner_wrap div.banner1{ width: 100%; height: 100%; background: url("/img/visual.jpg") no-repeat 7% 50%; background-size: cover;}
	section.visual div.banner_wrap div.list div.txt_wrap{ display: none; font-family: "Juache"; position: absolute; left: 20px; top: 30px; color: #fff; line-height: 1.2;}
	section.visual div.banner_wrap div.list div.txt_wrap p.tit{ margin-bottom: 10px; font-size: 28px;}
	section.visual div.banner_wrap div.list div.txt_wrap p.desc{ font-size: 18px;}
	section.visual div.banner_wrap div.list div.txt_wrap span{ color: #ffea4f;}
	section.visual div.form_wrap{ display: none;}
	
	
	section.mobile_index_db{ padding: 30px 10px 60px;}
	div.form_wrap{  display: block; width: 95%; max-width: 400px; padding: 30px 15px 20px; margin: 0 auto; border: 5px solid #ffbc00; border-radius: 20px; background: #fff;}
	section.mobile_index_db div.form_wrap h2 { margin-bottom: 10px; font-family: "Juache"; font-size: 28px; text-align: center;}
	section.mobile_index_db div.form_wrap h2 span{ color: #ffbc00;}
	section.mobile_index_db div.form_wrap p.desc{ margin-bottom: 20px; font-size: 18px; line-height: 1.2; text-align: center;}
	section.mobile_index_db div.form_wrap div.img_wrap{ position: relative; height: 200px; margin-bottom: 40px; border-radius: 7px; background: url("/img/db_bg.jpg") no-repeat 50% 80%; background-size: cover;}
	section.mobile_index_db div.form_wrap div.img_wrap h2{ position: absolute; left: 20px; top: 20px; color: #fff; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);}
	section.mobile_index_db div.form_wrap div.form_inner div.inp_wrap{ margin-bottom: 15px;}
	section.mobile_index_db div.form_wrap div.form_inner div.inp_wrap label{ display: block; font-weight: bold; font-size: 22px;}
	section.mobile_index_db div.form_wrap div.form_inner div.inp_wrap input{ width: 100%; height: 50px; padding: 7px; border-radius: 7px; border: 1px solid #ccc;}
	section.mobile_index_db div.form_wrap div.form_inner div.inp_wrap div.tel_wrap{ display: flex; align-items: center; gap: 5px;}
	section.mobile_index_db div.form_wrap div.form_inner div.inp_wrap div.tel_wrap select{ width: 100%; height: 50px; padding: 7px; border-radius: 7px; border: 1px solid #ccc; background: #fff;}
	section.mobile_index_db div.form_wrap div.form_inner div.agr_wrap{ margin-bottom: 20px;}
	section.mobile_index_db div.form_wrap div.form_inner div.send input{ width: 100%; height: 50px; font-size: 20px; color: #fff; border-radius: 7px; line-height: 52px; background: #ffbc00;}

	section.customer{ padding: 60px 10px 0;}
	section.customer .top_secs03{ max-width: 700px; margin: 0 auto;}

	section.customer .count_Box .main_title{ display:none;}
	section.customer .count_Box{ display: flex; flex-wrap: wrap; width:100%; margin:0px; padding: 10px 5px 0; border: 1px solid #ccc;}
	section.customer .count_Box .sec_title{ width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ccc; font-size: 18px; font-weight: bold; text-align: center;}
	section.customer .count_Box .sec_title span{ display: inline-block; margin-left: 10px;}
	section.customer .count_Box .sec_title i{ color: #1b76c6;}
	section.customer .count_Box .counter{ font-size:26px; font-weight:800; letter-spacing:-1px; color: #1b76c6;}
	section.customer .count_Box .counter_txt { font-size: 10px;}
	section.customer .count_Box .count01{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 50%; border-right: 1px solid #ccc;}
	section.customer .count_Box .count02{ display: flex; flex-direction: column; width: 50%;}
	section.customer .count_Box .count02 .count_wrap{ display: flex; justify-content: space-between; align-items: center; padding: 8px 5px;}
	section.customer .count_Box .count02 .count_wrap:first-child{ border-bottom: 1px solid #ccc;}
	section.customer .count_Box .count02 .count_wrap span.counter{ font-size: 16px;}
	
	section.user{ padding: 60px 10px; background: #fafbe8;}
	section.user div.graph_box{ z-index: 1; position: relative; padding: 40px; text-align: center; border-radius: 15px;}
	section.user div.graph_box::after{ z-index: -2; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 100%; height: 100%;
	border-radius: 25px; background: #f7f7f7;}
	section.user div.graph_box::before{ z-index: -2; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(1deg); display: block; width: 100%;
	height: 100%; border-radius: 25px; background: #333;}
	section.user div.graph_box div.tit{ display: inline-block; margin-bottom: 10px; padding: 5px 15px; font-size: 20px; color: #fff; border-radius: 999px; background: #ffbc00;}
	section.user div.graph_box p.up{ font-weight: 900; font-size: 32px; font-style: italic;}
	section.user div.graph_box p.up span{ z-index: 1; position: relative; font-weight: 900;}
	section.user div.graph_box p.up span::after{ z-index: -1; content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 15px; background: #ffcb96;}
	section.user div.graph_box p.desc{ margin-bottom: 20px; font-weight: 400;}
	section.user div.graph_box div.graph_wrap{ display: flex; justify-content: space-around; align-items: flex-end; height:230px; background-image: linear-gradient(to bottom, #e5e5e5 1px, transparent 1px); background-size: 1px 60px; background-position: center center;}
	section.user div.graph_box div.graph_wrap div.graph{ display: flex; flex-direction: column; align-items: center; width: 50%;}
	section.user div.graph_box div.graph_wrap div.graph1 div.hei{ width: 70px; height: 0; background: #999;}
	section.user div.graph_box div.graph_wrap div.graph1 div.hei.move{ height: 110px; border-radius: 15px 15px 0 0; transition: all 1s ease-in-out;}
	section.user div.graph_box div.graph_wrap div.graph2 div.hei{ width: 70px; height: 0; background: linear-gradient(0deg, #ff0000, #ffc907);}
	section.user div.graph_box div.graph_wrap div.graph2 div.hei.move{ height: 160px; border-radius: 15px 15px 0 0; transition: all 1s ease-in-out;}
	section.user div.graph_box div.graph_wrap div.graph2 p{ font-weight: 600; color: #ff2502;}
	section.user div.graph_box div.pri{ display: flex; width: 100%; padding-top: 10px; border-top: 1px solid #000;}
	section.user div.graph_box div.pri p{ width: 50%; font-weight: bold; font-size: 19px; text-align: center;}
	section.user div.graph_box div.pri p.graph2_pr{ color: #ff2502;}
	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-weight: bold; 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: 100px; 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: 22px;}
	section.user div.txt_wrap p.desc{ font-weight: 500; font-size: 16px;}

	section.car_list{ padding: 60px 10px 0;}
	section.car_list h2{ margin-bottom: 5px; font-weight: bold; font-size: 24px; text-align: center;}
	section.car_list h2 span{ color: #ffbc00;}
	section.car_list p.desc{ margin-bottom: 20px; font-size: 16px; text-align: center;}
	section.car_list div.slick-list{ margin: 0 -5px;}
	section.car_list div.slick-slide{ margin: 0 5px;}
	section.car_list div.list{ overflow: hidden; padding: 10px; border-radius: 15px; border: 1px solid #ccc; background: #ffbc00;}
	section.car_list div.list div.img_wrap{ overflow: hidden; position: relative; margin-bottom: 8px; border-radius: 8px;}
	section.car_list div.list div.img_wrap img{ display: block; width: 100%;}
	section.car_list div.list div.img_wrap span.year{ display: inline-block; position: absolute; left: 8px; top: 8px; padding: 5px 16px 2px; font-weight: bold; font-size: 14px; color: #ffbc00;
	border-radius: 99px; background: #fff;}
	section.car_list div.list div.txt_wrap{ padding: 0 3px; margin-bottom: 5px;}
	section.car_list div.list div.txt_wrap p.name{ margin-bottom: 5px; font-weight: bold; font-size: 18px; color: #fff; border-bottom: 1px solid #fff;}
	section.car_list div.list div.txt_wrap ul li{ display: flex; justify-content: space-between;}
	section.car_list div.list div.txt_wrap ul li p{ color: #fff; font-size: 14px;}
	section.car_list div.list div.txt_wrap ul li.ft_bold p{ font-weight: bold; font-size: 16px;}
	section.car_list div.list p.pri_up{ padding: 11px 0 7px; font-weight: bold; font-size: 18px; color: #ffbc00; border-radius: 8px; text-align: center; background: #fff;}
	section.car_list button.slick-arrow{ z-index: 10; width: 30px; height: 30px; border-radius: 9999px; box-shadow: 2px 2px 7px rgba(0 , 0, 0, 0.4);}
	section.car_list button.slick-prev{ left: -5px; background: url("/img/prev_btn.jpg") no-repeat 50% 50%; background-size: cover;}
	section.car_list button.slick-next{ right: -5px; background: url("/img/next_btn.jpg") no-repeat 50% 50%; background-size: cover;}
	section.car_list button.slick-arrow::before{ display: none;}
	
	section.middle_ban{ padding: 60px 10px;}
	section.middle_ban h2{ margin-bottom: 20px; font-weight: 900; font-size: 20px; text-align: center;}
	section.middle_ban h2 span{ color: #ffbc00;}
	section.middle_ban div.info_wrap{ position: relative;}
	section.middle_ban div.info_wrap div.img_wrap{ height: 205px; margin-bottom: 20px; border-radius: 15px; background: url("/img/mid_banner_m.png") no-repeat 50% 50%;
	background-size: cover;}
	section.middle_ban div.info_wrap div.txt_wrap p{ font-weight: 500; font-size: 17px; text-align: center;}
	
	section.review{ padding: 60px 10px; background: #fafbe8;}
	section.review div.head_wrap{ margin-bottom: 20px;}
	section.review div.head_wrap h2{ font-weight: bold; font-size: 24px; text-align: center;}
	section.review div.head_wrap h2 span.col{ color: #ffbc00;}
	section.review div.head_wrap p.desc{ text-align: center;}
	section.review div.view_wrap{ direction: rtl; transform: scaleX(-1);}
	section.review div.slick-list{ margin: 0 -5px;}
	section.review div.slick-slide{ margin: 0 5px; transform: scaleX(-1);}
	section.review div.list{ overflow: hidden; border-radius: 15px; border: 1px solid #ccc; background: #fff;}
	section.review div.list div.img_wrap{ position: relative;} 
	section.review div.list div.img_wrap span.year{ position: absolute; right: 8px; top: 8px; display: inline-block; padding: 2px 5px; margin-bottom: 7px; font-size: 12px; color: #fff;
	border-radius: 5px; background: #ffbc00;}
	section.review div.list div.img_wrap img{ display: block; width: 100%;object-fit: cover; height: 300px;}
	section.review div.list div.txt_wrap{ padding: 15px 10px;}
	section.review div.list div.txt_wrap div.star_wrap{ display: flex; gap: 1px; margin-bottom: 5px; font-size: 14px; color: #ffbc00;}
	section.review div.list div.txt_wrap p.tit{ margin-bottom: 5px; font-weight: bold; font-size: 18px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;
	-webkit-box-orient: vertical;}
	section.review div.list div.txt_wrap p.desc{ height: 67px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
	font-size: 14px; line-height: 1.2;}
	section.review div.list p.pri_up{ padding: 7px 0; font-weight: bold; font-size: 30px; color: #fff; text-align: center; background: #ffbc00;}
	section.review button.slick-arrow{ z-index: 10; width: 30px; height: 30px; border-radius: 9999px; box-shadow: 2px 2px 7px rgba(0 , 0, 0, 0.4);}
	section.review button.slick-prev{ left: -5px; background: url("/img/prev_btn.jpg") no-repeat 50% 50%; background-size: cover;}
	section.review button.slick-next{ right: -5px; background: url("/img/next_btn.jpg") no-repeat 50% 50%; background-size: cover;}
	section.review button.slick-arrow::before{ display: none;}
	
	section.compa{ padding: 60px 10px;}
	section.compa li{ position: relative; flex: 1; padding: 20px 0;}
	section.compa li + li{ border-top: 1px solid #ccc;}
	section.compa li h3{ position: relative; margin-bottom: 10px; font-size: 18px;}
	section.compa li h3:before{ content: ''; width: 40px; height: 40px; position: absolute; top: 0; left: 0;}
	section.compa li h3 span{ height: 18px; font-weight: bold;}
	section.compa li p{ color: #555; margin: 0;}
	section.compa li p.txt{ font-size: 16px; line-height: 22px; color: #888; margin-top: 25px; letter-spacing: -0.05em;}
	section.compa li p.tel{ font-size: 42px; line-height: 34px; font-weight:bold; color: #333;}
	section.compa li p.kakao{ font-size: 34px; line-height: 34px; font-weight:bold; color: #ffbc00;}

	
	.m_req_gr{animation: move2 1s alternate infinite;}
	@keyframes move2{
		0% {
			box-shadow: 0px 0px 3px 10px #ffbc00;
		}
		100% {
			box-shadow: 0px 0px 00px #ffbc00;
		}
	}
	
	
}