@charset "utf-8"; .index_wrap { line-height: 1; } 
.index_wrap .section { position: relative; overflow: hidden; } 
.index_wrap .section_wrap { width: 90%; margin: 0 auto; } 
.index_wrap .sectio .tit_3 {color: #27a0a0;padding: 20px 0;} 
.index_wrap .section .tit_3 span {display: inline-block;width: 50px;height: 2px;background: #27a0a0;margin-right: 10px;} 
.index_wrap .section .tit_3 p {color: #27a0a0;} 

/* section1 */
.section1 .mySwiper .swiper-slide .slide_bg { height: 100vh; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } 
.section1 .mySwiper .swiper-slide .visual_wrap {position: absolute;top: 52%;left: 10%;transform: translateY(-50%);width: 60%;max-width: 1320px;} 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box { color: #fff; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 { font-size: 9.6rem; padding-bottom: 2.6rem; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 span { position: relative; display: inline-block; padding-right: 10px } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 span::before { content:''; display:block; position:absolute; right:0; top:0; background: url(../img/main_tri.png) no-repeat center center/contain; width:30px; height:30px; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 span i { font-size: 6.6rem; position: absolute; top: -1.6rem; right: -22px; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box p { font-size: 2.3rem; line-height: 1.5; } 

/* 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); } 
@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 h1 { 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 .visual_info p { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.4s; margin-right:4px; } 

@keyframes text-up { 
 from { transform: translate3d(0, 150%, 0); } 
 to { transform: translate3d(0, 0, 0); } 
 }



 .control_wrap {position: absolute;width: 50%;left: 10%;top: 76%;} 
 .control_wrap .swiper-pagination { text-align:left; width: auto; } 

/* 로딩바 애니메이션 */
@-webkit-keyframes LoadingBar { 
 from { width:0px; } 
 to { width:180px; } 
 }
 @keyframes LoadingBar { 
 from { width:0px; } 
 to { width:180px; } 
 }

 .main_visual_wrap .swiper-pagination-bullet {font-size: 20px;width: 34px;color: #fff;background: rgba(104, 103, 103, 0);position: relative;transition: all 1s;opacity: 1;} 
 .main_visual_wrap .swiper-pagination-bullet::after { content: ""; width: 0; } 
 .main_visual_wrap .swiper-pagination-bullet-active { color: #fff; opacity: 1; margin-right: 200px !important; } 
 .main_visual_wrap .swiper-pagination-bullet-active::before { content:""; display: block; width: 180px; height: 4px; background-color: #bfbcbc; left: 38px; top: 7px; opacity: 1; position: absolute; } 
 .main_visual_wrap .swiper-pagination-bullet-active::after { animation:LoadingBar 5s both; animation-delay: 0.3s; left: 38px; top: 7px; height: 4px; background: #fff; position: absolute; } 
 

 /* mouse wheel */
.mouse_wrap { position: absolute; bottom: 60px; left: 50%; z-index: 99; transform: translateX(-50%); opacity: 0.8; } 
.mouse_wrap span {display:block;color:#fff;z-index:999;letter-spacing:0.5pt;font-weight:400;font-size: 1.6rem;position: relative;bottom: 30px;text-align: center;} 
.mouse_wheel { display:block; color:#fff; } 

/*mouse-wheel icon*/
 .mouse_wheel i { font-size: 2.4rem; animation: scrollDown 1.5s linear infinite; position:
 absolute; text-align: center; display: block; margin: 0 auto; left: 12px; } 
 @keyframes scrollDown { 0%,100% { top:0; } 
 50% { top:20px; } 
 }
 
 /* 화살표 */
.custom_arrow { font-size: 20px; color: #222; position: relative; z-index: 100; padding-left: 2px; cursor: pointer; } 

/* SECTION2 */
.border { border: 1px solid #d9d9d9dc; } 
.index_wrap .section2 .wrap li.border img { width: 100%; height: 100%; object-fit: contain; } 
.index_wrap .tit_wrap h2 { font-size: 5.0rem; font-weight: 600; text-transform: uppercase; position: relative; line-height: 1.2; } 
.index_wrap .tit_wrap h2.tit_1 {text-align: center;font-weight: 600;font-size: 5.1rem;padding-bottom: 100px;} 
.index_wrap .section2 {/* padding: 180px 0; */padding: 154px 0 346px;} 
.index_wrap .section2 .flow_txt {display:block;position:absolute;left: -25px;right: auto;bottom: -200px;width: auto;height: 1100px;white-space: nowrap;overflow: hidden;cursor: default;margin-right: 0;}
.index_wrap .section2 .flow_txt span {display: block;font-size: 170px;font-weight: 700;color: transparent;letter-spacing: -05px;-webkit-text-stroke: 1px #004d6f;writing-mode: vertical-lr;animation: flow_txt 6s linear infinite;}
.index_wrap .section2::after {content:'';display:block;position:absolute;left:0;top:0;background: url(../img/main_bg_1.jpg) no-repeat center center / cover;width: 100%;height: 2000px;z-index: -1;} 
.index_wrap .section2 .section2_wrap .wrap1 { margin: 0 2%; } 
.index_wrap .section2 .bg_letter { position: relative; left: 15%; padding: 80px 0; } 
.index_wrap .section2 .bg_letter.img_box img { display:block; margin-left:auto; } 
.index_wrap .section2 .section2_wrap .wrap2 {position: relative;display: flex;align-items: flex-start;} 
.index_wrap .section2 .section2_wrap .vertical_hr { width: 1px; display: block; height: 80px; background: #222; margin: 20px 0; } 
.index_wrap .section2 .section2_wrap .left_box {width: 47%;overflow: hidden;margin-right: 2%;} 
.index_wrap .section2 .section2_wrap .left_box .info_wrap { font-weight: 400; padding-top: 40px; } 
.index_wrap .section2 .section2_wrap .left_box .info_wrap h3 { font-weight: 400; font-size: 3.2rem; line-height: 1.3; padding-bottom: 20px; text-transform: uppercase; } 
.index_wrap .section2 .section2_wrap .left_box .info_wrap p { line-height: 1.5; font-size: 2.0rem; } 
.index_wrap .section2 .section2_wrap .right_box {flex-grow: 1;margin-right: 0;} 
.index_wrap .section2 .section2_wrap .right_box ul li { margin-right: 2%; } 
/* ani */
@keyframes flow_txt { 
 from {transform: translateY(100%);} 
 to {transform: translateY(-100%);} 
}
/* hover */
.index_wrap .section2 .flow_txt span:hover{animation-play-state:paused}

.sol_list1 { position: relative; } 
.sol_list1 li { position: relative; height: 295px; overflow: hidden; } 
.sol_list1 li:hover .info_box { top:0; transition: all .4s; } 
.sol_list1 li .img_box { width: 100%; height: 100%; } 
.sol_list1 li .img_box img { } 
.sol_list1 .info_box { position: absolute; top: 100%; /* top: 0; */
 height: 100%; width: 100% } 
.sol_list1 .info_box::before { content:''; position: absolute; background: #111111bd; width: 100%; height:0; z-index: 1; transition: all .4s; } 
.sol_list1 li:hover .info_box::before { height:100%; } 
.sol_list1 .info_box a { color: #fff; padding: 10%; display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 1; } 
.sol_list1 .info_box a h4 { font-size: 2.4rem; font-weight: 500; color: var(--main-color); } 
.sol_list1 .info_box a p { line-height: 1.7; font-size: 1.7rem; } 
.sol_list1 .info_box a span { font-weight: 500; font-size: 1.9rem; } 


.index_wrap .section2 .section2_wrap .right_box ul {display: flex;flex-direction: row-reverse;flex-wrap: wrap;justify-content: space-between;align-items: stretch;} 
.index_wrap .section2 .section2_wrap .right_box ul li {position: relative;width: 46%;height: 455px; box-shadow: 5px 4px 6px 2px #b2b2b2e6;cursor: pointer;margin-right: 0;z-index: 1;} 
.index_wrap .section2 .section2_wrap .right_box ul li:after {content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 30%); opacity: 1; z-index: -1;}
.index_wrap .section2 .section2_wrap .right_box ul li:nth-child(1) {background: url(../img/main_busi_img4.jpg) no-repeat center / cover;} 
.index_wrap .section2 .section2_wrap .right_box ul li:nth-child(2) {background: url(../img/main_busi_img6.jpg) no-repeat center / cover;top: 250px;} 
.index_wrap .section2 .section2_wrap .right_box ul li:nth-child(3) {background: url(../img/main_busi_img2.jpg) no-repeat center / cover;top: 50px;} 
.index_wrap .section2 .section2_wrap .right_box ul li:nth-child(4) {background: url(../img/main_busi_img1.jpg) no-repeat center / cover;top: calc(250px + 50px);} 
.index_wrap .section2 .section2_wrap .right_box ul li:nth-child(5) {background: url(../img/main_busi_img5.jpg) no-repeat center / cover;top: calc(50px + 50px);} 
.index_wrap .section2 .section2_wrap .right_box ul li .info_box { position: absolute; color: #fff; left: 9%; top: 9%; align-items: center; } 
.index_wrap .section2 .section2_wrap .right_box ul li .info_box span { } 
.index_wrap .section2 .section2_wrap .right_box ul li .info_box span i { font-size: 2.4rem; border: 1px solid #fff; padding: 14px; transition: all .4s; } 
.index_wrap .section2 .section2_wrap .right_box ul li .info_box h4 {font-weight: 200;font-size: 3.0rem;padding-bottom: 20px;line-height: 1.2;transition: all .4s;} 
.index_wrap .section2 .section2_wrap .right_box ul li .info_box p { font-size: 2.0rem; } 
/* hover */
.index_wrap .section2 .section2_wrap .right_box ul li:hover { } 
.index_wrap .section2 .section2_wrap .right_box ul li:hover:after {opacity: 0;} 
.index_wrap .section2 .section2_wrap .right_box ul li:hover .info_box h4 {font-weight:500;text-shadow: 0px 0px 5px #666;} 
.index_wrap .section2 .section2_wrap .right_box ul li:hover .info_box i { background: #fff; color:var(--main-color); } 



/* SECTION3 */
.index_wrap .section3 {background: url(../img/main_bg_2.jpg) no-repeat center center/cover;width: 100%;} 
.index_wrap .section3:after {content:"";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 3%);z-index: 0;}
.index_wrap .section3 .section3_wrap {position: relative;padding: 150px 0;z-index: 1;} 
.index_wrap .section3 .about_list .flex_box { display: flex; align-items: flex-start; justify-content: center; } 
.index_wrap .section3 .about_list li .img_box img { display: block; margin: 0 auto; width: 100%; } 
.index_wrap .section3 .about_list li h4 { padding: 30px; text-align: center; font-size: 2.4rem; font-family: 'SCoreDream',sans-serif; font-weight: 600; transition:all .4s; } 
.index_wrap .section3 .about_list li p { font-size: 1.8rem; text-align: center; font-weight: 400; line-height: 1.5; } 

.index_wrap .section3 .about_list li .img_box { position: relative; transition:all .4s; } 
.index_wrap .section3 .about_list li .img_box::before { content:''; display:block; position: absolute; width: 100%; height: 100%; background: #000000bf; opacity:0 } 
.index_wrap .section3 .spin_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); visibility:hidden; text-align: center; } 
.index_wrap .section3 .spin_icon span { color: #fff; display: block; padding-top: 14px; } 
.index_wrap .section3 .spin_icon i { color: #fff; font-size: 3.2rem; } 
.index_wrap .section3 .about_list li:hover .img_box::before { opacity:1; } 
.index_wrap .section3 .about_list li:hover h4 { color:var(--main-color); } 
.index_wrap .section3 .about_list li:hover .spin_icon { visibility:visible; } 
.index_wrap .section3 .about_list li .img_box::before { transition:all .4s; } 


/* SECTION4 */
.index_wrap .section4 {position:relative;background: #393835;} 
.index_wrap .section4 .tit_wrap h2 { color: #fff; text-align: left; } 
.index_wrap .section4 .arti_wrap {display: flex;justify-content: space-between;padding: 150px 0;flex-wrap: nowrap;align-items: stretch;flex-direction: row;} 
.index_wrap .section4 .arti_wrap .arti { width: 50%; color: #f4f4f4; line-height: 1.5; } 
.index_wrap .section4 .arti_wrap .arti1 { width: 57%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; margin-right: 6%; } 


.index_wrap .section4 .arti_wrap .arti .info_box h3 { color: #fff; font-size: 4rem; font-weight: 400; } 
.index_wrap .section4 .arti_wrap .arti2 { background: url(../img/main_notice_img1.jpg) no-repeat center center / cover; padding: 80px; } 
.index_wrap .section4 .arti_wrap .arti2 p { line-height: 1.5; font-size: 1.8rem; padding: 3.5rem 0; } 
.index_wrap .section4 .arti_wrap .arti2 .view_btn { width: 50%; margin-top: 4rem; } 
.index_wrap .section4 .arti_wrap .arti2 .view_btn a {display: flex;padding: 2rem;color: #f4f4f4;transition: all .3s;justify-content: space-between;align-items: center;} 
.index_wrap .section4 .arti_wrap .arti2 .view_btn a:hover {background: #27a0a0;color:#fff;} 
.index_wrap .section4 .arti_wrap .arti2 .img_box {display: none;}

/* RESPONSIVE SETTING */

@media (max-width: 1580px) { } 

@media (max-width: 1540px) { } 
@media (max-width: 1480px) {
.section1 .mySwiper .swiper-slide .visual_wrap, .control_wrap {left: 0;right: 0;width: 96%;margin: 0 auto;max-width: 1480px;} 

.index_wrap .section4 .arti_wrap .arti2 {padding: 40px;}
}
 @media (max-width: 1150px){
 .index_wrap .section3 .about_list li:first-child p br {display: none;}
 }
 @media (max-width: 1023px){
 .index_wrap .section2 {padding: 100px 0 300px;} 
 .index_wrap .section2 .section2_wrap .left_box .info_wrap p br { display:none; } 
 .index_wrap .section2 .section2_wrap .vertical_hr { height: 50px; } 
 .main_btn { width: 220px; margin-top: 60px; } 
 .index_wrap .section2::before { width: 40rem; } 
 .index_wrap .section2::after { font-size: 12rem; } 
 .index_wrap .tit_wrap { font-size: 14px; } 
 .index_wrap .section2 .section2_wrap .right_box ul li .info_box { bottom: 10%; right: 6%; } 
/* section2 */
 .index_wrap .section3 .section3_wrap {padding: 100px 0;} 
 .index_wrap .section2 .flow_txt {right: 0;width: 170px;height: 900px;margin: 0 auto;}
  .index_wrap .section2 .section2_wrap .left_box {width: 80%;margin: 0 0 40px 0;} 
 .index_wrap .section2 .section2_wrap .right_box ul { margin-top: 80px; } 
 .index_wrap .section2 .section2_wrap .right_box ul li {height: 400px;}
 .index_wrap .section2 .section2_wrap > ul li .vision_box { font-size: 15px; } 
 .index_wrap .section2 .section2_wrap > ul li .vision_box p br { display:none; } 
 /* section3 */
  .index_wrap .section3 .about_list .flex_box li {margin-bottom: 40px;} 
   .index_wrap .section3 .about_list .flex_box li:last-child {margin-bottom: 0;} 
 .index_wrap .section3 .about_list .flex_box {justify-content: space-between;}
 .index_wrap .section3 .about_list li h4 {padding: 20px;}
 .index_wrap .section2_sub .explan_box { font-size: 19px; } 
 .index_wrap .section4::after { font-size: 150px; bottom: 0; } 
 .index_wrap .section4::before { background-size: contain; z-index: -1; } 
 .index_wrap .section5 .tit_wrap h2 { padding-top: 80px; } 
/* section4 */
.index_wrap .section4 .arti_wrap {display: flex;flex-wrap: wrap;padding: 100px 0;} 
.index_wrap .section4 .arti_wrap .arti {width: 100%;} 
.index_wrap .section4 .arti_wrap .arti.arti1 {margin: 0 0 12% 0;} 
.index_wrap .section4 .arti_wrap .arti2 {display: flex;padding: 0;background: 0;}
 .index_wrap .section4 .arti_wrap .arti2 > div{width: 50%;}
 .index_wrap .section4 .arti_wrap .arti2 .img_box {display: block;}
  .index_wrap .section4 .arti_wrap .arti2 .img_box img {display: block;width: 100%;min-height: 225px;object-fit: cover;}
 }

 @media (max-width: 768px){
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 { font-size: 3.2em; } 
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box p { padding-bottom: 1rem; } 
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box p br {display: none;} 
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 span::before { width: 20px; height: 20px; } 
 .control_wrap { width: 100%; } 

/* section2 */
 .index_wrap .tit_wrap h2.tit_1 {font-size: 4rem; } 
 .sol_list1 li { width: 49%; } 
 .later_none { display: none; } 
 .sol_list1 li:nth-child(2n) { margin-right:0; } 
 .sol_list2 li:nth-child(2) { margin-right: 2%; } 
 .index_wrap .section2 .bg_letter { left: 0; padding: 40px 0; } 
 .index_wrap .section2 .bg_letter.img_box img { width: 100%; } 
   .index_wrap .section2 .section2_wrap .left_box {width: 100%;margin: 0;} 
 .index_wrap .section2 .section2_wrap .left_box .info_wrap {padding-top: 30px; }
  .index_wrap .section2 .section2_wrap .right_box ul { margin-top: 60px; } 
 .index_wrap .section2 .section2_wrap .right_box ul li {width: 47%;} 
 
.index_wrap .section3 .about_list .flex_box li:nth-child(2n) { margin-right: 0; } 

.index_wrap .section4 .arti_wrap .arti2 .view_btn {width: 60%;}

.index_wrap .tit_wrap h2 { font-size: 4.5rem; } 
 .index_wrap .section4 .arti_wrap .arti .info_box h3 { font-size: 3rem; } 
 .index_wrap .section2 .flow_txt {display: none;}
 }

 @media (max-width: 480px){
 .index_wrap .tit_wrap h2 { font-size: 4rem; text-align: center; } 
 .index_wrap .tit_wrap h2 br { display:none; } 
 .index_wrap .tit_wrap h2::before { width: 10px; height: 10px; left: -8px; top: -5px; } 
 .main_visual_wrap .swiper-pagination-bullet { font-size: 14px; width: 22px; } 

 /* mouse scroll */
 .mouse_wrap { bottom: 46px; } 
 .mouse_wrap span::after { bottom: 5px; } 
 .mouse_wheel i { font-size: 3rem; left: 5px; } 
 
 /* 로딩바 애니메이션 */
@-webkit-keyframes LoadingBar { 
 from { width:0px; } 
 to { width:130px; } 
 }
 @keyframes LoadingBar { 
 from { width:0px; } 
 to { width:130px; } 
 }

 .main_visual_wrap .swiper-pagination-bullet::after { content: ""; width: 0; } 
 .main_visual_wrap .swiper-pagination-bullet-active { color: #fff; opacity: 1; margin-right: 190px !important; } 
 .main_visual_wrap .swiper-pagination-bullet-active::before { content:""; display: block; width: 160px; height: 4px; background-color: #bfbcbc; left: 38px; top: 7px; opacity: 1; position: absolute; } 
 .main_visual_wrap .swiper-pagination-bullet-active::after { animation:LoadingBar 5s both; animation-delay: 0.3s; left: 28px; top: 7px; height: 4px; background: #fff; position: absolute; } 
 
/* SECTION1 */
/* .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 .slide_bg { height: 96vh; } 
 .control_wrap {top: unset; bottom: 23%; } 

/* SECTION2 */
 .index_wrap .tit_wrap h2.tit_1 {padding-bottom: 30px;} 
  .index_wrap .section2 {padding: 80px 0 100px;} 
 .index_wrap .section2 .section2_wrap .left_box {width: 100%;} 
 .index_wrap .section2 .section2_wrap .right_box { } 
 .index_wrap .section2 .section2_wrap .right_box ul {width: 100%;/* margin: 0 auto; */} 
 .index_wrap .section2 .section2_wrap {display: flex;flex-direction: column;} 
 .index_wrap .section .tit_3 {justify-content: center;}
.index_wrap .section2 .section2_wrap .left_box .info_wrap h3 { font-size: 2.8rem; } 
 .sol_list1 li { width: 80%; height: 200px; } 
 .sol_list1 li:nth-child(3) { order: 5; } 
 .sol_list1 li:nth-child(2n) { margin-left:auto } 
 .sol_list2 li:nth-child(2) { margin-right: auto; margin-left: 0; } 
.main_btn a { padding: 20px 0px; } 
.main_btn { width: 200px; margin-top: 40px; } 
.index_wrap .section2::after { font-size: 49px; bottom: -9px; } 
 .index_wrap .section2 .section2_wrap .right_box ul li {width: 100%;height: 150px;margin-right: 0;margin-bottom: 4%;overflow: hidden;} 
 .index_wrap .section2 .section2_wrap .right_box ul li:nth-child(2),
 .index_wrap .section2 .section2_wrap .right_box ul li:nth-child(3),
 .index_wrap .section2 .section2_wrap .right_box ul li:nth-child(4){ top: 0; } 
 .index_wrap .section2 .section2_wrap .right_box ul li .info_box {display: flex;justify-content: space-between;align-items: center;left: 6%;} 
 .index_wrap .section2 .section2_wrap .right_box ul li .info_box h4 { padding-bottom: 0; } 
 .index_wrap .section2 .section2_wrap .left_box .info_wrap p {text-align: center;} 
 /* section3 */
 .index_wrap .section3 {} 
  .index_wrap .section3 .section3_wrap {padding: 80px 0 100px;} 
  .index_wrap .section3 .about_list li:first-child p br {display: block;}
 .index_wrap .section3 .about_list li .img_box img {height: 150px;object-fit: cover;object-position: bottom 0;}
 /* section4 */
 .index_wrap .section4 .arti_wrap .arti2 p {text-align: center;} 
 .index_wrap .section4 .arti_wrap .arti2 .view_btn { }  
.index_wrap .section4 .arti_wrap {padding: 80px 0 100px;} 
 .index_wrap .section4 .tit_wrap h2 {text-align: center;}
 .index_wrap .section4 .arti_wrap .arti2 {flex-direction: column;}
 .index_wrap .section4 .arti_wrap .arti2 > div {width: 100%;}
 .index_wrap .section4 .arti_wrap .arti2 .left_box {margin-bottom: 30px;}
  .index_wrap .section4 .arti_wrap .arti2 .img_box img {height: 150px;min-height: auto;}
.index_wrap .section4 .arti_wrap .arti2 .view_btn {width: 50%;margin: 0 auto;border: 1px solid #dcdcdcb0;} 
 }