@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

.inner{width: 1400px; margin: 0 auto; }

.scroll{position: fixed;bottom: 80px;width: 100%;text-align: center;z-index: 99;font-family: 'Montserrat', sans-serif;}
.scroll strong{font-size: 18px;color: #ffffff;font-family: 'Montserrat', sans-serif;display: block;margin-bottom: 19px;}
.scroll strong em{color: inherit}
.scroll ul{display: inline-block}
.scroll ul li{display: block;width: 19px;height: 5px;margin-bottom: 4px;background: #6ebe4b; animation: 1.5s linear char infinite;opacity: 0}
.scroll ul li:nth-child(2){animation-delay: 0.3s}
.scroll ul li:nth-child(3){animation-delay: 0.6s}
.scroll .mo{display: none}
.scroll .pc{display: inline-block}
.main_visual{width:100%;position: relative;z-index: 3; height: 970px; padding-top: 350px;text-align: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%}
 .main_visual .car{width: 270px;height: 102px;margin: 0 auto;margin-bottom: 35px;}
.main_visual .car ul{position: relative}
.main_visual .car ul li:nth-child(1){position: relative;left: 0}
.main_visual .car ul li{position: absolute;top: 0;left: -1px}
.main_visual .car img{width: 270px;height: 102px} 
.main_visual .v_txt i{display: block;}
.main_visual .v_txt strong{display: block;color: #ffffff;font-size: 60px;font-weight: 300;letter-spacing: -0.7px;margin-top: -50px;}
.main_visual .v_txt strong span{font-weight: 500}

.main_con01{background: url(/img/main/con01_bg.jpg) right bottom;padding-top: 170px;padding-bottom: 145px;overflow: hidden}
.main_con01 .inner{position: relative;z-index: 3}
.main_con01 .inner:after{content: '';display: block;clear: both}
.main_con01 .inner > div{float: left}
.main_con01 .inner > div.right{float: right;width: 617px;}
.main_con01 .left{padding-top: 165px;}
.main_con01 .left span{display: block;color: #fff;font-family: 'Montserrat', sans-serif;font-size: 22px;font-weight: 500;margin-bottom: 40px;}
.main_con01 .left strong{font-size: 42px;letter-spacing: -0.5px;color: #ffffff;line-height: 68px;font-weight: 400}
.main_con01 .right ul li{display: block;height: 205px;position: relative;padding-left: 85px;padding-top: 48px;margin-bottom: 18px;}
.main_con01 .right ul li:last-child{margin-bottom: 0}
.main_con01 .right ul li:before{content: '';display: block;background: #101010;opacity: 0.6;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition:1s}

.main_con01 .right ul li .bg{display: block;background: #ff630a;top: 0; position: absolute;width: 90px;height: 100%;opacity: 0;display: none}
.main_con01 .right ul li.on .bg{display: block;}
.main_con01 .right ul li .bg01{right: -108px;opacity: 0}
.main_con01 .right ul li .bg02{right: -217px;opacity: 0}

.main_con01 .right ul li.on .bg01{background: rgba(255,99,10,0.5);animation: char2 3s infinite linear;animation-delay: 0.3s}
.main_con01 .right ul li.on .bg02{background: rgba(255,99,10,0.2);animation: char2 3s infinite linear;animation-delay: 0.6s}

.main_con01 .right ul li.on:before{background: rgba(255,99,10,0.9);animation: char2 3s infinite linear}
.main_con01 .right ul li .icon{position: absolute;left: 46px;top: 42px;}
.main_con01 .right ul li .icon div{position: relative;}
.main_con01 .right ul li .icon div i{position: absolute;top: 0;left: 0}
.main_con01 .right ul li .icon div i:last-child{ animation: char 2s infinite;}
.main_con01 .right ul li .icon div i.char01{position: relative}
.main_con01 .right ul li .txt{position: relative;z-index: 1}
.main_con01 .right ul li strong{display: block;font-size: 26px;line-height: 1;color: #ffffff;letter-spacing: -0.3px;font-weight: 600;font-weight: 500}
.main_con01 .right ul li p{display: block;font-size: 20px;line-height: 36px;color: rgba(255,255,255,0.8);letter-spacing: -0.3px;margin-top: 20px}
.m_tit{text-align: center}
.m_tit span{display: block;color: #ffffff;font-size: 22px;line-height: 1;font-family: 'Montserrat', sans-serif;margin-bottom: 28px}
.m_tit strong{display: block;color: #ffffff;font-size: 42px;line-height: 1;font-weight: 500}
.main_con02{background: #191919;padding: 0 74px;padding-top: 145px;padding-bottom: 160px;position: relative;overflow: hidden;width: 100%}
.main_con02 .bg_txt{position: absolute;font-size: 250px;color: #272727;font-family: 'Montserrat', sans-serif;top: 303px;width: 3000px;}
.main_con02 .bg_txt strong{display: block}
.main_con02 > .m_tit, .main_con02 > .duc_wrap{position: relative;z-index: 10}
.main_con02 .line ul li{position: absolute;width: 1px;height: 100%;background: rgba(255,255,255,0.1);top: 0;left: 50%}
.main_con02 .line ul li:nth-child(1){margin-left: -325px;}
.main_con02 .line ul li:nth-child(4){margin-left: 325px;}
.main_con02 .line ul li:nth-child(2){margin-left: -650px;}
.main_con02 .line ul li:nth-child(5){margin-left: 650px;}
.main_con02 .m_tit{margin-bottom: 62px;}
.main_con02 .duc_wrap:after{content: '';display: block;clear: both}
.main_con02 .duc_wrap > div{float: left;padding: 0 47px;width: 32.13%}
.main_con02 .duc_wrap .duc02{padding-top: 365px;width: 35.74%}
.main_con02 .duc_wrap .duc03{padding-top: 170px;}
.main_con02 .duc_wrap > div .tit:after{content: '';display: block;clear: both}
.main_con02 .duc_wrap > div .txt_w{padding-top: 25px;}
.main_con02 .duc_wrap > div.duc01 .txt_w span{float: left}
.main_con02 .duc_wrap > div.duc01 .txt_w strong{float: right}
.main_con02 .duc_wrap > div.duc03 .txt_w span{float: right}
.main_con02 .duc_wrap > div.duc03 .txt_w strong{float: left}
.main_con02 .duc_wrap > div ul li{margin-bottom: 115px;}
.main_con02 .duc_wrap > div ul li:last-child{margin-bottom: 0}
.main_con02 .duc_wrap > div .tit{padding-bottom: 25px;}
.main_con02 .duc_wrap > div .txt_w span{display: block;font-size: 30px;color: #ffffff;font-family: 'Montserrat', sans-serif;padding-top: 25px;}
.main_con02 .duc_wrap > div .txt_w strong{display: block;font-size: 60px;color: #ffffff;font-weight: 500;font-family: 'Montserrat', sans-serif;}
.main_con02 .duc_wrap > div .txt p{font-size: 18px;line-height: 36px;letter-spacing: -0.3px;color: rgba(255,255,255,0.8);}
.main_con02 .duc_wrap > div .txt_2{text-align: center;margin-bottom: 57px;text-align: center}
.main_con02 .duc_wrap > div .txt_2 span{display: block;font-size: 38px;font-weight: 300;letter-spacing: -0.4px;color: #ffffff;line-height: 1;margin-bottom: 26px;}
.main_con02 .duc_wrap > div .img{box-shadow: 28px 28px 60px 0px rgba(9, 9, 9, 0.4);}
.main_con03{background: url(/img/main/con02_bg.jpg) right bottom;padding-top: 125px;padding-bottom: 130px;position: relative;z-index: 11}
.main_con03 .m_tit{margin-bottom: 90px;}
.main_con03 .tit{text-align: center}
.main_con03 .tit span{display: block;font-size: 28px;color: #ffffff;font-size: 26px;margin-bottom: 48px;}
.main_con03 .tit strong{display: block;width: 300px;line-height: 70px;border: 3px solid #ff630a;padding-left: 57px;margin: 0 auto;text-align: left;position: relative}
.main_con03 .tit strong em{display: block;color: #ffffff;font-size: 30px;letter-spacing: -0.4px;position: relative;z-index: 2}
.main_con03 .tit strong i{display: block;width: 28px;height: 62px;position: absolute;top: 50%;margin-top: -31px;background: rgba(255,99,10,1)}
.main_con03 .tit strong i.i01{left: 4px;animation: char 2s infinite;background: rgba(255,99,10,1)}
.main_con03 .tit strong i.i02{left: 36px;opacity: 0.5;animation: char 2s infinite;animation-delay: 0.3s;background: rgba(255,99,10,0.5)}
.main_con03 .tit strong i.i03{left: 68px;opacity: 0.2;animation: char 2s infinite;animation-delay: 0.6s;background: rgba(255,99,10,0.2)}
.vis_vdo{overflow: hidden;width: 100%; position: relative; }
.vis_vdo:after{ content:""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0; }
.vis_vdo video{width: 100%;min-width: 800px;position: relative;left: 50%;transform: translateX(-50%)}


@keyframes char{
    0%{
        opacity: 0.1
    }
    50%{
        opacity: 1
    }
    100%{
        opacity: 0.1
    }
}

@keyframes char2{
    0%{
        opacity: 0.3
    }
    50%{
        opacity: 1
    }
    100%{
        opacity: 0.3
    }
}
.main_con03 .list{padding-top: 104px;position: relative;}
.main_con03 .list:after{content: '';display: block;width: 1px;height: 104px;background: #6f6762;top: 0;left: 50%;position: absolute}
.main_con03 .list ul{position: relative}
.main_con03 .list ul:before{content: '';display: block;width: 66.67%;height: 1px;background: #6f6762;top: -54px;position: absolute;left: 16.665%}
.main_con03 ul{width: 1230px;margin: 0 auto;}
.main_con03 ul:after{content: '';display: block;clear: both}
.main_con03 ul li{float: left;width: 33.33%;position: relative}
.main_con03 ul li:before{content: '';display: block;height: 54px;width: 1px;left: 50%;background: #6d6560;top: -54px;position: absolute}
.main_con03 ul li:nth-child(2):before{display: none}
.main_con03 ul li a .in_c{position: relative;z-index: 3;top: 153px;}


.main_con03 ul li a{display: block;height: 400px;position: relative;text-align: center}
.main_con03 ul li a strong{font-size: 30px;color: #ffffff;font-weight: 500;line-height: 1;margin-bottom: 23px;display: block}
.main_con03 ul li a p{font-size: 20px;color: #ffffff;font-weight: 500;line-height: 1}
.main_con03 ul li a span{color: #ffffff;font-size: 18px;line-height: 32px;display: block;opacity: 0}
.main_con03 ul li a .more{opacity: 0}
.main_con03 ul li a:before{content: '';display: block;background: rgba(18,18,18,0.6);position: absolute;top: 0;left: 0;width: 99.7%;height: 100%;transition: 0.7s}
.main_con04{background: #191919;padding-top: 165px;padding-bottom: 133px;}
.main_con04 .inner{position: relative;z-index: 2}
.main_con04 .m_tit2 span{display: block;color: #ffffff;font-size: 22px;line-height: 1;font-family: 'Montserrat', sans-serif;margin-bottom: 28px}
.main_con04 .m_tit2 strong{display: inline-block;color: #ffffff;font-size: 42px;line-height: 1;font-weight: 500;margin-right: 65px;}
.main_con04 .m_tit2 p{display: inline-block;color: #ffffff;font-size: 26px;line-height: 1;font-weight: 400;letter-spacing: -0.5px;}
.main_con04 .m_tit2{margin-bottom: 70px;}
.main_con04 ul:after{content: '';display: block;clear: both}
.main_con04 ul li{float: left;width: 16.66%;text-align: center;padding-top: 45px;height: 230px;display: block;position: relative;}
.main_con04 ul li:before{content: '';display: block;width: 100%;height: 100%;background: url(/img/main/bu_over.png) right bottom;position: absolute;top: 0;left: 0;opacity: 0;transition: 1s}
.main_con04 ul li:hover:before{opacity: 1}
.main_con04 ul li a{position: relative;overflow-x: 2}
.main_con04 ul li .icon{display: inline-block;position: relative}
.main_con04 ul li .icon .deco{position: absolute;top: 0;left: 0e}
.main_con04 ul li .icon .deco .ov01{display: block}
.main_con04 ul li .icon .deco .ov02{display: none}

.main_con04 ul li:hover .icon .deco .ov01{display: none}
.main_con04 ul li:hover .icon .deco .ov02{display: block}
.main_con04 ul li .txt{padding-top: 28px}
.main_con04 ul li strong{display: block;line-height: 1;font-size: 20px;color: #d6d6d6;font-weight: 500}

/*효과*/
.main_visual{position: relative;overflow:hidden;position: absolute;;width: 100%;height: 100%;top: 0;left: 0;z-index: 9;}
.main_visual:before{content: '';display: block;width: 2500px;height: 2500px;background: url(/img/main/circle.png);position: absolute;top: 50%;left: 50%;margin-top: -1250px;margin-left: -1250px;transform: scale(0);animation: dim 6s infinite linear;opacity: 0.1}
.main_visual:after{content: '';display: block;width: 2500px;height: 2500px;background: url(/img/main/circle.png);position: absolute;top: 50%;left: 50%;margin-top: -1250px;margin-left: -1250px;transform: scale(0);animation: dim 6s infinite linear;opacity: 0.1;animation-delay: 1s}
@keyframes dim{
    0%{
        transform: scale(0)
    }
    100%{transform: scale(1)}
}
.main_visual .car{transform: translateX(-1200px);transition: transform 2.6s}
.main_visual.on .car{transform: translateX(0);}
.main_visual .car ul{transform: scale(1.8);transition: 1.6s;transition-delay: 3.8s}
.main_visual.on .car ul{transform: scale(1)}
.main_visual .car ul li:nth-child(2){transform: translate(20px, 20px);transition: transform 1s, opacity 1s;transition-delay: 2.8s;opacity: 0}
.main_visual.on .car ul li:nth-child(2){transform: translate(0, 0);opacity: 1}
.main_visual .car ul li:nth-child(3){transform: translate(20px, 0);transition: transform 1s, opacity 1s;transition-delay: 3.2s;opacity: 0;left: -2px;}
.main_visual.on .car ul li:nth-child(3){transform: translate(0, 0);opacity: 1}
.main_visual .car ul li:nth-child(4){transform: scale(1.01);left: -0;z-index: 3}

.main_visual .v_txt strong{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;transition-delay:1.6s;opacity: 0;}
.main_visual.on .v_txt strong{transform: translate(0, 0);opacity: 1}
.main_visual .v_txt i{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;transition-delay: 1s;opacity: 0;}
.main_visual.on .v_txt i{transform: translate(0, 0);opacity: 1}

.main_con01 .left span{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;opacity: 0;}
.main_con01.on .left span{transform: translate(0, 0);opacity: 1}
.main_con01 .left span{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;opacity: 0;}
.main_con01.on .left span{transform: translate(0, 0);opacity: 1}
.main_con01 .left strong{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;transition-delay: 0.3s;opacity: 0;display: block;}
.main_con01.on .left strong{transform: translate(0, 0);opacity: 1}

.main_con01 .right ul li{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;transition-delay: 0.3s;opacity: 0;display: block;}
.main_con01.on .right ul li{transform: translate(0, 0);opacity: 1}
.main_con01 .right ul li:nth-child(1){transition-delay: 0.6s}
.main_con01 .right ul li:nth-child(2){transition-delay: 0.9s}
.main_con01 .right ul li:nth-child(3){transition-delay: 1.2s}


.main_con04 .m_tit2 span{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;opacity: 0;display: block;}
.main_con04.on .m_tit2 span{transform: translate(0, 0);opacity: 1}
.main_con04 .m_tit2 strong{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;opacity: 0;transition-delay: 0.3s}
.main_con04.on .m_tit2 strong{transform: translate(0, 0);opacity: 1}
.main_con04 .m_tit2 p{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;opacity: 0;transition-delay: 0.6s}
.main_con04.on .m_tit2 p{transform: translate(0, 0);opacity: 1}

.main_con04 ul li{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;opacity: 0;display: block;}
.main_con04.on ul li{transform: translate(0, 0);opacity: 1}
.main_con04 ul li:nth-child(1){transition-delay: 0.9s}
.main_con04 ul li:nth-child(2){transition-delay: 1.2s}
.main_con04 ul li:nth-child(3){transition-delay: 1.5s}
.main_con04 ul li:nth-child(4){transition-delay: 1.8s}
.main_con04 ul li:nth-child(5){transition-delay: 2.1s}
.main_con04 ul li:nth-child(6){transition-delay: 2.4s}
.main_con04 ul li:nth-child(7){transition-delay: 2.7s}
.main_con04 ul li:nth-child(8){transition-delay: 3s}
.main_con04 ul li:nth-child(9){transition-delay: 3.3s}
.main_con04 ul li:nth-child(10){transition-delay: 3.6s}
.main_con04 ul li:nth-child(11){transition-delay: 3.9s}
.main_con04 ul li:nth-child(12){transition-delay: 4.2s}



.main_con04 ul li .icon .deco, .main_con03 ul li a .more i{ animation: 1.5s linear char03 infinite;;}
.main_con03 ul li a .more i.i02{animation-delay: 0.3s}
.main_con03 ul li a .more i.i03{animation-delay: 0.6s}
@keyframes char03{
    0%{opacity: 1}
    50%{opacity: 0.3}
    100%{opacity: 1}
}
.main_con04.on ul li:nth-child(1) .icon .deco{animation-delay: 2s}
.main_con04.on ul li:nth-child(2) .icon .deco{animation-delay: 2.3s}
.main_con04.on ul li:nth-child(3) .icon .deco{animation-delay: 2.6s}
.main_con04.on ul li:nth-child(4) .icon .deco{animation-delay: 2.9s}
.main_con04.on ul li:nth-child(5) .icon .deco{animation-delay: 3.2s}
.main_con04.on ul li:nth-child(6) .icon .deco{animation-delay: 3.5s}
.main_con04.on ul li:nth-child(7) .icon .deco{animation-delay: 3.8s}
.main_con04.on ul li:nth-child(8) .icon .deco{animation-delay: 4.1s}
.main_con04.on ul li:nth-child(9) .icon .deco{animation-delay: 4.4s}
.main_con04.on ul li:nth-child(10) .icon .deco{animation-delay: 4.7s}
.main_con04.on ul li:nth-child(11) .icon .deco{animation-delay: 5s}
.main_con04.on ul li:nth-child(12) .icon .deco{animation-delay: 5.3s}

.main_con04 ul li .icon .deco{transform: scale(0.7);transition: transform 0.6s, opacity 1.3s;opacity: 0;display: block;}
.main_con04.on ul li .icon .deco{transform: scale(1);opacity: 1}

.main_con04 ul li:nth-child(1) .icon .deco{transition-delay: 1.5s}
.main_con04 ul li:nth-child(2) .icon .deco{transition-delay: 1.8s}
.main_con04 ul li:nth-child(3) .icon .deco{transition-delay: 2.1s}
.main_con04 ul li:nth-child(4) .icon .deco{transition-delay: 2.4s}
.main_con04 ul li:nth-child(5) .icon .deco{transition-delay: 2.7s}
.main_con04 ul li:nth-child(6) .icon .deco{transition-delay: 3s}
.main_con04 ul li:nth-child(7) .icon .deco{transition-delay: 3.3s}
.main_con04 ul li:nth-child(8) .icon .deco{transition-delay: 3.6s}
.main_con04 ul li:nth-child(9) .icon .deco{transition-delay: 3.9s}
.main_con04 ul li:nth-child(10) .icon .deco{transition-delay: 4.2s}
.main_con04 ul li:nth-child(11) .icon .deco{transition-delay: 4.5s}
.main_con04 ul li:nth-child(12) .icon .deco{transition-delay: 4.8s}
.main_con04{position: relative}
.main_con04 .bg{position: absolute;top: 0;right: 0; display: block}
.main_con04 .bg01{position: absolute;display: none;right: 0;top: 0}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .main_con04 .bg{display: none}
    .main_con04 .bg01{display: block}
}
.main_con04 .bg01 div{position: relative;top: 0;left: 0}
.main_con04 .bg01 div:before{content: '';display: block;width: 100%;height: 100%;background: #191919;position: absolute;left: 0;top:0;transition: 3s}
.main_con04.on .bg01 div:before{width: 0}
.main_con04 svg{width: 903px;height: 623px;}

.m_tit span{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;opacity: 0;display: block;}
.on .m_tit span{transform: translate(0, 0);opacity: 1}
.m_tit strong{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;opacity: 0;display: block;transition-delay: 0.3s}
.on .m_tit strong{transform: translate(0, 0);opacity: 1}
.main_con02 .duc_wrap > div ul{transform: translate(0, 70px) skewy(-3deg) rotateY(5deg) ;transition: transform 1.3s, opacity 1.3s;opacity: 0;display: block;}
.main_con02.on .duc_wrap > div ul{transform: translate(0, 0) skewy(0) rotateY(0);opacity: 1}
.main_con02 .duc_wrap > div .wrap{transform: translate(0, 70px) skewy(-3deg);transition: transform 1.3s, opacity 1.3s;opacity: 0;display: block;transition-delay: 0.9s}
.main_con02.on .duc_wrap > div .wrap{transform: translate(0, 0) skewy(0);opacity: 1}
.main_con02 .duc_wrap > div.duc01 ul{transition-delay: 0.6s}
.main_con02 .duc_wrap > div.duc03 ul{transition-delay: 1.2s}

.main_con02 .bg_txt div{transform: translate(0, 0) skewy(-3deg) rotateY(5deg);transition: transform 1.3s, opacity 1.3s;opacity: 0;display: block;transition-delay: 1.5s}
.main_con02.on .bg_txt div{transform: translate(0, 0) skewy(0) rotateY(0);opacity: 1}

.main_con02 .line ul li{transition: 3s;height: 0}
.main_con02.on .line ul li{height: 100%}
.main_con02 .line ul li:nth-child(1){transition-delay: 2s}
.main_con02 .line ul li:nth-child(2){transition-delay: 2.3s}
.main_con02 .line ul li:nth-child(3){transition-delay: 2.6s}
.main_con02 .line ul li:nth-child(4){transition-delay: 2.9s}
.main_con02 .line ul li:nth-child(5){transition-delay: 3.2s}
.main_con03:after{content: '';display: block;width: 100%;height: 100%;background: #131313;position: absolute;top: 0;left: 0;opacity: 1;transition: 3s}
.main_con03.on:after{opacity: 0}
.main_con03 .tit span{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;opacity: 0;display: block;transition-delay: 0.6s}
.main_con03.on .tit span{transform: translate(0, 0);opacity: 1}
.main_con03 .tit strong{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;opacity: 0;display: block;transition-delay: 0.9s}
.main_con03.on .tit strong{transform: translate(0, 0);opacity: 1}
.main_con03 .list{transform: translate(0, 40px);transition: transform 1.3s, opacity 1.3s;opacity: 0;display: block;transition-delay: 1.2s}
.main_con03.on .list{transform: translate(0, 0);opacity: 1}
.main_con03 .inner{position: relative;z-index: 3}
.main_con03 ul li a .in_c{transition: 0.7s}
.main_con03 ul li:hover a .in_c{transform: translateY(-75px)}
.main_con03 ul li:hover a p{display: none}
.main_con03 ul li:hover a span{opacity: 1;margin-bottom: 33px;}
.main_con03 ul li a .more{opacity: 1;width: 312px;height: 65px;background: #fff;text-align: right;margin-left: -20px;max-width: 100%;opacity: 0}
.main_con03 ul li:hover a .more{opacity: 1}
.main_con03 ul li a .more em{display: inline-block;vertical-align: middle;line-height: 65px;text-align: right;padding-right: 25px;font-size: 20px;color: #ff630a;padding-left: 7px;}
.main_con03 ul li a .more i{display: inline-block;vertical-align: middle;width: 4px;height: 16px;background: #ff630a}
.main_con03 ul li:hover a:before{background: url(/img/main/br_over.png)}
.main_con02 .duc_wrap > div .img img{max-width: 100%}
.main_con02 .duc_wrap > div .img{position: relative;overflow: hidden}
.main_con02 .duc_wrap > div .img:after{content: '';display: block;width: 1000px;height: 600px;background: #fff;opacity: 0.3;top: 0;left: 0;position: absolute;transform: rotate(138deg) translateY(150%);}
.main_con02 .duc_wrap > div .img:hover:after{transform: rotate(138deg) translateY(-100%);transition: 1.5s}
/*
.main_con02 .duc_wrap > div .img{display: block;transform: skewy(-20deg);transition: transform 1.3s, opacity 1.3s;opacity: 1;display: block;transition-delay: 0.9s}
.main_con02.on .duc_wrap > div .img{transform: skewy(0);transition: transform 1.3s, opacity 1.3s;}
*/
.main_con02 .duc_wrap > div .img img{width: 100%}
.main_con01, .main_con03{background-size: 100% auto}
@media (max-width: 1920px){
    .main_con01, .main_con03{background-size: auto auto}
}
@media (max-width: 1800px){
    .main_con01 .inner > div.right{padding-right: 160px;}
}
@media (max-width: 1416px){
    .main_con02 .duc_wrap > div{padding-left: 10px;padding-right: 10px;}
    .inner{width: 100%;padding: 0 20px;}
    .main_con02{padding-left: 10px;padding-right: 10px;}
    .main_con02 .duc_wrap > div .txt p{word-break: keep-all}
    .main_con01 .inner > div.right{width: 370px;padding-right: 0}
    .main_con03 ul{max-width: 100%}
    .main_con01 .left strong{font-size: 35px}
    .main_con01 .right ul li p{font-size: 16px; line-height: 30px;}
    .main_con01 .right ul li strong{font-size: 22px;}
    .main_con01 .right ul li{height: 185px;}
    .main_con02 .duc_wrap > div .txt_w strong{font-size: 45px}
    .main_con02 .duc_wrap > div .txt_w span{font-size: 23px;padding-top: 23px}
    .main_con02 .duc_wrap > div .txt p{font-size: 15.5px;line-height: 30px;}
    .m_tit span{font-size: 20px;}
    .m_tit strong{font-size: 35px;}
    .main_con03 .tit span{font-size: 20px;}
    .main_con03 ul li a strong{font-size: 26px}
    .main_con03 ul li a span{font-size: 16px;}
    .main_con03 ul li a p{font-size: 18px;}
    .main_con03 ul li:hover a .more{max-width: 100%}
    .main_visual{height: 100%}
    .scroll strong{display: none}
    .main_con04 svg{width: 600px;height: 424px;}
    .main_con04 .bg01 img{width: 600px}
}
@media (max-width: 970px){
    
    .main_visual .car{width: 220px;height: 101px;}
    .main_visual .car img{width: 220px}
    .main_visual{padding-top: 30%}
    .main_visual .v_txt strong{font-size: 45px}
    .main_visual .v_txt i img{width: 320px}
    .main_visual .v_txt strong{margin-top: -30px;}
    .main_con01 .left{float: none;padding-top: 0}
    .main_con01 .inner > div{float: none}
    .main_con01{padding-top: 60px;text-align: center}
    .main_con01 .left span{font-size: 14px;}
    .main_con01 .left strong{font-size: 25px;line-height: 1.7}
    .main_con01 .left strong img{width: 70px}
    .main_con01 .inner > div.right{width: 100%}
    .main_con01 .right{margin-top: 60px;}
    .main_con01 .right ul:after{content: '';display: block;clear: both}
    .main_con01 .right ul li{float: left;width: 33.33%}
    .main_con01 .right ul li .icon{position: static}
    .main_con01 .right ul li{padding-left: 0}
    .main_con01 .right ul li .bg01, .main_con01 .right ul li .bg02{display: none}
    .main_con01 .right ul li .icon{display: inline-block;margin-bottom: 15px;}
    .main_con01 .right ul li{height: 240px;}
    .main_con01 .right ul li strong{font-size: 16px;}
    .main_con01 .right ul li p{font-size: 13px;line-height: 1.6}
    .m_tit strong, .main_con04 .m_tit2 strong{font-size: 26px;}
    .m_tit span, .main_con04 .m_tit2 span{font-size: 15px;}
    .main_con02 .duc_wrap > div .txt_w span{font-size: 15px;padding-top: 7px}
    .main_con02 .duc_wrap > div .txt_w strong{font-size: 22px}
    .main_con02 .duc_wrap > div .txt p{font-size: 13px}
    .main_con02 .duc_wrap > div .txt p br{display: none}
    .main_con02 .duc_wrap > div .txt_2 span{font-size: 22px;}
    .main_con02 .duc_wrap > div .txt_2 strong img{width: 140px}
    .main_con02 .duc_wrap > div .txt_2{margin-bottom: 25px;}
    .main_con02 .duc_wrap > div .txt_2 span{margin-bottom: 10px;}
    .main_con02 .duc_wrap > div .tit{padding-bottom: 15px;}
    .main_con02 .duc_wrap > div ul li{margin-bottom: 60px;}
    .main_con02 .duc_wrap .duc02{padding-top: 105px;}
    .main_con02 .duc_wrap .duc03{padding-top: 50px}
    .main_con02{padding-top: 60px;padding-bottom: 60px;}
    .main_con02 .bg_txt strong{font-size: 150px;}
    .main_con03 .m_tit{margin-bottom: 50px;}
    .m_tit span{margin-bottom: 17px;}
    .main_con03 .tit span{font-size: 16px;}
    .main_con03 .tit strong em{font-size: 17px;line-height: 45px;}
    .main_con03 .tit strong{width: 215px;}
    .main_con03 .tit strong i{width: 14px;height: 38px;margin-top: -19px;}
    .main_con03 .tit strong i.i02{left: 22px}
    .main_con03 .tit strong i.i03{left: 40px;}
    .main_con03 ul li a span{font-size: 13px;line-height: 1.7}
    .main_con03 ul li a strong{font-size: 20px;}
    .main_con03 ul li a p{font-size: 14px;}
    .main_con03 ul li a{height: 290px;}
    .main_con03 ul li a .in_c{top: 112px;}
    .main_con03 ul li a .more em{line-height: 50px;font-size: 13px;padding-left: 5px;}
    .main_con03 ul li a .more{height: 50px;}
    .main_con03 ul li a .more i{height: 13px;width: 3px;}
    .main_con03 ul li:hover a .in_c {transform: translateY(-50px);}
    .main_con04 .m_tit2 p{font-size: 16px;}
    .main_con04 .m_tit2 strong{margin-right: 25px;}
    .main_con04 .m_tit2 span{margin-bottom: 15px;}
    .main_con04 ul li img{height: 50px;}
    .main_con04 ul li strong{font-size: 13px;}
    .main_con04 ul li .txt{padding-top: 10px;}
    .main_con04 ul li{height: 95px;padding-top: 0}
     .main_con04 svg{width: 600px;height: 424px;}
     .main_con04 .bg01 img{width: 600px;;}
}

@media (max-width: 740px){
    .main_con01 .right ul li{width: 100%;height: auto;padding-top: 30px;padding-bottom: 30px;}
    .main_con01 .right ul li .icon div i img{width: 16px;}
    .main_con01 .right ul li p{margin-top: 10px;}
    .main_con01 .left span{margin-bottom: 20px;}
    .main_con01 .right{margin-top: 30px;}
    .main_con01 .right ul li{margin-bottom: 15px;}
    .main_con01{padding-bottom: 55px;background-size: auto 100%;background-position: 70%  0%}
    .main_con03 ul li a span{display: none}
    .main_con04 ul li{width: 25%}
    .main_con04 .m_tit2{text-align: center}
    .main_con04 .m_tit2 strong{margin-right: 0;margin-bottom: 15px;}
    .main_con04{padding-top: 60px;padding-bottom: 65px;}
    .main_con03 ul li a{padding-top: 20px;padding-bottom: 20px;height: auto}
    .main_con03 ul li a .in_c{position: relative;top: 0;left: 0}
    .main_con03 ul li:hover a .in_c{transform: translateY(0)}
    .main_con03 ul li a .more{display: none}
    .main_con03 .list ul:before{display: none}
    .main_con04{overflow: hidden}
         .main_con04 svg{width: 360px;height: 254px;}
         .main_con04 .bg01 img{width: 360px;}
    .main_visual .w_vis{position: absolute;top: 50%;width: 100%;margin-top: -70px;}
    .main_visual .v_txt strong{font-size: 27px;margin-top: -10px}
    .main_visual .v_txt i img{width: 200px;}
    .main_visual .car{width: 180px;height: 68px}
    .main_visual .car img{width: 180px;height: 68px}
    .main_visual .car{margin-bottom: 20px}
    .main_con02 .duc_wrap > div{padding-left: 0;padding-right: 0}
    .scroll strong{display: none}
    .scroll strong em.mo{display: none}
    .scroll{display: block}
    .scroll{bottom: 20px;transform: scale(0.8)}

}
@media (max-width: 650px){
    .main_con03 ul li{width: 100%}
    .main_con01 .left strong{font-size: 20px;}
    .main_con01 .left strong img{width: 50px}
    .main_con03 .list{padding-top: 40px}
    .main_con03 ul li:before{height: 25px;top: -25px;}
    .main_con03 .list:after{height: 40px;}
    .main_con03 ul li{margin-bottom: 25px}
    .main_con03 .tit span{font-size: 14px;word-break: keep-all;line-height: 1.7}
    .main_con03 ul li:nth-child(2):before {
        content: '';
        display: block;
        height: 25px;
        width: 1px;
        left: 50%;
        background: #6d6560;
        top: -25px;
        position: absolute;
    }
    .main_con03 ul li:hover a p{display: block}
    .main_con03 ul li a strong{font-size: 17px;margin-bottom: 10px;}
    .main_con03 ul li a p{font-size: 12px;}
    .main_con03 .tit span{margin-bottom: 20px;}
    .main_con03 .m_tit{margin-bottom: 30px;}
    .main_con03{padding-top: 65px;padding-bottom: 65px;}
    .main_con02 .duc_wrap > div, .main_con02 .duc_wrap .duc02{width: 100%}
    .main_con02 .duc_wrap ul:after{content: '';display: block;clear: both}
    .main_con02 .duc_wrap ul li{float: left;width: 49%;margin-right: 2%}
    .main_con02 .duc_wrap ul li:last-child{margin-right: 0}
    .main_con02 .duc_wrap > div{    transform: translate(0px, 0px) !important;}
    .main_con02 .duc_wrap .duc02{padding-top: 0;width: 70%;margin: 0 auto}
    .main_con02 .duc_wrap > div{float: none}
    .main_con02 .duc_wrap > div .txt p{display: none}
    .main_con02 .duc_wrap > div ul li{margin-bottom: 20px}
    .main_con02 .duc_wrap > div ul li:nth-child(1){margin-top: 25px}
    .main_con02 .duc_wrap > div.duc03 ul li:nth-child(1){margin-top: 0}
    .main_con02 .duc_wrap > div.duc03 ul li:nth-child(2){margin-top: 25px}
    .main_con02 .duc_wrap .duc03{padding-top: 25px;}
    .main_con02 .bg_txt strong{font-size: 100px;}

}