/*메인비주얼*/
.mv{position:relative; padding-top: 80px;}
.mv .control_box{position:absolute; width:auto; /*max-width:1600px;*/ z-index: 13 !important;  /*bottom:450px;*/ bottom: 320px; left:-20px; transform: rotate(-90deg); font-size:0; height: 0;}
.mv .control_box > *{display:inline-block; vertical-align:middle;}
.mv .control_box span{font-size:20px; font-weight:500; color:#fff; line-height:1;}
.mv .control_box .swiper-progress-bar {position: relative; width: 100px; z-index: 1; height: 3px; margin:0 17px;}
.mv .control_box .swiper-progress-bar .slide_progress-bar {position: absolute; height: 2px; background-color: rgba(255,255,255,0.1); width: auto; clear: both; opacity: 0; bottom: 0; left: 0; right: 0;}
.mv .control_box .swiper-progress-bar .slide_progress-bar:after {position: absolute; top: 0; left: 0; background-color: #fff; height: 100%; width: 0; content: "";}
.mv .control_box .swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.mv .control_box .swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear; transition-delay: unset; width: 100%; transition-duration: 3s;}
.mv .control_box .stop_btn{width:9px; height:9px; background:url(../img/stop_icon_off.png) center top no-repeat; margin:-1px 0 0 50px; }
.mv .control_box .stop_btn:hover{background:url(../img/stop_icon_on.png) center top no-repeat; background-size:cover;}
.mv .control_box .stop_btn.play{width:9px; height:9px; background:url(../img/play_icon_off.png) center top no-repeat; background-size:cover;}
.mv .control_box .stop_btn.play:hover{width:9px; height:9px; background:url(../img/play_icon_on.png) center top no-repeat; background-size:cover;}
.mv .arrow_box{width:90%; max-width:1600px; position:absolute; bottom:170px; left:50%; z-index: 11 !important; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); text-align:left; font-size:0; display: none;}
.mv .arrow_box div{position:relative; display:inline-block; vertical-align:top; width:100px; height:65px; box-sizing:border-box; top:auto; margin-top:0;}
.mv .arrow_box .mv-button-prev{background:url(../img/slide_prev.png) left no-repeat; left:auto; }
.mv .arrow_box .mv-button-next{background:url(../img/slide_next.png) right no-repeat; right:auto; z-index: 14}
.mv .mv_slide .swiper-slide{width:100%; /*height:870px;*/ height: 600px; position:relative; overflow:hidden;}
.mv .mv_slide .swiper-slide .bg {height:100%; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); transition: all 3s ease;}
.mv .mv_slide .swiper-slide .bg.on {-webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.mv .mv_slide .swiper-slide.type01 .bg{background:url(../img/main_visu01.jpg) center top no-repeat; background-size:cover;}
.mv .mv_slide .swiper-slide.type02 .bg{background:url(../img/main_visu02.jpg) center top no-repeat; background-size:cover;}
.mv .mv_slide .swiper-slide.type03 .bg{background:url(../img/main_visu03.jpg) center top no-repeat; background-size:cover;}
.mv .mv_slide .swiper-slide.type04 .bg{background:url(../img/main_visu04.jpg) center top no-repeat; background-size:cover;}
.mv .mv_slide .swiper-slide.type05 .bg{background:url(../img/main_visu05.jpg) center top no-repeat; background-size:cover;}
.mv .mv_slide .swiper-slide.type06 .bg{background:url(../img/main_visu06.jpg) center top no-repeat; background-size:cover;}
.mv .mv_slide .swiper-slide.type07 .bg{background:url(../img/main_visu07.jpg) center top no-repeat; background-size:cover;}
.mv .mv_slide .swiper-slide .txt{width:90%; max-width:1500px; position:absolute; top:100px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}


.mv .mv_slide .swiper-slide .txt p{/*font-size:40px;*/ font-size: 36px; font-weight:700; color:#fff; line-height:1.2em;   padding-bottom:20px; position:relative; transition: all 1s ease;  font-weight: 500; font-family: 'Noto Sans Display', sans-serif; text-shadow: 1px 1px 1px #000;}
.mv .mv_slide .swiper-slide .txt span{display:block; /*font-size:80px;*/ font-size: 65px; font-weight: 600; letter-spacing:-0.03em; color:#fff; line-height:1.4em; position:relative; font-family: 'Noto Sans Display', sans-serif; word-break: keep-all ; text-shadow: 1px 1px 1px #000;}
.mv .mv_slide .swiper-slide .txt em{/*font-size:22px;*/ font-size: 20px; font-weight:400; color:#fff; line-height:1.5;font-style: normal; display: block; margin-top: 30px; font-family: 'Noto Sans Display', sans-serif;text-shadow: 1px 1px 1px #000;}
.mv .mv_slide .swiper-slide .txt em i{display: block;}
.mv .mv_slide .swiper-slide .txt a.common_more_btn{/*margin-top:70px;*/ margin-top: 30px; color:#010f4e; position:relative; padding:5px 0; text-shadow: 1px 1px 1px #fff;}
.mv .mv_slide .swiper-slide .txt a.common_more_btn:before{height:1px; background:none #fff;}
.mv .mv_slide .swiper-slide .txt a.common_more_btn:after{border-color:#fff;}
.mv .mv_slide .swiper-slide .txt a.common_more_btn:hover:after{border-color:#010f4e;}
.mv .mv_slide .swiper-slide.on .txt p,
.mv .mv_slide .swiper-slide.on .txt span,
.mv .mv_slide .swiper-slide.on .txt a.common_more_btn{-webkit-transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); opacity:1;}

.mv .mv_slide .swiper-slide .main_vis01_wrap{position:absolute; top:50%; left:50%; text-align: center; transform: translate(-50%, -50%);}
.mv .mv_slide .swiper-slide .main_vis01_wrap p.main_vis01{font-family: 'Mr Dafoe', cursive; font-size: 70px; /*font-size: 80px;*/ text-shadow: none;}
.mv .mv_slide .swiper-slide .main_vis01_wrap span{font-size: 28px;/* font-size: 32px;*/ font-weight: 500;text-shadow: none; }

.mv .mv_slide .swiper-slide .main_vis07{text-align: left;}
.mv .mv_slide .swiper-slide .main_vis07 p{font-size: 70px; text-shadow: 1px 1px 1px #000;}
.mv .mv_slide .swiper-slide .main_vis07 span{font-size: 60px; text-shadow: 1px 1px 1px #000;}

/* common_more_btn */
a.common_more_btn{display:block; width:152px; /*font-size:24px;*/ font-size: 20px;  color:#333; line-height:1; position:relative; text-transform:uppercase; font-weight: 700;}
a.common_more_btn:before,
a.common_more_btn:after{content:""; display:block; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
a.common_more_btn:before{width:50px; height:2px; background:url(../img/common_more_btn_bar_off.jpg) no-repeat; right:-45px; z-index:1;}
a.common_more_btn:after{width:21px; height:21px; border:1px solid #676768; background-color:transparent; box-sizing:border-box; right:-55px; border-radius:50%; transition:all .5s;}
a.common_more_btn:hover{}
a.common_more_btn:hover:before{background:url(../img/common_more_btn_bar_on.jpg) no-repeat;}
a.common_more_btn:hover:after{width:35px; height:35px; border-color:#010f4e; background-color:#010f4e; right:-65px;}


/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{
	position:absolute; bottom:40px; width:100%; left:0; text-align:center; z-index:9;
	transition:all 0.6s cubic-bezier(0.47, 0, 0.745, 0.715);	
}
.main-scroll-icon .scroll-circle-box{display:block; position:relative; width:20px; height:33px; border:2px solid #010f4e; margin:10px auto 0; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px; }
.main-scroll-icon .scroll-circle-box:before{
	position:absolute; content:""; left:3px; top:5px; width:3px; height:3px; background-color:#010f4e; opacity:0; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;;
	animation:mouseScroll 1.5s infinite;
}
@keyframes mouseScroll {
  0% { opacity:1; transform: translateY(0px) }
  100% {opacity:0; transform: translateY(8px)}
}
.main-scroll-icon i{color: #010f4e; margin-top: 10px;}


/*메인컨텐츠1*/
/* #main_content{min-width: 1360px;}
#section1 {width:100%; padding:100px 0 0;}
#section1 .section1 {max-width:1320px; margin:0 auto;}
h2.section_title {font-size:50px; line-height:60px; font-weight:700; color:#222222; text-align:center; padding-bottom:80px;}
#businesslist{}
#businesslist .businesses{display: flex;}
#businesslist .businesses li {width:calc(100% / 3 - 30px) ; position:relative; overflow:hidden; margin: 0 15px;overflow: hidden;  text-align: center;}
#businesslist .businesses li img{width: 100%;}
#businesslist .businesses li .shadow {position: absolute; top: -450px;left: 0; background-color: rgba(0, 0, 0, .5); width: 100%; height: 100%;  transition: 0.5s; }
#businesslist .businesses li .shadow span {color:#fff; font-size: 16px; display: block; line-height:20px; text-align:center;}
#businesslist .businesses li .shadow .main_txt1 {display:none;}
#businesslist .businesses li .shadow .main_txt1 i {font-size:25px;}
#businesslist .businesses li:hover .shadow {padding: 120px 0 0;}
#businesslist .businesses li:hover .shadow .main_txt1 {font-size:15px; color:#fff; display:block; text-align:center; padding-bottom:15px;}
#businesslist .businesses li:hover .shadow {top: 0px;left: 0; width: 100%; height: 308px; overflow:hidden; background-color: rgba(0, 0, 0, .5);}
#businesslist .businesses li .s1_tit {font-size:26px; font-weight:500; color:#222; padding:20px 0 10px; text-align:center;} */

.section1 { padding-top: 100px; } 
.section1 .capa_info { margin-top: 2vw; font-size: 19px; transition:all .4s; } 
.section1 .capa_info h3 { font-size: 1.3em; padding-bottom: 1em; text-align: center; font-weight: 500;}   
/* .section3 .capa_info p { font-size: 1em; line-height: 1.5; }  */
.section1 .content_box article { width: calc(100% / 2 - 20px); margin: 0 10px; } 
.section1 .content_box article .img_box { position:relative; } 
.section1 .content_box article .img_box img { width:100%; } 
.section1 .content_box article .img_box .more_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; } 
.section1 .content_box article .img_box .more_wrap span { display: block; color: #fff; } 
.section1 .content_box article .img_box i { font-size: 40px; padding-bottom: 10px; color: #fff; } 
.section1 .content_box article .img_box:before { content:''; display:block; position:absolute; width:100%; height:100%; background:#1111118c; opacity:0 } 
.section1 .content_box article:hover .img_box:before { opacity:1; transition:all .4s; } 
.section1 .content_box article:hover .img_box .more_wrap { opacity:1; } 
.section1 .flex3{display: flex;}
.section1 .section_wrap{max-width:1320px; margin:0 auto;}



/*메인컨텐츠2*/
#section2 {width:100%; background:url(../img/section2_bg.jpg) center no-repeat; padding:100px 0 50px; background-size: cover;}
#section2 .section2 {max-width:1320px; margin:0 auto;}
h2.section_title {font-size:50px; line-height:60px; font-weight:700; color:#222222; text-align:center; padding-bottom:60px;}

#businesslist2{}
/* #businesslist2 .businesses:after{content:""; clear:both; display:block; height:0; visibility:hidden;} */
#businesslist2 .businesses{display: flex; flex-wrap: wrap;}
#businesslist2 .businesses li{width:calc(100% / 3 - 30px) ; margin: 20px 15px; background-color: #fff; border: 1px solid #ddd; overflow: hidden; position: relative; text-align: center; padding: 50px;}
#businesslist2 .businesses li .sec2_img{ margin-bottom: 20px;}
/* #businesslist2 .businesses li .width img{width: 100%;} */
#businesslist2 .businesses li h3{font-family: 'Noto Sans Display', sans-serif; font-size: 24px; font-weight: 600; position: relative;} 
#businesslist2 .businesses li h3::before{content: ""; background-color: #333; width: 50px; height: 1px; position: absolute; top: -10px; left: 50%; transform: translate(-50%, -50%);}
#businesslist2 .businesses li .shadow {position: absolute; top: 368px; left: 0; background-color: rgba(0, 0, 0, .7); width: 100%; height:100%; margin-bottom:20px; transition: 0.5s; }
#businesslist2 .businesses li .shadow a{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#businesslist2 .businesses li .shadow .main_txt3 {display:none;}
#businesslist2 .businesses li .shadow a span{color: #fff; font-size: 18px; margin-top: 15px;}
#businesslist2 .businesses li:hover .shadow .main_txt3 {font-size:30px; color:#fff; display:block; text-align:center; line-height:20px;}
#businesslist2 .businesses li:hover .shadow {top: 0px; width: 100%; height: 100%; overflow:hidden; background-color: rgba(0, 0, 0, .7);}

#businesslist2 .businesses .product01{background:#fff url(../img/product_img1.jpg) no-repeat; height:370px; background-size: contain;}
#businesslist2 .businesses .product02{background:#fff url(../img/product_img2.jpg) no-repeat; height:370px; background-size: contain;}
#businesslist2 .businesses .product03{background:#fff url(../img/product_img3.jpg) no-repeat; height:370px; background-size: contain;}
#businesslist2 .businesses .product04{background:#fff url(../img/product_img4.jpg) no-repeat; height:370px; background-size: contain;}
#businesslist2 .businesses .product05{background:#fff url(../img/product_img5.jpg) no-repeat; height:370px; background-size: contain;}
#businesslist2 .businesses .product06{background:#fff url(../img/product_img6.jpg) no-repeat; height:370px; background-size: contain;}


/*메인컨텐츠3*/
#section3 {width:100%; background:#fff; padding:100px 0;}
#section3 .section3 {max-width:1320px; margin:0 auto; overflow:hidden;}
#section3 .section3 .section3_left {width:48%; height:422px; float:left; margin-right:4%; border:1px solid #cfcfcf; padding:30px;}
#section3 .section3 .section3_right {width:48%; height:422px; float:right; border:1px solid #cfcfcf; padding:30px;}

/*메인컨텐츠4*/
#section4 {width:100%; }
#section4 ul{display: flex;}
#section4 ul li{width: calc(100% / 2); display: flex; align-items: center;}
#section4 ul li:nth-child(1){background: url(../img/section3_img1.jpg) no-repeat; background-size: cover;width: 100%; height: 420px; }
#section4 ul li:nth-child(2){background: url(../img/section3_img2.jpg) no-repeat; background-size: cover;width: 100%; height: 420px; }
#section4 ul li .sec4_content{width: 60%; margin: 0 auto; display: flex; flex-direction: column; color: #fff;}
#section4 ul li .sec4_content h3{font-size: 28px;}
#section4 ul li .sec4_content p{font-size: 20px; margin: 20px 0;}
#section4 ul li .sec4_content p i{display: block;}


.main-recruit-down-btn{height:50px; line-height:50px; width:170px; float:left}
/* -------- 공통 :: 버튼 -------- */
.cm-button-style04, 
.cm-button-style04 strong,
.cm-button-style04 i{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.cm-button-style04{position:relative; overflow:hidden; display:block; border:1px solid rgba(255,255,255,.3); text-align:left; background-color:transparent; margin-top:40px;}
.cm-button-style04:before{
    display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#fff; /* opacity:0;filter:Alpha(opacity=0); */
    transform:skew(-20deg); 
    -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;
}
.cm-button-style04 strong{position:relative; left:0px; z-index:1; display:block; color:#fff; font-size:13px; letter-spacing:-0.5px; text-indent:25px; }
.cm-button-style04 i{position:absolute; top:0px; right:20px; line-height:50px; color:#fff; font-size:24px;}
.cm-button-style04:hover{border:1px solid #fff;}
.cm-button-style04:hover strong{color:#000;}
.cm-button-style04:hover i{color:#000}
.cm-button-style04:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}



/******************************반응형**************************************************/
@media all and  (max-width:1700px){
  .mv .mv_slide .swiper-slide .txt{width: 80%;}

}
@media all and  (max-width:1600px){
   /* mv */
  .mv .control_box{padding:0 15px; box-sizing:border-box;}
  .mv .arrow_box{padding:0 15px; box-sizing:border-box;}
  .mv .control_box{left: -70px;}
}
@media all and  (max-width:1400px){
   /* mv */
  .mv .arrow_box{bottom:145px;}
  .mv .mv_slide .swiper-slide .txt p{font-size: 35px;}
  .mv .mv_slide .swiper-slide .txt span{font-size: 60px;}
  .mv .mv_slide .swiper-slide .main_vis01_wrap p.main_vis01{font-size: 60px;}
  .mv .mv_slide .swiper-slide .main_vis01_wrap span{font-size: 28px;}
  /* #section1 .section1{width: 95%;} */
  .section1 .section_wrap{width: 95%;}
  #section2 .section2{width: 95%;}
  #section3 .section3{width: 95%;}

}
@media all and  (max-width:1200px){
     /* mv */
     .mv{padding-top: 70px;}
  .mv .arrow_box{bottom:85px;}
  .mv .mv_slide .swiper-slide .txt p{font-size: 30px;}
  .mv .mv_slide .swiper-slide .txt span{font-size: 50px;}
  .mv .mv_slide .swiper-slide .txt em{font-size: 20px;}
  .mv .mv_slide .swiper-slide .main_vis01_wrap p.main_vis01{font-size: 50px;}
  .mv .mv_slide .swiper-slide .main_vis01_wrap span{font-size: 26px;}

  h2.section_title{font-size: 36px;}
  #businesslist .businesses li .s1_tit{font-size: 22px;}
  .section1 .capa_info h3{font-size: 22px;}

  #businesslist2 .businesses li{padding: 30px;}
  #businesslist2 .businesses li .sec2_img img{width: 100%;}
  #businesslist2 .businesses li h3{font-size: 20px;}
  #businesslist2 .businesses .product01{height: 330px;}
  #businesslist2 .businesses .product02{height: 330px;}
  #businesslist2 .businesses .product03{height: 330px;}
  #businesslist2 .businesses .product04{height: 330px;}
  #businesslist2 .businesses .product05{height: 330px;}
  #businesslist2 .businesses .product06{height: 330px;}

  #section4 ul li .sec4_content{width: 70%;}
  #section4 ul li .sec4_content h3{font-size: 24px;}
  #section4 ul li .sec4_content p{font-size: 18px;}
}
@media all and  (max-width:1024px){
  .mv .control_box{transform: rotate(0deg); left: 50%; bottom: 50px; transform: translateX(-50%); width: 200px; padding: 0;}
  .mv .control_box span{color: #010f4e; font-size: 16px;}
  .mv .control_box .swiper-progress-bar .slide_progress-bar{background-color: rgba(0, 0, 0, .5);}
  .mv .control_box .swiper-progress-bar .slide_progress-bar:after{background-color: #010f4e;}
  .mv .mv_slide .swiper-slide .main_vis01_wrap span{font-size: 25px;}
  .main-scroll-icon{display: none;}


  h2.section_title{font-size: 30px; padding-bottom: 40px;}
  #businesslist .businesses li .s1_tit{font-size: 20px;}
  .section1 .capa_info h3{font-size: 20px;}

  #businesslist2 .businesses li h3{font-size: 18px;}
  #businesslist2 .businesses .product01{height: 280px;}
  #businesslist2 .businesses .product02{height: 280px;}
  #businesslist2 .businesses .product03{height: 280px;}
  #businesslist2 .businesses .product04{height: 280px;}
  #businesslist2 .businesses .product05{height: 280px;}
  #businesslist2 .businesses .product06{height: 280px;}

  #section4 ul li .sec4_content h3{font-size: 22px;}
  .cm-button-style04 strong{font-weight: 400;}
  #businesslist2 .businesses li .shadow a span{font-size: 14px;}

  .mv .mv_slide .swiper-slide .main_vis07{top: 30%;}
  .mv .mv_slide .swiper-slide .main_vis07 p{font-size: 60px;}
.mv .mv_slide .swiper-slide .main_vis07 span{font-size: 50px;}

} 
@media all and  (max-width:800px){
  /* .mv .mv_slide .swiper-slide{height:800px;} */
  .mv .mv_slide .swiper-slide .txt p{font-size: 25px;}
  .mv .mv_slide .swiper-slide .txt span{font-size: 40px;}
  .mv .mv_slide .swiper-slide .txt em{font-size: 16px;}
  .mv .mv_slide .swiper-slide .main_vis01_wrap p.main_vis01{font-size: 40px;}

  .mv .mv_slide .swiper-slide .main_vis01_wrap span{font-size: 20px;}

  .mv .mv_slide .swiper-slide .main_vis07 p{font-size: 50px;}
  .mv .mv_slide .swiper-slide .main_vis07 span{font-size: 40px;}

  h2.section_title{font-size: 24px;}
  #businesslist .businesses li .s1_tit{font-size: 18px;}
  .section1 .capa_info h3{font-size: 18px;}

  #businesslist2 .businesses li h3{font-size: 16px;}
  #businesslist2 .businesses li h3::before{width: 30px;}
  #businesslist2 .businesses .product01{height: 220px;}
  #businesslist2 .businesses .product02{height: 220px;}
  #businesslist2 .businesses .product03{height: 220px;}
  #businesslist2 .businesses .product04{height: 220px;}
  #businesslist2 .businesses .product05{height: 220px;}
  #businesslist2 .businesses .product06{height: 220px;}

  #section3 .section3 .section3_left{float: inherit; width: 90%; margin: 0 auto 20px;}
  #section3 .section3 .section3_right{float: inherit; width: 90%; margin: 0 auto;}

  #section4 ul li .sec4_content{width: 90%;}
  #section4 ul li .sec4_content h3{font-size: 20px;}
  #section4 ul li .sec4_content p{font-size: 16px;}

  a.common_more_btn{font-size: 20px;}
  
 
}
@media all and  (max-width:650px){
  .section1 .flex3{flex-direction: column;}
  .section1 .content_box article{width: 70%; margin: 10px auto;}

  #businesslist2 .businesses li{width: calc(100% / 2 - 30px);}
  #businesslist2 .businesses .product01{height: 280px;}
  #businesslist2 .businesses .product02{height: 280px;}
  #businesslist2 .businesses .product03{height: 280px;}
  #businesslist2 .businesses .product04{height: 280px;}
  #businesslist2 .businesses .product05{height: 280px;}
  #businesslist2 .businesses .product06{height: 280px;}

  #section4 ul{flex-direction: column;}
  #section4 ul li:nth-child(1){height: 280px;}
  #section4 ul li:nth-child(2){height: 280px;}

}
@media all and  (max-width:500px){
  .mv .mv_slide .swiper-slide{height:550px;}
  .mv .mv_slide .swiper-slide.type02 .bg{background-position: left center;}
  .mv .mv_slide .swiper-slide.type03 .bg{background-position: left center;}
  .mv .mv_slide .swiper-slide.type04 .bg{background-position: center left;}
  .mv .mv_slide .swiper-slide.type05 .bg{background-position: left center;}
  .mv .mv_slide .swiper-slide.type06 .bg{background-position: left center;}
  .mv .mv_slide .swiper-slide.type07 .bg{background-position: left center;}
  .mv .mv_slide .swiper-slide .txt em i{display: inline-block;}
  .mv .mv_slide .swiper-slide .txt p{font-size: 20px; padding-bottom: 10px;}
  .mv .mv_slide .swiper-slide .txt span{font-size: 30px;}
  .mv .mv_slide .swiper-slide .txt em{margin-top: 10px;}
  .mv .mv_slide .swiper-slide .main_vis01_wrap p.main_vis01{font-size: 30px;}
  .mv .mv_slide .swiper-slide .main_vis01_wrap span{font-size: 16px;}

  .mv .mv_slide .swiper-slide .main_vis07{top: 40%;}
  .mv .mv_slide .swiper-slide .main_vis07 p{font-size: 40px;}
  .mv .mv_slide .swiper-slide .main_vis07 span{font-size: 36px;}

  #section1{padding-top: 50px;}
  h2.section_title{font-size: 20px; padding-bottom: 20px;}
  #businesslist .businesses li .s1_tit{font-size: 16px;}
  .section1 .capa_info h3{font-size: 16px;}
  #section2{padding: 50px 0;}
  #section4 ul li .sec4_content h3{font-size: 18px;}

  a.common_more_btn{font-size: 18px;}
  a.common_more_btn:before{right: -5px;}
  a.common_more_btn:after{right: -10px;}
  a.common_more_btn:hover:after{right: -20px;}

  #businesslist2 .businesses .product01{height: 220px;}
  #businesslist2 .businesses .product02{height: 220px;}
  #businesslist2 .businesses .product03{height: 220px;}
  #businesslist2 .businesses .product04{height: 220px;}
  #businesslist2 .businesses .product05{height: 220px;}
  #businesslist2 .businesses .product06{height: 220px;}


}
@media all and  (max-width:400px){
  .mv .control_box{padding-left: 10px;}

  .mv .mv_slide .swiper-slide .main_vis07 p{font-size: 35px;}
  .mv .mv_slide .swiper-slide .main_vis07 span{font-size: 30px;}

  #businesslist .businesses li{width: 80%;}
  .section1 .content_box article{width: 80%;}
  #section2{background-size: cover;}
  #businesslist2 .businesses li{width: 80%; margin: 10px auto;}

  #section3 .section3 .section3_left{ width: 95%; height: auto;}
  #section3 .section3 .section3_right{width: 95%; height: auto;}
  #section4 ul li .sec4_content h3{font-size: 16px;}
  #section4 ul li .sec4_content p{font-size: 15px;}

  a.common_more_btn{font-size: 16px;}

  #businesslist2 .businesses .product01{height: 280px;}
  #businesslist2 .businesses .product02{height: 280px;}
  #businesslist2 .businesses .product03{height: 280px;}
  #businesslist2 .businesses .product04{height: 280px;}
  #businesslist2 .businesses .product05{height: 280px;}
  #businesslist2 .businesses .product06{height: 280px;}
}