@charset "utf-8"; .index_wrap { line-height: 1; overflow: hidden; } 
.index_wrap .section.section1 { padding-top: 0; padding-bottom: 0; } 
.index_wrap .section { position: relative; overflow: hidden; padding-bottom: 18rem; padding-top: 18rem; } 
.index_wrap .section_wrap { width: 90%; margin: 0 auto; } 
/* section1 */
.section1 .mySwiper .swiper-slide .slide_bg { height: 100vh; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: relative; } 
.section1 .mySwiper .swiper-slide .visual_wrap { position: absolute; width: fit-content; bottom: 16%; left: 50%; width: 90%; max-width: 1580px; transform: translateX(-50%); } 
.section1 .mySwiper .swiper-slide .visual_wrap .box2 { padding-bottom: 12rem; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box.box2 .visu_tit { font-size: 5.8rem; padding-bottom: 1rem; font-weight: 600; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box.box3 { position: relative; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box.box3::before { content:''; display:block; width: 100%; background: #fff; height: 1px; margin-bottom: 3rem; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box.box3 .visu_tit { font-weight: 300; font-size: 3.8rem; line-height: 1.3; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box { color: #fff; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .txt_up1 { font-weight: 300; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .txt_up2 { font-weight: 700; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .txt_up3 { max-width: 700px; font-weight: 300; color: #fff; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 { font-size: 5.2rem; padding-bottom: 2rem; font-family: var(--font-fam); font-weight: 500; } 

/* main_btn */
.main_btn { background: var(--sub-color); width: 240px; margin-top: 80px; transition: all .3s; } 
.main_btn:hover { box-shadow: 1px 0px 7px 1px #d3d3d3; } 
.main_btn a { padding: 22px 0px; font-size: 1.6rem; color: #fff; text-align: center; } 
.main_btn a b { font-weight: 400; } 
.main_btn a i { font-size: 25px; } 

.index_wrap .slider_1 { background-image: url(../../img/main_visual_1.jpg); } 
.index_wrap .slider_2 { background-image: url(../../img/main_visual_2.jpg); } 
.index_wrap .slider_3 { background-image: url(../../img/main_visual_3.jpg); } 
.index_wrap .slider_4 { background-image: url(../../img/main_visual_4.jpg); } 

@keyframes zoom_in { 
 0% { transform: scale(1.2); /* background-size: 100% 100%; */ } 

 100% { transform: scale(1) rotate(0.003deg); } 
 }

.index_wrap .mySwiper .swiper-slide.swiper-slide-active .slide_bg { animation: zoom_in 5000ms; transition: transform 5000ms ease-in-out, opacity 1000ms ease 0s; } 
.index_wrap .mySwiper .swiper-slide.swiper-slide-active .title_box, .index_wrap .mySwiper .swiper-slide.swiper-slide-active .visual_info { overflow: hidden; } 
.index_wrap .mySwiper .swiper-slide.swiper-slide-active .title_box .txt_up1 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.3s; } 
.index_wrap .mySwiper .swiper-slide.swiper-slide-active .title_box .txt_up2 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.4s; margin-right: 4px; } 
.index_wrap .mySwiper .swiper-slide.swiper-slide-active .title_box .txt_up3 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.5s; margin-right: 4px; } 
.slider_bottom { position: absolute; max-width: 1580px; /* width: 100%; */width: 90%; bottom: 15%; right: 0; color: #ffffff94; left: 50%; transform: translateX(-50%); z-index: 1; } 
.slider_bottom .top_wrap { display: flex; color: #fff; align-items: center; margin-bottom: 3rem; justify-content: flex-end; } 
.slider_bottom .top_wrap .sw_arrow { position: relative; top: unset; transform: unset; font-size: 2.4rem; color: #fff; } 
.slider_bottom .top_wrap .sw-num { padding: 0 1.5rem; } 
.slider_bottom .bottom_wrap { width: 100%; } 
.slider_bottom .sw-pagination { position: relative; bottom: 0; } 
.slider_bottom .sw-pagination .swiper-pagination-bullet { width: 100%; border-radius: 0; height: 2px; position: absolute; background: #b6b5b538; opacity: 1; } 
.slider_bottom .sw-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { animation:LoadingBar 4s both; animation-delay:0.2s; background: #ffffff; opacity: 1; z-index: 1; } 
@keyframes text-up { 
 from { transform: translate3d(0, 150%, 0); } 

 to { transform: translate3d(0, 0, 0); } 
 }

@-webkit-keyframes LoadingBar { 
 from { width:0px; } 
 to { width:100%; } 
 }
@keyframes LoadingBar { 
 from { width:0px; } 
 to { width:100%; } 
 }

/* mouse wheel */
.mouse_wrap { position: absolute; bottom: 0; z-index: 99; opacity: 1; right: 18rem; } 
.mouse_wrap span { display: block; color: #f9f9f9; z-index: 999; font-weight: 400; font-size: 1.6rem; transform: rotate(270deg); position: relative; bottom: 3.6rem; } 
.mouse_wheel { display: block; color: #fff; width: 2px; height: 13rem; background: #ffffff6b; position: relative; left: 50%; } 
.mouse_wheel .moving_bar { animation: scrollDown 2s linear infinite; position: absolute; background: #fff; width: 2px; height: 4.2rem; } 
@keyframes scrollDown { 0%,100% { top: 0; } 
 50% { top: 9rem; } 
 }
.main_title { font-weight: 500; letter-spacing: 0px; margin-bottom: 6rem; font-family: var(--font-eng); } 
.main_arrow img { width: 3rem; height: 0.9rem; } 
.esg_btn span { transition: all .3s; position: relative; left: 0; } 
.esg_btn .img_box img { margin-left: 2rem; } 
.esg_btn a { display: flex; align-items: center; } 
.esg_btn a b { font-weight: 400; } 

.section .index_tit_wrap h3 { font-weight: 600; text-transform: uppercase; } 
.section .index_tit_wrap p { color: #333; } 
/* SECTION2 */
.index_wrap .section2 { overflow: hidden; height: 100vh; margin-bottom: 7rem; background: url(../../img/main_sec2_bg.png) no-repeat center center / contain; width: 100%; } 
.section2 .info_box { width: 67%; margin-right: 4%; } 
.section2 .info_box h3 { margin-bottom: 4rem; } 
.section2 .con_box { flex: 1; position: absolute; right: 0; width: 65%; top: 0; } 
.section2 .con_box ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin: -5rem; } 
.section2 .con_box ul li { flex: 1 1 26%; margin: 2.5rem; box-shadow: 1px 1px 12px 1px #d3d3d3; background: #fff; border-radius: 10px; position: relative; transition: all .3s; border: 2px solid #fff; } 
.section2 .con_box ul li a { position: absolute; padding: 4rem; top: 0; } 
.section2 .con_box ul li a h3 { font-weight: 500; position: relative; display: flex; align-items: center; justify-content: space-between; } 
.section2 .con_box ul li a h3 i { background: url(../../img/company_arrow.png) no-repeat center center / contain; width: 6rem; height: 6rem; display: block; } 
.section2 .con_box ul li::before { content:''; display:block; padding-bottom:100%; } 
.section2 .con_box ul li.empty_box { opacity: 0; } 
.section2 .con_box ul li span { width: 10rem; height: 10rem; display:block; background-repeat: no-repeat; background-size: contain; position: absolute; bottom: 4rem; left: 4rem; } 
.section2 .con_box ul li span.icon1 { background-image:url(../../img/main_icon1.png) } 
.section2 .con_box ul li span.icon2 { background-image:url(../../img/main_icon2.png) } 
.section2 .con_box ul li span.icon3 { background-image:url(../../img/main_icon3.png) } 
.section2 .con_box ul li span.icon4 { background-image:url(../../img/main_icon4.png) } 
.section2 .con_box ul li:hover { border: 2px solid var(--main-color); } 

/* SECTION3 */
.index_wrap .section3 { padding-top: 8rem; padding-bottom: 0; overflow: inherit; } 
.index_wrap .section3 .index_tit_wrap { text-align: center; } 
.index_wrap .section3 .section3_2 .index_tit_wrap { color: #fff; position: relative; } 
.index_wrap .section3 .section3_2 .index_tit_wrap p { color: #fff; } 
.index_wrap .section3 .index_tit_wrap h3 { margin-bottom: 2rem; } 
.index_wrap .section3 .section3_1 { padding-bottom: 26rem; position: relative; } 
.index_wrap .section3 .section3_1::after { content:'PRODUCT'; font-size: 20rem; font-weight: 700; position: absolute; color: #dcdcdc4d; left: 50%; bottom: 14rem; z-index: -1; transform: translateX(-50%); } 
.index_wrap .section3 .section3_1 .data_flex { margin-top: 7rem; margin-left: -1.5rem; margin-right: -1.5rem; } 
.index_wrap .section3 .section3_1 .data_flex li { flex: 1 0 20%; margin: 0 1.5rem; border-radius: 10px; box-shadow: 1px 1px 6px 2px #dcdcdc; padding: 5rem 4rem; height: 48rem; background: #fff; /* transition: all .2s; */ } 
.index_wrap .section3 .section3_1 .data_flex li a { display: flex; flex-direction: column; justify-content: space-between; } 
.index_wrap .section3 .section3_1 .data_flex li a .txt_box h4 { margin-bottom: 1rem; display: flex; align-items: center; } 
.index_wrap .section3 .section3_1 .data_flex li a .txt_box h4 .p_arrow { background: url(../../img/pro_arrow_on.png) center center/contain no-repeat; width: 2rem; height: 2rem; display: block; margin-left: 2rem; } 
.index_wrap .section3 .section3_1 .data_flex li a .txt_box p { color: #8b8b8b; } 
.index_wrap .section3 .section3_1 .data_flex li:hover { background: #2d8039; } 
.index_wrap .section3 .section3_1 .data_flex li:hover h4 { color: #fff; } 
.index_wrap .section3 .section3_1 .data_flex li:hover a .txt_box p { color:#fff; } 

.index_wrap .section3 .section3_2 { padding-top: 10rem; position: relative; } 
.index_wrap .section3 .section3_2::before { content:''; display:block; position:absolute; left:0; top: 0; width: 100%; height: 50rem; background: #1b7028; } 
.index_wrap .section3 .section3_2 .tech_flex { display: flex; justify-content: space-between; margin-top: 7rem; width: 80%; margin-left: auto; margin-right: auto; } 
.index_wrap .section3 .section3_2 .tech_flex li { height: 46rem; flex: 0 1 30%; border-radius: 10px; } 
.index_wrap .section3 .section3_2 .tech_flex li small { margin-bottom: 1rem; display: block; } 
.index_wrap .section3 .section3_2 .tech_flex li { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden; } 
.index_wrap .section3 .section3_2 .tech_flex li a::before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background: #1b702838; opacity: 0; transition: all .3s; } 
.index_wrap .section3 .section3_2 .tech_flex li a { color: #fff; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; padding: 4rem; } 
.index_wrap .section3 .section3_2 .tech_flex li a .info_box { z-index: 1; } 
.index_wrap .section3 .section3_2 .tech_flex li:nth-child(1) { background-image:url(../../img/main_sec4_img1.png); } 
.index_wrap .section3 .section3_2 .tech_flex li:nth-child(2) { background-image:url(../../img/main_sec4_img2.png); } 
.index_wrap .section3 .section3_2 .tech_flex li:nth-child(3) { background-image:url(../../img/main_sec4_img3.png); } 
.index_wrap .section3 .section3_2 .tech_flex li .tech_arrow { background:url(../../img/tech_arrow.png) no-repeat center center / contain; width: 6rem; height: 6rem; display: block; margin-right: 0; margin-left: auto; z-index: 10; } 
.index_wrap .section3 .section3_2 .tech_flex li:hover a::before { opacity:1; } 
.index_wrap .section3 .section3_2 .tech_flex li:hover .tech_arrow { background:url(../../img/tech_arrow_on.png) no-repeat center center / contain; } 


/* SECTION4 */
.index_wrap .section4 .esg_tit_wrap { display: flex; justify-content: center; } 
.index_wrap .section4 .esg_tit_wrap .more_view { position: relative; left: 3.4rem; top: 1rem; } 
.index_wrap .section4 { text-align: center; padding-top: 0; width: 100%; height: 120vh; padding-bottom: 0; margin-top: 0; } 
.index_wrap .section4 .section4_wrap { position: relative; width: 100%; height: 100%; overflow: hidden; } 
.main_esg_wrap { z-index: 3; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } 
.index_wrap .section4 .section4_wrap .esg_wrap h3 { transition: all .3s; } 
.index_wrap .section4 .section4_wrap .esg_wrap p { font-weight: 300; transition: all .3s; } 
.index_wrap .section4 .section4_wrap .esg_diagram { /* height: 0; */opacity: 0; overflow: hidden; color: #fff; } 
.index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap { display: flex; justify-content: center; margin-top: 8rem; padding-bottom: 10rem; z-index: 4; position: relative; } 
.index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap li { width: 13%; border-radius: 50%; position: relative; font-size: 1.8rem; display: block; height: 100%; } 
.index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap li span { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 66%; line-height: 1.3; } 
.index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap li::before { content:''; display:block; width: 100%; padding-bottom:100%; border: 1px solid #fff; border-radius: 50%; } 
.index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap li:nth-child(1) { left:40px } 
.index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap li:nth-child(2) { left:15px } 
.index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap li:nth-child(3) { right: 15px; } 
.index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap li:nth-child(4) { right:40px } 
.video_box img { width: 100%; height: 100%; display: block; object-fit: cover; } 
.video_box { position: absolute; top: 60%; left: 50%; width: 730px; /* 시작 크기 */
 height: 374px; transform: translate(-50%, -50%); border-radius: 20px; overflow: hidden; } 
 /* on붙였을때 */
.main_esg_wrap.on { color: #fff; transition: all .4s; top: 60%; } 
.main_esg_wrap.on p { color: #fff; transition: all .4s; } 
.index_wrap .section4 .section4_wrap .main_esg_wrap.on .esg_diagram { opacity: 1; } 
.main_esg_wrap { /* color: #333; */width: 96%; } 
.main_esg_wrap .esg_wrap { /* margin-bottom: 8rem; */ } 
.main_esg_wrap.white { color: #fff; } 
.main_esg_wrap.white p { color: #fff; } 
.main_esg_wrap.white .esg_tit_wrap .more_view img { filter: invert(100%) sepia(97%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%); } 

/* SECTION5 */
.section5_wrap { background: url(../../img/sec5_img.jpg); color: #fff; height: 42.5rem; border-radius: 20px; overflow: hidden; position: relative; } 
.section5 .index_tit_wrap p { color: #fff; font-weight: 200; } 
.section5_wrap .inner { position: absolute; width: 90%; top: 50%; left: 5%; transform: translateY(-50%); display: flex; align-items: center; } 
.section5_wrap ul { flex: 1; display: flex; justify-content: flex-end; } 
.section5_wrap ul li { width: 34%; border-radius: 50%; border: 1px solid #fff; position: relative; transition: all .3s; text-align: center; } 
.section5_wrap ul li:hover { background: #fff; color: #333; } 
.section5_wrap ul li::before { content:''; display:block; padding-bottom: 100%; } 
.section5_wrap ul li a { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; } 

/****************** RESPONSIVE SETTING ********************/
 @media (max-width: 1580px) { } 
 @media (max-width: 1300px){
 .index_wrap .section4 > .flex_box { margin-left: 4%; } 
 .section2 .con_box { width: 80%; } 
 .index_wrap .section3 .section3_1 .data_flex li { padding: 4rem 3rem; } 
 .index_wrap .section3 .section3_2 .tech_flex { width: 100%; } 
 .index_wrap .section3 .section3_1 { padding-bottom: 20rem; } 
 .index_wrap .section3 .section3_1::after { font-size: 18rem; bottom: 10rem; } 
 }
 /* DESKTOP */
 @media (max-width: 1270px){
 .index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap li { width: 23%; } 
 .section5_wrap ul li { width: 50%; text-align: center; } 
 .section5_wrap .index_tit_wrap { max-width: 57%; } 
 }

 @media (max-width: 1080px){
 .main_esg_wrap.on { top: 50%; } 
 .section2 .con_box ul li span { width: 8rem; height: 8rem; bottom: 2rem; left: 4rem; } 
 .section2 .con_box ul li a h3 i { width: 4rem; height: 4rem; } 
 .section2 .con_box ul li a { padding: 3rem; } 
 .index_wrap .section2 { margin-bottom: 0; padding-bottom: 0; padding-top: 14rem; height: 78vw; } 
 .section2 .info_box { width: 60%; margin-right: 0; } 
 .index_wrap .section .txt_box h2 { padding-bottom: 2rem; } 
 .index_wrap .section .txt_box { margin-bottom: 3rem; } 
 .index_wrap .mySwiper .visual_info { line-height: 1; } 
 [data-aos] { opacity: 1 !important; transform: none !important; } 
 .index_wrap .section4 .section4_wrap { height: 89vh; } 
 .index_wrap .section4 .navi_box li { flex: 1; } 
 .index_wrap .section4 .box2 .img_box { height: 100%; object-fit: cover; } 
 .index_wrap .section4 .box2 .img_box img { height: 100%; object-fit: cover; } 
 .index_wrap .section4 { padding: 9rem 0px; } 
 .index_wrap .section5 { padding-top: 0; padding-bottom: 14rem; } 
 }
 @media (max-width: 886px){
 .section2 .con_box ul li { margin: 1.5rem; } 
 .section2 .con_box { width: 100%; top: 7%; } 
 .section2 .con_box ul { margin: -1rem; width: 100%; } 
 .index_wrap .section3 .section3_1 .data_flex li { height: 40rem; flex: 1 0 40%; margin: 1.5rem; } 
 .index_wrap .section3 .section3_1::after { font-size: 13rem; bottom: 8rem; } 
 .index_wrap .section3 .section3_1 { padding-bottom: 14rem; } 
 .index_wrap .section3 .section3_2 .tech_flex li a { padding: 4rem 3rem; position: relative; } 
 .index_wrap .section3 .section3_2 .tech_flex li { height: 37rem; } 
 .index_wrap .section3 .section3_2::before { height: 42rem; } 
 }
 @media (max-width: 480px){
 .index_wrap .section2 { height: auto !important; } 
 .section2 .info_box { width: 100%; margin-right: 0; margin-bottom: 2rem; } 
 .section2 .con_box { position: relative; top: 0; } 
 .section2 .con_box ul li.empty_box { display: none; } 
 .section2 .con_box ul li { flex: 1 1 40%; margin: 1rem; border-radius: 10px; box-shadow: 0 0 3px 0px #d3d3d3; } 
 .index_wrap .section2 .inner_wrap.flex_box { display: flex; flex-direction: column; } 
 .section2 .con_box ul { margin: 0; } 
 .section2 .con_box ul li a { padding: 2rem; } 
 .section2 .con_box ul li span { width: 7rem; height: 7rem; left: 3rem; } 
 .index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap { display: flex; flex-wrap: wrap; z-index: 10; justify-content: center; margin-left: auto; margin-right: auto; margin-top: 0; } 
 .index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap li { width: 47%; } 
 .index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap li:nth-child(1) { left: 12px; bottom: -12px; } 
 .index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap li:nth-child(2) { left: -12px; bottom: -12px; } 
 .index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap li:nth-child(3) { right: -12px; top: -12px; } 
 .index_wrap .section4 .section4_wrap .esg_diagram .diagram_wrap li:nth-child(4) { right: 12px; top: -12px; } 
 .section5_wrap .inner { display: flex; flex-wrap: wrap; } 
 .section1 .arrow_box .box_wrap { width: 5.7rem; } 
 .section1 .arrow_box { top: 26%; } 
 .main_visu_btn { width: 25rem; } 
 .index_wrap .section1 .slider_1 { background-image: url(../../img/main_visual_1_m.jpg); } 
 .index_wrap .section1 .slider_2 { background-image: url(../../img/main_visual_2_m.jpg); } 
 .index_wrap .section1 .slider_3 { background-image: url(../../img/main_visual_3_m.jpg); } 
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 { font-size: 2.2rem !important; } 
 .index_wrap .section { padding-top: 8rem; position: relative; overflow: visible; padding-bottom: 0; } 
 .scroll_box ul:nth-child(2) { margin-top: 0; margin-bottom: 0; margin-right: 0; flex: 1 0 100%; } 
 .scroll_box li { padding: 3rem; } 
 .scroll_box ul:nth-child(1) { margin-right: 0; padding-left: 0; flex: 1 1 100%; } 
 .scroll_box li span { width: 10rem; height: 8rem; margin-top: 2rem; background-size: contain; } 
 .data_flex li:before { padding-bottom: 0; } 
 .data_flex li a { padding: 0; padding-top: 2rem; display: flex; justify-content: center; position: relative; } 
 .data_flex li a .bottom_box { display: flex; } 
 .data_flex li a > p { order: 2; padding-top: 1rem; font-size: 1.5rem !important; } 
 .data_flex li a .bottom_box .img_box { margin-right: 2rem; width: 40%; } 
 .data_flex li a .bottom_box .img_box img { width: auto; height: 8rem; margin: 0 auto; } 
 .index_wrap .section3 .section3_2 .tech_flex li { flex: 1 0 100%; margin-bottom: 3rem; height: 24rem; } 
 .index_wrap .section3 .section3_1::after { font-size: 10rem; bottom: 9rem; } 
 .index_wrap .section4 .box1 { width: 100%; margin-right: 4%; } 
 .index_wrap .section4 .box2 { margin-right: 4%; } 
 .index_wrap .section4 .navi_box li h3 i { top: 0.5rem; } 
 .index_wrap .section .txt_box { margin-bottom: 1rem; } 
 .data_flex li a .bottom_box h3 { padding: 0 0 1rem; } 
 .index_wrap .section4 .navi_box li { width: 100%; margin-right: 0; flex: 0 1 100%; border: 1px solid #dcdcdc; padding: 1.4rem; border-radius: 10px; } 
 .index_wrap .section4 .navi_box li p { padding-top: 0rem; } 
 .index_wrap .section4 .navi_box li h3 i { width: 1.6rem; height: 1.6rem; } 
 .index_wrap .section5 { padding-top: 0; padding-bottom: 4rem; } 
 .index_wrap .section .txt_box h2 { padding-bottom: 1rem; } 
 .section5_wrap .index_tit_wrap { max-width: unset; margin-bottom: 4rem; text-align: center; } 
 .section5_wrap ul { max-width: 69%; margin: 0 auto; } 
 .section5_wrap { height: 46rem; background-position: 36% 0%; } 
 }