@charset "utf-8"; .section1 .main_more_wrap { margin-top: 5rem; overflow: hidden; } 
.index_wrap .section1 { background: #111; } 
.section1 .main_more_btn { color: #fff; font-size: 1.7rem; font-weight: 400; } 

.main_more_btn { display: inline-block; border: 1px solid #ffffff85; transition: all .4s; color: #fff; font-size: 1.7rem; font-weight: 400; } 

.swiper-slide-active .main_more_btn { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.5s; } 

.main_more_btn a { color: #fff; font-size: 1.7rem; font-weight: 400; padding: 2rem 4rem; } 

.main_more_btn span { display: flex; flex-direction: row; align-items: center; } 

.main_more_btn span b { font-weight: inherit; margin-right: 1.5rem; } 

.main_more_btn span i { width: 4rem; height: auto; transition: all .4s; position: relative; left: 0; } 

.main_more_btn:hover { background: #f9f9f914; backdrop-filter: blur(9px); border: 1px solid #fff; } 

.main_more_btn:hover i { position: relative; left: 1rem; } 

.line_box { position: relative; margin-top: 0rem; padding-bottom: 3rem; } 

.swiper-slide.swiper-slide-active .main_line { display: block; position: absolute; left: 0; bottom: 3rem; --width: 100%; height: 2px; background: #fff; animation: line_left 2s; animation-fill-mode: forwards; } 

.index_wrap { line-height: 1; overflow: hidden; } 

.index_wrap .section { position: relative; } 

.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 .slide_bg::before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background: #00000036; } 
.section1 .mySwiper .swiper-slide .visual_wrap { position: absolute; top: 35%; left: 50%; transform: translateX(-50%); width: fit-content; width: 82%; max-width: 1610px; color: #fff; font-size: 1.6rem; font-weight: 200; } 

.section1 .mySwiper .swiper-slide .visual_wrap .img_box { margin-top: 4rem; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 { font-size: 7.2rem; font-weight: 600; line-height: 1.3; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 b { font-weight: 400; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info h3 { font-size: 2.4rem; font-weight: 300; line-height: 1.6; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info h4 { font-size: 1.4em; font-weight: 200; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 { font-size: 7em; transition: all .3s; line-height: 1; position: relative; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 img { max-width: fit-content; width: 100%; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 strong { text-shadow: 3px 2px 4px #676767; } 

.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 p { font-size: 1.7em; line-height: 1.3; font-family: 'SUIT'; font-weight: 300; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info .img_box { margin-bottom: 4rem; } 

.index_wrap .mySwiper .swiper-slide .visual_info h2 strong { font-weight: 700; } 

.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; } 

.index_wrap .section1 .swiper-wrapper { transition-timing-function: linear; } 

.bg-video { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; } 

.bg-video__content { height: 100%; width: 100%; object-fit: cover; } 

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

.index_wrap .mySwiper .swiper-slide.swiper-slide-active .visual_info h3 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.2s; margin-right: 4px; } 

.index_wrap .mySwiper .swiper-slide.swiper-slide-active .visual_info h4 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.4s; margin-right: 4px; } 

.index_wrap .section3 .info_box >ul >li ul { overflow: hidden; } 
.index_wrap .section3 .info_box >ul >li.on ul li { animation: fadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) both; } 
/* pagnation */
.pg_line { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; align-items: center; position: absolute; } 

.pg_line em { font-family: var(--font-fam); font-style: normal; color: #fff; transform: rotate(270deg); font-size: 1.4rem; margin-bottom: 1.3rem; opacity: 0; transition: all .3s; } 

.control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active::before { animation:LoadingBar 13s both; animation-delay: 0.3s; content:''; display:block; position:absolute; width: 100%; height: 100%; background: #fff; border-radius: unset; bottom: 0; } 

.control_wrap { position: absolute; top: 50%; left: 4%; } 

.control_wrap .swiper-pagination { text-align: left; position: relative; display: flex; justify-content: space-between; align-items: center; top: 0; } 

.control_wrap .swiper-pagination-bullet { border-radius: 0; height: 1rem; width: 1rem; background: unset; opacity: 1; display: block; } 

.control_wrap .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .control_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin-left: 0; width: 2px; height: 120px; background: #ffffff45; position: relative; transition: all .4s; margin: 0; } 

.control_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet em { position: absolute; top: -1px; color: #fff; font-style: normal; font-size: 1.4rem; opacity: 0; opacity: 1; font-family: 'SCoreDream'; } 

.control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active+em { opacity: 1; } 

/* arrow_wrap */
.arrow_wrap { position: absolute; color: #fff; left: 8.5%; bottom: 18%; z-index: 10; display: flex; width: 13rem; justify-content: space-between; } 

.arrow_wrap .custom_prev, .arrow_wrap .custom_next { cursor: pointer; border: 1px solid #fff; border-radius: 50%; width: 6rem; height: 6rem; display: flex; align-items: center; justify-content: center; } 

.arrow_wrap .custom_prev i, .arrow_wrap .custom_next i { font-size: 2.3rem; } 

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

 to { height: 100%; } 
 }

/* SECTION 공통 */
.index_wrap .inner { max-width: 1610px; margin: 0 auto; width: 90%; } 

.main_tit_1 { font-size: 4.8rem; font-weight: 700; padding-bottom: 4rem; } 

.main_tit_2 { font-size: 3.6rem; font-weight: 600; } 

.main_tit_3 { font-size: 3rem; font-weight: 700; } 

.main_wrapper .main_p1 { font-size: 4.8rem; line-height: 1.3; letter-spacing: -1px; } 
.index_wrap .section2 .swiper { padding: 4rem 0 } 

/* SECTION2 */
.index_wrap .section2 .txt_box, .index_wrap .section2 .box2 .img_box { /* display: none; */opacity: 0; } 
.index_wrap .section2 .on { /* display: block !important; */opacity: 1; z-index: 5; } 
.index_wrap .section2 .flex_box { display: flex; align-items: stretch; width: 100%; height: 100%; } 
.index_wrap .section2 .box1 { padding-left: 7%; font-size: 2rem; padding-right: 7%; padding-top: 11rem; } 
.index_wrap .section2 .box1 .txt_box_wrap { position: relative; height: 33vh; margin-top: 13vh; } 
.index_wrap .section2 .box1 .txt_box { margin-bottom: 9rem; position: absolute; top: 0; } 
.index_wrap .section .txt_box span { margin-bottom: 3rem; display: block; } 
.index_wrap .section .txt_box h2 { font-size: 4.2rem; margin-bottom: 2rem; font-weight: 600; } 
.index_wrap .section .txt_box p { font-weight: 300; color: #444; line-height: 1.6; } 
.index_wrap .section2 .info_box ul { border-bottom: 1px solid #dcdcdc; } 
.index_wrap .section2 .info_box li { border-top: 1px solid #dcdcdc; padding: 1.8rem 2rem; transition: all .3s; } 
.index_wrap .section2 .info_box li .v_tit { transition: all .5s; flex-grow: 1; } 
.index_wrap .section2 .info_box li.on .v_tit { font-size: 2.4rem; color: var(--main-color); font-weight: 500; } 
.index_wrap .section2 .info_box li.on .v_btn { opacity: 1; background: #111; color: #fff; } 
.index_wrap .section2 .info_box li.on .v_btn b { color: #fff; } 
.index_wrap .section2 .info_box li { color: #444; display: flex; justify-content: space-between; align-items: center; transition: all .5s; } 
.index_wrap .section2 .info_box li .v_btn { font-size: 1.6rem; background: #ededed; padding: 1.6rem 2rem; border-radius: 50px; opacity: 0; transition: all .3s; flex-basis: 30%; min-width: 18rem; display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center; } 
.index_wrap .section2 .info_box li .v_btn i { font-size: 2rem; } 
.index_wrap .section2 .info_box li .v_btn b { font-weight: 400; margin-right: 2rem; color: #555; transition: all .3s; } 
.index_wrap .section2 .box2 { position: relative; flex-grow: 1; } 
.index_wrap .section2 .box2 .img_box { position: absolute; left: 0; top: 0; opacity: 0; transition: all 1s; height: 100%; width: 100%; } 
.index_wrap .section2 .box2 .img_box img { height: 100%; object-fit: cover; max-width: unset; } 
.index_wrap .section2 .box2 .img_box.on { opacity: 1; } 

/* SECTION3 */
.index_wrap .section.section3 { color: #fff; font-size: 2rem; transition: all 1s; position: relative; } 
.index_wrap .section.section3::before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background: #11111114; } 
.index_wrap .section3 .box1 { position: relative; top: 3rem; } 
.index_wrap .section3 { background:url(../../img/main3_bg1.jpg) no-repeat center center/cover; } 
.index_wrap .section3.bg1 { background:url(../../img/main3_bg1.jpg) no-repeat center center/cover; } 
.index_wrap .section3.bg2 { background:url(../../img/main3_bg2.jpg) no-repeat center center/cover; } 
.index_wrap .section3.bg3 { background:url(../../img/main3_bg3.jpg) no-repeat center center/cover; } 

.index_wrap .section3 h2 { font-size: 6rem; font-weight: 600; margin-top: 3rem; margin-bottom: 1rem; } 
.index_wrap .section3 .info_box { } 
.index_wrap .section3 .info_box >ul { } 
.index_wrap .section3 .info_box >ul >li { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #dcdcdc; transition: all .3s; position: relative; } 
.index_wrap .section3 .info_box >ul >li.on::after { content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:2px; z-index: 4; background: #fff; } 

.index_wrap .section3 .info_box >ul >li>b { font-size: 3.6rem; color: #cccccc96; font-weight: 800; width: fit-content; padding: 5rem 0; } 
.index_wrap .section3 .info_box .sub_box { display: flex; margin-left: 3rem; } 
.index_wrap .section3 .info_box .sub_box a { color: #cfcece; transition: all .3s; } 
.index_wrap .section3 .info_box .sub_box li { margin-right: 2rem; padding: 2rem 1rem; opacity: 0; color: #fff; transition: all .3s; } 
.index_wrap .section3 .info_box .sub_box li:hover > a { color:#fff; } 
.index_wrap .section3 .info_box >ul >li.on > b { color: #fff; } 
.index_wrap .section3 .info_box >ul >li.on .sub_box li { opacity: 1; } 

/* SECTION4 */
.index_wrap .section4 { overflow: hidden; } 
.index_wrap .section4 .solu_swiper1 .img_box { width: 41%; margin-right: -1%; } 
.index_wrap .section4 .solu_swiper1 .img_box img { height: 100%; object-fit: cover; } 
.index_wrap .section4 .letter_img { position: absolute; top: 18%; z-index: 10; left: 35%; width: 45%; } 
 .index_wrap .section4 .letter_img{display:none;}
.index_wrap .section4 .solu_swiper { } 
.index_wrap .section4 .solu_sw_wrap { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-left: 7%; position: relative; top: 4%; height: 63vh; } 
.index_wrap .section4 .solu_swiper1 { width: 65%; height: 100%; position: relative; } 
.index_wrap .section4 .solu1 { overflow: hidden; position: relative; height: 100%; } 
.index_wrap .section4 .swiper-wrapper { } 
.index_wrap .section4 .swiper-slide { display: flex; align-items: stretch; } 
.index_wrap .section4 .info_box { margin-top: 10%; margin-left: 8rem; margin-right: 6rem; margin-bottom: 10%; position: relative; display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } 
.index_wrap .section4 .txt_box { font-size: 2rem; } 
.index_wrap .section4 .txt_box span { } 
.index_wrap .section4 .txt_box p { } 
.index_wrap .section4 .upper { } 
.index_wrap .section4 .main_color { } 
.index_wrap .section4 .v_btn { width: fit-content; } 
.index_wrap .section4 .v_btn a span:hover::before { width:100%; } 
.index_wrap .section4 .v_btn a span::before { content:''; display:block; position:absolute; width:0%; background: var(--main-color); height: 1px; bottom: 0; transition: all .3s; } 
.index_wrap .section4 .v_btn a { display: inline-block; width: fit-content; transition: all .3s; } 
.index_wrap .section4 .v_btn span { font-size: 1.6rem; color: #111; font-weight: 500; padding-bottom: 1rem; display: block; position: relative; } 
.index_wrap .section4 .solu_bottom_box { position: absolute; left: 0; bottom: 0; right: 0; width: 59%; margin-left: 40%; display: flex; flex-direction: row; align-items: flex-end; z-index: 10; justify-content: space-between; } 
.index_wrap .section4 .solu_pg_wrap { position: relative; height: 2rem; width: 38rem; margin-left: 7rem; } 
.index_wrap .section4 .solu_pg_wrap .swiper-pagination { bottom: 2px; width: 100%; left: 0; text-align: left; } 
.index_wrap .section4 .swiper-pagination-bullet { width: 7rem; border-radius: 0; height: 3px; background: #bebebe; opacity: 1; } 
.index_wrap .section4 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--main-color); width: 5rem; } 
.index_wrap .section4 .arrow_box { position: relative; display: flex; justify-content: space-between; width: 8rem; height: 4rem; right: 6rem; } 
.index_wrap .section4 .arrow_box>div { background: unset; color: #363636; cursor: pointer; } 
.index_wrap .section4 .arrow_box i { font-size: 3.4rem; } 
.index_wrap .section4 .sol_next { } 
.index_wrap .section4 .sol_prev { } 
.index_wrap .section4 .solu_swiper2 { width: 40%; overflow: hidden; } 
.index_wrap .section4 .solu2 { /* overflow: hidden; */ } 

.index_wrap .section4 .solu_swiper2 .solu2 { width: 33%; width: 100%; height: 63vh; } 
.index_wrap .section4 .solu_swiper2 .solu2 .img_box { } 
.index_wrap .section4 .solu_swiper2 .solu2 .img_box img { object-fit: cover; max-width: unset; height: 100%; object-position: right; } 


/* SECTION5 */
.index_wrap .section5 { background: url(../../img/main5_bg.jpg) no-repeat center center/cover; color: #fff; } 
.index_wrap .section5_wrap { } 
.index_wrap .section5 .box1 { } 
.index_wrap .section5 .inner_wrap { display: flex; flex-direction: row; align-items: center; position: relative; } 
.index_wrap .section5 .tit_box { text-align: left; margin-right: 4%; width: 22%; } 
.index_wrap .section5 .tit_box p { color: #fff; margin-top: 3rem; font-size: 2rem; } 
.index_wrap .section5 .upper { font-weight: 700; font-size: 4.8rem; } 
.index_wrap .section5 .right_box { } 
.index_wrap .section5 .right_box ul { display: flex; align-items: stretch; color: #999; } 
.index_wrap .section5 .right_box ul li { background: #fff; margin-left: 4%; width: 33%; transition: all .3s; position: relative; overflow: hidden; } 
.index_wrap .section5 .right_box ul li .support_in { background: #fff; padding: 4rem 4rem; position: relative; margin: 5px; } 
.index_wrap .section5 .right_box ul li:hover::before { opacity:1 } 
.index_wrap .section5 .right_box ul li:hover .icon_box1 { background-image: url(../../img/icon_red1.png) } 
.index_wrap .section5 .right_box ul li:hover .icon_box2 { background-image: url(../../img/icon_red2.png) } 
.index_wrap .section5 .right_box ul li:hover .icon_box3 { background-image: url(../../img/icon_red3.png) } 

.index_wrap .section5 .right_box ul li::before { content:""; display: block; width: 600px; height: 600px; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; border: 1px solid transparent; background-image: linear-gradient(135deg, #ff8e8e 0%, rgba(255, 255, 255, 0) 30%, #ff0008 100%); transform: translate(-50%,-50%) rotate(0); background-origin: border-box; background-clip: content-box, border-box; animation: bo_line 5s infinite linear; opacity: 0; transition: all .3s; } 
@keyframes bo_line { 
 0% { transform: translate(-50%,-50%) rotate(0); } 
 100% { transform: translate(-50%,-50%) rotate(360deg); } 
 }

.index_wrap .section5 .right_box ul li h3 { font-size: 3rem; color: #111; padding: 4rem 0; font-weight: 700; } 
.index_wrap .section5 .right_box ul li p { font-size: 1.8rem; font-weight: 300; height: 7rem; } 
.index_wrap .section5 .right_box li .icon_box { background-repeat:no-repeat; background-position:center; background-size:contain; width: 7.2rem; height: 7.7rem; transition: all .3s; } 
.index_wrap .section5 .right_box li .icon_box1 { background-image: url(../../img/icon_gray1.png) } 
.index_wrap .section5 .right_box li .icon_box2 { background-image: url(../../img/icon_gray2.png) } 
.index_wrap .section5 .right_box li .icon_box3 { background-image: url(../../img/icon_gray3.png) } 

.index_wrap .section5 .main_btn_wrap { margin-top: 5rem; } 
.index_wrap .section5 .main_btn_wrap a { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; } 
.index_wrap .section5 .main_btn_wrap a .img_box { margin-left: 1rem; } 
.index_wrap .section5 .img_box { } 

.index_wrap .section6 .partner_wrap { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; position: relative; height: 20rem; } 
.index_wrap .section6 .partner_wrap p { font-size: 2.4rem; font-weight: 700; margin-left: 8%; margin-right: 6rem; } 

.index_wrap .section6 .part_slider_wrap { flex-grow: 1; width: 84%; display: flex; align-items: center; position: relative; } 
.index_wrap .section6 .partner_pg_wrap { width: 14rem; } 
.index_wrap .section6 .partner_pg_wrap .partner_pg { display: flex; align-items: center; font-size: 3.4rem; justify-content: space-between; width: 100%; } 
.index_wrap .section6 .partner_pg { } 
.index_wrap .section6 .partner_prev { } 
.index_wrap .section6 .slide_btn { width: 4rem; color: #111; text-align: center; } 
.index_wrap .section6 .slide_btn i { font-size: 3rem; } 
.index_wrap .section6 .stop { } 
.index_wrap .section6 .on { } 
.index_wrap .section6 .xi-pause { } 
.index_wrap .section6 .play { } 
.index_wrap .section6 .xi-play { } 
.index_wrap .section6 .partner_next { } 
.index_wrap .section6 .swiper { } 
.index_wrap .section6 .part_slieder { position: relative; flex: 1; } 
.index_wrap .section6 .part_slieder::before { content:''; display:block; position: absolute; left: 0; width: 5rem; height: 100%; background: linear-gradient(90deg, #fff, #11111100); z-index: 10; } 
.index_wrap .section6 .swiper-wrapper { } 
.index_wrap .section6 .swiper-slide { } 
.index_wrap .section6 .img_box { height: 70px; display: flex; align-items: center; justify-content: center; } 

 /* 정지재생 */
 .slide_btn { cursor: pointer; } 
 .slide_btn span { display: none; } 
 .slide_btn span.on { display: inline-block; } 
 .slide_btn i { font-size: 2rem; } 



/****************** RESPONSIVE SETTING ********************/
@media (max-width: 1580px) { } 

@media (max-width: 1300px){
 .index_wrap .section2 .box1 { padding-left: 5rem; padding-right: 4rem; } 
 .index_wrap .section4 .solu_pg_wrap { margin-left: 6rem; } 
 .index_wrap .section4 .solu_sw_wrap { margin-left: 4%; } 
 .index_wrap .section4 .solu_bottom_box { margin-left: 35%; } 
 .index_wrap .section4 .arrow_box { right: 0; } 
 .index_wrap .section5 .right_box ul li .support_in { padding: 3rem; } 
 .index_wrap .section5 .upper { font-size: 4.4rem; } 
 .index_wrap .section5 .right_box ul li h3 { padding: 2rem 0; font-size: 2.8rem; } 
 }

/* DESKTOP */
@media (max-width: 1270px) { /* .fp-section, .fp-tableCell { height: auto !important; } 
.index_wrap .section1,.index_wrap .section2,.index_wrap .section3 { height: 100vh; } */
 .index_wrap .section2 .box1 { padding-left: 5rem; padding-right: 4rem; padding-top: 6rem; } 
 .index_wrap .section4 .solu_swiper1 .img_box { width: 50%; } 
 .index_wrap .section4 .info_box { margin-left: 5rem; margin-right: 4rem; } 
 .index_wrap .section4 .txt_box { font-size: 1.8rem; } 
 .index_wrap .section .txt_box h2 { font-size: 4.2rem; } 
 .index_wrap .section4 .solu_bottom_box { margin-left: 43%; } 
 .index_wrap .section4 .solu_pg_wrap { margin-left: 3rem; } 
 .index_wrap .section4 .arrow_box { right: 5rem; } 
 }

@media (max-width: 1080px){
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 { font-size: 6rem; } 
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info h3 { font-size: 2.2rem; } 
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info h3 br { display:none; } 
 .section1 .mySwiper .swiper-slide .visual_wrap { left: 52%; } 
.arrow_wrap { left: 10%; } 
 .index_wrap .section2 .box1 { padding-right: 1rem; font-size: 1.9rem; } 
 .index_wrap .section2 .info_box li { padding: 1.8rem 0; } 
 .index_wrap .section .txt_box h2 { font-size: 4.2rem; } 
 .index_wrap .section2 .info_box li.on .v_tit { font-size: 2.2rem; } 
 .index_wrap .section2 .info_box li .v_btn { font-size: 1.4rem; padding: 1.5rem 2rem; } 
 .index_wrap .section2 .info_box li .v_btn i { font-size: 1.8rem; } 
 .index_wrap .section3 .info_box >ul >li >a { font-size: 3.2rem; width: fit-content; } 
.index_wrap .section3 .info_box >ul >li>b { font-size: 3.2rem; } 
 .index_wrap .section4 .letter_img { width: 80%; } 
.index_wrap .section4 .solu_swiper2 { display: none; } 
 .index_wrap .section4 .solu_swiper1 { width: 100%; } 
 .index_wrap .section4 .solu_sw_wrap { margin-left: 0; width: 92%; margin: 0 auto; top: 0; } 
 .index_wrap .section4 .solu_bottom_box { margin-left: 46%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } 
 .index_wrap .section4 .solu_pg_wrap { order: 2; } 
 .index_wrap .section4 .arrow_box { right: -3rem; order: 1; margin-bottom: 3rem; } 
 .index_wrap .section4 .info_box { margin-bottom: 14%; } 
 .index_wrap .section5 .right_box ul li p { font-size: 1.7rem; } 
 .index_wrap .section5 .right_box ul li h3 { font-size: 2.4rem; } 
 .index_wrap .section5 .tit_box { width: 20%; margin-right: 2%; } 
 .index_wrap .section5 .upper { font-size: 4rem; } 
 }
@media (max-width: 834px){
 .index_wrap .section5 .tit_box { width: 49%; margin-right: 2%; position: absolute; top: 0; padding: 3rem; } 
 .index_wrap .section5 .right_box ul { display: flex; flex-wrap: wrap; } 
 .index_wrap .section5 .right_box ul li { width: 49%; margin-left: 0; } 
 .index_wrap .section5 .right_box ul li:nth-child(1) { margin-left: 51%; margin-bottom: 2%; } 
 .index_wrap .section5 .right_box ul li:nth-child(2) { margin-right: 2%; } 
 .index_wrap .section5 .inner_wrap { width: 80%; height: fit-content; } 
 .index_wrap .section5 .main_btn_wrap { margin-top: 2rem; } 
 .index_wrap .section5 .right_box ul li::before { opacity: 1; } 
 .index_wrap .section6 .partner_wrap p { font-size: 2.2rem; margin-left: 4%; margin-right: 3rem; } 
 .index_wrap .section6 .partner_pg_wrap { width: 14%; } 
 .index_wrap .section6 .partner_wrap { height: 12rem; } 
 .index_wrap .section6 .part_slieder { height: 100%; } 
 }

@media (max-width: 768px){
 .section1 .mySwiper .swiper-slide .visual_wrap { width: 80%; } 
 .arrow_wrap { left: 13%; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 { font-size: 4.8rem; } 
 .index_wrap .section2 .box1 .txt_box_wrap { margin-top: 16vh; height: 25vh; } 
 .index_wrap .section2 .box1 .txt_box { margin-bottom: 5rem; } 
 .index_wrap .section .txt_box h2 { font-size: 3.6rem; } 
 .index_wrap .section3 .info_box >ul >li >b { padding: 4rem 0; font-size: 2.8rem; } 
 }

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

@media (max-width: 480px) {.index_wrap .section .txt_box p { font-size: 1.7rem; } 
 .index_wrap .section .txt_box span { margin-bottom: 2rem; } 
 .index_wrap .section2 .box1 .txt_box { margin-bottom: 0; max-height: 139px; } 
 .index_wrap .section5 .tit_box { padding: 2rem; } 
 .section1 .mySwiper .swiper-slide .visual_wrap { width: 75%; top: 24%; } 
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 { font-size: 3.4rem; } 
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 br { display: none; } 
 .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info h3 { font-size: 1.9rem; } 
 .index_wrap .section2 .box1 { width: 100%; padding-right: 3rem; padding-left: 3rem; padding-top: 80px; } 
.index_wrap .section2 .box1 .txt_box_wrap {margin-top: 0vh;height: 25vh;} 
.index_wrap .section .txt_box h2 { font-size: 2.3rem; } 
 .index_wrap .section .txt_box h2 br { display:none; } 
 .index_wrap .section2 .box2 { height: 46vh; width: 100%; } 
.index_wrap .section2 .info_box li { padding: 1rem 1rem; } 
 .index_wrap .section2 .info_box li .v_btn { padding: 1rem 2rem; } 
 .index_wrap .section2 .info_box li .v_tit { font-size: 1.7rem; } 
 .index_wrap .section2 .info_box li.on .v_tit { font-size: 1.8rem; } 
 .index_wrap .section2 .box2 .img_box { padding: 3rem; margin: 0 auto; height: 90%; } 
 .index_wrap .section2 .info_box li .v_btn b { font-size: 1.3rem; } 
.index_wrap .section3 .info_box >ul >li >b { padding: 3rem 0 1rem; width: 100%; color: #fff; } 
 .index_wrap .section3 .info_box >ul >li { display: flex; flex-wrap: wrap; } 
 .index_wrap .section3 .info_box .sub_box { margin-left: 0; } 
 .index_wrap .section3 .info_box >ul >li.on .sub_box li { opacity: 1; animation: unset; margin-right: 1rem; padding: 1.8rem 1rem 1.8rem 0; font-size: 1.8rem; } 
 .index_wrap .section3 .info_box >ul >li >b { font-size: 2.4rem; } 
/* 480 SECTION4 */
 .index_wrap .section4 .swiper-slide { display: flex; flex-direction: column; } 
.index_wrap .section4 .solu_swiper1 .img_box { width: 84%; height: 36vh; margin: 0 auto; margin-bottom: 4rem; } 
 .index_wrap .section4 .letter_img { z-index: 10; width: 100%; left: 0; } 
 .index_wrap .section4 .solu_swiper1 .img_box img { max-width: unset; } 
 .index_wrap .section4 .solu_sw_wrap { height: 80vh; top: 3%; } 
 .index_wrap .section4 .solu_bottom_box { margin-left: 0; width: 86%; margin: 0 auto; display: flex; bottom: 8%; } 
 .index_wrap .section4 .solu_pg_wrap { margin-left: 0; } 
 .index_wrap .section4 .arrow_box { right: 0; margin-bottom: 1rem; width: 7rem; } 
 .index_wrap .section4 .info_box { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 86%; margin: 0 auto; } 
 .index_wrap .section4 .v_btn { margin-top: 3rem; margin-left: auto; border-radius: 50px; border: 1px solid var(--main-color); padding: 0.5rem; } 
 .index_wrap .section4 .v_btn a span { color: var(--main-color); padding-bottom: 0; padding: 0.4rem; font-size: 1.4rem; } 
 .index_wrap .section4 .swiper-pagination-bullet { width: 4px; transition: all .3s; } 
.index_wrap .section4 .arrow_box i { font-size: 2.8rem; } 
 .index_wrap .section5 .inner_wrap { width: 92%; } 
 .index_wrap .section5 .upper { font-size: 2.4rem; } 
 .index_wrap .section5 .right_box li .icon_box { width: 5.4rem; height: 5.4rem; } 
 .index_wrap .section5 .right_box ul li p { height: fit-content; } 
 .index_wrap .section5 .main_btn_wrap a .img_box { width: 16px; } 
 .index_wrap .section6 .partner_pg_wrap { display: none; } 
 .index_wrap .section6 .part_slieder::before { width: 10px; } 
 .index_wrap .section6 .partner_wrap p { font-size: 2rem; margin-left: 4%; margin-right: 1rem; } 
 .index_wrap .section5_wrap { position: absolute; top: 53%; transform: translateY(-50%); } 
 .index_wrap .section5 .tit_box p { font-size: 1.8rem; } 
 .index_wrap .section5 .right_box ul li h3 { font-size: 2rem; } 
 .index_wrap .section5 .right_box ul li p { font-size: 1.5rem; } 
 .index_wrap .section5 .right_box ul li .support_in { padding: 1rem 1.5rem; height: 96%; } 
 }
