/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

@media(min-width: 992px){
	section.visual{ width: 100%; height: calc(100vh - 90px);}
	section.visual div.view_wrap{ height: 100%;}
	section.visual img{ display: block; width: 100%; height: 100%; object-fit: cover;}

	section.search{ padding-top: 50px;}
	section.search div.search_box{ padding: 30px 20px; border: 1px solid #e0e0e0; border-radius: 15px;}
    section.search div.search_box h2{ margin-bottom: 20px; font-size: 30px; font-weight: bold; color: #009543;}
    section.search div.search_box div.subsearch_wrap{ display: flex; gap: 10px;}
    section.search div.search_box div.subsearch_wrap div.subsearch{ width: calc((100% - 150px) / 5); }
    section.search div.search_box div.subsearch_wrap div.btn_wrap{ width: 100px; height: 50px; border-color: #009543; border-radius: 8px; background: #009543;}
    section.search div.search_box div.subsearch_wrap div.btn_wrap input{ display: block; width: 100%; height: 100%; font-size: 20px; font-weight: 500; color: #fff;}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl{ position: relative;}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl dt{ position: relative; padding: 16px 10px; font-size: 16px; font-weight: 500; border: 1px solid #d1d1d1; border-radius: 8px;
    cursor: pointer;}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl dt::after{ content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: block;
    width: 14px; height: 14px; background: url("/img/sel_arr.png") no-repeat 50% 50%; background-size: cover; transition: all 0.3s;}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl dt.active::after{ transform: translateY(-50%) rotate(180deg);}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl dd{ z-index: 10; overflow-y: auto; position: absolute; left: 0; top: 50px; display: none; width: 100%;
    max-height: 460px; border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl dd.active{ display: block;}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl dd div div{ padding: 15px 10px; font-size: 15px; cursor: pointer;}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl dd div div:hover{ background: #f7f7f7;}
    section.search div.chart-wrapper{ padding-top: 50px;}
    section.search div.chart-wrapper p.car_name{ font-weight: bold; font-size: 26px; text-align: center;}
    section.search div.chart-wrapper p.car_name span.search-average-price-desc{ display: block; margin: 10px 0 20px; font-weight: 400; font-size: 16px; color: #ff0000;}
    

	section.car_list{ padding-top: 90px;}
	section.car_list h2{ margin-bottom: 60px; font-size: 35px; text-align: center;}
	section.car_list h2 span.col{ color: #009543;}
	section.car_list h2 span.desc{ display: block; margin-top: 10px; font-size: 16px; font-weight: 500;}
	section.car_list div.more{ text-align: center;}
	section.car_list div.more a{ display: inline-block; padding: 16px 36px; font-size: 18px; color: #fff; border-radius: 10px; background: #009543;}
	section.car_list div.more a:hover{ background: #000; transition: all 0.3s;}

	section.banner{ padding-top: 90px;}
	section.banner div.txt_line{ overflow: hidden; position: absolute; top: 15px; display: flex; align-items: center; justify-content: center; width: 100%;}
	section.banner div.txt_line p{ font-size: 260px; font-weight: bold; letter-spacing: 0; color: #fff; white-space: nowrap; width: max-content; padding-right: 3rem;
	animation: marquee 20s linear infinite; line-height: 1; text-transform: uppercase; text-shadow: -1px -1px 0 #b8b8b8, 1px -1px 0 #b8b8b8, -1px 1px 0 #b8b8b8, 1px 1px 0 #b8b8b8;}
	section.banner h2{ margin-bottom: 60px; font-size: 35px; text-align: center;}
	section.banner h2 span.col{ color: #009543;}
	section.banner h2 span.desc{ display: block; margin-top: 8px; font-size: 16px;}
	section.banner div.info_wrap1{ margin-bottom: 10px;}
	section.banner div.info_wrap ul{ overflow: hidden; display: flex; gap: 10px;}
	section.banner div.info_wrap ul li{ width: 232px;}
	section.banner div.info_wrap ul li img{ display: block; width: 100%;}
	section.banner div.info_wrap div.js-marquee-wrapper{ display: flex;}
	section.banner div.info_wrap div.js-marquee{ display: flex; gap: 10px;}
	@keyframes marquee{
		0%{ visibility: visible; transform: translateZ(0);}
		100%{ transform: translate(-100%);}
	}


	section.board{ padding: 90px 0;}
	section.board div.inner_wrap{ display: flex; gap: 30px; padding: 0 40px;}
	section.board div.inner_wrap > div{ overflow: hidden; position: relative; width: calc((100% - 60px) / 3); padding: 40px 15px; border-radius: 10px; border: 2px solid #094b9d;}
	section.board div.inner_wrap > div span.tit{ position: absolute; right: 0; top: 0; display: block; padding: 6px 10px 10px; font-weight: bold; font-size: 18px; color: #fff;
	border-radius: 0 0 0 8px; background: #094b9d;}
	section.board div.inner_wrap > div > ul li{ padding: 5px;}
	section.board div.inner_wrap > div > ul li:nth-child(1){ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #000;}
	section.board div.inner_wrap > div > ul li:nth-child(1) a p{ margin-bottom: 10px;}
	section.board div.inner_wrap > div > ul li a{ font-size: 18px;}
	section.board div.inner_wrap > div > ul li a:hover{ text-decoration: underline;}
	section.board div.inner_wrap > div > ul li:nth-child(n+2) a{ display: flex; justify-content: space-between; font-size: 15px;}
	section.board div.inner_wrap > div > ul li a span{ font-size: 14px; color: #333;}
	section.board div.inner_wrap > div.order{ background: url("/img/card_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.board div.inner_wrap > div.order p{ position: absolute; left: 0; bottom: 30px; width: 100%; padding: 18px 10px; background: rgba(255, 255, 255, 0.8);}


	section.counsel_box{ background: url("/img/write_box_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.counsel_box div.flex_wrap{ display: flex; align-items: center;}
	section.counsel_box div.call_box{ width: 500px; height: 100%; padding: 130px 70px; color: #fff; text-align: right; background: #094b9d;}
	section.counsel_box div.call_box div.tit{ margin-bottom: 20px;}
	section.counsel_box div.call_box div.tit span{ position: relative; font-size: 32px; font-weight: 500;}
	section.counsel_box div.call_box div.tit span::after{ content: ""; position: absolute; right: calc(100% + 5px); top: 50%; transform: translateY(-50%); display: block; width: 32px; height: 31px;
	background: url("/img/call_ico.png") no-repeat 50% 50%; background-size: cover;}
	section.counsel_box div.call_box div.tel{ margin-bottom: 40px; font-size: 32px;}
	section.counsel_box div.call_box div.info_wrap dl{ margin-bottom: 20px; font-size: 18px;}
	section.counsel_box div.call_box div.info_wrap dl dt{ margin-bottom: 5px;}
	section.counsel_box div.call_box div.info_wrap dl dd{ line-height: 1.2;}
	section.counsel_box div.write_box{ width: 920px; padding: 0 100px;}
	section.counsel_box div.write_box h2{ margin-bottom: 20px; font-size: 32px; color: #fff; text-align: center;}
	section.counsel_box div.write_box h2 span{ display: block; font-size: 18px; font-weight: 500; line-height: 2;}
	section.counsel_box div.write_box div.input_wrap ul{ display: flex; flex-wrap: wrap; gap: 20px;}
	section.counsel_box div.write_box div.input_wrap ul li{ width: calc((100% - 20px) / 2); height: 60px;}
	section.counsel_box div.write_box div.input_wrap ul li:last-child{ width: 100%; height: 150px;}
	section.counsel_box div.write_box div.input_wrap ul li input{ width: 100%; height: 100%; padding: 10px; color: #333; font-weight: 500; border-radius: 10px;}
	section.counsel_box div.write_box div.input_wrap ul li input::placeholder{ color: #333;}
	section.counsel_box div.write_box div.input_wrap ul li textarea{ width: 100%; height: 100%; padding: 10px; border-radius: 10px; resize: none;}
	section.counsel_box div.write_box div.send{ margin-top: 20px; text-align: center;}
	section.counsel_box div.write_box div.send input{ padding: 20px 100px; color: #fff; font-size: 20px; border: 1px solid #fff; border-radius: 10px;}
	section.counsel_box div.write_box div.send input:hover{ background: #fff; transition: all 0.6s; color: #000;}

	section.device{ padding: 90px 0;}
	section.device h2{ margin-bottom: 60px; font-size: 35px; text-align: center;}
	section.device h2 span.col{ color: #009543;}
	section.device h2 span.desc{ display: block; margin-top: 10px; font-size: 16px; font-weight: 500;}
	section.device div.view_mask div.list{ overflow: hidden; margin-right: 20px; border: 1px solid #ccc; border-radius: 10px;}
	section.device div.view_mask div.list a{ position: relative;}
	section.device div.view_mask div.list.sold_out a{ pointer-events: none;}
	section.device div.view_mask div.list.sold_out a::before{ z-index: 1; content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.5);} 
	section.device div.view_mask div.list.sold_out a::after{ z-index: 2; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 130px;
	height: 60px; background: url("/img/soldout.png") no-repeat 50% 50%; background-size: cover;}
	section.device div.view_mask div.list div.img_wrap img{ display: block; width: 100%;}
	section.device div.view_mask div.list div.txt_wrap{ padding: 10px;}
	section.device div.view_mask div.list div.txt_wrap p.name{ margin-bottom: 5px; font-weight: bold; font-size: 17px;}
	section.device div.view_mask div.list div.txt_wrap div.head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
	section.device div.view_mask div.list div.txt_wrap div.head p.price{ font-weight: bold; font-size: 17px; color: #d21033;}
	section.device div.view_mask div.list div.txt_wrap p.desc{ line-height: 1.3;}
	section.device div.view_mask button{ z-index: 10; position: absolute; top: 50%; transform: translateY(-50%);}
	section.device div.view_mask button.slick-prev{ right: calc(100% + 10px);}
	section.device div.view_mask button.slick-next{ left: calc(100% + 10px);}

	section.process{ padding: 70px 0; background: url("/img/process_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.process h2{ margin-bottom: 40px; color: #fff; text-align: center;}
	section.process ul{ display: flex;}
	section.process ul li{ flex: 1; display: flex; flex-direction: column; align-items: center; gap: 15px;}
	section.process ul li div.img_wrap{ overflow: hidden; border-radius: 999px;}
	section.process ul li div.img_wrap img{ display: block; width: 100%;}
	section.process ul li p{ font-weight: 500; font-size: 16px; color: #fff;}
	
	section.customer{ padding: 90px 0; background: #f7f7f7;}
	section.customer div.inner_wrap{ display: flex; gap: 30px;}
	section.customer div.inner_wrap > div{ flex: 1;}
	section.customer div.inner_wrap > div p.tit{ display: flex; align-items: center; gap: 10px; margin-bottom: 20px; font-weight: bold; font-size: 24px; color: #333;}
	section.customer div.inner_wrap > div p.num{ margin-bottom: 10px; font-weight: bold; font-size: 36px; color: #333;}
	section.customer div.inner_wrap > div p.name{ display: flex; margin-bottom: 10px; font-weight: bold; font-size: 36px; color: #019444;}
	section.customer div.inner_wrap > div p.tit img{ display: block; width: 10px;}
	section.customer div.inner_wrap > div p.name span{ color: #d21033;}
	section.customer div.inner_wrap > div p.desc{ color: #333; line-height: 1.3;}
	section.customer div.inner_wrap > div ul{ padding-left: 20px;}
	section.customer div.inner_wrap > div ul li{ list-style: disc;}
	section.customer div.inner_wrap > div ul li + li{ margin-top: 10px;}
	section.customer div.inner_wrap > div ul li a{ overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #555;}
}

@media(max-width: 991px){
	section.visual{ width: 100%; height: calc(100vh - 90px);}
	section.visual div.view_wrap{ height: 100%;}
	section.visual img{ display: block; width: 100%; height: 100%; object-fit: cover;}

	section.search{ padding: 20px 10px 0;}
	section.search div.search_box{ padding: 15px; border: 1px solid #e0e0e0; border-radius: 15px;}
    section.search div.search_box h2{ margin-bottom: 20px; font-size: 20px; font-weight: bold; color: #009543;}
    section.search div.search_box div.subsearch_wrap{ display: flex; flex-wrap: wrap; gap: 10px;}
    section.search div.search_box div.subsearch_wrap div.subsearch{ width: calc((100% - 20px) / 3); }
    section.search div.search_box div.subsearch_wrap div.btn_wrap{ width: calc((100% - 20px) / 3); height: 39px; border-color: #009543; border-radius: 8px; background: #009543;}
    section.search div.search_box div.subsearch_wrap div.btn_wrap input{ display: block; width: 100%; height: 100%; font-size: 17px; font-weight: 500; color: #fff;}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl{ position: relative;}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl dt{ position: relative; padding: 11px 10px; font-size: 15px; border: 1px solid #d1d1d1; border-radius: 8px;
    cursor: pointer;}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl dt::after{ content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: block;
    width: 14px; height: 14px; background: url("/img/sel_arr.png") no-repeat 50% 50%; background-size: cover; transition: all 0.3s;}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl dt.active::after{ transform: translateY(-50%) rotate(180deg);}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl dd{ z-index: 10; overflow-y: auto; position: absolute; left: 0; top: 39px; display: none; width: 100%; max-height: 50vh; border: 1px solid #e5e5e5;
    border-radius: 8px; background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl dd.active{ display: block;}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl dd div div{ padding: 15px 10px; font-size: 14px; cursor: pointer;}
    section.search div.search_box div.subsearch_wrap div.subsearch:not(.btn_wrap) dl dd div div:hover{ background: #f7f7f7;}
    section.search div.chart-wrapper{ padding-top: 50px;}
    section.search div.chart-wrapper p.car_name{ font-weight: bold; font-size: 18px; text-align: center;}
    section.search div.chart-wrapper p.car_name span.search-average-price-desc{display: block; margin: 10px 0 20px; font-weight: 400; font-size: 14px; color: #ff0000;}
    
	
	section.car_list{ padding: 60px 10px 0;}
	section.car_list h2{ margin-bottom: 40px; font-size: 24px; text-align: center;}
	section.car_list h2 span.col{ color: #009543;}
	section.car_list h2 span.desc{ display: block; font-size: 14px; font-weight: 500;}

	section.car_list ul{ display: flex; flex-wrap: wrap; gap: 10px;}
	section.car_list ul li{ overflow: hidden; width: calc((100% - 10px) / 2); border: 1px solid #ddd; border-radius: 15px;}
	section.car_list ul li div.img_wrap a{ display: block; width: 100%;}
	section.car_list ul li div.img_wrap a img{ display: block; width: 100%;}
	section.car_list ul li div.txt_wrap{ padding: 15px 10px;}
	section.car_list ul li div.txt_wrap p.car_name{ overflow:hidden; text-overflow: ellipsis; display: -webkit-box; margin-bottom: 10px; font-size: 17px; -webkit-line-clamp: 1;
	-webkit-box-orient: vertical;}
	section.car_list ul li div.txt_wrap p.car_name span{ font-weight: bold;}
	section.car_list ul li div.txt_wrap dl{ display: flex; justify-content: space-between; padding: 2px 0; font-size: 15px;}
	section.car_list ul li div.txt_wrap dl dt{ font-weight: 400;}
	section.car_list ul li div.txt_wrap dl dd.font_b{ font-weight: bold; color: #009543;}
	section.car_list div.more{ text-align: center;}
	section.car_list div.more a{ display: inline-block; padding: 18px 50px; font-size: 18px; color: #fff; border-radius: 10px; background: #009543;}
	section.car_list div.more a:hover{ background: #000; transition: all 0.3s;}


	section.banner{ padding-top: 60px;}
	section.banner div.txt_line{ overflow: hidden; position: absolute; top: 15px; display: flex; align-items: center; justify-content: center; width: 100%;}
	section.banner div.txt_line p{ font-size: 260px; font-weight: bold; letter-spacing: 0; color: #fff; white-space: nowrap; width: max-content; padding-right: 3rem;
	animation: marquee 20s linear infinite; line-height: 1; text-transform: uppercase; text-shadow: -1px -1px 0 #b8b8b8, 1px -1px 0 #b8b8b8, -1px 1px 0 #b8b8b8, 1px 1px 0 #b8b8b8;}
	section.banner h2{ margin-bottom: 40px; font-size: 24px; text-align: center;}
	section.banner h2 span.col{ color: #009543;}
	section.banner h2 span.desc{ display: block; margin-top: 8px; font-size: 14px;}
	section.banner div.info_wrap2{ overflow: hidden;}
	section.banner div.info_wrap1{ overflow: hidden; margin-bottom: 10px;}
	section.banner div.info_wrap ul{ display: flex; gap: 10px;}
	section.banner div.info_wrap ul li{ width: 170px;}
	section.banner div.info_wrap ul li img{ display: block; width: 100%;}
	section.banner div.info_wrap div.js-marquee-wrapper{ display: flex;}
	section.banner div.info_wrap div.js-marquee{ display: flex; gap: 10px;}
	@keyframes marquee{
		0%{ visibility: visible; transform: translateZ(0);}
		100%{ transform: translate(-100%);}
	}


	section.board{ padding: 60px 10px;}
	section.board div.inner_wrap{ display: flex; flex-wrap: wrap; gap: 30px;}
	section.board div.inner_wrap > div{ overflow: hidden; position: relative; width: 100%; padding: 40px 15px; border-radius: 10px; border: 2px solid #094b9d;}
	section.board div.inner_wrap > div:first-child{ height: 206px;}
	section.board div.inner_wrap > div span.tit{ position: absolute; right: 0; top: 0; display: block; padding: 6px 10px 10px; font-weight: bold; font-size: 18px; color: #fff;
	border-radius: 0 0 0 8px; background: #094b9d;}
	section.board div.inner_wrap > div > ul li{ padding: 5px;}
	section.board div.inner_wrap > div > ul li:nth-child(1){ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #000;}
	section.board div.inner_wrap > div > ul li:nth-child(1) a p{ margin-bottom: 10px;}
	section.board div.inner_wrap > div > ul li a{ font-size: 18px;}
	section.board div.inner_wrap > div > ul li a:hover{ text-decoration: underline;}
	section.board div.inner_wrap > div > ul li:nth-child(n+2) a{ display: flex; justify-content: space-between; font-size: 15px;}
	section.board div.inner_wrap > div > ul li a span{ font-size: 14px; color: #333;}
	section.board div.inner_wrap > div.order{ background: url("/img/card_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.board div.inner_wrap > div.order p{ position: absolute; left: 0; bottom: 30px; width: 100%; padding: 18px 10px; background: rgba(255, 255, 255, 0.8);}


	section.counsel_box{ padding: 60px 10px; background: url("/img/write_box_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.counsel_box div.call_box{ display: none;}
	section.counsel_box div.write_box h2{ margin-bottom: 20px; font-size: 24px; color: #fff; text-align: center;}
	section.counsel_box div.write_box h2 span{ display: block; font-size: 14px; font-weight: 500; line-height: 2;}
	section.counsel_box div.write_box div.input_wrap ul{ display: flex; flex-wrap: wrap; gap: 10px;}
	section.counsel_box div.write_box div.input_wrap ul li{ width: calc((100% - 10px) / 2); height: 45px;}
	section.counsel_box div.write_box div.input_wrap ul li:last-child{ width: 100%; height: 150px;}
	section.counsel_box div.write_box div.input_wrap ul li input{ width: 100%; height: 100%; padding: 10px; color: #333; font-weight: 500; border-radius: 10px;}
	section.counsel_box div.write_box div.input_wrap ul li input::placeholder{ color: #333;}
	section.counsel_box div.write_box div.input_wrap ul li textarea{ width: 100%; height: 100%; padding: 10px; border-radius: 10px; resize: none;}
	section.counsel_box div.write_box div.send{ margin-top: 20px; text-align: center;}
	section.counsel_box div.write_box div.send input{ padding: 20px 100px; color: #fff; font-size: 20px; border: 1px solid #fff; border-radius: 10px;}
	section.counsel_box div.write_box div.send input:hover{ background: #fff; transition: all 0.6s; color: #000;}

	section.device{ padding: 60px 10px 0 20px;}
	section.device h2{ margin-bottom: 40px; font-size: 24px; text-align: center;}
	section.device h2 span.col{ color: #009543;}
	section.device h2 span.desc{ display: block; font-size: 16px; font-weight: 500;}
	section.device div.view_mask div.list{ overflow: hidden; margin-right: 10px; border: 1px solid #ccc; border-radius: 10px;}
	section.device div.view_mask div.list a{ position: relative;}
	section.device div.view_mask div.list.sold_out a::before{ z-index: 1; content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.5);} 
	section.device div.view_mask div.list.sold_out a::after{ z-index: 2; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 100px;
	height: 46px; background: url("/img/soldout.png") no-repeat 50% 50%; background-size: cover;}
	section.device div.view_mask div.list div.img_wrap img{ display: block; width: 100%;}
	section.device div.view_mask div.list div.txt_wrap{ padding: 10px;}
	section.device div.view_mask div.list div.txt_wrap p.name{ margin-bottom: 5px; font-weight: bold; font-size: 14px;}
	section.device div.view_mask div.list div.txt_wrap div.head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px;}
	section.device div.view_mask div.list div.txt_wrap div.head p.tit{ font-size: 13px;}
	section.device div.view_mask div.list div.txt_wrap div.head p.price{ font-weight: bold; font-size: 15px; color: #d21033;}
	section.device div.view_mask div.list div.txt_wrap p.desc{ font-size: 14px; line-height: 1.3;}
	section.device div.view_mask button{ z-index: 10; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 99px; background: #fff;}
	section.device div.view_mask button.slick-prev{ left: -10px;}
	section.device div.view_mask button.slick-next{ right: 0px;}

	section.process{ padding: 70px 10px; background: url("/img/process_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.process h2{ margin-bottom: 40px; color: #fff; text-align: center;}
	section.process ul{ display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
	section.process ul li{ display: flex; flex-direction: column; align-items: center; gap: 15px; width: calc((100% - 40px) / 3);}
	section.process ul li div.img_wrap{ overflow: hidden; border-radius: 999px;}
	section.process ul li div.img_wrap img{ display: block; width: 100%;}
	section.process ul li p{ font-weight: 500; font-size: 16px; color: #fff;}
	
	
	
	section.help{ padding: 60px 10px 0;}
	section.help img{ display: block; width: 100%; border-radius: 10px;}
	
	section.customer{ padding: 60px 20px; background: #f7f7f7;}
	section.customer div.inner_wrap > div{ padding: 30px 10px;}
	section.customer div.inner_wrap > div + div{ border-top: 1px solid #ccc;}
	section.customer div.inner_wrap > div p.tit{ display: flex; align-items: center; gap: 7px; margin-bottom: 20px; font-weight: bold; font-size: 24px; color: #333;}
	section.customer div.inner_wrap > div p.tit img{ display: block; width: 10px;}
	section.customer div.inner_wrap > div p.num{ margin-bottom: 10px; font-weight: bold; font-size: 36px; color: #333;}
	section.customer div.inner_wrap > div p.name{ display: flex; margin-bottom: 10px; font-weight: bold; font-size: 32px; color: #019444;}
	section.customer div.inner_wrap > div p.name span{ color: #d21033;}
	section.customer div.inner_wrap > div p.desc{ color: #333; line-height: 1.3;}
	section.customer div.inner_wrap > div ul{ padding-left: 20px;}
	section.customer div.inner_wrap > div ul li{ list-style: disc;}
	section.customer div.inner_wrap > div ul li + li{ margin-top: 10px;}
	section.customer div.inner_wrap > div ul li a{ overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #555;}
}