body * {transition:all 1s;}
body {max-width:1920px;}
#wrap {}
#wrap main {text-align:center;}
/* ----------------------------------------------배너 */
#wrap main .bnr_bg {
    background:url(../images/bnr.jpg) no-repeat center / cover; width:100%; height:963px; display:block; padding-top:420px; position:relative;}
#wrap main .bnr_bg p:first-child {color:#fff; font-size:2rem; font-weight:500;}
#wrap main .bnr_bg p {color:#fff; font-size:1.125rem;}
#wrap main .bnr_bg h1 {
    font-size:5.25rem; font-family: "Racing Sans One", sans-serif;
    color:#0061B0; text-shadow:2px 2px 0 #fff; padding:10px 0 30px;
}
#wrap main .bnr_bg em {font-size:0.875rem; font-weight:600; color:#fff; position:absolute; bottom:97px; animation:scroll_ani 1.5s linear infinite alternate;}
/* ===================================================1행 일상 */
#wrap main .daily_life {padding:90px 0;}
#wrap main .daily_life h2 {font-size:1.75rem; font-weight:500;}
#wrap main .daily_life h2 em {color:#0061B0;}
#wrap main .daily_life p {margin:30px 0 60px;}
#wrap main .daily_life .life_container {display:flex; flex-flow:row nowrap; gap:10px; margin:0 auto; width:max-content;}
#wrap main .daily_life .life_container .life_contain {width:190px; height:554px; border-radius:5px;}
#wrap main .daily_life .life_container .life_bg {display:flex;flex-flow:column nowrap; justify-content:center; gap:20px; background-color:rgba(0,0,0,0.7); width:100%; height:100%;}
#wrap main .daily_life .life_container .life_contain em {font-weight:500; font-size:1.5rem; color:#fff;}
#wrap main .daily_life .life_container .life_contain span {color:#fff; display:none; line-height:130%;}
#wrap main .daily_life .life_container .life1 {background:url(../images/life001.jpg) no-repeat center / cover; width:800px;}
#wrap main .daily_life .life_container .life2 {background:url(../images/life002.jpg) no-repeat center / cover;}
#wrap main .daily_life .life_container .life3 {background:url(../images/life003.png) no-repeat center / cover;}
#wrap main .daily_life .life_container .life4 {background:url(../images/life004.jpg) no-repeat center / cover;}
#wrap main .daily_life .life_container .life_contain.active .life_bg {background-color:transparent;}
#wrap main .daily_life .life_container .life_contain.active .life_bg span {display:inline;}
/* =======================================================2행 기능 */
#wrap main .key_features {padding:90px 0;}
#wrap main .key_features a {}
#wrap main .key_features a h2 {font-size:1.75rem; margin-bottom:60px;}
#wrap main .key_features a h2 img {}
#wrap main .key_features .swiper_key_features {}
#wrap main .key_features .swiper_key_features .slide_wrap {}
#wrap main .key_features .swiper_key_features .slide_wrap .slide {width:400px; display:flex; flex-flow:column nowrap;}
#wrap main .key_features .swiper_key_features .slide_wrap .slide img {
    width:100%; height:400px; object-fit:contain;}
#wrap main .key_features .swiper_key_features .slide_wrap .slide em {font-size:1.375rem; font-weight:500; margin:20px 0 10px;}
#wrap main .key_features .swiper_key_features .slide_wrap .slide span {line-height:130%; font-size:0.938rem;}
/* ==========================================================3행 글로벌 */
#wrap main .global_network {height:700px; background:url(../images/global.jpg) no-repeat center 40%; background-attachment:fixed; padding:279.5px 0; margin:80px 0;}
#wrap main .global_network a {}
#wrap main .global_network a h2 {color:#fff; font-size:1.875rem; font-weight:500; margin-bottom:30px;}
#wrap main .global_network a h2 img {}
#wrap main .global_network p {color:#fff; line-height:150%; font-size:1.125rem;}
#wrap main .global_network p em {color:#fff; font-weight:700;}
/* ==========================================================4행 제품 */
#wrap main .product {padding-left:260px; margin:90px 0;}
#wrap main .product .product_left {text-align:left;}
#wrap main .product .product_left .left_top {}
#wrap main .product .product_left .left_top a {}
#wrap main .product .product_left .left_top a h2 {font-size:1.75rem; font-weight:500;}
#wrap main .product .product_left .left_top a h2 img {}
#wrap main .product .product_left .left_top span {
    line-height:130%; margin:20px 0 50px; display:inline-block;}
#wrap main .product .left_bottom_right { position:relative;}
#wrap main .product .left_bottom_right img {width:40px; height:40px; position:absolute;}
#wrap main .product .left_bottom_right .prev_btn {left:20px; top:210px;}
#wrap main .product .left_bottom_right .next_btn {left:70px; top:210px;}
#wrap main .product .left_bottom_right p {
    line-height:130%; color:#fff; background-color:#0061B0; text-align:left;
    padding:265px 20px 20px; width:659px; height:327px;
}
#wrap main .product .left_bottom_right .swiper_product {width:1137px; position:absolute; bottom:67px; right:0;}
#wrap main .product .left_bottom_right .swiper_product .slide_wrap {}
#wrap main .product .left_bottom_right .swiper_product .slide_wrap .display1 {background:url(../images/product001.jpg) no-repeat center / cover;}
#wrap main .product .left_bottom_right .swiper_product .slide_wrap .display2 {background:url(../images/product002.jpg) no-repeat 95% center / cover;}
#wrap main .product .left_bottom_right .swiper_product .slide_wrap .display3 {background:url(../images/product003.jpg) no-repeat 70% center / cover;}
#wrap main .product .left_bottom_right .swiper_product .slide_wrap .display4 {background:url(../images/product004.jpg) no-repeat center / cover;}
#wrap main .product .left_bottom_right .swiper_product .slide_wrap .display5 {background:url(../images/product001.jpg) no-repeat center / cover;}
#wrap main .product .left_bottom_right .swiper_product .slide_wrap .display6 {background:url(../images/product002.jpg) no-repeat center / cover;}
#wrap main .product .left_bottom_right .swiper_product .slide_wrap .display7 {background:url(../images/product001.jpg) no-repeat center / cover;}
#wrap main .product .left_bottom_right .swiper_product .slide_wrap .slide {width:290px; height:400px;}
#wrap main .product .left_bottom_right .swiper_product .slide_wrap .slide span {font-size:1.5rem; margin:0 auto; line-height:400px; font-weight:500;}
#wrap main .product .left_bottom_right .swiper_product .slide_wrap .slide:hover .bg {background-color:rgba(0,0,0,0.4);}
#wrap main .product .left_bottom_right .swiper_product .slide_wrap .slide:hover span {color:#fff;}
/* ==================================================5행 투자,문의 */
#wrap main .customer {display:flex;}
#wrap main .customer a {width:calc(100% / 2); height:800px;}
#wrap main .customer a .bg {width:100%; height:100%; padding:175px 255px;}
#wrap main .customer .investment {background:url(../images/customer001.jpg)no-repeat center / cover;}
#wrap main .customer .customer_inquiry {background:url(../images/customer002.jpg)no-repeat center / cover;}
#wrap main .customer a:hover .bg {background-color:rgba(0,0,0,0.4);}
#wrap main .customer .text {border:5px solid #fff;}
#wrap main .customer .text h3 {color:#fff; font-size:1.75rem; font-weight:500; margin-bottom:30px;}
#wrap main .customer .text p {color:#fff; font-size:1.125rem; line-height:150%;}


@keyframes scroll_ani {
    0% {bottom:97px;}
    100% {bottom:80px;}
}