#main{padding-top: 116px}
.inner{width: 1520px;margin: 0 auto}
.m_title{margin-bottom: 40px;}
.m_title strong{display: block;color: #2D303E; font-family: "Lato", sans-serif;font-size: 58px;}
.m_title strong span{font-weight: 400}
.m_title p{color: #787C8E;font-size: 24px;line-height: 42px;margin-top: 20px}

.main_vis{padding-left: 74px}
.main_visual{width:100%;position: relative;z-index: 3; height: 800px;background: #f2f4f5;border-radius: 0 0 0 120px;overflow: hidden}
.main_visual .main_slider{ height:100%;overflow: hidden; position: relative;}
.main_visual .main_slider .slide_box{ overflow: hidden;width:100%;height:100%; position: relative; background-color: #fff; }
.main_visual .main_slider .slide_box > div{ overflow: hidden;height:inherit;position: absolute;left:0;top:0;right:0; z-index: 3; overflow: hidden;
width: 100%; height: 100%;
opacity:0;
}
.main_visual .main_slider .slide_box > div{
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

.main_visual .main_slider .slide_box > div.on{ z-index: 5; opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.main_visual .btn_w{position: absolute;z-index: 20;bottom: 80px;left: 120px;}
.main_visual .box1{background: #EEEFF3}
.main_visual .box2{background: #EEF2FB}
.main_visual .box3{background: #DCEBEC}
.main_visual .box4{background: #E7E9F3}
.main_visual .main_img{position: absolute;right: 0;bottom: 0}
.main_visual .main_img ul{position: relative;width: 100%}
.main_visual .main_img ul li{position: absolute;top: 0;left: 0}
.main_visual .main_img ul li:nth-child(1){position: relative;z-index: 4}
.main_visual .main_img ul li:nth-child(2){z-index: 3}
.main_visual .main_img ul li:nth-child(3){z-index: 2}
.main_visual .main_img ul li:nth-child(4){z-index: 1}
.main_visual .main_img ul li img{width: 100%}
.main_visual .vis_txt{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10}
.main_visual .vis_txt > div > span{display: block;font-size: 40px;color: #2D303E;margin-bottom: 20px;}
.main_visual .vis_txt > div > span i{font-weight: 600;color: #3E70E6;}
.main_visual .vis_txt > div > strong{font-size: 90px;display: block;line-height: 110px;font-weight: 500;color: #2D303E;margin-bottom: 30px;}
.main_visual .vis_txt > div p{font-size: 26px;color: #2D303E;line-height: 38px;}
.main_visual .vis_txt > div p i{font-weight: 600}
.main_visual .vis_txt > div a{display: inline-block;line-height: 46px;border-radius: 32px;border: 1px solid #3E70E6;padding: 0 25px;font-size: 20px;font-weight: 500;color: #3E70E6;margin-top: 40px;}
.main_visual .vis_txt > div .twi{animation: twi 1s infinite linear}
@keyframes twi{
    0%{opacity: 0.3}
    50%{opacity: 1}
    100%{opacity: 0.3}
}
.main_visual .vis_txt > div > em{display: block;margin-bottom: 40px;margin-top: -10px;}
.main_visual .vis_txt > div > a i{display: inline-block;vertical-align: middle;margin-left: 20px;transition: 0.7s}
.main_visual .vis_txt > div > a:hover i{transform: translateX(10px)}
#main{position: relative}
.main_con01{padding-top: 110px;;padding-bottom: 30px;}
.main_con01 > div{position: relative;padding-left: 650px}
.main_con01 > div .title{position: absolute;width: 500px;left: 0}
.main_con01 > div .title ul{display: flex;flex-wrap: wrap}
.main_con01 > div .title ul li{width: 30%;margin-right: 3.33%;margin-bottom: 20px;}
.main_con01 > div .title ul li:nth-child(3n){margin-right: 0}
.main_con01 > div .title ul li a{display: block;width: 100%;height: 160px;padding-top: 16px;border: 1px solid #E8E9EE;border-radius: 20px;transition: 0.7s}
.main_con01 > div .title ul li:hover a{border-color: #fff;background: #fff;border-radius: 0 0 30px 0;box-shadow: 0 10px 30px rgba(182,186,204,0.3)}
.main_con01 > div .title ul li.on a{border-color: #fff;background: #fff;border-radius: 0 0 30px 0;box-shadow: 0 10px 30px rgba(182,186,204,0.3)}
.main_con01 > div .title ul li a .icon{display: block;margin: 0 auto;width: 83px;height: 89px;transition: 0.7s}
.main_con01 > div .title ul li:nth-child(1) a .icon{background: url(/img/main/p_icon01.png)}
.main_con01 > div .title ul li:nth-child(2) a .icon{background: url(/img/main/p_icon02.png)}
.main_con01 > div .title ul li:nth-child(3) a .icon{background: url(/img/main/p_icon03.png)}
.main_con01 > div .title ul li:nth-child(4) a .icon{background: url(/img/main/p_icon05.png)}
.main_con01 > div .title ul li:nth-child(5) a .icon{background: url(/img/main/p_icon04.png)}
.main_con01 > div .title ul li:nth-child(6) a .icon{background: url(/img/main/p_icon06.png)}

.main_con01 > div .title ul li:nth-child(1):hover a .icon{background: url(/img/main/p_icon01_on.png)}
.main_con01 > div .title ul li:nth-child(2):hover a .icon{background: url(/img/main/p_icon02_on.png)}
.main_con01 > div .title ul li:nth-child(3):hover a .icon{background: url(/img/main/p_icon03_on.png)}
.main_con01 > div .title ul li:nth-child(4):hover a .icon{background: url(/img/main/p_icon05_on.png)}
.main_con01 > div .title ul li:nth-child(5):hover a .icon{background: url(/img/main/p_icon04_on.png)}
.main_con01 > div .title ul li:nth-child(6):hover a .icon{background: url(/img/main/p_icon06_on.png)}

.main_con01 > div .title ul li:nth-child(1).on a .icon{background: url(/img/main/p_icon01_on.png)}
.main_con01 > div .title ul li:nth-child(2).on a .icon{background: url(/img/main/p_icon02_on.png)}
.main_con01 > div .title ul li:nth-child(3).on a .icon{background: url(/img/main/p_icon03_on.png)}
.main_con01 > div .title ul li:nth-child(4).on a .icon{background: url(/img/main/p_icon05_on.png)}
.main_con01 > div .title ul li:nth-child(5).on a .icon{background: url(/img/main/p_icon04_on.png)}
.main_con01 > div .title ul li:nth-child(6).on a .icon{background: url(/img/main/p_icon06_on.png)}
.main_con01 > div .title ul li a strong{display: block;font-size: 18px;color: #556385;font-weight: 500;line-height: 1;margin-top: 13px;text-align: center;line-height: 1.5}
.main_con01 > div .title ul li:hover a strong{color: #3052A2;}
.main_con01 > div .title ul li.on a strong{color: #3052A2;}
.main_con01 > div .title p{color: #787C8E;font-size: 24px;line-height: 42px;margin-top: 40px;word-break: keep-all}
.main_con01 > div .title p span{font-weight: 500}
.main_con01 > div .pro_slider{width: 1325px;margin-top: -10px;position: relative}
.main_con01 > div .pro_slider .swiper{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;}
.main_con01 > div .pro_slider .swiper.on{opacity: 1;z-index: 5}
.main_con01 > div .pro_slider .sl01{position: relative}
.main_con01 > div .pro_slider .swiper-wrapper{height: auto}
.main_con01 > div .pro_slider a{display: block;padding-top: 40px;padding-bottom: 14px;}
.main_con01 > div .pro_slider a .product{width: 280px;margin: 0 auto; border: 1px solid #DDDFE5;overflow: hidden;border-radius: 0 0 60px 0;position: relative;z-index: 3;box-shadow: 0 0 0px rgba(43,71,136,0.15);transition: 0.7s}
.main_con01 > div .pro_slider a:hover .product{border-color: #fff;box-shadow: 0 0 40px rgba(43,71,136,0.15)}
.main_con01 > div .pro_slider a .product img{width: 100%}
.main_con01 > div .pro_slider a .txt{width: 100%;height: 235px;background: #F6F7F8;border-radius: 0 0 60px 0;padding-top: 111px;margin-top: -65px;box-sizing: border-box;text-align: center;transition: 0.8s;position: relative}
.main_con01 > div .pro_slider a .txt:after{content: '';display: block;width: 100%;height: 100%;border: 1px solid #ABB7D5;border-radius: 0 0 70px 0;position: absolute;left: 0px;top: 0px;opacity: 0;transition: 0.7s}
.main_con01 > div .pro_slider a:hover .txt:after{left: 12px;top: 12px;opacity: 0.3}
.main_con01 > div .pro_slider a:hover .txt{background: #3052A2}
.main_con01 > div .pro_slider a .txt strong{display: block;font-size: 30px;color: #2D303E;margin-bottom: 10px;transition: 0.7s}
.main_con01 > div .pro_slider a:hover .txt strong{color: #FFFFFF;}
.main_con01 > div .pro_slider a:hover .txt p{color: #A8BCEC;}
.main_con01 > div .pro_slider a .txt p{font-size: 18px;color: #9A9FB7;transition: 0.7s}
.main_con02 {padding: 120px 0;position: relative;margin-top: 160px;min-height: 400px;}
.main_con02 .m_title{position: absolute;left: 0;z-index: 10;left: 960px;top: 205px;}
.main_con02 .m_title strong{font-family: inherit;font-weight: 500}
.main_con02:before{content: '';display: block;height: 100%;width: 625px;background: #F1F2F9;border-radius: 0 120px 0 0;position: absolute;top: 0;left: 0}
.main_con02 .swipe-wrapper{height: auto}
.main_con02 .wrap{display: flex;overflow: hidden}
.main_con02 .wrap ul{display: flex;align-items: center;margin-left: -166px;}
.main_con02 .wrap ul li:nth-child(1){margin-right: 50px;}
.main_con02 .wrap ul li:nth-child(1) img{height: 600px;}
.main_con02 .wrap ul li{width: 530px;max-width: 100%}
.main_con02 .wrap ul li img{max-width: 100%}
/*.main_con02 .swiper-slide{transition: 1s;opacity: 0}*/
/*.main_con02 .swiper-slide-active{transition: 1s;opacity: 1}*/
.main_con02 .wrap .left{position: relative;z-index: 3}
.main_con02 .wrap .right{padding-top: 375px;}
.main_con02 .wrap .right .tit{padding-left: 70px;padding-top: 90px;margin-bottom: 137px;}
.main_con02 .wrap .right .tit strong{display: block;font-weight: 500;color: #2D303E;font-size: 48px;line-height: 1;margin-bottom: 20px;}
.main_con02 .wrap .right .tit p{display: block;font-weight: 500;color: #787C8E;font-size: 24px;line-height: 42px;;}
.main_con02 .wrap .right .txt{padding: 60px 70px;padding-right: 80px;background: #1F315D;border-radius: 0 0 60px 0;width: 830px;max-width: 100%}
.main_con02 .wrap .right .txt strong{display: block;font-size: 26px;color: #FFFFFF;margin-bottom: 25px;font-weight: 500}
.main_con02 .wrap .right .txt p{background: #465988;line-height: 52px;border-radius: 10px;font-size: 18px;color: #C3CCE1;padding: 0 30px}
.main_con02 .wrap .right .txt p span{color: #FFFFFF;display: inline-block;margin-right: 30px;}
.main_con03{padding-top: 160px;position: relative}
.main_con03:before{content: '';display: block;width: 100%;height: 245px;background: #F1F2F9;position: absolute;bottom: 0;left: 0}
.main_con03 > div{position: relative;}
.main_con03 > div .m_title{position: absolute;z-index: 12}
.main_con03 > div .wrap{position: relative;padding-left: 600px}
.main_con03 > div .wrap .video{padding-left: 40px;padding-bottom: 40px;position: relative}
.main_con03 > div .wrap .video:before{content: '';display: block;width: 153px;height: 255px;border-radius: 0 0 0 60px;background: #3052A2;position: absolute;bottom: 0;left: 0}
.main_con03 > div .wrap .video .wrap{padding-left: 0;position: relative;z-index: 2;height: 520px;overflow: hidden;border-radius: 0 0 80px 0;box-shadow: 0 0 30px rgba(0,0,0,0.1)}
.main_con03 > div .wrap .video .wrap iframe{height: 100%;width: 100%}
.main_con03 > div .wrap .title{position: absolute;bottom: 137px;left: 0;display: flex;align-items: center}
.main_con03 > div .wrap .title p{font-size: 20px;color: #495177;margin-left: 18px;overflow: hidden; text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
max-width:300px;
overflow:hidden; }
.main_con02 .swiper-wrapper{height: auto}
.main_con03 .swiper-wrapper{height: auto}
.main_con04{background: #F1F2F9;padding-top: 70px;padding-bottom: 150px;margin-bottom: 140px;}
.main_con04 ul{display: flex}
.main_con04 ul li{width: 22.43%;margin-right: 3.426%}
.main_con04 ul li:last-child{margin-right: 0}
.main_con04 ul li strong{display: block;font-size: 22px;color: #2D303E;font-weight: 500;margin-top: 20px;text-align: center;text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;}
.main_con04 ul li img{max-width: 100%;display: block}
.main_con04 ul li .img{display: block;overflow: hidden;transition: 0.7s;display: block;position: relative}
.main_con04 ul li:hover .img{border-radius: 0 0 60px 0 }
.main_con04 ul li .img:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(/img/main/BTN.png) no-repeat center center;opacity: 0;transition: 0.7s;}
.main_con04 ul li:hover .img:after{opacity: 1}
.main_con04 ul li .img:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(255,255,255,0.0);opacity: 1;transition: 0.7s;    backdrop-filter: saturate(200%) blur(15px);-webkit-backdrop-filter: saturate(200%) blur(15px);opacity: 0}
.main_con04 ul li:hover .img:before{background: rgba(255,255,255,0.1);opacity: 1}
.main_con05 {padding-right: 200px;padding-bottom: 70px;position: relative}
.main_con05 #map{height: 620px;}
.main_con05 .map{overflow: hidden;border-radius: 0 0 60px 0}
.main_con05 .info{position: absolute;bottom: 0;left: 50%;margin-left: 165px;padding:70px 50px;background: linear-gradient(45deg, #3052A2, #182951);border-radius: 0 0 0 60px;box-shadow: 20px 20px 40px rgba(53,64,91,0.3);z-index: 15}
.main_con05 .info strong{display: block;font-size: 32px;line-height: 46px;color: #FFFFFF;font-weight: 400;margin-bottom: 30px;}
.main_con05 .info ul li *{display: block;width: 368px;height: 48px;border-radius: 24px;}
.main_con05 .info ul li select{background: rgba(255,255,255,0.3);backdrop-filter:blur(30px);border: none;color: #C4D0EB;font-size: 18px;padding-left: 25px;}
.main_con05 .info ul li button{background: #FFFFFF;font-size: 18px;color: #2F519F;font-weight: 600;margin-top: 14px;}
.main_con06{padding-top: 97px;padding-bottom: 160px;}
.main_con06 > div{display: flex}
.main_con06 > div .left{width: 29.2%;border-right: 1px solid #E8E9EE}
.main_con06 > div .left ul li{display: inline-block;margin-bottom: 30px;}
.main_con06 > div .left ul li:nth-child(1){margin-right: 45px;}
.main_con06 > div .left ul li:nth-child(3), .main_con06 > div .left ul li:nth-child(4){display: block}
.main_con06 > div .left ul li span{display: block;font-size: 18px;color: #2D303E;margin-bottom: 10px;}
.main_con06 > div .left ul li p{display: block;font-size: 24px;color: #2F51A2;}
.main_con06 > div .left > p{color: #787C8E;font-size: 18px;font-weight: 400;margin-top: 30px;line-height: 28px;}
.main_con06 > div .right{width: 70.8%;padding-left: 80px;}
.main_con06 > div .right ul{display: flex}
.main_con06 > div .right ul li{width: 16%;margin-right: 5%}
.main_con06 > div .right ul li:last-child{margin-right: 0}
.main_con06 > div .right ul li i{display: block;border-radius: 20px;overflow: hidden}
.main_con06 > div .right ul li i img{display: block;width: 100%}
.main_con06 > div .right ul li strong{display: block;font-size: 20px;color: #2D303E;line-height: 32px;margin-top: 20px;font-weight: 400;text-align: center}
.main_con06 > div .right ul li i svg{width: 100%;height: auto}

.main_con06 > div .right ul li i rect{fill : #fff;transition: 0.7s}
.main_con06 > div .right ul li:hover i rect{fill : #3052A2;stroke:#3052A2}
.main_con06 > div .right ul li:hover i path{fill : #fff;}


.btn_w{display: flex;align-items: center;margin-top: 60px;}
.btn_w .pagination{width: auto;padding: 0 20px;font-size: 16px;color: #AFB3C7;}
.btn_w .pagination .swiper-pagination-current{color: #3E70E6}

.swiper-fade .swiper-slide{opacity: 0}
/*효과*/

.m_title strong{transform: translateY(90px);opacity: 0;transition: transform 1s, opacity 1s}
.on .m_title strong{transform: translateY(0);opacity: 1}
.m_title p{transform: translateY(90px);opacity: 0;transition: transform 1s, opacity 1s;transition-delay: 0.3s}
.on .m_title p{transform: translateY(0);opacity: 1}

.main_con01 > div .title ul{transform: translateY(90px);opacity: 0;transition: transform 1s, opacity 1s;transition-delay: 0.3s}
.main_con01.on > div .title ul{transform: translateY(0);opacity: 1}

.main_con01 > div .title p{transform: translateY(90px);opacity: 0;transition: transform 1s, opacity 1s;transition-delay: 0.6s}
.main_con01.on > div .title p{transform: translateY(0);opacity: 1}

.main_con01 > div .pro_slider{transform: translateY(90px);opacity: 0;transition: transform 1s, opacity 1s;transition-delay: 0.9s}
.main_con01.on > div .pro_slider{transform: translateY(0);opacity: 1}

.main_con02 .p_slide, .main_con02 .m_title{transform: translateY(90px);opacity: 0;transition: transform 1s, opacity 1s;}
.main_con02.on .p_slide, .main_con02.on .m_title{transform: translateY(0);opacity: 1}
.main_con02 .m_title strong{transform: translateY(0);opacity: 1}
.main_con02:before{width: 0;transition: 2s}
.main_con02.on:before{width: 625px;max-width: 50%}

.main_con03 .pro_slider{transform: translateY(90px);opacity: 0;transition: transform 1s, opacity 1s;transition-delay: 0.6s}
.main_con03.on .pro_slider{transform: translateY(0);opacity: 1}
.main_con03 .btn_w{transform: translateY(90px);opacity: 0;transition: transform 1s, opacity 1s;transition-delay: 0.6s}
.main_con03.on .btn_w{transform: translateY(0);opacity: 1}

.main_con03 > div .wrap .title{transform: translateY(90px);opacity: 0;}
.main_con03 > div .swiper-slide-active .wrap .title{transform: translateY(0);opacity: 1;transition: transform 1s, opacity 1s;}
.main_con03 > div .wrap .video{transform: translateY(90px);opacity: 0;}
.main_con03 > div .swiper-slide-active .wrap .video{transform: translateY(0);opacity: 1;transition: transform 1s, opacity 1s;}



.main_con04 ul li{transform: translateY(90px);opacity: 0;transition: transform 1s, opacity 1s}
.main_con04.on ul li{transform: translateY(0);opacity: 1}
.main_con04 ul li:nth-child(2){transition-delay: 0.3s}
.main_con04 ul li:nth-child(3){transition-delay: 0.6s}
.main_con04 ul li:nth-child(4){transition-delay: 0.8s}

.main_con05 .map, .main_con05 .info{transform: translateY(90px);opacity: 0;transition: transform 1s, opacity 1s}
.main_con05.on .map, .main_con05.on .info{transform: translateY(0);opacity: 1}
.main_con05 .info{transition-delay: 0.3s}

.main_con06 > div .left{transform: translateY(90px);opacity: 0;transition: transform 1s, opacity 1s}
.main_con06.on > div .left{transform: translateY(0);opacity: 1}

.main_con06 > div .right{transform: translateY(90px);opacity: 0;transition: transform 1s, opacity 1s;transition-delay: 0.3s}
.main_con06.on > div .right{transform: translateY(0);opacity: 1}



.main_con02 .wrap ul, .main_con02 .wrap .right{transform: translateY(90px);opacity: 0;}
.main_con02 .swiper-slide-active .wrap ul, .main_con02 .swiper-slide-active .wrap .right{transform: translateY(0);opacity: 1;transition: transform 1s, opacity 1s}
.main_visual .vis_txt > div > span, .main_visual .vis_txt > div > strong, .main_visual .vis_txt > div p, .main_visual .vis_txt > div a, .main_visual .vis_txt > div > em{transform: translateY(90px);opacity: 0;}
.main_visual .main_slider .on .vis_txt > div > span, .main_visual .main_slider .on .vis_txt > div > strong, .main_visual .main_slider .on .vis_txt > div p, .main_visual .main_slider .on .vis_txt > div a, .main_visual .main_slider .on .vis_txt > div > em{transition: transform 1s, opacity 1s;transform: translateY(0);opacity: 1;transition-delay: 0.3s}

.main_visual .main_slider .on .vis_txt > div > strong{transition-delay: 0.9s}
.main_visual .main_slider .on .vis_txt > div > em{transition-delay: 1.2s}
.main_visual .main_slider .on .vis_txt > div p{transition-delay: 1.2s}
.main_visual .main_slider .on .vis_txt > div a{transition-delay: 1.5s}
.main_visual .vis_txt > div a i{display: inline-block;margin-left: 15px;}

.main_visual .box4 .vis_txt > div{padding-left: 850px}
.main_visual .box4 .vis_txt > div .box{display: flex;align-items: center}
.main_visual .box4 .vis_txt > div .box p{margin-right: 60px}
.main_visual .box4 .vis_txt > div .box a{margin-top: 0}
.main_visual .main_img ul li{transform: translateY(90px);opacity: 0;}

.main_visual .main_slider .box2 .main_img ul li{transform: scale(1.1);opacity: 0;}
.main_visual .main_slider .box2.on .main_img ul li{transition: transform 1s, opacity 1s;transform: scale(1);opacity: 1;transition-delay: 0.3s}
.main_visual .main_slider .box3 .main_img ul li{transform: translateX(90px);opacity: 0;}
.main_visual .main_slider .box3.on .main_img ul li{transition: transform 1s, opacity 1s;transform: translateX(0);opacity: 1;transition-delay: 0.3s}
.main_visual .main_slider .box4 .main_img ul li{transform: translateX(-90px);opacity: 0;}
.main_visual .main_slider .box4.on .main_img ul li{transition: transform 1s, opacity 1s;transform: translateX(0);opacity: 1;transition-delay: 0.3s}



.main_visual .main_slider .on .main_img ul li{transition: transform 1s, opacity 1s;transform: translateY(0);opacity: 1;transition-delay: 0.3s}
.main_visual .main_slider .on .main_img ul li:nth-child(1){transition-delay: 0.3s}
.main_visual .main_slider .on .main_img ul li:nth-child(2){transition-delay: 0.6s}
.main_visual .main_slider .on .main_img ul li:nth-child(3){transition-delay: 0.9s}
.main_visual .main_slider .on .main_img ul li:nth-child(4){transition-delay: 1.2s}
@media (max-width: 1800px) {
	.inner{max-width: 90%}
}
@media (max-width: 1600px) {
    .inner{max-width: 100%; width: 100%;padding: 0 20px;}
    .main_con02 .wrap ul li:nth-child(1){display: none}
    .main_con02 .wrap ul{margin-left: 0;padding-left: 20px;}
    .main_con01 > div .title{padding-left: 20px;}
    .main_vis{padding-left: 20px;}
    .main_con01 > div{padding-left: 530px}
    .main_con02:before{width: 20%}
    .main_con03 > div .wrap{padding-left: 400px}
    .main_con05 .info{left: auto;right: 20px;margin-left: 0}
    .main_con05{padding-right: 50px;}
    .main_visual .inner{padding-left: 45px;}
    .main_con02 .m_title{left: 600px}
}
@media (max-width: 1416px) {
    #main{padding-top: 80px;}
}
@media (max-width: 1280px) {
    .main_visual .vis_txt > div > span{font-size: 24px;margin-bottom: 15px;}
    .main_visual .vis_txt > div > strong{font-size: 60px;line-height: 1.5;margin-bottom: 15px;}
    .main_visual .vis_txt > div > p{font-size: 20px;line-height: 1.5}
    .main_con01 > div .title{position: static;width: 100%}
    .main_con01 > div{padding-left: 20px;}
    .main_con01 > div .title ul li{width: 16%;margin-right: 0.8%}
    .main_con01 > div .title ul li:nth-child(3n){margin-right: 0.8%}
    .main_con01 > div .title ul li:last-child{margin-right: 0}
    .main_con01 > div .title p br{display: none}
    .main_con01 > div .title p{margin-top: 15px;}
    .main_con01 > div .title{padding-left: 0}
    .main_con01 > div .pro_slider{width: 100%}
    .m_title strong{font-size: 42px;line-height: 1.7}
    .m_title p{font-size: 18px;line-height: 1.7}
    .main_con03 > div .wrap .title p{font-size: 16px;}
    .main_con03 > div .wrap .video:before{border-radius: 0 0 0 20px;}
    .main_con03 > div .wrap .title{bottom: 45px;}
    .main_con04 ul li strong{font-size: 18px;line-height: 1.7}
    .main_con03 > div .wrap .video{padding-left: 20px;padding-bottom: 20px;}
    .main_con03 > div .wrap .video .wrap{height: 390px;}
    .main_con01 > div .title ul li a strong{font-size: 16px;}
    .main_con01 > div .title p{font-size: 17px;line-height: 1.7}
    .main_con01 > div .pro_slider a .txt strong{font-size: 20px;}
    .main_con01 > div .pro_slider a .txt p{font-size: 15px;}
    .main_con01 > div .pro_slider a .txt{height: 195px;padding-top: 100px}
    .main_con01 > div .pro_slider a .product{width: 220px;}
    .main_con02{margin-top: 100px;padding: 80px 0}
    .main_con06 > div{display: block}
    .main_con06 > div .left{border-right: none;border-bottom: 1px solid #E8E9EE;width: 100%;padding-bottom: 30px;}
    .main_con06 > div .left ul li:nth-child(3), .main_con06 > div .left ul li:nth-child(4){display: inline-block;margin-left: 40px;}
    .main_con06 > div .left > p{margin-top: 0}
    .main_con06 > div .right{width: 100%;padding-left: 0;padding-top: 50px;}
    .main_con04{padding-bottom: 80px;margin-bottom: 80px;}
    .main_con03{padding-top: 80px;}
    .main_con02 .m_title{position: relative;top: 0;left: 0;z-index: 10;padding-left: 20px}
    .m_title p br{display: none}
    .main_con02 .wrap{display: block}
    .main_con02 .wrap ul{width: 532px;margin: 0 auto;padding-right: 0;padding-left: 0}
    .main_con02 .wrap ul img{width: 100%}
    .main_con02 .wrap .right .txt{width: 90%;margin: 0 auto;padding-top: 150px;margin-top: -100px;}
    .main_con02 .wrap .right{padding-top: 0}
    .main_con02:before{width: 50%;border-radius: 0 30px 30px 0}
    .btn_w{margin-top: 20px;}
    .main_visual .box4 .vis_txt > div{padding-left: 20px}
    .main_visual .box4 .vis_txt > div{padding-left: 55%}
}

@media (max-width: 980px) {
    .m_title{margin-bottom: 20px;}
    .m_title strong{font-size: 30px}
    .main_con01 > div .title ul li a .icon{width: 55px;background-size: 100% auto !important;height: 59px;}
    .main_con01 > div .title ul li a strong{font-size: 14px;}
    .main_con01 > div .title ul li a{padding-top: 12px;height: 117px;border-radius: 10px;}
    .main_con01 > div .title p{font-size: 15px;}
    .main_con01 > div .pro_slider a .txt strong{font-size: 17px;}
    .main_con01 > div .pro_slider a .product{width: 170px;}
    .main_con01 > div .pro_slider a .txt{margin-top: -45px;padding-top: 60px;height: 135px;border-radius: 0 0 20px 0}
    .main_con03 > div .m_title{position: static}
    .main_con03 > div .wrap{padding-left: 0}
    .main_con03 > div .wrap .title{position: static;margin-bottom: 20px;}
    .m_title p{font-size: 16px}
    .m_title p br{display: none}
    .main_con04 ul{flex-wrap: wrap}
    .main_con04 ul li strong{font-size: 16px;}
    .main_con04 ul li{width: 49%;margin-right: 2%;margin-bottom: 2%}
    .main_con04 ul li img{width: 100%}
    .main_con04{padding: 60px 0}
    .main_con04 ul li:nth-child(2n){margin-right: 0}
    .main_con05 .info strong{font-size: 24px;line-height: 1.7}
    .main_con05 .info{padding: 30px;}
    .main_con05 .info ul li *{width: 240px;height: 40px;font-size: 13px !important;}
    .main_con05 .info strong{margin-bottom: 20px;}
    .main_con05 .map{height: 400px;}
    .main_con06 > div .left ul li span{font-size: 14px;}
    .main_con06 > div .left ul li p{font-size: 18px;}
    .main_con06 > div .left ul li:nth-child(3), .main_con06 > div .left ul li:nth-child(4){margin-left: 0}
    .main_con06 > div .left ul li{margin-right: 20px;}
    .main_con06 > div .left ul li:nth-child(1){margin-right: 20px;}
    .main_con06 > div .left > p{font-size: 14px;line-height: 1.7}
    .main_con06 > div .left ul li{margin-bottom:20px;}
    .main_con06 > div .right{padding-top: 40px;}
    .main_con06 > div .right ul li strong{font-size: 15px;margin-top: 15px;line-height: 1.5;}
    .main_con06 > div .right ul li i{border-radius: 10px}
    .main_con06{padding-top: 40px;padding-bottom: 60px;}
    .main_visual .vis_txt > div > span{font-size: 16px;margin-bottom: 7px;}
    .main_visual .vis_txt > div > strong{font-size: 40px;}
    .main_visual .vis_txt > div > p{font-size: 16px}
    .main_visual .vis_txt > div > em svg{width: 400px;height: auto}
    .main_visual .vis_txt > div a{font-size: 13px;line-height: 35px;padding: 0 15px;}
    .main_visual .main_img{width: 890px;}
    .main_visual .vis_txt{transform: translateY(0);top: 0;padding-top: 70px;}
    .main_visual{height: 590px;}
    .main_visual .box4 .main_img{right: auto;left: 0}
    .main_con02 .wrap .right .txt{padding: 30px;padding-top: 70px;margin-top: -40px;}
    .main_con02 .wrap .right .txt strong{font-size: 20px}
    .main_con02 .wrap .right .txt p span{display: block}
    .main_con02 .wrap .right .txt p{padding: 15px;font-size: 16px;word-break: keep-all;line-height: 1.5}
    .main_con02 .wrap .right .txt strong{margin-bottom: 10px}
    .main_con02 .wrap ul{width: 400px}
    .main_con02 .wrap .right .txt{border-radius: 0 0 20px 20px }
    #main{padding-top: 60px;}
}
@media (max-width: 660px) {
    .main_con01 > div .title ul li a .icon{display: none}
    .main_con01 > div .title ul li a{padding: 0;line-height: 40px;height: auto}
    .main_con01 > div .title ul li a strong{margin-top: 0;line-height: 40px;}
    .main_con01 > div .title ul li{width: 32%;margin-bottom: 2%;margin-right: 2%}
    .main_con01 > div .title ul li:nth-child(3n){margin-right: 0}
    .m_title p{margin-top: 12px;}
    .main_con03 > div .wrap .video .wrap{height: 240px;}
    .main_con03 > div .wrap .video:before{height: 145px}
    .main_con04 ul li strong{margin-top: 10px;word-break: keep-all}
    .main_con05 .info{border-radius: 0 0 0 20px;}
    .main_con05{padding-right: 0;padding-bottom: 200px}
    .main_con05 .info{width: 80%;right: 50%;margin-right: -40%}
    .main_con05 .info ul li *{width: 100%}
    .main_con06 > div .left ul{display: flex;flex-wrap: wrap}
    .main_con06 > div .left ul li, .main_con06 > div .left ul li:nth-child(1){width: 50%;margin-right: 0;margin-left: 0}
    .main_con06 > div .right ul li{width: 32%;margin-right: 2%;margin-bottom: 20px;}
    .main_con06 > div .right ul{flex-wrap: wrap}
    .main_con06 > div .right ul li:nth-child(3n){margin-right: 0}
    .main_con05 .info strong{font-size: 20px;}
    .main_con05 .map{height: 300px;border-radius: 0}
    .main_con03{padding-top: 60px;}
    .main_visual .main_img{width: 660px;}
    .main_visual .vis_txt > div > p{font-size: 14px;word-break: keep-all}
    .main_visual .vis_txt > div > strong{font-size: 36px;}
    .main_visual .vis_txt > div p{font-size: 16px;line-height: 1.5}
    .main_con01{padding-top: 60px;}
    .main_con02 .wrap ul{width: 300px;}
    .main_con02{padding: 50px 0}
    .main_visual .box4 .vis_txt > div .box{display: block}
    .btn_w .pagination{font-size: 12px;}
    .main_visual .box4 .vis_txt > div .box a{margin-top: 15px;}
    .btn_w svg{height: 11px;width: auto}
    .btn_w .pagination{padding: 0 10px;}
    #header .hd_in{padding: 0}
    .main_visual .btn_w{left: auto;right: 20px;bottom: 20px;}
    .main_visual .box4 .vis_txt > div{padding-left: 45px}
    .main_visual .box4 .vis_txt{padding-top: 30px;}
}
@media (max-width: 500px) {
    .main_visual .main_img{width:480px;}
    .main_visual{height: 500px}
    .main_visual .vis_txt > div a{margin-top: 20px;}
    .main_visual .vis_txt > div > em svg{width: 260px;}
    .main_visual{border-radius: 0 0 0 30px}
    .main_con02 .wrap ul{width: 260px;}
    .main_con03 > div .wrap .video .wrap{border-radius: 0 0 20px 0}
    .m_title p br{display: block}
    .main_visual .vis_txt > div > strong{font-size: 33px}
    .main_con06 > div .left ul li p{font-size: 15px;}
    .main_con01 > div .title ul li a strong{font-size: 12px}
}