@charset "utf-8"; .index_wrap { line-height: 1; } 
.index_wrap .section { position: relative; /* overflow: hidden; */ } 
.index_wrap .section_wrap { width: 90%; margin: 0 auto; } 
/* 여기서부터 수정 */
.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: 44%; left: 12%; transform: translateY(-50%); width: 100%; max-width: 1460px; color: #fff; } 
.section1 .mySwiper .swiper-slide .visual_wrap .img_box { margin-top: 4rem; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box { margin-bottom: 4rem; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 { font-size: 1.2em; line-height: 2; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 { font-size: 3.8em; transition: all .3s; line-height: 1.4; font-weight:200 } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 span { font-weight: 400; display: block; font-size: 1.24em; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 strong { letter-spacing: -3px; font-weight: 700; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box p { font-size: 1.6em; line-height: 1.3; font-family: 'SUIT'; font-weight: 300; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 { font-size: 2.5rem; line-height: 1.3; font-weight: 500; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info .img_box { margin-bottom: 4rem; } 

.main_btn { background: unset; width: 220px; border-radius: 33px; margin-top: 60px; transition:all .3s; border: 1px solid #fff; } 
.main_btn:hover { box-shadow: 1px 0px 3px 1px #787878; background: #fff; border: 1px solid #fff; } 
.main_btn:hover a { color:#222 } 
.main_btn a { padding: 2rem 3rem; display: flex; justify-content: space-between; align-items: center; flex-direction: row; font-size: 1.6rem; flex-wrap: nowrap; color: inherit; } 
.main_btn a i { font-size: 25px; } 
/* .section1 { height: 90vh !important; } */
.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); } 
 }

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

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

 /* 화살표 */
/* navigation */
.mySwiper .control_wrap .swiper_arrow { position: relative; font-size: 0; top: 0; margin-top: 0; } 
.mySwiper .control_wrap .swiper_arrow::after { font-size: 2.2rem; color: #fff; } 
.mySwiper .control_wrap .custom_prev { left: 0; } 
.mySwiper .control_wrap .custom_next { right: 0; } 

/* pagnation */
.control_wrap { display: flex; position: absolute; bottom: 28%; left: 12%; width: 160px; height: 40px; align-items: center; justify-content: space-between; flex-direction: row; } 
.control_wrap .swiper-pagination { text-align:left; position: relative; width: 7.7rem; display: flex; height: 40px; justify-content: space-between; align-items: center; top: 0; } 
.control_wrap .swiper-pagination-bullet { width: 0.7rem; height: 0.7rem; background: #fff; opacity:1; } 
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: unset; } 
.control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { position: relative; } 
.control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active::before { content:''; display:block; position:absolute; width: 2.8rem; height: 2.8rem; border:1px solid #fff; border-radius:50%; top:50%; left:50%; transform:translate(-50%, -50%); } 

 /* mouse wheel */
.mouse_wrap { position: absolute; bottom: 7rem; left: 2rem; z-index: 99; opacity: 1; } 
.mouse_wrap span { display:block; color:#fff; z-index:999; font-weight:400; font-size: 14px; transform: rotate(270deg); position: relative; bottom: 40px; } 
.mouse_wheel { display:block; color:#fff; position: relative; left: 32%; } 

/*mouse-wheel icon*/
 .mouse_wheel i { animation: scrollDown 1.5s linear infinite; position:
 absolute; font-size: 2.2rem; } 
 @keyframes scrollDown { 0%,100% { top:0; } 
 50% { top:20px; } 
 }

/* SECTION 공통 */
.index_wrap h4.tit_4 { font-size: 4rem; font-weight: 500; } 
.index_wrap h3.tit_3 { font-size: 2rem; line-height: 1.5; } 
.index_wrap h2.tit_2 { font-size: 2rem; font-weight: 300; line-height: 1.5; } 
.index_wrap h1.tit_1 { font-size: 3.1rem; font-weight: 300; margin-bottom: 3rem; } 
.index_wrap .section p { line-height: 1.6; letter-spacing: 0; font-weight: 500; } 

/* SECTION2 */
.section2_tit { padding: 10rem 0 6rem; text-align: center; font-size: 3.2rem; } 
.index_wrap .section2 .section2_wrap { width: 100%; height: 100%; margin: 0 auto; position:relative; padding-bottom: 10rem; } 
.swiper { width: 100%; height: 100%; } 
.swiper-slide { font-size: 1.6rem; } 
.index_wrap .section2_wide { display: flex; align-items: flex-start; } 
.section2 .left_box { width: 50%; height: 80vh; position: relative; /* overflow: hidden; *//* background: linear-gradient(90deg, rgba(157,238,154,1) 0%, rgba(113,196,130,1) 100%); */ } 
.section2 .left_box .img_box { position: absolute; top: 50%; left: 53%; transform: translate(-50%, -50%); width: 78%; } 
 .section2 .left_box .img_box:after { content:''; display:block; position:absolute; top: 3rem; left: 3rem; width:100%; height:100%; z-index: 0; border-radius: 10rem; } 
.section2 .left_box img { height: 100%; border-radius: 8rem; z-index: 1; position: relative; } 
.section2 .right_box { width: 50%; height: 80vh; /* background:url(../img/main2_right_img1.jpg) no-repeat center center/cover; */background-color: #fff; color: #fff; color: #111; position: relative; z-index: 100; } 
.section2 .right_box .info_box { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 80%; } 
.section2 .right_box .info_box .top_box h3:nth-child(1) { font-size: 2.6rem; font-weight: 600; display: inline-block; background: linear-gradient(90deg, rgb(156 239 153) 0%, rgb(78 197 103) 100%); border-radius: 3rem; color: #fff; padding: 1rem 2rem; } 
.section2 .right_box .top_box h3 { margin-bottom: 3rem; } 
.section2 .right_box .pro_tit_box h2 { padding-bottom: 1rem; } 
.section2 .right_box .info_box .btn_wrap { padding-top: 12rem; display: flex; align-items: center; } 
.section2 .right_box .info_box .btn_wrap b { background: var(--main-color); border-radius: 50%; width: 6rem; height: 6rem; position: relative; margin-right: 3rem; left: 0; transition: all .4s; } 
.section2 .right_box .info_box .btn_wrap i { color: #111; position: absolute; top: 50%; left: 52%; transform: translate(-50%, -50%); font-size: 3.2rem; } 
.section2 .right_box .info_box .btn_wrap span { font-weight: 600; color: #fff; position: relative; /* left: 0; *//* transition: all .4s; */ } 
.section2 .right_box .info_box .btn_wrap:hover b { left:1.5rem; } 
/* pro_slider pagination */
.section2 .mySwiper2 .swiper-pagination { position: absolute; bottom: 0; right: 0; z-index: 100; color: #d9d9d985; color: #23bd3459; width: 20rem; top: unset; left: unset; font-size: 3rem; font-weight: 800; } 
.section2 .mySwiper2 .swiper-pagination .swiper-pagination-current { font-size: 2.2em; } 
.section2 .mySwiper2 .swiper-pagination .pg_bar { padding: 0 1.4rem; } 


/* pro_slider arrow */
.arrow_wide_wrap { width: 50%; position: absolute; right: 0; height: 7rem; /* background: #dcdcdc5e; */
 z-index: 1; bottom: 0; } 
.arrow_wide_wrap .inner { width: 80%; height: 100%; left: 50%; transform: translateX(-50%); /* background: #ffff005c; */
 position: absolute; z-index: 6; display: flex; flex-direction: row; justify-content: space-between; } 
.arrow_wrap { width: fit-content; margin: auto; display: flex; position: absolute; z-index: 100; bottom: 0; left: 0; justify-content: flex-start; } 
.pro_arrow { width: 7rem; height: 7rem; display: block; position: relative; background: linear-gradient(90deg, rgb(156 239 153) 0%, rgb(78 197 103) 100%); border-radius: 16px; } 
.pro_arrow i { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; cursor: pointer; font-size: 4rem; color: #fff; } 
.pro_prev { margin-right: 1rem; } 

/* SECTION3 */
.section3_wrap { width: 100%; height: 100%; color: #fff; background-color: #f3fff8; padding: 10rem 0; } 
.section3_wrap .info_box .top_box { padding-bottom: 5rem; text-align: center; } 
.section3_wrap .info_box .top_box strong { font-size: 1.1em; } 

/* */
.section3_wrap .info_box .bottom_box { width: 90%; margin: 0 auto; max-width: 1200px; } 
.section3_wrap .info_box .service_box > li { border-radius: 1rem; overflow: hidden; background: #fff; transition: all .4s; height: 260px; position: relative; } 
.section3_wrap .info_box .service_box > li a::before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background: #11111187; opacity:0; z-index: 9; transition: all .2s; } 
.section3_wrap .info_box .service_box > li a:hover::before { opacity:1 } 
.section3_wrap .info_box .service_box > li a:hover .info_box h4 { opacity:1; text-align: center; } 
.section3_wrap .info_box .service_box > li .info_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 20; } 
.section3_wrap .info_box .service_box > li .info_box h4 { color: #fff; font-size: 3.6rem; opacity: 0; position: relative; z-index: 10; transition:all .4s; } 
.section3_wrap .info_box .service_box > li:hover img { transform: scale(1.15); } 
.section3_wrap .info_box .service_box > li:hover { box-shadow: 1px 1px 6px 0px #8e8e8e; } 
.section3_wrap .info_box .service_box li img { /* max-width: fit-content; */width: 100%; height: 100%; transition: all .5s; object-fit: cover; } 
.section3_wrap .info_box .flex_box { margin: 0 auto; } 
.section3_wrap .info_box .service_img { overflow: hidden; height: 100%; } 
.section3_wrap .info_box .bottom_box .tit_3 { font-weight: 600; position: relative; display: inline-block; padding-bottom: 0.5rem; } 
.section3_wrap .info_box .service_list li:before { content:''; display: block; position:absolute; left:0; top: 0.7rem; width: 5px; height: 5px; background-color:var(--main-color) } 
.section3_wrap .info_box .service_list { padding-top: unset; } 
.section3_wrap .info_box .service_list li { padding: 0.3rem 0; font-size: 1.7rem; font-weight: 500; position: relative; padding-left: 1.2rem; } 
.index_wrap .section3_wrap .tit_3 { font-weight: 600; font-size: 2.4rem; padding-bottom: 2rem; } 
.section3_wrap h4.tit_4 { color: #111; font-size: 2.4rem; } 
.section3_wrap .service_info { padding: 2rem 2rem 2rem 4rem; } 

.ws_wrap { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: row; background: linear-gradient(90deg, rgb(5 118 98) 0%, rgb(11 64 22) 100%); /* background: #247335; */padding: 6rem 0 5rem; color: #fff; } 
.ws_wrap .left_box { width: 35%; height: 100%; background: #000; } 
.ws_wrap .right_box .tit_box { padding-top: 0; text-align: center; padding-bottom: 4rem; } 
.ws_wrap .right_box { text-align: center; flex: 1 1 0; } 
.ws_wrap .right_box .icon_box i { font-size: 5rem; padding-bottom: 1rem; } 
.ws_wrap .right_box .tit_box .tit_3 { font-weight: 700; padding-bottom: 1rem; font-size: 4rem; } 
.ws_wrap .right_box .tit_box .tit_4 { font-size: 2rem; line-height: 1.5; font-weight: 300; } 
.ws_wrap .right_box .tit_box p { font-size: 1.8rem; color: #fff; } 
.ws_wrap .right_box .worship_time { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: center; } 
.ws_wrap .right_box .worship_time .service_info { flex: 1 1 auto; position: relative; } 
.ws_wrap .right_box .worship_time .service_info:nth-child(2):before { content:''; display:block; position:absolute; width: 1px; height: 90%; background: #ffffff3d; top: 50%; left: 0; transform: translateY(-50%); } 
.ws_wrap .right_box .worship_time .service_info:nth-child(2):after { content:''; display:block; position:absolute; width: 1px; height: 90%; background: #ffffff3d; top: 50%; transform: translateY(-50%); right: 0; } 
.ws_wrap .right_box .worship_time .tit_3 { padding-bottom: 1rem; font-size: 2.6rem; } 
.ws_wrap .right_box .worship_time .tit_3 b { font-size: 4rem; display: block; } 
.ws_wrap .right_box .worship_time .service_info .service_list { display: flex; flex-direction: column; align-content: center; align-items: center; } 
.ws_wrap .right_box .worship_time .service_info .tit_3 { color: #fff; } 
.ws_wrap .right_box .worship_time .service_info .service_list li { padding: 0.5rem; font-size: 1.9rem; } 
.ws_wrap .right_box .worship_time .service_info .service_list li span { padding-right: 0.5rem; } 

/* SECTION4 */
.section4 .section4_wrap { width: 100%; height: 100vh; background: url(../img/main4_bg.jpg) no-repeat center center/cover; color: #fff; position: relative; } 
.section4 .section4_wrap:after { content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height: 34vh; background: var(--main-color); } 
.section4 .section4_wrap h4 { font-weight: 200; } 
.section4 .section4_wrap .top_box { padding-bottom: 4rem; } 
.section4 .section4_wrap .info_box { margin-left: auto; position: absolute; left: 10%; top: 55%; transform: translateY(-50%); width: 100%; z-index: 10; } 
.section4 .section4_wrap .pro_slide_wrap .swiper-slide a { border: 1px solid #a3a3a3; background: #000000e3; color: #fff; padding: 2rem; border-radius: 8px; } 
.section4 .section4_wrap .pro_slide_wrap .swiper-slide .slide_box .product_info { padding: 3rem 3rem 0; height: 250px; } 
.section4 .section4_wrap .pro_slide_wrap .swiper-slide .slide_box .product_info .tech_info { font-size: 20px; height: 100%; position: relative; } 
.section4 .section4_wrap .pro_slide_wrap .swiper-slide .slide_box .product_info .tech_info h3 { padding-bottom: 1em; font-size: 1.3em; font-weight: 800; } 
.section4 .section4_wrap .pro_slide_wrap .swiper-slide .slide_box .product_info .tech_info p { font-size: 1em; line-height: 1.4; color: #7c7c7cf7; } 
.section4 .section4_wrap .pro_slide_wrap .swiper-slide .slide_box .product_info .tech_info span { position: absolute; bottom: 40px; color: var(--main-color); font-size: 1em; font-family: 'Rajdhani'; font-weight: 500; } 
.section4 .section4_wrap .pro_slide_wrap .swiper-slide .slide_box .product_info .tech_info span i { position: relative; top: 3px; left: 10px; } 
.section4 .section4_wrap .pro_slide_wrap .swiper-slide .slide_box .product_img img { width: 100%; } 

.pro_slider { height: 54vh; } 
/* section4 pagination */
.news_control_wrap { width: 200px; position: absolute; top: 21%; right: 20%; z-index: 20; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; display: none; } 
.news_control_wrap.show { display:flex } 
.news_control_wrap .control_arrow { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; flex-grow: 1; position: relative; } 
.news_control_wrap .control_arrow .custom_arrow { font-size: 2rem; } 

/* 정지재생 */
 .slide_btn { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #fff; \: absolute; position: relative; margin-left: 6%; } 
 .slide_btn span { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } 
 .slide_btn span.on { display: inline-block; } 
 .slide_btn .xi-pause { color: #fff; font-size: 18px; font-weight: 100; } 
 .slide_btn .xi-play { color: #fff; font-size: 18px; } 

/* pagniation1 */
.news_control_wrap .control_arrow .swiper-pagination.swiper-pagination-fraction { width: 64%; margin: 0 auto; height: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; position: relative; top: unset; bottom: unset; } 
.news_control_wrap .control_arrow .swiper-pagination.swiper-pagination-fraction span { font-size: 1.4rem; color: #ffffffa8; font-weight: 600; } 
.news_control_wrap .control_arrow .swiper-pagination.swiper-pagination-fraction .pg_bar { display: none; } 
/* pagniation2 */
.news_control_wrap .control_arrow .swiper-pagination2.swiper-pagination-progressbar { max-width: 47px; height: 2px; background: #5b5b5b; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.news_control_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #fff; height: 2px; } 

 /* new */
 .sec3_grid_box { height: 100vh; display: grid; grid-template-columns: repeat(9, 1fr); grid-template-rows: repeat(6, 1fr); gap: 1rem; overflow: hidden; } 
 .sec3_item { background-size: cover; position: relative; } 
 .sec3_item .text_box { position: absolute; top: 58%; left: 10%; transform: translateY(-50%); text-align: left; } 
 .sec3_item:nth-child(1) { grid-column: 1/6; grid-row: 1/7; background-image: url(../img/section3_img1.jpg); background-position-y: top; } 
 .sec3_item:nth-child(1) .text_box { top: 30%; } 
 .sec3_item:nth-child(1) .text_box h3 { font-size: 90px; } 
 .sec3_item:nth-child(1) .text_box p { font-size: 50px; } 
 .sec3_item:nth-child(2) { grid-column: 6/8; grid-row: 1/5; background-image: url(../img/section3_img2.jpg); } 
 .sec3_item:nth-child(3) { grid-column: 8/10; grid-row: 1/4; } 
 .sec3_item:nth-child(3) h3 { font-size: 3rem; font-weight: 600; } 
.sec3_item:nth-child(3) h3.main_color { font-size: 5rem; } 
 .sec3_item:nth-child(3) p { font-size: 2rem; font-weight: 400; line-height: 1.5; } 
 .sec3_item:nth-child(4) { grid-column: 8/10; grid-row: 4/7; background-image: url(../img/section3_img3.jpg); } 
 .sec3_item:nth-child(5) { grid-column: 6/8; grid-row: 5/7; background-image: url(../img/section3_img4.jpg); background-size: contain; background-repeat: no-repeat; background-color: #111; background-position-x: center; } 
 .sec3_item:nth-child(5) .text_box { top: 65%; } 
 .sec3_item:nth-child(5) p { font-size: 40px; color: #fff; } 


/****************** RESPONSIVE SETTING ********************/

@media (max-width: 1270px){
 .pro_arrow { width: 6rem; height: 6rem; } 
 .pro_arrow i { font-size: 3rem; } 
 }
 
 @media (max-width: 1080px){
 .control_wrap { bottom: 35%; left: 9%; } 
 .section1 .mySwiper .swiper-slide .visual_wrap { width: 90%; } 
.index_wrap .tit_wrap h2 { font-size: 1.5em; } 
 .index_wrap .section2 .section2_wrap > ul li .vision_box h3 { font-size: 3rem; } 
.index_wrap .section2 .section2_wrap > ul li .vision_box .icon_box { width: 40px; height: 40px; } 
 /* section2 */
 .section2 .left_box img { display: block; object-fit: cover; width: 100%; border-radius: 3rem; margin: 0 auto; } 
 .index_wrap h1.tit_1 { font-size: 2.8rem; } 
 .section2 .right_box .pro_tit_box h2 br { display:none; } 
 .index_wrap h1.tit_1 br { display:none; } 
 }
 @media (max-width: 768px) { /* section2 */
 .section2_tit { padding: 8rem 0 4rem; font-size: 2.8rem; } 
 .index_wrap .section2_wide { display: flex; flex-direction: column; } 
 .section2 .left_box { width: 100%; height: 50vh; } 
 .section2 .left_box .img_box { position: relative; top: unset; left: unset; transform: unset; margin: 0 auto; height: 100%; width: auto; } 
 .section2 .right_box { height: auto; width: 100%; margin-top: 6rem; padding-bottom: 5rem; } 
 .section2 .right_box .info_box { position: relative; top: unset; left: unset; transform: unset; margin: 0 auto; height: 350px; } 
 .section2 .mySwiper2 .swiper-pagination { font-size: 2.8rem; bottom: 0; right: -10%; } 
 .arrow_wide_wrap { width: 100%; height: calc(363px + 4rem); } 
 .arrow_wrap { right: 0; top: 0; left: unset; } 
.arrow_wide_wrap .inner { padding-bottom: 2rem; width: 93%; } 
 .section2 .right_box .info_box .top_box h3:nth-child(1) { font-size: 2.4rem; } 


/* section 4 */
.section4 .section4_wrap .top_box { padding-bottom: 10rem; } 
 .news_control_wrap { left: 0; top: 23%; } 
 }
 @media (max-width: 600px) { } 
 @media (max-width: 480px){
 .mouse_wrap { left: 0; } 
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 strong { font-size:1.2em; padding-right: 0.5rem; } 
 .index_wrap .tit_wrap { font-size: 2rem; padding-top: calc(60px + 4rem); } 
 .visual_wrap .visual_txt_box .visual_info { width: 94%; } 
 .section1 .mySwiper .swiper-slide .visual_wrap .img_box { margin-top: 2rem; } 
 .section1 .mySwiper .swiper-slide .visual_wrap .img_box img { width:150px; } 
.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 { font-size: 0.8rem; left: 10%; } 
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box { margin-bottom: 3rem; } 
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 { line-height: 1.1; } 
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box h2 { font-size: 2.2rem; } 
 .main_btn { margin-top: 5rem; width: 200px; } 
 .main_btn a { padding: 1rem 3rem; } 


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

 /* section2 */
 .section2 .right_box { margin-top: 3rem; } 
 .pro_arrow { width: 5rem; height: 5rem; border-radius: 10px; } 
 .section2 .right_box .info_box .top_box h3:nth-child(1) { padding: 0.5rem 2rem; margin-bottom: 2rem; font-size: 2.2rem; } 
 .section2 .left_box { height: 190px; width: 90%; margin: 0 auto; } 
 .index_wrap h2.tit_2 {font-size: 1.7rem;} 
 .section2 .right_box .info_box .btn_wrap { padding-top: 4rem; } 
 .section2 .right_box .info_box .btn_wrap b { width: 5rem; height: 5rem; } 
.section2 .mySwiper2 .swiper-pagination { right: 0; bottom: 0; width: fit-content; } 
 .section2 .mySwiper2 .swiper-pagination .swiper-pagination-current { font-size: 5rem; } 
 .section2 .right_box .info_box { width: 92%; height: 340px; } 
 .index_wrap .section2 .section2_wrap { padding-bottom: 6rem; } 
 .section2_tit { padding: 4rem 0; font-size: 2.2rem; } 
 .index_wrap h1.tit_1 {font-size: 2rem;} 
 .arrow_wrap { top: 2rem; } 
  .index_wrap h3.tit_3{
    font-size: 1.8rem;
}
 
 /* section3 */
.ws_wrap .right_box .worship_time .service_info { flex: 1 1 100%; padding-top: 2rem; } 
 .ws_wrap .right_box .worship_time .service_info:nth-child(2):before { height: 1px; width: 80%; top: 0; left: 50%; transform: translateX(-50%); } 
 .ws_wrap .right_box .worship_time .service_info:nth-child(2):after { height: 1px; width: 80%; top: unset; bottom: 0; left: 50%; transform: translateX(-50%); } 
 .index_wrap .worship_time ul { margin-bottom: 1rem; min-height: 80px; } 
.index_wrap .ws_wrap .right_box .tit_box { padding-bottom: 2rem; } 
 .ws_wrap .right_box .tit_box .tit_3 { font-size: 2.4rem; } 

 /* section4 */
.section3_wrap { padding: 8rem 0; } 
 .section3_wrap .info_box .service_box > li a::before { opacity: 1; background: #00000038; } 
 .section3_wrap .info_box .service_box > li { height: auto; width: 49%; } 
 .section3_wrap .info_box .service_box > li:nth-child(3n) { margin-right: 2%; } 
 .section3_wrap .info_box .service_box > li:nth-child(2n) { margin-right:0; } 
 .section3_wrap .info_box .service_box > li .info_box h4 {font-size: 2rem;text-align: center;} 
 .section3_wrap .info_box .service_box > li a .info_box h4 { opacity: 1; } 
.index_wrap .section3_wrap .tit_3 { font-size: 2.2rem; } 
 .index_wrap h4.tit_4 { font-size: 2.2rem; } 
 .news_control_wrap { top: 19%; } 
.section4 .section4_wrap .top_box { padding-bottom: 5rem; width: 90%; } 
 .section4 .section4_wrap { height: 90vh; } 
 .pro_slider { height: auto; } 
 .section4 .section4_wrap .info_box { top: 51%; } 
 }