@charset "utf-8"; .index_wrap { line-height: 1; } 
.index_wrap .section { position: relative; overflow: hidden; margin-bottom: 10em; } 
.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; top: 30%; left: 50%; width: 80%; transform: translateX(-50%); } 
.section1 .mySwiper .swiper-slide .visual_wrap .box1 { margin-bottom: 3rem; } 
.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 { margin-top: 2rem; margin-bottom: 4rem; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .txt_up3 { max-width: 700px; font-weight: 300; } 
.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); } 
.index_wrap .slider_5 { background-image: url(../img/main_visual_5.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: 1540px; width: 82%; bottom: 13%; right: 0; color: #ffffff94; left: 50%; transform: translateX(-50%); z-index: 1; } 
.slider_bottom .arrow_wrap { width: 9rem; height: 60px; position: relative; margin-left: auto; display: flex; justify-content: space-between; align-items: center; } 
.slider_bottom .arrow_wrap .sw_arrow { color: #fff; opacity: 1; font-size: 3.8rem; } 
.slider_bottom .arrow_wrap .sw_arrow.sw_arrow_prev { right: 0; } 
.slider_bottom .sw-pagination { position: relative; bottom: 0; } 
.slider_bottom .sw-pagination .swiper-pagination-bullet { width: 100%; border-radius: 0; height: 3px; position: absolute; background: #ffffff99; opacity: 1; } 
.slider_bottom .sw-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { animation:LoadingBar 5s 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%; } 
 }
/* SECTION2*/
.section2 .flex_box .img_wrap { } 
.section2 .img_box { position: relative; transition: .4s; overflow: hidden; border: 1px solid #ededed; } 
.section2 .img_box a::before { content:''; display:block; position: absolute; width: 100%; height: 100%; background: #dcdcdc17; } 
.section2 .flex_box .info_box { flex-grow: 0; } 
.section2 .flex_box .img_wrap { flex: 1 0 0; width: 40%; } 
.section2 .flex_box .img_wrap img { width: 100%; } 
.section .info_box h3 { padding-bottom: 3rem; } 
.sub_tit_box { padding-bottom: 6rem; } 
.sub_tit_box p { color: #999; } 
.section .info_box p { color: #999; } 
.sub_tit_box h4 { padding-bottom: 1rem; font-weight: 300; line-height: 1.2; } 
.more_btn { margin-top: 6rem; max-width: 22rem; position: relative; } 
.more_btn::before { content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#111; transition: all .4s; } 
.more_btn a { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 2.4rem 2rem; position: relative; z-index: 2; } 
.more_btn span { display: block; font-size: 2.2rem; font-family: 'Play'; } 
.more_btn i { width: 30px; } 
.more_btn.btn_w::before { background:#fff } 

.more_btn:hover { color:#fff; } 
.more_btn:hover i img { filter: invert(94%) sepia(0%) saturate(23%) hue-rotate(67deg) brightness(105%) contrast(108%); } 
.more_btn:hover::before { height:100%; background:var(--main-color); z-index:0 } 
.more_btn.btn_w:hover i img { filter:unset; } 
/* SECTION3 */
.section3 .flex_box { display: flex; align-items: flex-start; } 
.section3 .flex_box .info_box { flex-grow: 0; } 
.section3 .flex_box .img_wrap { flex: 1 0 0; width: 40%; } 
.section .img_wrap { flex-grow: 1; width: 50%; } 
.section3 .img_box { position: relative; transition: .4s; overflow: hidden; border: 1px solid #ededed; } 
.section3 .img_box a::before { content:''; display:block; position: absolute; width: 100%; height: 100%; background: #dcdcdc17; } 
.section3 .img_box img { max-width: fit-content; width: 100%; } 
.section3 .img_box p { color: #666; position: absolute; bottom: 4rem; left: 4rem; } 
.section3 .img_box p span { margin-right: 4rem; } 
.arrow2 { font-size: 2.8rem; color: #666; transform: rotate(45deg); } 
.section3 .img_box:hover { /* border-radius:3rem; */ } 

/* SECTION */
.section4 { background:url(../img/main3_img_bg.jpg) no-repeat center center/cover; color: #fff; padding: 10rem 0; } 

.section4 .flex_box { display: flex; align-items: flex-start; } 
.section4 .sub_tit_box { padding-bottom: 2rem; } 
.section4 .sub_tit_box h4 { color: #fff; font-weight: 600; } 

/* SECTION5 */
.section5_wrap { position: relative; } 
.section5 .arrow_wrap { width: 14rem; position: absolute; right: 0; top: 5rem; display: none; } 
.section5 .arrow_wrap .arrow_box { border: 1px solid #12955c8c; padding: 1.5rem; } 
.section5 .arrow_wrap .arrow_box:nth-child(1) { } 
.section5 .arrow_wrap i { font-size: 3rem; color: var(--main-color); } 


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

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

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

@media (max-width: 1080px) { /* SECTION5 - 슬라이드버튼 */
 .section5 .arrow_wrap { display: flex; } 
 }

@media (max-width: 768px){
 .sub_tit_box { padding-bottom: 4rem; } 
 .section .info_box { flex: 1 0 100%; margin-bottom: 4rem; } 
 .more_btn { margin-top: 4rem; margin-bottom: 2rem; } 
 .section2 .img_box { /* flex: 0 0 64%; */margin-right: 0; margin-left: auto; } 
 .section4 .info_box { margin-bottom: 0; } 
 }

@media (max-width: 480px){
 .index_wrap .section { margin-bottom: 5em; } 
 .section4 { padding: 6rem 0; } 
 .section5 .info_box { margin-bottom: 0; padding-top: 2rem; } 
 .section5 .arrow_wrap .arrow_box { padding: 1rem; } 
 .section5 .arrow_wrap { width: fit-content; top: 0; } 
 /* .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); } */

 .section2 .img_box { flex: 1 0 100%; } 
 }