@font-face {
    font-family: 'SUIT-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

#header .m_btn i.line01, #header .m_btn i.line02  {
    background: #00a4d3;
}
.fp-viewing-home #header .m_btn i.line01, .fp-viewing-home #header .m_btn i.line02 {
    background: #fff;
}
.fp-viewing-home #header .lan_list ul li a {
    color: #fff;
}
#header .lan_list ul li a {
    color: #444;
}
#header #logo a {display: block;position: relative}
#header #logo a img{display: block}
#header #logo a:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(/img/common/logo_on.png);background-size: 100% 100%}
.fp-viewing-home #header #logo a:after{display: none}
#header #gnb > ul > li > a{color: #282b35}
.fp-viewing-home #header #gnb > ul > li > a{color: #fff}
.fp-viewing-home #header:hover #gnb > ul > li > a{color: #282b35}
.fp-viewing-home #header:hover #gnb > ul > li:hover > a{color: #00a4d3}
#header.sub:hover #gnb > ul > li:hover > a{color: #00a4d3}
#main{background:#eef0f1;transition: 6s;background-size: 1920px auto}
#main.on{background-size: 103% auto}
.inner{width: 1280px;margin: 0 auto}
canvas{display:flex;flex: 1;margin: 0;position: relative;z-index: 2;}
.main_visual{position: relative;background: #000d2f;height: 970px;overflow: hidden}
.main_visual #videobcg{display: none}
.main_visual .bg{position: absolute;top: 0;left: 0;opacity: 0;transition: 7s;transition-delay: 6.7s;z-index: 4;width: 100%;height: 100%}
.main_visual.on .bg{opacity: 1}
.main_visual .bg img{min-width: 100%}
.main_visual .circle{position: absolute;left: 50%;top: 50%;margin-left: -293.5px;margin-top: -293.5px;opacity: 1;transform: scale(1);transition: 0.7s}
.main_visual .circle img{animation: 12s circle2 infinite linear}
/*.main_visual.on .circle{opacity: 1;transform: scale(1);animation: circle 3s;animation-fill-mode: forwards;animation-delay: 3.5s}*/
.main_visual.on .circle{animation: circle 3s;animation-delay: 2.7s;animation-fill-mode: forwards;}
@keyframes circle{
	0%{transform: scale(1.0)}
	70%{opacity:1}
	100%{transform: scale(0.1);opacity:0}
}

@keyframes circle2{
	0%{transform: rotate(0deg)}
	100%{transform: rotate(360deg)}
}
.main_visual .vis_tit{position: absolute;width: 100%;top: 50%;color: #fff;text-align: center;z-index: 5;margin-top: -45px;transition: 0.6s;opacity: 1;transition-delay:2.5s}
.main_visual.on .vis_tit{opacity: 0;}
.main_visual .vis_tit2{position: absolute;width: 100%;top: 50%;color: #fff;text-align: center;z-index: 5;margin-top: -45px;}
.main_visual .vis_tit strong{font-family: 'SUIT-ExtraBold';font-size: 60px;letter-spacing: 15px; transition: filter 2.5s,letter-spacing 2s,opacity 2s; opacity: 0;filter: blur(10px);word-break: keep-all;transition-delay: 0.2s}
.main_visual .vis_tit2 strong{font-family: 'SUIT-ExtraBold';font-size: 60px;letter-spacing: 15px; transition: filter 2.5s,letter-spacing 2s,opacity 2s; opacity: 0;filter: blur(10px);word-break: keep-all;transition-delay: 5.5s}
.main_visual.on .vis_tit strong{letter-spacing: 0; opacity: 1;filter: blur(0);}
.main_visual.on .vis_tit2 strong{letter-spacing: 0; opacity: 1;filter: blur(0);}


/* 메인비주얼 */
.main_visual1{ margin-top: 0; width:100%;position: relative;z-index: 3; height: 100%;}
.main_visual1 .main_slider{ height:100%;overflow: hidden; position: relative;}
.main_visual1 .main_slider .slide_box{ overflow: hidden;width:100%;height:100%; position: relative; background-color: #fff; }
.main_visual1 .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_visual1 .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_visual1 .main_slider .slide_box .main_img{ position: absolute;left: 0; top: 0; overflow: hidden; width: 100%; height: 100%;
-moz-transition: all 8s ;
-webkit-transition: all 8s;
-o-transition: all 8s;
-ms-transition: all 8s ;
transition: all 8s ;
}



.main_visual1 .main_slider .slide_box .main_img.pc{display: block}
.main_visual1 .main_slider .slide_box .main_img.mo{display: none}


.main_visual1 .main_slider .slide_box .main_img img{ display: block; min-width: 100%;  max-width: auto;height: 100%; position: absolute; left: 50%; top: 50%;
  transform: translate(-50%,-50%) scale(1.1); transition: transform 7s;
}


.main_visual1 .main_slider .slide_box div.on .main_img img{ transform: translate(-50%,-50%) scale(1); }





.main_visual1 .main_slider .slide_box .in_obj{text-align: right; top:0%; width: 100%; z-index: 9}
.main_visual1 .main_slider .slide_box .in_obj:after{content: ''; display: block}
.main_visual1 .main_slider .slide_box .in_obj .wrap_t{margin-bottom: 25px;}
.main_visual1 .main_slider .slide_box div div.wrap_tit{display: block;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
transition-delay: 0.6s;}
.main_visual1 .main_slider .slide_box div.on div.wrap_tit{
    opacity: 1
}



.main_visual1 .main_slider .slide_box > div.on{ z-index: 5; opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}


.main_visual1 .in_inner .in_obj > p{ font-size: 20px; display: inline-block; font-size: 20px; color: #fff; margin-bottom: 57px; position: relative; }
.main_visual1 .in_inner .in_obj > p:after{ content:""; display: block; width: 100%; height: 2px; background-color: #fff; position: absolute; left: 0; bottom: -2px;}
.main_visual1 .in_inner .in_obj > strong{ display: block; font-size: 36px; color:#FFFFFF; line-height: 1; font-weight: 400; }
.main_visual1 .in_inner .in_obj > strong.st02{font-size: 72px;font-weight: 600;margin-top: 30px;}


.main_visual1 .in_inner .in_obj > p{ transform: translateY(40px); opacity: 0;  }
.main_visual1 .in_inner .in_obj .st01{ transform: translateY(40px); opacity: 0; }
.main_visual1 .in_inner .in_obj .st02{ transform: translateY(40px); opacity: 0; }

.main_visual1 .main_slider .slide_box > div.on .in_obj p{ transition: transform 1s, opacity 1s; transform: translateY(0); opacity: 1; }

.main_visual1 .main_slider .slide_box > div.on .in_obj .st01{transition: transform 1s, opacity 1s;  transform: translateY(0); opacity: 1; transition-delay: .3s;}
.main_visual1 .main_slider .slide_box > div.on .in_obj .st02{transition: transform 1s, opacity 1s;  transform: translateY(0); opacity: 1; transition-delay: .5s}

/*효과*/
.main_visual1 .in_inner{width: 1400px;margin: 0 auto;max-width: 100%; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0,-50%); z-index: 10; }
.main_visual1 .thum{position: absolute;width: 100%;bottom: 60px;z-index: 20;text-align: center}
.main_visual1 .thum li{display: inline-block;vertical-align: middle;width: 6px;height: 6px;margin-left: 18px;border-radius: 50%;background: #fff;opacity: 0.5}
.main_visual1 .thum li:last-child{margin-right: 0;display: none}
.main_visual1 .thum li:first-child{margin-left: 0;}
.main_visual1 .thum li.on{opacity: 1;transform: scale(2)}



/*.main_visual .circle{transition: 2s;transform: scale(1);opacity: 1}*/
/*.main_visual.on .circle{transform: scale(0);opacity: 0.2}*/
.section{background: #eef0f1;position: relative;}
.main_con01{background: #eef0f1;position: relative;}
.main_con01 .inner{width: 1400px;max-width: 100%}
.main_con01 .tit{display: block;text-align: center;margin-bottom: 90px;}
.main_con01 .tit strong{font-size: 42px;color: #1d2b55;line-height: 1}
.main_con01 ul:after{content: '';display: block;clear: both}
.main_con01 ul{position: relative;z-index: 2;height: 100%;display: flex}
.main_con01 ul li{width: 31.33%;border-right: 1px solid #344c8d;box-sizing: border-box;transition: 0.7s;;position: relative;overflow: hidden;margin-right: 3.005%}
.main_con01 ul li:last-child{margin-right: 0}
.main_con01 ul li .bg{position: absolute;height: 100%;left: 50%;transform: translate(-50%, -50%);top: 50%;}
.main_con01 ul li .bg video{height: 100%}
.main_con01 ul li a{width: 100%;position: relative}
.main_con01 ul li a .txt_area{position: absolute;width: 100%;top: 50%;transform: translateY(-50%)}
/* .main_con01 ul li:hover{background: #11bced} */
.main_con01 ul li:last-child{border-right: none}
/* .main_con01 ul li a{display: block;box-sizing: border-box} */
.main_con01 ul li a > div{transition: 1s}
/* .main_con01 ul li:hover a > div{transform: translateY(-100px)} */
.main_con01 ul li a .img i{display: block;display: block;text-align: center;}
/* .main_con01 ul li:nth-child(1) a .img i{background: url(/img/main/t_icon01_on.png)}
.main_con01 ul li:nth-child(2) a .img i{background: url(/img/main/t_icon02.png)}
.main_con01 ul li:nth-child(3) a .img i{background: url(/img/main/t_icon03.png)}
.main_con01 ul li:nth-child(1):hover a .img i{background: url(/img/main/t_icon01.png)}
.main_con01 ul li:nth-child(2):hover a .img i{background: url(/img/main/t_icon02_on.png)}
.main_con01 ul li:nth-child(3):hover a .img i{background: url(/img/main/t_icon03_on.png)} */
.main_con01 ul li .txt{text-align: center;padding-top: 20px;}
.main_con01 ul li .txt strong{display: block;color: #ffffff;font-size: 36px;margin-bottom: 20px;}
.main_con01 ul li .txt p{font-size: 16px;color: #ffffff;line-height: 34px;display: none}
.main_con01 ul li:hover .txt p{display: block;}
.main_con01 ul li .txt i{display: block;width: 80px;height: 80px;background: url(/img/main/plus.png);margin: 0 auto;margin-top: 30px;}
.main_con01 ul li:hover .txt i{background: url(/img/main/plus_on.png);}
.main_con02{background: #eef0f1;overflow: hidden;padding-top: 100px;height: 100%}
.main_con02 .slide_w{padding-top: 90px;}
.main_con02 .slide_w .mySwiper .swiper-pagination{position: absolute;left: 50%;width: 1280px;margin-left: -640px;top: 0;height: 30px}
.main_con02 .slide_w .mySwiper .swiper-pagination:before{content: '';display: block;position: absolute;width:85.71428571428571%;height: 1px;background: #d8dee6;position: absolute;left: 7.142857142857145%;top: 8px;}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet{overflow: visible;width: 12.5%;margin-right: 0;border-radius: 0;float: left;margin-left: 0;background: none !important;opacity: 1;position: relative;word-break: keep-all;}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet:after{content: '';display: block;width: 7px;height: 7px;background: #ffffff;left: 50%;margin-left: -3.5px;top: 5.5px;position: absolute;border-radius: 50%}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet:before{content: '';display: block;width: 17px;height: 17px;border-radius: 50%;margin: 0 auto;background: #c6c9d1;margin-bottom: 20px;animation: twi 1.5s infinite linear;position: relative;top: 1px;}
@keyframes twi{
	0%{opacity: 1}
	50%{opacity: 0.4}
	100%{opacity: 1}
}
.main_con02 .slide_w{width: 1920px;margin: 0 auto;max-width: 100%;overflow: hidden;}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet:nth-child(2):before{animation-delay: 0.2s}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet:nth-child(4):before{animation-delay: 0.4s}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet:nth-child(3):before{animation-delay: 0.6s}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet:nth-child(7):before{animation-delay: 0.8s}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet:nth-child(5):before{animation-delay: 1s}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background: #1674e6}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{color: #00a4d3;}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet{color: #1d2b55;font-size: 18px;text-align: center}
/*.main_con02 .slide_w .mySwiper .swiper-pagination-bullet:nth-child(1):after{content: 'ADHD+ASD';}*/
/*
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet:nth-child(2):after{content: '안면마비';}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet:nth-child(3):after{content: '이명';}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet:nth-child(4):after{content: '항암';}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet:nth-child(5):after{content: '각막질환';}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet:nth-child(6):after{content: '망막질환';}
.main_con02 .slide_w .mySwiper .swiper-pagination-bullet:nth-child(7):after{content: '편두통';}
*/
.main_con02 .tit{margin-bottom: 35px;}
.main_con02 .tit strong{display: block;font-size: 42px;color: #1d2b55;text-align: center}
.main_con02 .slide_w{position: relative;}
.main_con02 .swiper{overflow: visible; position: static;height: 685px;margin-left: 860px}
/*margin-left: -250px;width: 2500px;*/
.main_con02 .swiper .swiper-wrapper{height: auto}
.main_con02 .swiper-slide{width: 485px}
.main_con02 .swiper-slide-active{width: 1480px}
.main_con02 .product_w > div.right{display: none;padding-top: 135px;}
.main_con02 .product_w > div.right span{display: block;font-size: 18px;font-weight: 500;color: #1572e2;margin-bottom: 20px;font-family: 'SUIT-ExtraBold';}
.main_con02 .product_w > div.right strong{display: block;font-size: 42px;color: #1d2b55;margin-bottom: 35px}
.main_con02 .product_w > div.right p{display: block;font-size: 22px;line-height: 38px; color: #696e7e;margin-bottom: 50px;}
.main_con02 .product_w > div.right a{display: block;width: 240px;line-height: 76px;background: #0e60c2;color: #fff;padding-left: 27px; font-size: 22px;border-radius: 20px;font-family: 'SUIT-ExtraBold';}
.main_con02 .product_w > div.right a em{display: inline-block;width: 28px;height: 29px;background: url(/img/main/view_plus.png);vertical-align: middle;margin-right: 15px;transition: 0.6s}
.main_con02 .product_w > div.right a:hover em{transform: rotate(90deg)}
.main_con02 .product_w > div.right a *{font-style: normal}
.main_con02 .product_w > div.left{position: relative}
.main_con02 .product_w > div.left .product{position: absolute;z-index: 2;bottom: 0;right: -150px;}
.main_con02 .product_w > div .img{overflow: hidden;border-radius: 40px}
.main_con02 .product_w > div .img img{display: block;max-width: 486px}
.main_con02 .product_w > div{float: left}
.main_con02 .swiper-slide-active .product_w > div.right{display: block}
.main_con02 .product_w > div.right{padding-left: 150px;width: 795px}
.con03_bg{background: #eef0f1;}
.main_con03{padding-top: 155px;padding-bottom: 140px;;}
.main_con03 > div:after{content: '';display: block;clear: both}
.main_con03 > div > div{float: left}
.main_con03 .img{border-radius: 0 40px 40px 0;overflow: hidden;margin-left: -320px;}
.main_con03 .img img{display: block;}
.main_con03 .press{padding-left: 50px;width: 40.5%}
.main_con03 .press .tit:after{content: '';display: block;clear: both}
.main_con03 .press .tit strong{float: left;color: #1d2b55;font-size: 42px;line-height: 62px;}
.main_con03 .press .tit a{float: right;background:#11bced;width: 62px;height: 62px;text-indent: -9999px;border-radius: 50%;position: relative}
.main_con03 .press .tit a i{position: absolute;width: 100%;height: 100%;background-size: 100% 100% !important;top: 0;left: 0;animation: twi 1s infinite linear;opacity: 0}
@keyframes twi{
	0%{opacity: 0}
	100%{opacity: 1}
}
.main_con03 .press .tit a .dot01{background: url(/img/main/btn_bg01.png)}
.main_con03 .press .tit a .dot02{background: url(/img/main/btn_bg02.png);animation-delay: 0.2s}
.main_con03 .press .tit a .dot03{background: url(/img/main/btn_bg03.png);animation-delay: 0.4s}
.main_con03 .press .txt{padding-top: 86px;border-bottom: 2px solid #1d2b55}
.main_con03 .press .txt a{display: block;font-size: 32px;font-weight: 600;color: #1d2b55;line-height: 48px;padding-bottom: 84px;}
.main_con03 .press ul li a{display: block;line-height: 80px;border-bottom: 1px solid #d8dee6;font-size: 18px;color: #85878e;position: relative;text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:100%;
overflow:hidden;transition: 1s;padding-left: 0;}
.main_con03 .press ul li a:before{content: '';display: inline-block;width: 30px;height: 30px;background: url(/img/main/view.png);position: absolute;left: 0;top: 50%;margin-top: -15px;opacity: 0;transition: 1s}
.main_con03 .press ul li:hover a:before{opacity: 1}
.main_con03 .press ul li:hover a{padding-left: 45px;color: #1d2b55}
.main_con03 .img iframe{width: 1020px;height: 520px}

/* .main_con04{padding-bottom: 180px;} */
.main_con04 .tit:after{content: '';display: block;clear: both}
.main_con04 .tit strong{float: left;color: #1d2b55;font-size: 42px;line-height: 62px;}
.main_con04 .tit ul{float: left;padding-left: 10px;}
.main_con04 .tit ul li{float: left;margin-left: 30px;}
.main_con04 .tit ul li a{line-height: 62px;font-size: 24px;color: #caccd2;font-weight: 600}
.main_con04 .tit ul li.on a{color: #11bced;text-decoration: underline}
.main_con04 .tit{margin-bottom: 30px;}
.main_con04 .tit > a{float: right;background:#11bced;width: 62px;height: 62px;text-indent: -9999px;position: relative;border-radius: 50%;transition: 0.6s}
.main_con04 .tit > a:hover, .main_con03 .press .tit a:hover, .main_con05 .slide_person .mySwiper2 .person .txt:hover .more_btn a{transform: rotate(90deg)}
.main_con05 .slide_person .mySwiper2 .person .txt .more_btn a, .main_con03 .press .tit a{transition: 0.6s}
.main_con04 .tit > a i{position: absolute;width: 100%;height: 100%;background-size: 100% 100% !important;top: 0;left: 0;animation: twi 1s infinite linear;opacity: 0}
.main_con04 .tit > a .dot01{background: url(/img/main/btn_bg01.png)}
.main_con04 .tit > a .dot02{background: url(/img/main/btn_bg02.png);animation-delay: 0.2s}
.main_con04 .tit > a .dot03{background: url(/img/main/btn_bg03.png);animation-delay: 0.4s}
.main_con04 > div:after{content: '';display: block;clear: both}
.main_con04 .left{width: 68.4375%;margin: 0 auto}
.main_con04 .right{float: left;width: 27.65625%;}
.main_con04 .list ul:after{content: '';display: block;clear: both}
.main_con04 .list ul li{float: left;width: 31%;margin-right: 3.5%;background: rgba(28,45,87,0.8)}
.main_con04 .list ul{display: none}
.main_con04 .list ul.on{display: block;}
.main_con04 .list ul li:last-child{margin-right: 0}
.main_con04 .list ul li a{display: block;height: 335px;padding: 45px 30px;box-sizing: border-box;position: relative;transition: 1s;background: #fff}
.main_con04 .list ul li:hover a{background: #11bced}
.main_con04 .list ul li a strong{display: block;font-size: 22px;color: #1d2b55;line-height: 34px;transition: 0.6s}
.main_con04 .list ul li:hover a strong{color: #fff}
.main_con04 .list ul li a span{position: absolute;bottom: 55px;color: #85878e;font-size: 20px;line-height: 1;transition: 0.6s}
.main_con04 .right .txt{background: rgba(28,45,87,0.8);height: 335px;box-sizing: border-box;padding: 55px 50px;padding-bottom: 0;color: }
.main_con04 .list ul li:hover a span{color: #fff}
.main_con04 .right .txt .price_w{padding-bottom: 40px;border-bottom: 1px solid #d9dee7}
.main_con04 .right .txt .price_w:after{content: '';display: block;clear: both}
.main_con04 .right .txt .price_w strong{float: left;color: #ffffff;font-size: 32px;line-height: 1}
.main_con04 .right .txt .price_w i{float: right;font-size: 22px;color: #ff0000;font-style: normal;line-height: 32px;}
.main_con04 .right .txt ul{padding-top: 35px;}
.main_con04 .right .txt ul li{line-height: 34px;}
.main_con04 .right .txt ul li:after{content: '';display: block;clear: both}
.main_con04 .right .txt ul li p{float: left;font-size: 18px;color: #ff0000;}
.main_con04 .right .txt ul li p i{font-style: normal}
.main_con04 .right .txt ul li span{float: right;font-size: 18px;color: #ffffff;}
.con04_bg{ background: #eef0f1 ;}
#footer{ background: #eef0f1}
.fp-watermark{display: none !important}
.main_con05{background: #091525;overflow: hidden;padding-top: 80px;position: relative;transition: 4s;position: relative}
.main_con05:before{content: '';display: block;width: 100%;height: 100%;top: 0;left: 0; background: #091525  url(/img/main/con02_bg.jpg) no-repeat center top;position: absolute;opacity: 0;transition: 3s;transition-delay: 4s}
.active .main_con05:before{opacity: 1}
.main_con05 .tit{position: absolute;left: 50%;margin-left: -640px;top: 0;top: 150px;}
.main_con05 .tit strong{display: block;font-size: 52px;line-height: 1;color: #ffffff;margin-bottom: 40px;}
.main_con05 .tit p{display: block;font-size: 22px;line-height: 38px;color: #ffffff;}
.main_con05 .mySwiper3{width: 1150px;margin-left: -50px;padding-top: 375px;position: relative}
.main_con05 .mySwiper3 .swiper-slide{width: auto}
.main_con05 .mySwiper3 .swiper-slide-prev{opacity: 0}
.main_con05 .mySwiper3 .swiper-slide-next .product{position: relative;left: -98px;border-radius: 50%;overflow: hidden;}
.main_con05 .mySwiper3 .swiper-slide .product{border-radius: 50%;overflow: hidden;}
.main_con05 .mySwiper3 .swiper-slide-next .product img{}
.main_con05 .mySwiper3 .swiper-slide-next .txt{position: relative;left: -98px;}
.main_con05 .mySwiper3 .product{width: 250px;transform: translateY(97.5px);background: #203045;border-radius: 50%;height: 250px;transition: background 1s}
.main_con05 .mySwiper3 .product img{width: 100%}
.main_con05 .mySwiper3 .swiper-slide-active .product{width: 445px;transform: translateY(0);background: #11bced;height: 445px}
.main_con05 .slide_product{position: relative;z-index: 2}
.main_con05 .mySwiper3 .txt{display: block;text-align: center;color: #fff;position: relative;z-index: 2;width: 250px;text-align: center;transform: translateY(97.5px);padding-top: 35px;font-size: 26px;font-weight: 400}
.main_con05 .mySwiper3 .txt strong{font-weight: 500}
.main_con05 .slide_product, .main_con05 .slide_person{float: left}
.main_con05 .slide_person{margin-left: -110px;}
.main_con05 .slide_person .mySwiper2 {width: 734px;overflow: visible}
.main_con05 .slide_person .mySwiper2 .img_down{opacity: 0.8;position: relative;z-index: -1;position: relative}
.main_con05 .slide_person .mySwiper2 .img_down:after{content: '';display: block;position: absolute;width: 100%;height: 100%;background: #091525 ;top: 0;left: 0;transition: 2.6s;transition-delay: 1.4s}
.active .main_con05 .slide_person .mySwiper2 .img_down:after{height: 0}
.main_con05 .slide_person .mySwiper2 .person{position: relative}
.main_con05 .slide_person .mySwiper2 .person .pin{position: absolute;}
.main_con05 .slide_person .mySwiper2 .person01 .pin{left: 50%;margin-left: -57px;top: 25px}
.main_con05 .slide_person .mySwiper2 .person02 .pin{left: 50%;margin-left: -57px;top: 95px}
.main_con05 .slide_person .mySwiper2 .person03 .pin{left: 50%;top: 95px}
.main_con05 .slide_person .mySwiper2 .person04 .pin{left: 50%;top: 425px}
.main_con05 .slide_person .mySwiper2 .person05 .pin{left: 50%;top: 95px;margin-left: -20px;}
.main_con05 .slide_person .mySwiper2 .person06 .pin{left: 50%;top: 95px;margin-left: -20px;}
.main_con05 .slide_person .mySwiper2 .person07 .pin{left: 50%;top: 25px;margin-left: -57px;}
.main_con05 .slide_person .mySwiper2 .person .pin_w{position: relative}
.main_con05 .slide_person .mySwiper2 .person .pin_w .p_txt{position: absolute;left: 50%;top: 50%;vertical-align: middle;margin-top: -14px;}
.main_con05 .slide_person .mySwiper2 .person .pin_w .p_txt strong{display: block;width: 300px;vertical-align: middle;font-size: 20px;color: #ffffff;font-weight: 500}
.main_con05 .slide_person .mySwiper2 .person .pin_w .p_txt strong:before{content: '';display: inline-block;width: 108px;height: 1px;border-bottom: 1px dashed #afe3f2;position: relative;top: -7px;margin-right: 10px}
.main_con05 .slide_person .mySwiper2 .person .pin_w .pin_cir{position: relative;width: 114px;height: 114px;}
.main_con05 .slide_person .mySwiper2 .person .pin_w .pin_cir i{display: block;position: absolute;width: 114px;height: 114px;border-radius: 50%;background: #9be9ff;top: 0;left: 0;transform: scale(0);animation: pin 2.3s infinite linear}
.main_con05 .slide_person .mySwiper2 .person .pin_w .pin_cir i.cir02{animation-delay: 0.4s}
.main_con05 .slide_person .mySwiper2 .person .pin_w .pin_cir i.cir03{animation-delay: 0.8s}
.main_con05 .slide_person .mySwiper2 .person .pin_w .pin_cir i.cir04{animation-delay: 1.2s}
.main_con05 .slide_person .mySwiper2 .person .pin_w .pin_cir i.cir05{animation-delay: 1.6s}
.main_con05 .slide_person .mySwiper2 .person .pin_w .pin_cir i.cir06{animation-delay: 2s}


.main_con05 .slide_person .swiper-pagination{position: absolute;width: 840px;margin-left: -730px;top: 275px;height: 30px}
.main_con05 .slide_person .swiper-pagination:before{content: '';display: block;position: absolute;width:85.71428571428571%;height: 1px;background: #203045;position: absolute;left: 7.142857142857145%;top: 8px;}
.main_con05 .slide_person .swiper-pagination-bullet{overflow: visible;width: 12.5%;margin-right: 0;border-radius: 0;float: left;margin-left: 0;background: none !important;opacity: 1;position: relative;margin: 0 !important}
.main_con05 .slide_person .swiper-pagination-bullet:after{content: '';display: block;width: 7px;height: 7px;background: #ffffff;left: 50%;margin-left: -3.5px;top: 5.5px;position: absolute;border-radius: 50%}
.main_con05 .slide_person .swiper-pagination-bullet:before{content: '';display: block;width: 17px;height: 17px;border-radius: 50%;margin: 0 auto;background: #203045;margin-bottom: 20px;animation: twi 1.5s infinite linear}
@keyframes twi{
	0%{opacity: 1}
	50%{opacity: 0.4}
	100%{opacity: 1}
}
.main_con05 .slide_person .swiper-pagination-bullet:nth-child(2):before{animation-delay: 0.2s}
.main_con05 .slide_person .swiper-pagination-bullet:nth-child(4):before{animation-delay: 0.4s}
.main_con05 .slide_person .swiper-pagination-bullet:nth-child(3):before{animation-delay: 0.6s}
.main_con05 .slide_person .swiper-pagination-bullet:nth-child(7):before{animation-delay: 0.8s}
.main_con05 .slide_person .swiper-pagination-bullet:nth-child(5):before{animation-delay: 1s}
.main_con05 .slide_person .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background: #1674e6}
.main_con05 .slide_person .swiper-pagination-bullet.swiper-pagination-bullet-active{color: #fff;}
.main_con05 .slide_person .swiper-pagination-bullet{color: #b5bec9;font-size: 18px;text-align: center}
@keyframes pin{
	0%{transform: scale(0);opacity: 1}
	100%{transform: scale(1);opacity: 0}
}
#fp-nav ul, .fp-slidesNav ul{display: none !important}
.main_con05 .slide_person .swiper-slide{opacity: 0 !important}
.main_con05 .slide_person .swiper-slide-active{opacity: 1 !important}
.main_con05 .slide_person .mySwiper2 .person .txt{position: absolute;bottom: 0;width: 100%;height: 390px;background: rgba(3,13,35,0.7);padding-left: 165px;padding-top: 75px;box-sizing: border-box;z-index: 99}
.main_con05 .slide_person .mySwiper2 .person .txt strong{display: block;font-size: 42px;color: #ffffff;margin-bottom: 25px;}
.main_con05 .slide_person .mySwiper2 .person .txt p{display: block;font-size: 22px;color: #eff3fd;line-height: 38px;}
.main_con05 .slide_person .mySwiper2 .person .txt .more_btn{position: absolute;bottom: 65px;right: 45px;}
.main_con05 .slide_person .mySwiper2 .person .txt .more_btn a{float: right;background:#11bced;width: 62px;height: 62px;text-indent: -9999px;border-radius: 50%;position: relative}
.main_con05 .slide_person .mySwiper2 .person .txt .more_btn a i{position: absolute;width: 100%;height: 100%;background-size: 100% 100% !important;top: 0;left: 0;animation: twi 1s infinite linear;opacity: 0}
.main_con05 .slide_person .mySwiper2 .person .txt .more_btn a .dot01{background: url(/img/main/btn_bg01.png)}
.main_con05 .slide_person .mySwiper2 .person .txt .more_btn a .dot02{background: url(/img/main/btn_bg02.png);animation-delay: 0.2s}
.main_con05 .slide_person .mySwiper2 .person .txt .more_btn a .dot03{background: url(/img/main/btn_bg03.png);animation-delay: 0.4s}

.main_con05 .slide_person .mySwiper2 .img_down svg path{stroke-dashoffset: 25;}

.main_con05 .slide_person .mySwiper2{height: 887px;}
/*
.main_con05 path{opacity: 0;transition:0.4s;transition-delay: 2.4s}
.main_con05 path:nth-child(n+1):nth-child(-n+10){transition-delay: 2.45s}
.main_con05 path:nth-child(n+21):nth-child(-n+30){transition-delay: 2.5s}
.main_con05 path:nth-child(n+31):nth-child(-n+40){transition-delay: 2.55s}
.main_con05 path:nth-child(n+41):nth-child(-n+50){transition-delay: 2.6s}
.main_con05 path:nth-child(n+51):nth-child(-n+60){transition-delay: 2.65s}
.main_con05 path:nth-child(n+61):nth-child(-n+70){transition-delay: 2.7s}
.main_con05 path:nth-child(n+71):nth-child(-n+80){transition-delay: 2.75s}
.main_con05 path:nth-child(n+81):nth-child(-n+90){transition-delay: 2.8s}
.main_con05 path:nth-child(n+91):nth-child(-n+100){transition-delay: 2.85s}
.main_con05 path:nth-child(n+11):nth-child(-n+20){transition-delay: 2.9s}
.main_con05 path:nth-child(n+101):nth-child(-n+110){transition-delay: 2.95s}
.main_con05 path:nth-child(n+111):nth-child(-n+120){transition-delay: 3s}
.main_con05 path:nth-child(n+121):nth-child(-n+130){transition-delay: 3.05s}
.main_con05 path:nth-child(n+131):nth-child(-n+140){transition-delay: 3.1s}
.main_con05 path:nth-child(n+141):nth-child(-n+150){transition-delay: 3.15s}
.main_con05 path:nth-child(n+151):nth-child(-n+160){transition-delay: 3.2s}
.main_con05 path:nth-child(n+161):nth-child(-n+170){transition-delay: 3.25s}
.main_con05 path:nth-child(n+171):nth-child(-n+180){transition-delay: 3.3s}
.main_con05 path:nth-child(n+181):nth-child(-n+190){transition-delay: 3.35s}
.main_con05 path:nth-child(n+191):nth-child(-n+200){transition-delay: 3.4s}
.main_con05 path:nth-child(n+201):nth-child(-n+210){transition-delay: 3.45s}
.main_con05 path:nth-child(n+211):nth-child(-n+220){transition-delay: 3.5s}
.main_con05 path:nth-child(n+221):nth-child(-n+230){transition-delay: 3.55s}
.main_con05 path:nth-child(n+231):nth-child(-n+240){transition-delay: 3.6s}
.main_con05 path:nth-child(n+241):nth-child(-n+250){transition-delay: 3.65s}
.main_con05 path:nth-child(n+251):nth-child(-n+260){transition-delay: 3.7s}
.main_con05 path:nth-child(n+261):nth-child(-n+270){transition-delay: 3.75s}
.main_con05 path:nth-child(n+271):nth-child(-n+280){transition-delay: 3.8s}
.main_con05 path:nth-child(n+281):nth-child(-n+290){transition-delay: 3.85s}
.main_con05 path:nth-child(n+291):nth-child(-n+300){transition-delay: 3.9s}
.main_con05 path:nth-child(n+301):nth-child(-n+310){transition-delay: 3.95s}
*/
@keyframes twing{
	0%{opacity: 1}
	50%{opacity: 0.65}
	100%{opacity: 1}
}
.active .main_con05 path{animation: twing 1.5s infinite linear;animation-delay: }



.active .main_con05 path:nth-child(n+271):nth-child(-n+280){animation-delay: 6.05s}
.active .main_con05 path:nth-child(n+281):nth-child(-n+290){animation-delay: 6.1s}
.active .main_con05 path:nth-child(n+291):nth-child(-n+300){animation-delay: 6.15s}
.active .main_con05 path:nth-child(n+301):nth-child(-n+310){animation-delay: 6.2s}
.active .main_con05 path:nth-child(n+1):nth-child(-n+10){animation-delay: 6.25s}
.active .main_con05 path:nth-child(n+21):nth-child(-n+30){animation-delay: 6.3s}
.active .main_con05 path:nth-child(n+31):nth-child(-n+40){animation-delay: 6.35s}
.active .main_con05 path:nth-child(n+41):nth-child(-n+50){animation-delay: 6.4s}
.active .main_con05 path:nth-child(n+51):nth-child(-n+60){animation-delay: 6.45s}
.active .main_con05 path:nth-child(n+61):nth-child(-n+70){animation-delay: 6.5s}
.active .main_con05 path:nth-child(n+71):nth-child(-n+80){animation-delay: 6.55s}
.active .main_con05 path:nth-child(n+81):nth-child(-n+90){animation-delay: 6.6s}
.active .main_con05 path:nth-child(n+91):nth-child(-n+100){animation-delay: 6.65s}
.active .main_con05 path:nth-child(n+11):nth-child(-n+20){animation-delay: 6.7s}
.active .main_con05 path:nth-child(n+111):nth-child(-n+120){animation-delay: 6.75s}
.active .main_con05 path:nth-child(n+121):nth-child(-n+130){animation-delay: 6.8s}
.active .main_con05 path:nth-child(n+131):nth-child(-n+140){animation-delay: 6.85s}
.active .main_con05 path:nth-child(n+141):nth-child(-n+150){animation-delay: 6.9s}
.active .main_con05 path:nth-child(n+151):nth-child(-n+160){animation-delay: 6.95s}
.active .main_con05 path:nth-child(n+161):nth-child(-n+170){animation-delay: 6.9s}
.active .main_con05 path:nth-child(n+171):nth-child(-n+180){animation-delay: 6.95s}
.active .main_con05 path:nth-child(n+181):nth-child(-n+190){animation-delay: 7s}
.active .main_con05 path:nth-child(n+101):nth-child(-n+110){animation-delay: 7.05s}
.active .main_con05 path:nth-child(n+191):nth-child(-n+200){animation-delay: 7.1s}
.active .main_con05 path:nth-child(n+201):nth-child(-n+210){animation-delay: 7.15s}
.active .main_con05 path:nth-child(n+211):nth-child(-n+220){animation-delay: 7.2s}
.active .main_con05 path:nth-child(n+221):nth-child(-n+230){animation-delay: 6.25s}
.active .main_con05 path:nth-child(n+231):nth-child(-n+240){animation-delay: 6.3s}
.active .main_con05 path:nth-child(n+241):nth-child(-n+250){animation-delay: 6.35s}
.active .main_con05 path:nth-child(n+251):nth-child(-n+260){animation-delay: 6.4s}
.active .main_con05 path:nth-child(n+261):nth-child(-n+270){animation-delay: 6.45s}

/*
.main_con05.on path:nth-child(n+271):nth-child(-n+280){animation-delay: 3.8s}
.main_con05.on path:nth-child(n+281):nth-child(-n+290){animation-delay: 3.85s}
.main_con05.on path:nth-child(n+291):nth-child(-n+300){animation-delay: 3.9s}
.main_con05.on path:nth-child(n+301):nth-child(-n+310){animation-delay: 3.95s}
.main_con05.on path:nth-child(n+1):nth-child(-n+10){animation-delay: 4s}
.main_con05.on path:nth-child(n+21):nth-child(-n+30){animation-delay: 4.1s}
.main_con05.on path:nth-child(n+31):nth-child(-n+40){animation-delay: 4.15s}
.main_con05.on path:nth-child(n+41):nth-child(-n+50){animation-delay: 4.2s}
.main_con05.on path:nth-child(n+51):nth-child(-n+60){animation-delay: 4.25s}
.main_con05.on path:nth-child(n+61):nth-child(-n+70){animation-delay: 4.3s}
.main_con05.on path:nth-child(n+71):nth-child(-n+80){animation-delay: 4.35s}
.main_con05.on path:nth-child(n+81):nth-child(-n+90){animation-delay: 4.4s}
.main_con05.on path:nth-child(n+91):nth-child(-n+100){animation-delay: 4.45s}
.main_con05.on path:nth-child(n+11):nth-child(-n+20){animation-delay: 4.5s}
.main_con05.on path:nth-child(n+111):nth-child(-n+120){animation-delay: 4.55s}
.main_con05.on path:nth-child(n+121):nth-child(-n+130){animation-delay: 4.6s}
.main_con05.on path:nth-child(n+131):nth-child(-n+140){animation-delay: 4.65s}
.main_con05.on path:nth-child(n+141):nth-child(-n+150){animation-delay: 4.7s}
.main_con05.on path:nth-child(n+151):nth-child(-n+160){animation-delay: 4.75s}
.main_con05.on path:nth-child(n+161):nth-child(-n+170){animation-delay: 4.8s}
.main_con05.on path:nth-child(n+171):nth-child(-n+180){animation-delay: 4.85s}
.main_con05.on path:nth-child(n+181):nth-child(-n+190){animation-delay: 4.9s}
.main_con05.on path:nth-child(n+101):nth-child(-n+110){animation-delay: 4.95s}
.main_con05.on path:nth-child(n+191):nth-child(-n+200){animation-delay: 5s}
.main_con05.on path:nth-child(n+201):nth-child(-n+210){animation-delay: 5.05s}
.main_con05.on path:nth-child(n+211):nth-child(-n+220){animation-delay: 5.1s}
.main_con05.on path:nth-child(n+221):nth-child(-n+230){animation-delay: 5.15s}
.main_con05.on path:nth-child(n+231):nth-child(-n+240){animation-delay: 5.2s}
.main_con05.on path:nth-child(n+241):nth-child(-n+250){animation-delay: 5.25s}
.main_con05.on path:nth-child(n+251):nth-child(-n+260){animation-delay: 5.3s}
.main_con05.on path:nth-child(n+261):nth-child(-n+270){animation-delay: 5.35s}
*/

.main_con05 .slide_person .mySwiper2 .pin{opacity: 0;transition: 1s;transition-delay: 4.3s}
.active .main_con05 .slide_person .mySwiper2 .pin{opacity:1}
.active .main_con05 path{opacity: 1}


/*슬라이드 효과*/
.main_con02 .product_w > div.left .product{opacity: 0;transform: translateY(60px)}
.main_con02 .swiper-slide-active .product_w > div.left .product{opacity: 1;transform: translateY(0);transition:opacity 1s, transform 1s;transition-delay: 0.4s}
.main_con02 .product_w > div.right{display: block;width: 0;overflow: hidden;padding-left: 0;}
.main_con02 .swiper-slide-active .product_w > div.right{width: 785px;padding-left: 200px;}
.main_con02 .product_w > div.right span{opacity: 0;transform: translateY(60px)}
.main_con02 .swiper-slide-active .product_w > div.right span{opacity: 1;transform: translateY(0);transition:opacity 1s, transform 1s;transition-delay: 0.4s}
.main_con02 .product_w > div.right strong{opacity: 0;transform: translateY(60px)}
.main_con02 .swiper-slide-active .product_w > div.right strong{opacity: 1;transform: translateY(0);transition:opacity 1s, transform 1s;transition-delay: 0.7s}
.main_con02 .product_w > div.right p{opacity: 0;transform: translateY(60px)}
.main_con02 .swiper-slide-active .product_w > div.right p{opacity: 1;transform: translateY(0);transition:opacity 1s, transform 1s;transition-delay: 1s}
.main_con02 .product_w > div.right a{opacity: 0;transform: translateY(60px)}
.main_con02 .swiper-slide-active .product_w > div.right a{opacity: 1;transform: translateY(0);transition:opacity 1s, transform 1s;transition-delay: 1.3s}


.main_con02 .tit strong{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s}
.active .main_con02 .tit strong{transform: translateY(0);opacity: 1;}
.main_con02 .slide_w .mySwiper .swiper-pagination{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s;transition-delay: 0.3s}
.active .main_con02 .slide_w .mySwiper .swiper-pagination{transform: translateY(0);opacity: 1;}
.main_con02 .product_w{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s;transition-delay: 0.6s}
.active .main_con02 .product_w{transform: translateY(0);opacity: 1;}
.main_con03 .img img{transform: scale(1.1);transition:transform 2s}
.active .main_con03 .img img{transform: scale(1)}
.main_con03 .press .tit{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s}
.active .main_con03 .press .tit{transform: translateY(0);opacity: 1;}
.main_con03 .press .txt{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s;transition-delay: 0.3s}
.active .main_con03 .press .txt{transform: translateY(0);opacity: 1;}
.main_con03 .press ul{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s;transition-delay: 0.6s}
.active .main_con03 .press ul{transform: translateY(0);opacity: 1;}
.main_con04 .left{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s}
.active .main_con04 .left{transform: translateY(0);opacity: 1;}
.main_con04 .right{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s;transition-delay: 0.3s}
.active .main_con04 .right{transform: translateY(0);opacity: 1;}
.main_con01 ul li a{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s;transition-delay: 0.3s}
.active .main_con01 ul li a{transform: translateY(0);opacity: 1;}
.main_con01 ul li:nth-child(2) a{transition-delay: 0.6s}
.main_con01 ul li:nth-child(3) a{transition-delay: 0.9s}
.main_con01 .tit{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s}
.active .main_con01 .tit{transform: translateY(0);opacity: 1;}



.main_con05 .tit strong{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s}
.active .main_con05 .tit strong{transform: translateY(0);opacity: 1;}
.main_con05 .tit p{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s;transition-delay: 0.3s}
.active .main_con05 .tit p{transform: translateY(0);opacity: 1;}

/* .main_con05 .slide_person .swiper-pagination{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s;transition-delay: 3.5s}
.active .main_con05 .slide_person .swiper-pagination{transform: translateY(0);opacity: 1;} */


.main_con05 .slide_person .mySwiper2 .person{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s;transition-delay: 1.2s}
.active .main_con05 .slide_person .mySwiper2 .person{transform: translateY(0);opacity: 1;}
.main_con05 .slide_product{transform: translateY(70px);opacity: 0;transition: transform 1.2s, opacity 1.2s;transition-delay: 1.2s}
.active .main_con05 .slide_product{transform: translateY(0);opacity: 1;}

/* .main_con05{display: block;}
.main_con02{display: none;} */
@media (max-width: 1715px){
	.main_con05 .mySwiper3{width: 795px}
  .main_con01 ul li a{padding-top: 150px;}
}
@media (max-width: 1320px){
	.inner{width: 100%;padding: 0 20px;box-sizing: border-box}
	.main_visual{height: 100vh}
	#header #gnb{display: none}
	.main_visual .vis_tit strong{letter-spacing: 5px;}
	.main_con02 .swiper-slide-active .product_w > div.right{width: auto}
	.main_con02 .swiper-slide-active .product_w > div.right{width: 100%}
	.main_con02 .swiper{height: 900px;margin-left: 0}
	.main_con02 .product_w > div.right a{padding-left: 0}
	.main_con02 .product_w > div .img img{width: 300px}
	.main_con02 .swiper-slide-active .product_w > div.right{padding-left: 0;text-align: center}
	.main_con02 .product_w > div.right{padding-top: 20px;padding-bottom: 40px;}
	.main_con02 .product_w > div.right a{margin: 0 auto;}
	.main_con02 .product_w > div.left .product img{width: 230px;}
	.main_con02 .product_w > div.left .product{bottom: 20px;right: -60px}
	.main_con02 .product_w > div.right a em{width: 20px;height: 20px;background-size: 100% 100%}
	.main_con02 .product_w > div.left{width: 300px;margin: 0 auto;position: relative;margin-bottom: 35px;}
	.main_con02 .product_w > div{float: none;}
	.main_con02 .slide_w .mySwiper .swiper-pagination{margin-left: 0;left: 0;width: 100%}
	/* .main_con01 ul li a .img i{width: 140px;height: 145px; background-size: 100% auto !Important} */
	.main_con01 ul li .txt strong{font-size: 32px}
	.main_con01 ul li .txt p{font-size: 15px;}
	.main_con02 .slide_w .mySwiper .swiper-pagination-bullet{font-size: 16px;}
	.main_con02 .product_w > div.right span{font-size: 16px;}
	.main_con02 .product_w > div.right strong{font-size: 36px}
	.main_con02 .product_w > div.right p{font-size: 17px;line-height: 1.8}
	.main_con02 .product_w > div.right a{line-height: 70px;font-size: 16px}
	.main_con03 .img{margin-left: 0;width: 100%;border-radius: 0}
	.main_con03 .img img{width: 100%}
	.main_con03 .press{width: 100%;margin-top: 30px;box-sizing: border-box;padding-left: 20px;padding-right: }
	#main.on{background-size: auto auto;border-color: #000d2f}
	.main_con04 .left{width: 100%;padding-bottom: 50px;}
	.main_con04 .right{width: 100%}
	.main_con05 .mySwiper3{width: 100%}
	.main_con05 .slide_product, .main_con05 .slide_person{float: none;width: 100%}
	.main_con05 .mySwiper3 .product, .main_con05 .mySwiper3 .swiper-slide-active .product{width: 200px;height: 200px;transform: none}
	.main_con05 .mySwiper3 .product img{width: 100%}
	.main_con05 .mySwiper3 .txt{transform: none;width: 100%}
	.main_con05 .mySwiper3 .swiper-slide-next .txt, .main_con05 .mySwiper3 .swiper-slide-next .product{left: 0}
	.main_con05 .mySwiper3 .swiper-slide-prev{opacity: 1}
	.main_con05 .mySwiper3{margin-left: 0}
	.main_con05 .mySwiper3 .product, .main_con05 .mySwiper3 .swiper-slide-active .product{margin: 0 auto}
	.main_con05 .slide_person .mySwiper2{margin: 0 auto;display: block;}
	.main_con05.on .slide_person .swiper-pagination{display: none !Important}
	.main_con05 .slide_person{margin-left: 0;margin-top: 50px;}
	.main_con05 .mySwiper3{padding-top: 0}
	.main_con05 .tit{margin-left: 0;position: static;text-align: center;margin-bottom: 60px;}
  .main_con03 .img iframe{width: 100%;height: 520px}
    .main_visual1 .in_inner{width: 100%;padding-right: 20px;}


}
@media (max-width: 900px){
  .main_visual .vis_tit{margin-top: -30px;}
	.main_visual .vis_tit2{margin-top: -30px;}
  .main_visual .vis_tit strong{font-size: 40px;}
	.main_visual .vis_tit2 strong{font-size: 40px;}
	.main_visual .circle{margin-top: -200px;margin-left: -200px;}
	.main_visual .circle img{width: 400px}
	.main_con01 ul li .txt p{display: none}
	.main_con01 ul li:hover .txt p{display: none}
	.main_con01 ul li:hover a > div{transform: translateY(0)}
	.main_con01 .tit strong{font-size: 26px;}
	.main_con01 .tit{margin-left: -66.5px;top: 50px}
	.main_con01 ul li a{padding-top: 125px;}
	/* .main_con01 ul li a .img i{width: 85px;height: 88px;} */
	.main_con01 ul li .txt strong{font-size: 23px;}
	.main_con01 ul li .txt{padding-top: 25px}
	.main_con01 ul li .txt i{width: 40px;height: 40px;background-size: 100% 100% !important;margin-top: 20px;}
	.main_con01 ul li a{height: 445px;}
	.main_con03 .press .tit strong{font-size: 30px;line-height: 45px;}
	.main_con03 .press .tit a, .main_con04 .tit > a{width: 45px;height: 45px;background-size: 100% 100% !important}
	.main_con03 .press .txt a{font-size: 24px;}
	.main_con03 .press .txt{padding-top: 40px;}
	.main_con03 .press .txt a{padding-bottom: 25px;}
	.main_con03 .press ul li a{line-height: 45px;font-size: 13px;}
	.main_con04 .tit strong{font-size: 30px;line-height: 45px}
	.main_con04 .tit ul li a{font-size: 16px;line-height: 45px}
	.main_con04 .list ul li a strong{font-size: 16px;line-height: 25px}
	.main_con04 .list ul li a{padding: 25px 20px;height: 178px}
	.main_con04 .list ul li a span{font-size: 13px;bottom: 20px;}
	.main_con04 .tit{margin-bottom: 20px;}
	.main_con04 .right .txt .price_w strong{font-size: 24px;}
	.main_con04 .right .txt .price_w{padding-bottom: 10px;}
	.main_con04 .right .txt ul li{line-height: 30px;}
	.main_con04 .right .txt ul li p, .main_con04 .right .txt ul li span{font-size: 13px;}
	.main_con04 .right .txt ul{padding-top: 15px;}
	.main_con04 .right .txt{padding: 25px 20px;height: 200px;}
	.main_con03{padding-bottom: 70px;}
	.main_con04{padding-bottom: 60px}
	.main_con03{padding-top: 0}
	.main_con02 .tit strong{font-size: 27px}
	.main_con02{padding-top: 60px;}
	.main_con02 .product_w > div.right span{font-size: 13px;}
	.main_con02 .product_w > div.right strong{font-size: 25px;margin-bottom: 20px;}
	.main_con02 .product_w > div.right p{font-size: 13px;margin-bottom: 20px;}
	.main_con02 .product_w > div.right a{width: 190px;line-height: 45px;}
	.main_con02 .tit{margin-bottom: 35px;}
	.main_con02 .swiper{height: 780px}
	.main_con05{padding-top: 80px;padding-bottom: 60px;}
	.main_con05 .slide_person .mySwiper2{max-width: 100%}
	.main_con05 .slide_person .mySwiper2 .person .txt{padding-left: 20px;padding-right: 20px;padding-top: 50px;text-align: center}
	.main_con05 .mySwiper3 .product, .main_con05 .mySwiper3 .swiper-slide-active .product{width: 120px;height: 120px;}
	.main_con05 .mySwiper3 .txt{font-size: 16px;padding-top: 15px;}
	.main_con05 .slide_person .mySwiper2 .person .txt strong{font-size: 22px;}
	.main_con05 .slide_person .mySwiper2 .person .txt p{font-size: 14px;line-height: 25px;word-break: keep-all}
	.main_con05 .slide_person .mySwiper2 .person .txt p br{display: none}
	.main_con05 .slide_person .mySwiper2 .person .pin_w .p_txt{display: none}
	.main_con05 .slide_person .mySwiper2 .person .txt{height: auto;padding-bottom: 70px;}
	.main_con05 .slide_person .mySwiper2 .person .txt .more_btn{bottom: 20px;right: 20px;}
	.main_con05 .slide_person .mySwiper2 .person .txt .more_btn a{width: 43px;height: 43px;}
	.main_con05 .slide_person .mySwiper2 .person .txt .more_btn a i{background-size: 100% 100% !important}
	.main_con05 .slide_person .mySwiper2 .person .txt strong{margin-bottom: 10px;}
	.main_con05 .slide_person .mySwiper2 .person .pin_w .pin_cir, .main_con05 .slide_person .mySwiper2 .person .pin_w .pin_cir i{width: 70px;height: 70px;}
	.main_con05 .slide_person .mySwiper2 .person02 .pin, .main_con05 .slide_person .mySwiper2 .person01 .pin{margin-left: -35px;}
	.main_con05 .slide_person .mySwiper2 .person02 .pin{top: 10%}
	.main_con05 .slide_person .mySwiper2 .person03 .pin{top: 10%}
	.main_con05 .slide_person .mySwiper2 .person05 .pin{top: 9%}
	.main_con05 .slide_person .mySwiper2 .person06 .pin{top: 9%}
	.main_con05 .tit p{padding-left: 20px;padding-right: 20px;font-size: 16px;line-height: 1.6}
	.main_con05 .tit strong{font-size: 35px;margin-bottom: 20px;}
	.main_con03 .press{padding-left: 0}
  .main_con05{display: none;}
  .main_con02{display: block;}
    .main_con01 ul{display: block}
    .main_con01 ul li{width: 100%;margin-bottom: 30px}
  .main_con01 ul li a .img i img{height: 45px}
  .main_con01 ul li{background: #031442}
  .main_con02 .product_w > div.right{padding-top: 0}
  .main_con02 .product_w > div.right span{margin-bottom: 5px;}
  .main_con02{height: auto}
        .main_visual1 .main_slider .slide_box .in_obj{padding-right: 20px;}
    .main_visual1 .in_inner .in_obj > strong{padding-right: 20px;font-size: 20px;}
    .main_visual1 .in_inner .in_obj > strong.st02{font-size: 40px;margin-top: 15px;}
    .main_visual1 .thum{bottom: 20px;}
    .main_con01 ul li{width: 100%;height: 200px;}
    .main_con01 ul li a{height: 150px;display: block}
    .main_con01 ul li a > div.sec_area{display: none}
    .main_con01 .tit{margin-bottom: 25px;}
    .main_con01 ul li , .main_con01 ul li a{height: 120px;}
    .main_con01 ul li .bg{width: 100%;transform: translateY(-50%);left: 0}
    .main_con01 ul li .bg video{height: auto;width: 100%}
  /* #header .hd_inner{display: none} */
}
@media (max-width: 600px){
  .main_visual .vis_tit{margin-top: -40px;}
	.main_visual .vis_tit2{margin-top: -40px;}
  .main_visual .vis_tit strong{font-size: 27px;}
	.main_visual .vis_tit2 strong{font-size: 27px;}
  .main_visual .vis_tit strong i{display: block;}
	.main_visual .vis_tit2 strong i{display: block;}
	.main_con01 ul li{width: 100%}
	.main_con01 .tit{position: static;margin-left: 0;text-align: center;padding-top: 40px;padding-bottom: 20px;}
	.main_con01 ul li{border-bottom: 1px solid #344c8d;}
	.main_con01 ul li a{padding-top: 30px;padding-bottom: 30px;}
	.main_con02 .slide_w .mySwiper .swiper-pagination-bullet{font-size: 11px;}
	.main_con04 .list ul li{width: 49%;margin-right: 2%}
/*	.main_con04 .list ul li:last-child{display: none}*/
	.main_con04 .list ul li:nth-child(2){margin-right: 0}
	.main_con03 .press .txt a{font-size: 20px;line-height: 1.6}
  .main_con02{height: 850px}
  .main_con02 .swiper-slide{width: 100%}
  .main_con02 .product_w > div.right strong{margin-bottom: 10px;font-size: 17px;}
  .main_con02 .product_w > div.right p{font-size: 12px;margin-bottom: 10px;}
  .main_con02 .product_w > div.left .product img{width: 160px;}
  .main_con02 .product_w > div.left .product{bottom: 0;}
  .main_con02 .product_w > div .img{border-radius: 20px;}
  .main_con02 .product_w > div.right a{border-radius: 10px;font-size: 13px;line-height: 35px;}
  .main_con04{padding-top: 80px}
  .main_con03 .img iframe{width: 1020px;height: 320px}
  .main_visual #videobcg{display: block;position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}
  .main_visual .bg, .main_visual canvas, .main_visual .vis_tit, .main_visual .vis_tit2, .main_visual .circle{display: none}
  .main_visual{position: relative;}
    .main_visual1 .main_slider .slide_box .main_img.pc{display: none}
    .main_visual1 .main_slider .slide_box .main_img.mo{display: block}
    .main_con01 ul li .txt{padding-top: 10px;}
}

@media (max-width: 500px){
	.main_con02 .product_w > div.left, .main_con02 .product_w > div .img img{width: 240px;}
	.main_con02 .swiper{height: 860px;}
	.main_con04 .tit strong{font-size: 26px;}
	.main_con04 .tit ul li a{font-size: 14px;}
	.main_con04 .tit ul li{margin-left: 10px;}
  .main_con02 .product_w > div.left, .main_con02 .product_w > div .img img{width: 160px;}
  .main_con03 .img iframe{width: 1020px;height: 220px}

}