.main_visual .scroll{position: absolute;left: 50%;transform: translate(-50%);bottom: 50px;z-index: 10}
.main_visual .scroll i{display: block;font-size: 16px;color: #FFFFFF;}

.main_visual .btn_wrap {position: absolute;width: 100%;height: 100%;z-index: 20}
.main_visual .btn_wrap button{position: absolute;width: 50%;height: 100%;display: block;background: none;border: none}
.main_visual .btn_wrap button.slick-prev{left: 0}
.main_visual .btn_wrap button.slick-next{right: 0}
.main_visual.on:after{height: 617px; }
.main_visual .txt_main {position: absolute !important; z-index: 99; bottom: 0; right: 0; padding-right: 50px; padding-bottom: 95px}
.main_visual .txt_main ul li{display: inline-block; bottom: 0; font-family: 'Inter', sans-serif;}
.main_visual .txt_main ul li em{color: inherit}
.main_visual .txt_main ul li:nth-child(1){color: #ffffff; font-size: 58px}
.main_visual .txt_main ul li:nth-child(1):after{content: ''; display: inline-block; width: 1px; height: 15px; background: #fff; opacity: 0.6; margin-left: 30px;margin-right: 10px; }
.main_visual .txt_main ul li:nth-child(2){color: #ffffff; opacity: 0.6; font-size: 20px; }
.thum_wrap{opacity: 0;transition: 2s; transition-delay: 2.2s}
.main_visual.on .thum_wrap{opacity: 1}
.main_visual{width:100%;position: relative;z-index: 3; height: 970px;background: #f2f4f5;}
.main_visual .main_slider{ height:100%;overflow: hidden; position: relative;}
.main_visual .main_slider .slide_box .slide_bg{background: #17273c; opacity: 0.9; position: absolute; top: 0;left: 0; width: 245px; height: 100%}
.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 .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 ;
transform: scale(1.1);
}


.main_visual .main_slider .slide_box .main_img img{ display: block; min-width: 100%;  max-width: auto;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.main_visual .main_slider .slide_box .main_img img.pc{display: block}
.main_visual .main_slider .slide_box .main_img img.mo{display: none}
.main_visual .main_slider .slide_box  > div.on .main_img{ transform: scale(1.0); transform:perspective(500px) rotate(.001deg);}
.main_visual .main_slider .slide_box .box1{background:url('/img/main/main_visual01.jpg') center center no-repeat; background-size:cover;}
.main_visual .main_slider .slide_box > div.on{ z-index: 5; opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.main_visual .wrap_tit{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.main_visual strong{display: block;font-size: 48px;color: #FFFFFF;}
.main_visual .prev{position: absolute;left: 0;top: 50%;transform: translate(-50%,-50%);opacity: 0.1}
.main_visual .next{position: absolute;right: 0;top: 50%;transform: translate(50%,-50%);opacity: 0.1}
.main_visual .paging{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -65px);z-index: 12}
.main_visual .paging *{vertical-align: middle}
.main_visual .paging span{display: inline-block;font-size: 16px;color: #FFFFFF;}
.main_visual .paging i{display: inline-block;width: 100px;height: 1px;background: rgba(255,255,255,0.1);position: relative;margin: 0 15px;}
.main_visual .paging i:before{content: '';display: block;width: 0;height: 100%;position: absolute;top: 0;left: 0;background: #ffff}
.main_visual .slide_box > div.on .paging i:before{animation: 10s prog linear}
@keyframes prog{
    0%{width: 0}
    100%{width: 100%}
}
/*.main_visual .main_slider .slide_box > div.box1 .main_img{transform: scale(1);}*/

.main_con01:before{content: '';display: block;width: 100%;height: 100%;background: url(/img/main/with_bg.png) center center no-repeat;position: absolute;top: 0%;left: 50%;transform: translate(-50%,-00%);margin-top: -11px;}
.main_con01{position: relative;padding: 286px 0;text-align: center;overflow: hidden}
.main_con01 .bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);mix-blend-mode: overlay;opacity: 0.5}
.main_con01 p{display: block;font-size: 18px;color: #000000;font-weight: 500;line-height: 36px;margin: 50px 0;}
.main_con01 a{display:inline-block;border: 1px solid #000000;}
.main_con01 a:hover{background: #005EC9;border-color: #005EC9}
.main_con01 a span{display: block;width: 200px;line-height: 60px;font-size: 20px;color: #000000;position: relative;transition: 0.6s}
.main_con01 a:hover span{color: #fff}
.main_con01 a span:after{content: '';display: block;height: 100%;width: 30px;border-radius: 50%;left: -32px;background: #fff;position: absolute;top: 0;transition: 0.6s}
.main_con01 a span:before{content: '';display: block;height: 100%;width: 10px;right: 0px;background: url(/img/main/over.png);position: absolute;top: 0;transition:right 0.6s;opacity: 0}
.main_con01 a:hover span:before{;right: -10px;opacity: 1}
.main_con01 a:hover span:after{left: -15px}
.main_con01 .inner{position: relative;z-index: 2}
.inner{padding: 0 20px}
.main_con02{padding-bottom: 270px;padding-top: 160px;background: url(/img/main/do_bg.png) center bottom no-repeat}
.main_con02 .wrap{position: relative;z-index: 2}
.main_con02 .wrap .txt_w{position: absolute;background: #fff;width: 820px;}
.main_con02 .wrap .txt_w strong{display: block;color: #000000;font-size: 60px;line-height: 90px;margin-bottom: 30px;}
.main_con02 .wrap .txt_w p{display: block;color: #666666;font-size: 18px;line-height: 36px;}
.main_con02 .list01 .txt_w{position: absolute;bottom: 0;right: 0;padding: 60px 0 0 60px}
.main_con02 .list02{padding-left: 140px;margin-top: 200px;}
.main_con02 .list02 .img_w{overflow: hidden}
.main_con02 .list02 .txt_w{top: 0;left: 140px;padding-bottom: 90px;}
.main_con03{background-size: 100% auto;  padding: 260px 0;text-align: center;overflow: hidden;position: relative}
.main_con03 .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0}
.main_con03 .bg img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);min-width: 100%;min-height: 100%}
.main_con03 .inner{position: relative;z-index: 2}
.main_con03 strong{display: block;font-size: 60px;line-height: 90px;color: #FFFFFF;margin-bottom: 25px;}
.main_con03 p{font-size: 18px;color: #FFFFFF;line-height: 36px;}
.main_con04{background: #F4F6FB}
.main_con04 .swiper, .main_con04 .swiper-wrapper, .main_con04 .swiper-slide{height: auto}
.main_con04{padding-bottom: 175px;padding-top: 160px}
.main_con04 .client{padding: 0 140px;}
.main_con04 .swiper-slide .title {text-align: center;margin-bottom: 20px;}
.main_con04 .swiper-slide .title strong{display: inline-block;font-size: 20px;font-weight: 600;color: #305FB2;padding: 0 30px;line-height: 60px;background: #EEF3FF;border-radius: 10px;}
.main_con04 .swiper-slide .wrap{display: flex}
.main_con04 .swiper-slide .wrap > .con01{width: 31.7%;margin-right: 2%;border: 4px solid #E3E8F6;border-radius: 20px;padding: 10px;background: #F4F6FB;position: relative;z-index: 3}
.main_con04 .swiper-slide .wrap > .con01 .tit{margin-bottom: 17px}
.main_con04 .swiper-slide .wrap > .con01 .tit > *{display: inline-block;vertical-align: middle}
.main_con04 .swiper-slide .wrap > .con01 .tit strong{color: #111111;font-size: 24px;padding-left: 10px;}
.main_con04 .swiper-slide .wrap > .con01 > ul > li{background: #FFFFFF;border-radius: 12px;padding: 35px 45px;height: 205px;}
.main_con04 .swiper-slide .wrap > .con01 > ul > li:nth-child(1){margin-bottom: 10px;}
.main_con04 .swiper-slide .wrap > .con01 > ul > li ul li{font-size: 18px;line-height: 34px;color: #999999;position: relative;padding-left: 11px;}
.main_con04 .swiper-slide .wrap > .con01 > ul > li ul li:before{content: '';display: block;width: 4px;height: 4px;background: #999999;border-radius: 50%;position: absolute;left: 0%;top: 13px}
.main_con04 .swiper-slide .wrap > .con02:before{content: '';display: block;width: 85px;height: 100px;background: url(/img/main/arrow.png);position: absolute;top: 50%;left: -55px;transform: translateY(-50%)}
.main_con04 .swiper-slide .wrap > .con02{width: 66.3%;border: 4px solid #E3E8F6;padding: 10px;border-radius: 20px;display: flex;position: relative}
.main_con04 .swiper-slide .wrap > .con02 .con_01{background: #fff;border: 4px solid #4786F3;width: 46.3%;margin-right: 7.4%;border-radius: 12px;padding: 55px 45px}
.main_con04 .swiper-slide .wrap > .con02 .con_01 ul li{margin-bottom: 30px}
.main_con04 .swiper-slide .wrap > .con02 .con_01 ul li:last-child{margin-bottom: 0}
.main_con04 .swiper-slide .wrap > .con02 .con_01 ul li span{display: inline-block;font-size: 18px;line-height: 1;padding: 4px;font-weight: 600;color: #030303;background: #F3F6FC;border-radius: 5px;margin-bottom: 10px}
.main_con04 .swiper-slide .wrap > .con02 .con_01 ul li p{font-size: 18px;line-height: 27px;color: #999999;}
.main_con04 .swiper-slide .wrap > .con02 .con_02{width: 46.3%}
.main_con04 .swiper-slide .wrap > .con02 .con_02 ul li{background: #4786F3;height: 205px;border-radius: 12px;}
.main_con04 .swiper-slide .wrap > .con02 .con_02 ul li:nth-child(1){margin-bottom: 10px}
.main_con04 .swiper-slide .wrap > .con02 .con_02 ul li .box{display: flex;align-items: center;padding: 63px 50px;height: 205px}
.main_con04 .swiper-slide .wrap > .con02 .con_02 ul li .box p{font-size: 20px;color: #FFFFFF;font-weight: 500;line-height: 27px;margin-left: 30px;}
.main_con04 .swiper-slide .wrap > .con02 .con_02 .dot{position: absolute;left: 50%;transform: translateX(-50%)}
.main_con04 .swiper-slide .wrap > .con02 .con_02 .dot01{top: 25%}
.main_con04 .swiper-slide .wrap > .con02 .con_02 .dot02{top: 73%}

.main_con04 .swiper-slide{padding-bottom: 65px}
.main_con04 .swiper-pagination-bullet{background: #4786F3;opacity: 0.1;border-radius: 0;width: 50px;height: 4px;margin: 0 10px !important;}
.main_con04 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#4786F3;opacity: 1}

.main_con04 .swiper-button-next{right: 60px;transition:1s}
.main_con04 .swiper-button-prev{left: 60px;transition:1s}
.main_con04 .swiper-button-next:hover{transform: translateX(20px)}
.main_con04 .swiper-button-prev:hover{transform: translateX(-20px)}
.m_title{margin-bottom: 50px;position: relative}
.m_title i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-75%)}
.m_title strong{display: block;text-align: center;font-size: 30px;color: #000000;position: relative;z-index: 3}
.main_con05{padding: 100px 0;display: flex}
.main_con05 > *{width: 50%}
.main_con05 .map{padding-right: 50px;}
.main_con05 .map .wrap {height: 770px;}
.main_con05 .map .wrap .root_daum_roughmap{width: 100%;height: 100%}
.main_con05 .map .wrap .root_daum_roughmap .wrap_map{width: 100%;height: 100%}
.main_con05 .contact .wrap{width: 820px;padding: 0 50px;padding-top: 50px;max-width: 100%}
.main_con05 .contact .title{text-align: center;font-size: 30px;color: #000000;margin-bottom: 50px;}
.main_con05 .contact ul{display: flex;flex-wrap: wrap}
.main_con05 .contact ul li{width: 100%;margin-bottom: 40px;}
.main_con05 .contact ul li:nth-child(1){width: 46.6%;margin-right: 6.8%}
.main_con05 .contact ul li:nth-child(2){width: 46.6%;}
.main_con05 .contact ul li input{display: block;width: 100%;background: #F9F9F9;border-radius: 6px;border: 1px solid #F9F9F9;height: 60px;box-sizing: border-box;font-family: inherit;font-size: 18px;}
.main_con05 .contact ul li textarea{display: block;width: 100%;background: #F9F9F9;border-radius: 6px;border: 1px solid #F9F9F9;height: 180px;box-sizing: border-box;font-family: inherit;font-size: 18px;}
.main_con05 .contact ul li input::placeholder{color: #AAAAAA}
.main_con05 .contact ul li textarea::placeholder{color: #AAAAAA}
.main_con05 .contact ul li input:focus{color: #333333;background: #fff;border-color: #4786F3}
.main_con05 .contact ul li textarea:focus{color: #333333;background: #fff;border-color: #4786F3}
.main_con05 .contact ul li strong{display: block;color: #000000;font-size: 18px;margin-bottom: 15px}
.main_con05 .contact ul li strong i{color: #4786F3}
.main_con05 .contact .apply{text-align: center;}
.main_con05 .contact a{display:inline-block;border: 1px solid #000000;}
.main_con05 .contact a span{display: block;width: 200px;line-height: 60px;font-size: 20px;color: #000000;}

.main_con05 .contact a:hover{background: #005EC9;border-color: #005EC9}
.main_con05 .contact a span{display: block;width: 200px;line-height: 60px;font-size: 20px;color: #000000;position: relative;transition: 0.6s}
.main_con05 .contact a:hover span{color: #fff}
.main_con05 .contact a span:after{content: '';display: block;height: 100%;width: 30px;border-radius: 50%;left: -32px;background: #fff;position: absolute;top: 0;transition: 0.6s}
.main_con05 .contact a span:before{content: '';display: block;height: 100%;width: 10px;right: 0px;background: url(/img/main/over.png);position: absolute;top: 0;transition:right 0.6s;opacity: 0}
.main_con05 .contact a:hover span:before{;right: -10px;opacity: 1}
.main_con05 .contact a:hover span:after{left: -15px}

.main_con02 .wrap .img_w{overflow: hidden;}
.main_con02 .wrap.list02 .img_w{position: relative;height: 600px}
.main_con02 .wrap.list02 .img_w img{position: absolute;right: 0}
/*효과*/
.main_visual .paging *{transform: translateY(70px);opacity: 0;}
.main_visual .slide_box > div.on .paging *{transform: translateY(0);opacity: 1;transition: opacity 1.2s, transform 1.2s}

.main_visual strong{transform: translateY(70px);opacity: 0;}
.main_visual .slide_box > div.on strong{transform: translateY(0);opacity: 1;transition: opacity 1.2s, transform 1.2s;transition-delay: 0.3s}
.main_con01 i{display: block;transform: translateY(70px);opacity: 0;}
.main_con01.on i{transform: translateY(0);opacity: 1;transition: opacity 1.1s, transform 1.1s;transition-delay: 0.0s}

.main_con01 p{display: block;transform: translateY(70px);opacity: 0;}
.main_con01.on p{transform: translateY(0);opacity: 1;transition: opacity 1.1s, transform 1.1s;transition-delay: 0.3s}
.main_con01 a{transform: translateY(70px);opacity: 0;}
.main_con01.on a{transform: translateY(0);opacity: 1;transition: opacity 1.1s, transform 1.1s;transition-delay: 0.6s}


.m_title{display: block;transform: translateY(70px);opacity: 0;}
.on .m_title{transform: translateY(0);opacity: 1;transition: opacity 1.1s, transform 1.1s;transition-delay: 0.0s}

.main_con02 .wrap{display: block;transform: translateY(70px);opacity: 0;}
.main_con02.on .wrap{transform: translateY(0);opacity: 1;transition: opacity 1.1s, transform 1.1s;transition-delay: 0.3s}
.main_con02.on .wrap.list02{transition-delay: 0.6s}


.main_con03 strong{display: block;transform: translateY(70px);opacity: 0;}
.main_con03.on strong{transform: translateY(0);opacity: 1;transition: opacity 1.1s, transform 1.1s;transition-delay: 0.0s}

.main_con03 p{display: block;transform: translateY(70px);opacity: 0;}
.main_con03.on p{transform: translateY(0);opacity: 1;transition: opacity 1.1s, transform 1.1s;transition-delay: 0.3s}
.main_con04 .client{display: block;transform: translateY(70px);opacity: 0;}
.main_con04.on .client{transform: translateY(0);opacity: 1;transition: opacity 1.1s, transform 1.1s;transition-delay: 0.3s}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-next:after, .swiper-button-prev:after{display: none}


@media (max-width:1750px){
    .main_con04 .client{padding: 0 20px}
    .main_con02 .list02{padding: 20px}
    .main_con02 .list02 .txt_w{left: 20px;}
    .main_con02 .wrap .txt_w{width: 620px}
}
@media (max-width:1450px){
    .main_visual strong{font-size: 34px;}
    .main_con01 i img{width: 360px}
    .main_con01 p, .main_con02 .wrap .txt_w p, .main_con03 p{font-size: 16px;line-height: 1.7}
    .main_con04 .swiper-slide .wrap > .con02 .con_01 ul li p br{display: none}
    .main_con04 .swiper-slide .wrap > .con02 .con_01 ul li p, .main_con04 .swiper-slide .wrap > .con01 > ul > li ul li{word-break: keep-all;font-size: 16px;}
    .main_con01{padding: 150px 0}
    .main_con01 .bg{height: 100%}
    .main_con01 .bg video{height: 100%}
    .main_con02 .wrap .txt_w strong, .main_con03 strong{font-size: 42px;line-height: 1.5;margin-bottom: 10px;}
    .main_con02 .list02 .txt_w{padding-bottom: 20px;}
    .main_con02 .wrap .txt_w{padding-left: 20px;padding-top: 20px;}
    .main_con03{padding: 180px 0;background-size: auto 100%}
    .main_con04 .swiper-slide .wrap > .con01 > ul > li, .main_con04 .swiper-slide .wrap > .con02 .con_02 ul li{height: 49%}
    .main_con04 .swiper-slide .wrap{flex-wrap: wrap}
    .main_con04 .swiper-slide .wrap > .con01{width: 100%;margin-right: 0}
    .main_con04 .swiper-slide .wrap > .con02{width: 100%;margin-top: 60px;margin-right: 0}
    .main_con04 .swiper-slide .wrap > .con02:before{transform: rotate(90deg) translateX(-50%);left: 50%;margin-top: -50px;top: 17px;margin-left: -47px}
    .main_con05 .contact .wrap{padding: 20px;padding-left: 0}
    .main_con05 .contact ul li strong{font-size: 16px;}
    .main_con05 .contact ul li input{height: 45px;font-size: 15px;}
    .main_con05 .contact ul li textarea{font-size: 15px;height: 100px;}
    .main_con05 .contact ul li{margin-bottom: 20px;}
    .main_con05 .contact .title{font-size: 25px;}
    .main_con05 .contact a span{width: 160px;line-height: 40px;font-size: 16px;}
    .main_con05 .map .wrap{height: 530px;}
    
}

@media (max-width:960px){
    .main_visual strong{font-size: 28px}
    .main_visual{height: 550px;}
    .main_visual .main_slider .slide_box .main_img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
    .main_con01 i img{width: 220px;}
    .main_con01 p, .main_con02 .wrap .txt_w p, .main_con03 p{font-size: 14px;}
    .main_con01 p{margin: 30px 0}
    .main_con01 a span{width: 120px;line-height: 45px;font-size: 13px;}
    .main_con01{padding: 100px 0}
    .m_title strong{font-size: 22px}
    .m_title{margin-bottom: 25px;}
    .main_con02 .wrap .txt_w strong, .main_con03 strong{font-size: 26px;line-height: 1.5}
    .main_con02 .wrap .img_w img{height: 300px}
    .main_con02 .wrap .txt_w{width: 480px}
    .main_con02 .wrap .txt_w{padding-left: 0}
    .main_con02 .wrap.list01 .txt_w{padding-left: 20px}
    .main_con02 .list02{margin-top: 60px}
    .main_con02{padding-bottom: 80px;}
    .main_con03{padding: 120px 0;background-size: auto 100%}
    .main_con04 .swiper-slide .wrap > .con01 .tit > * img{height: 40px;}
    .main_con04 .swiper-slide .wrap > .con01 .tit strong{font-size: 19px;}
    .main_con04 .swiper-slide .wrap > .con02 .con_01 ul li p, .main_con04 .swiper-slide .wrap > .con01 > ul > li ul li{font-size: 13px;line-height: 2}
    .main_con04 .swiper-slide .wrap > .con01 .tit{margin-bottom: 10px;}
    .main_con04 .swiper-slide .wrap > .con01 > ul > li ul li:before{top: 10px;}
    .main_con04 .swiper-slide .wrap > .con01 > ul > li, .main_con04 .swiper-slide .wrap > .con02 .con_01{padding: 20px;}
    .main_con04 .swiper-slide .wrap > .con02 .con_02 ul li .box{height: auto}
    .main_con04 .swiper-slide .wrap > .con02 .con_02 ul li .box p{font-size: 16px;line-height: 1.7}
    .main_con04 .swiper-slide .wrap > .con02 .con_02 ul li{position: relative}
    .main_con04 .swiper-slide .wrap > .con02 .con_02 ul li .box{position: absolute;padding: 0;top: 50%;width: 100%;transform: translateY(-50%);width: 100%;padding-left: 20px;}
    .main_con04 .swiper-slide .wrap > .con02 .con_02 ul li .box p{margin-left: 20px;}
    .main_con04 .swiper-slide .wrap > .con02 .con_02 ul li i img{width: 50px;}
    .main_con04 .swiper-slide .wrap > .con02 .con_01 ul li{margin-bottom: 20px;}
    .main_con04 .swiper-slide .wrap > .con02 .con_01 ul li span{font-size: 14px;}
    .main_con04 .swiper-slide .wrap > .con02 .con_02 .dot img{width: 20px;}
    .main_con04 .swiper-slide .wrap > .con02:before{width: 40px;height: 47px; background-size: 100% auto}
    .main_con04 .swiper-slide .wrap > .con02:before{top: 0;margin-left: -17px;margin-top: -14px}
    .main_con04 .swiper-slide .wrap > .con02{margin-top: 20px;}
    .main_con04{padding: 65px 0}
    .main_con04 .swiper-slide .title strong{font-size: 16px;padding: 0 20px;line-height: 40px;}
    .main_con05 .contact ul li strong{font-size: 14px;}
    .main_con05 .contact ul li input{font-size: 12.5px;height: 40px;}
    .main_con05 .contact ul li textarea{font-size: 12.5px;height: 90px;}
    .main_con05 .contact .title{margin-bottom: 30px;}
    .main_con05 .map .wrap{height: 475px;}
    .main_con05 .map{padding-right: 20px;}
    .main_con04 .swiper-button-prev, .main_con04 .swiper-button-next{display: none}
    .m_title i img{width: 130px;}
    .main_con02 .wrap.list02 .img_w{height: 300px}
}

@media (max-width:780px){
        .main_con02 .wrap .txt_w{position: static}
    .main_con02 .wrap .txt_w strong, .main_con03 strong{font-size: 23px;}
    .main_con02 .list02{padding: 0}
    .main_con02 .wrap .txt_w{padding:20px;width: 100%}
    .main_con02 .wrap .txt_w p br{display: none}
    .main_con02 .wrap .txt_w p{word-break: keep-all}
}
@media (max-width:680px){
    .main_con04 .swiper-slide .wrap {display: block}
    .main_con04 .swiper-slide .wrap > .con02{display: block}
    .main_con04 .swiper-slide .wrap > .con02 .con_01, .main_con04 .swiper-slide .wrap > .con02 .con_02{width: 100%}
    .main_con04 .swiper-slide .wrap > .con01 > ul > li, .main_con04 .swiper-slide .wrap > .con02 .con_02 ul li{height: auto}
    .main_con04 .swiper-slide .wrap > .con02 .con_02{margin-top: 10px;}
    .main_con04 .swiper-slide .wrap > .con02 .con_02 ul li{height: 120px;}
    .main_con04 .swiper-slide{padding-bottom: 35px;}
    .main_con04 .swiper-pagination-bullet{width: 30px;height: 2px;margin: 0 5px !Important}
    .main_con05{display: block}
    .main_con05 > *{width: 100%}
    .main_con05 .contact .wrap{padding-left: 20px;}
    .main_con05 .map{padding-left: 20px;}
    .main_con05 .map .wrap{height: 250px;}
    .main_con05{padding: 65px 0}
    .main_con05 .contact .wrap{margin-top: 40px;}
    .main_visual .scroll i{font-size: 11px}
    .main_visual .scroll{bottom: 20px;}
    .main_con02{padding-top: 50px}
    .main_con01 a span:before, .main_con01 a span:after, .main_con05 .contact a span:after, .main_con05 .contact a span:before{display: none}
    .main_con04 .swiper-slide .wrap > .con02 .con_02 .dot{display: none}
}

@media (max-width:560px){
    .main_con01 i img{width: 170px;}
    .main_con01 p, .main_con02 .wrap .txt_w p, .main_con03 p{font-size: 13px;}
    .main_con01 p br{display: none}
    .main_con01{padding: 60px 0}
    .main_con02 .list01 .txt_w{position: static}
    .main_con02 .wrap .img_w img{height: 250px;}
    .main_con02 .list02 .img_w {height: 250px;position:relative;right: 0;bottom: 0}
    .main_con02 .list02 .img_w img{height: 250px;position:absolute;right: 0;bottom: 0}

    .main_con02 .list02{margin-top: 30px;}
    .main_con03{padding: 80px 0}
    .main_visual strong{font-size: 22px;width: 100%;text-align: center}
    .main_visual .wrap_tit{width: 100%}
    .main_visual .prev, .main_visual .next{opacity: 0.01}
    .main_visual .paging span{font-size: 11px;}
    .main_visual .paging i{width: 50px;}
    .main_con05 .contact a span{font-size: 14px;width: 120px}
    .main_con03 .bg img{height: 100%}
    .main_con02 .wrap.list02 .img_w{height: 250px;}

}
@media (max-width:480px){
    .main_con04 .swiper-slide .wrap > .con02 .con_02 ul li .box p{font-size: 14px}
    .main_con04 .swiper-slide .wrap > .con02 .con_02 ul li{height: 95px}
    .main_con04 .swiper-slide .wrap > .con01 .tit strong{font-size: 16px;}
    .main_con03 p br{display: none}
    .main_con03 p{word-break: keep-all}

}