@charset 'utf-8';

@media all and (min-width:992px){
/*메인*/
.main-visual{position:relative; }
.main-visual .scroll-icon{position:absolute; bottom:125px; right:100px; width:24px; height:63px; background:url('/images/common/ico/scroll_img.png'); display:block; z-index:5; text-indent:-9999px;}
.main-visual .swiper-container{position:relative; overflow:hidden; z-index:1; height:937px;} 
.main-visual .swiper-container .swiper-wrapper{position:relative; width:100%; height:100%; z-index:1;}
.main-visual .swiper-container .swiper-button-prev{position:absolute; top:50%; left:50px; right:auto; margin:0; display:block; width:51px; height:51px; background:url('/images/home/prev_btn.png') no-repeat; text-indent:-9999px; margin-top:-25px;}
.main-visual .swiper-container .swiper-button-next{position:absolute; top:50%; left:auto; right:50px; margin:0; display:block; width:51px; height:51px; background:url('/images/home/next_btn.png') no-repeat; text-indent:-9999px; margin-top:-25px}
.main-visual .swiper-container .swiper-wrapper .swiper-slide{width:100%; height:100%; position:relative;}
.main-visual .swiper-container .swiper-wrapper .swiper-slide1{background:url('/images/home/t_main_visual_01.jpg') no-repeat center; background-size:cover;}
.main-visual .swiper-container .swiper-wrapper .swiper-slide2{background:url('/images/home/t_main_visual_02.jpg') no-repeat center; background-size:cover;}
.main-visual .swiper-container .swiper-wrapper .swiper-slide3{background:url('/images/home/t_main_visual_03.jpg') no-repeat center; background-size:cover;}
.main-visual .swiper-pagination{position: inherit; max-width: 1170px; margin: 0 auto; padding: 0 15px; bottom:130px;}
.main-visual .swiper-pagination-bullet{width:17px; height:17px; border:3px solid #b9c7d3; border-radius:100%; opacity:1; margin-right:25px; transition:0.2s; box-sizing:border-box; background-color:rgba(0, 0, 0, 0);}
.main-visual .swiper-pagination-bullet:last-child{margin-right:0;}
.main-visual .swiper-pagination-bullet-active{width:17px; height:17px; border:3px solid #197bb8;}
.main-visual .swiper-slide .content{position:relative;}
.main-visual .swiper-slide .txt-content{color:#Fff; line-height:1; text-align:center; position:absolute; top:370px; left:0; width:100%; text-align:left;}
.main-visual .swiper-slide .txt-content > span{font-size:46px; font-family:'HMHMedium'; display:block; padding-bottom:15px;}
.main-visual .swiper-slide .txt-content strong{font-size:60px; font-family:'HMHBold'; font-weight:normal; display:block; padding-bottom:30px;}
.main-visual .swiper-slide .txt-content p{font-size:22px; font-family:'HMHMedium';}

/*메인 비주얼영역 new*/
.no-repeat left center{position:relative;}
.swiper-box{width:100%;}
.swiper-box:after{clear:both; content:''; display:block; height:0;}
.swiper-box li{float:left; width:46.9%; margin-right:3.4%;} /* width:29.9%*/
.swiper-box li:last-child{margin-right:0;}
.swiper-list-bth{text-align:left;}
.swiper-list-title{font-size:15.5px; margin-bottom:6px; color:#fff; font-family:'HMHLight';}
.swiper-list-title span{font-family:'HMHBold';}
.swiper-bar{width:100%; height:2px; background:rgba(255, 255, 255, 0.2); position:relative;}
.swiper-top-bar{position:absolute; top:0; left:0; width: 0%; height:100%; background:#ffffff;}
.swiper-ctrl-btn{display:inline-block; width:9px; height:12px; background:url('/images/common/btn/stop_btn.png')no-repeat center; background-size:9px 12px;
position:absolute; top:21px; right:15px;}
.swiper-ctrl-btn.play{display:inline-block; width:9px; height:13px; background:url('/images/common/btn/play_btn.png')no-repeat center; background-size:9px 12px;
position:absolute; top:23; right:15px;}

/*메인팝업*/
.popup-area{width:100%; position:absolute; z-index:105; top:0; left:0;}
/* .popup-area .inner-popup{position: absolute; top: 162px;  height: 100%; display: table;  max-width: 1310px; box-sizing: border-box;} 팝업 여러개일 경우 width값 더해서 max-width 값 넣어주기 팝업이 하나일 경우 max-width & display:table 주석처리
.popup-area .inner-popup .popup-content{max-width:100%; display:table-cell}
.popup-area .inner-popup .popup-content:last-child{max-width:800px;} 팝업 넓이값 넣어주기
.popup-area .inner-popup .popup-content:first-child{max-width:510px; padding-left: 110px;  box-sizing: border-box;} 팝업 넓이 + pading-left 값 더해서 max-width 넣어주기 */
.popup-area .inner-popup{position:relative; width:100%; height:100%;}
.popup-area .inner-popup .popup-content{max-width:100%; position:absolute; width:650px; top:20px;}
.popup-area .inner-popup .popup-content{left:530px;}
.popup-area .inner-popup .popup-content:first-child{left:110px;}
.popup-area .inner-popup .popup-content2:first-child{max-width:800px;}/*영문 중문 첫번째 팝업*/
.popup-area .inner-popup .popup-content .only-txt{background-color:#b9c7d3; min-height:425px; text-align:center; padding:60px 0; box-sizing:border-box}
.popup-area .inner-popup .popup-content .only-txt strong{display:block; font-size:30px; color:#00173d; font-family:'HMHMedium'; font-weight:normal; padding-bottom:60px}
.popup-area .inner-popup .popup-content .only-txt p{color:#434242; font-size:20px; font-family:'HMHLight'; text-align:left; padding:0 30px; line-height:1.6}
.popup-area .inner-popup .popup-content img{display:block; max-width:100%; width:100%; margin:0 auto;}
.popup-area .inner-popup .popup-bottom{background:#00467f; position:relative; height:50px; padding-left:15px;}
.popup-area .inner-popup .popup-bottom span{font-family:'HMHLight'; font-size:16px; color:#fff;}
.popup-area .inner-popup .popup-bottom .check-type1 label .check-image{width:19px; height:19px; background-size:19px;}
.popup-area .inner-popup .popup-bottom .checkbox{line-height:50px;}
.popup-area .inner-popup .popup-bottom .popup-close{position:absolute; top:15px; right:25px; font-size:16px; color:#fff; display:block; font-family:'HMHMedium';}

/*팝업 모바일&피시*/
.m-img-v{display:none !important;}


/*swing motor*/
.motor{position:relative;}
.motor .swiper-container{position:relative; overflow:hidden; z-index:1; height:430px;}
.motor .swiper-container .swiper-wrapper{position:relative; width:100%; height:100%; z-index:1;}
.motor .swiper-container .swiper-wrapper .swiper-slide{width:100%; height:100%; position:relative;}
.motor .swiper-container .swiper-wrapper .swiper-slide1{background:url('/images/home/motor_bg_01.jpg') no-repeat center; background-size:cover;}
.motor .swiper-container .swiper-wrapper .swiper-slide2{background:url('/images/home/motor_bg_02.jpg') no-repeat center; background-size:cover;}
.motor .swiper-container .swiper-wrapper .swiper-slide3{background:url('/images/home/motor_bg_03.jpg') no-repeat center; background-size:cover;}
.motor .swiper-container .swiper-wrapper .swiper-slide4{background:url('/images/home/motor_bg_04.jpg') no-repeat center; background-size:cover;}
.motor .swiper-container .swiper-wrapper .swiper-slide5{background:url('/images/home/motor_bg_05.jpg') no-repeat center; background-size:cover;}
.motor .swiper-container .swiper-wrapper .swiper-slide6{background:url('/images/home/motor_bg_06.jpg') no-repeat center; background-size:cover;}
.motor .swiper-slide .section-title{font-family:'HMHMedium'; font-size:60px; color:#197bb8; font-weight:normal; line-height:1; padding-top:0;}
.motor .swiper-slide .section-title strong, .motor .swiper-slide .section-title p {opacity: 0;}
.motor .swiper-slide .content{height:100%;}
.motor .swiper-slide .txt-content strong{display:block; font-size:38px; color:#222; font-family:'HMHMedium'; padding-top:25px; font-weight:normal;}
.motor .swiper-slide .txt-content p{font-size:18px; color:#666; font-family:'HMHLight'; line-height:24px; padding-top:25px; width:50%; }
.motor .swiper-slide .txt-content a.detail{font-family:'HMHLight'; font-size:14px; color:#666; padding-right:35px; background:url('/images/common/btn/more_arrow.png') no-repeat right top; margin-top:35px; display:inline-block;}
.motor .swiper-slide .txt-content a.detail:hover{background:url('/images/common/btn/more_arrow_on.png') no-repeat right top; color:#197bb8}
.motor .inner-swiper-button{position:absolute; width:100%; right:-638px; bottom:70px;}
.motor .swiper-button{position:relative; width:1170px; margin:0 auto; padding:0 15px;}
.motor .swiper-button-prev{left:15px; width:51px; height:51px; border:1px solid #ddd; background:url('/images/common/btn/left_arrow.png') #fff no-repeat center; text-indent:-9999px; box-sizing:border-box; transition:0.2s}
.motor .swiper-button-next{left:65px; width:51px; height:51px; border:1px solid #ddd; background:url('/images/common/btn/right_arrow.png') #fff no-repeat center; text-indent:-9999px; box-sizing:border-box; transition:0.2s}
.motor .swiper-button-prev:hover{border:1px solid #01549e; background:url('/images/common/btn/left_arrow_on.png') #01549e no-repeat center; transition:0.2s}
.motor .swiper-button-next:hover{border:1px solid #01549e; background:url('/images/common/btn/right_arrow_on.png') #01549e no-repeat center; transition:0.2s}

/*swing motor new*/
.motor-content {position:relative; margin-bottom:100px;}
.motor-box{max-width:1170px; margin:0 auto; padding:0 15px; position: relative;}
.motor-title-box{text-align:center; margin-top:60px; margin-bottom:50px;}
.motor-title-box strong{font-size:46px; margin-bottom:10px; color:#444; font-family:'HMHMedium'; font-weight:normal; display:block; box-sizing:border-box;}
.motor-title-box p{font-size:18px; line-height:26px; color:#666; font-family:'HMHLight';}
.motor-block{display:block;}
.motor-list:after{clear:both; height:0; display:block; content:'';}
.motor-list > li{float:left; overflow:hidden;}
.motor-list > li > img.motor-img{width:100%;}
.motor-list > li > img.motor-pc-img{display:block; transform:scale(1.0); transition:all 0.5s;}
.motor-list > li:hover > img.motor-pc-img{transform:scale(1.05); opacity:1;}
.motor-txt{margin-left:60px; margin-top:40px; width:calc(100% - 646px);}
.motor-txt .txt-content .section-title{font-family:'HMHMedium'; font-size:52px; color:#197bb8; font-weight:normal; line-height:1;}
.motor-txt .txt-content strong.prod-txt{display:block; font-size:24px; color:#222; font-family:'HMHMedium'; padding-top:15px; font-weight:normal;}
.motor-txt .txt-content p.prod-txt{font-size:18px; color:#666; font-family:'HMHLight'; line-height:24px; padding-top:15px; width:100%;}
.motor-txt.cn-motor-txt .txt-content p.prod-txt{word-break:break-all;}
.motor-txt .txt-content a.detail{font-family:'HMHLight'; font-size:14px; color:#666; padding-right:35px; background:url('/images/common/btn/more_arrow.png') no-repeat right top; margin-top:35px; display:inline-block;}
.motor-txt .txt-content a.detail:hover{background:url('/images/common/btn/more_arrow_on.png') no-repeat right top; color:#197bb8}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction.motor-number{position: absolute; bottom: 72px; left: 765px; width: inherit;}
.motor-number .swiper-pagination-current{font-size:15px; color:#01549e; font-family:'HMHMedium'; }
.motor-number .swiper-pagination-total{font-size:15px; color:#666; font-family:'HMHLight';}
.motor-m-img{display:none;}

/*business*/

.new-visual-bg{position: relative;}
.new-nusiness-total-area{position: relative; height:640px;}
.new-visual-bg div{width:100%; position: absolute; top:0; left:0;}

.visual-bg1{background:url('/images/home/business_bg_01.jpg') no-repeat center; background-size:cover; height:640px; transition: 0.4s;}
.visual-bg2{background:url('/images/home/business_bg_02.jpg') no-repeat center; background-size:cover; height:640px; opacity:0; transition: 0.4s;}
.visual-bg3{background:url('/images/home/business_bg_03.jpg') no-repeat center; background-size:cover; height:640px; opacity:0; transition: 0.4s;}
.new-nisual-content{width:100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); text-align:center; box-sizing:border-box;}


.business-content .content{height:100%;}
.business-content .content:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.business-content .section-title{text-align:center; font-family:'HMHBold'; font-size:52px; color:#fff; font-weight:normal; line-height:1; /* margin-top:100px; */}
.business-content .section-txt{text-align:center; font-family:'HMHLight'; font-size:18px; color:#fff; font-weight:normal; line-height:1.4; margin-top:40px;}
.business-content .section-txt span{display:block;}
.business-content .section-txt strong{font-weight:normal; font-family:'HMHMedium'}
.business-content ul{display:table; margin:80px auto 0 auto;}
.business-content ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.business-content ul li{float:left;  width:150px; margin-right:60px;}
.business-content ul li:last-child{margin-right:0}
.business-content ul li a{padding-top:106px; display:block;}
.business-content ul li a span{font-size:24px; color:#fff; font-family:'HMHMedium'; padding-top:40px; display:block; text-align:center;}
.business-content ul li.item1 a{width:150px; background:url('/images/home/business_n_ico_01.png') no-repeat center top; background-size:128px;}
.business-content ul li.item2 a{width:150px; background:url('/images/home/business_n_ico_02.png') no-repeat center top; background-size:128px;}
.business-content ul li.item3 a{width:150px; background:url('/images/home/business_n_ico_03.png') no-repeat center top; background-size:128px;}

.business-content ul li.eng-item1{padding-right:26px;}
.business-content ul li.eng-item1 > a{position:relative;}
.business-content ul li.eng-item1 > a > span{margin-left: -38px; position: absolute; top: 95px; right: -40px;}

.business-free{display:inline-block; margin:0 auto; width:50%; margin-top:100px;}

/*news*/
.news-content{background-color:#f2f6f9; padding:175px 0; overflow:hidden;}
.news-content .content:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.news-content .content{position:relative;}
.news-content .txt-content{float:left; width:310px;}
.news-content .txt-content strong{font-size:42px; color:#333; font-family:'HMHMedium'; font-weight:normal; display:block; line-height:1.1;}
.news-content .txt-content p{font-size:18px; color:#666; font-family:'HMHLight'; line-height:30px; padding-top:30px;}
.news-content .swiper-content{float:left; width:calc(100% - 390px); margin-left:80px;}
.news-content .swiper-container{position:relative; overflow:hidden; z-index:1; width:2000px;}
.news-content .swiper-container .swiper-wrapper{position:relative; width:100%; height:100%; z-index:1;}
.news-content .swiper-container .swiper-wrapper:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.news-content .swiper-container .swiper-wrapper .swiper-slide{width:370px !important; float:left; margin-left:40px;}
.news-content .swiper-container .swiper-wrapper .swiper-slide:first-child{margin-left:0;}
.news-content .swiper-slide > a{display:block; position:relative;}
.news-content .swiper-slide svg{position:absolute; top:0; left:0; overflow:hidden;}
.news-content .swiper-slide .inner-news-img{overflow:hidden;}
.news-content .swiper-slide .news-img{background-size:cover; height:250px; width:100%;}
.news-content .swiper-slide .news-txt{padding:30px; background-color:#FFF;}
.news-content .swiper-slide .news-txt .tit{font-size:24px; color:#333; line-height:36px; font-family:'HMHMedium'; font-weight:normal; display:block; height:72px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; ; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news-content .swiper-slide .news-txt .data{font-size:16px; color:#666; font-family:'HMHLight'; display:block; padding-top:20px;}
.news-content .inner-swiper-button{position:absolute; width:100%; bottom:30px;}
.news-content .swiper-button{position:relative; width:1170px; margin:0 auto; padding:0 15px;}
.news-content .swiper-button-prev{left:0; width:51px; height:51px; border:1px solid #ddd; background:url('/images/common/btn/left_arrow.png') #fff no-repeat center; text-indent:-9999px; box-sizing:border-box; transition:0.2s}
.news-content .swiper-button-next{left:50px; width:51px; height:51px; border:1px solid #ddd; background:url('/images/common/btn/right_arrow.png') #fff no-repeat center; text-indent:-9999px; box-sizing:border-box; transition:0.2s}
.news-content .swiper-button-prev:hover{border:1px solid #01549e; background:url('/images/common/btn/left_arrow_on.png') #01549e no-repeat center; transition:0.2s}
.news-content .swiper-button-next:hover{border:1px solid #01549e; background:url('/images/common/btn/right_arrow_on.png') #01549e no-repeat center; transition:0.2s}

/*news new*/

.news{background:#f6f6f6; padding:100px 0 150px 0;}
.news-new-content{max-width:1170px; padding:0 15px; margin:0 auto;}
.news-title-box{text-align:center; margin-bottom:50px;}
.news-title-box strong{font-size:46px; margin-bottom:10px; color:#444; font-family:'HMHMedium'; font-weight:normal; display:block;}
.news-title-box p{font-size:18px; line-height:26px; color:#666; font-family:'HMHLight';}


.news-left-img{width:480px; height:420px; max-height:100%; margin-right:20px; display:block; overflow:hidden; cursor:pointer;
box-shadow:6px 6px 6px rgba(0, 0, 0, 0.3); position:relative}
.news-left-img:before{position:absolute; top:0; left:0; width:100%; height:100%; content:''; background: linear-gradient(to bottom,rgba(10, 10, 10, 0) 10%,rgba(10, 10, 10, 0.25) 25%,rgba(10, 10, 10, 0.5) 50%,rgba(10, 10, 10, 0.75) 75%,rgba(10, 10, 10, 1) 100%);}
.news-img-area{width:100%;}

.news-box:after{clear:both; height:0; content:''; display:block;}
.news-box > li{float:left; position:relative;}
.news-img-txt{position:absolute; bottom:30px; left:20px; z-index:1;}
.news-img-txt strong{font-size:28px;  line-height:34px; color:#fff; font-family:'HMHMedium'; font-weight:normal;}
.news-img-txt.cn-news-img-txt strong{word-break: break-word !important;}
.news-img-txt p{font-size:16px; color:#fff; font-family:'HMHLight';}
.news-btn{width:100%; position: relative;}
.news-left-img i.motor-btn{width:50px; height:11px; background:url('/images/common/btn/more_arrow2.png')no-repeat center; background-size:50px 11px; display:inline-block;
position:absolute; bottom:30px; right:20px; z-index:1}
.news-right-list{width:calc(100% - 500px);}
.news-list{box-shadow:4px 4px 8px 0px rgba(0, 0, 0, 0.3); margin-bottom:14px; background-color:#fff;}
.news-list:last-child{margin-bottom:0;}
.news-list-total{display:table;}
.news-list-txt{ display:table-cell; width:550px; padding:35px 0 35px 40px;}
.news-list-title{font-size:24px; margin-bottom:10px; color:#333; font-family:'HMHMedium'; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:480px; overflow:hidden;}
.news-list-date{font-size:16px; color:#666; font-family:'HMHLight';}
.news-list-btn{display:table-cell; width:calc(100% - 550px); vertical-align:middle; padding-right:10px;}
.news-list-btn i{width:42px; height:15px; background:url('/images/home/news_more_btn.png')no-repeat center; background-size:42px 15px; display:inline-block;}
.news-more-btn{text-align:right; margin-top:10px;}
.news-more-btn > a{font-size:16px; color:#197bb8; font-family:'HMHMedium';}
.news-more-btn > a > i.plus_btn{width:14px; height:14px; display:inline-block; background:url('/images/home/plus_btn.png')no-repeat center; background-size:14px; vertical-align:text-top;}

.news-over{display: block; width: 100%; background: rgba(0, 0, 0, 1); height: 138px; position: absolute; bottom:-170px; left: 0; text-align:right;}

.news-img-area{height:420px;}
.news-img-area2{height:100%;}

}

@media all and (max-width:1500px){
/*메인*/
.main-visual .swiper-slide .txt-content {padding:0 15px;}

/*메인 비주얼영역 new*/
.main-visual .scroll-icon {right: 30px;}
.swiper-box{width:90%; display:flex; align-items:flex-end;}
.swiper-ctrl-btn{right:100px;}
.swiper-ctrl-btn.play{right:100px;}
}

/*************************************************큰 태블릿 부터*************************************************/
@media all and (min-width:992px) and (max-width:1199px){


}
/*************************************************큰 태블릿 까지*************************************************/

@media all and (max-width:1250px){
	.motor-number{position:absolute; bottom:70px; right:170px;}
}

@media all and (max-width:1150px){
	.news-list-title{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:350px; overflow:hidden;}
}

@media all and (max-width:1100px){
	.popup-area .inner-popup .popup-bottom span{font-size:14px;}
	
	/* .news-list-title{font-size:20px;} */
}







/*************************************************모바일&태블릿 부터*************************************************/
@media all and (max-width:991px){
/*메인*/
.main-visual{position:relative;}
.main-visual .scroll-icon{display:none !important;}
.main-visual .swiper-container{position:relative; overflow:hidden; z-index:1;}
.main-visual .swiper-container .swiper-wrapper{position:relative; width:100%; height:100%; z-index:1;}
.main-visual .swiper-container .swiper-wrapper .swiper-slide{width:100%; height:100%; position:relative;}
.main-visual .swiper-container .swiper-wrapper .swiper-slide1{background:url('/images/home/m_main_visual_01.jpg') no-repeat center; background-size:cover;}
.main-visual .swiper-container .swiper-wrapper .swiper-slide2{background:url('/images/home/m_main_visual_02.jpg') no-repeat center; background-size:cover;}
.main-visual .swiper-container .swiper-wrapper .swiper-slide3{background:url('/images/home/m_main_visual_03.jpg') no-repeat center; background-size:cover;}
.main-visual .swiper-container .swiper-button-prev{position:absolute; top:50%; right:auto; margin:0; display:block; background:url('/images/home/m_prev_btn.png') no-repeat; text-indent:-9999px;}
.main-visual .swiper-container .swiper-button-next{position:absolute; top:50%; left:auto; margin:0; display:block; background:url('/images/home/m_next_btn.png') no-repeat; text-indent:-9999px;}
.main-visual .swiper-pagination{position:absolute; left:0;}
.main-visual .swiper-pagination-bullet{border-radius:100%; opacity:1; transition:0.2s; box-sizing:border-box; background-color:rgba(0, 0, 0, 0);}
.main-visual .swiper-pagination-bullet:last-child{margin-right:0;}
.main-visual .swiper-pagination-bullet-active{background-color:rgba(0, 0, 0, 0);}
.main-visual .swiper-slide .content{position:relative;}
.main-visual .swiper-slide .txt-content{color:#Fff; text-align:left; position:absolute; left:0; width:100%; padding:0 40px; box-sizing:border-box;}
.main-visual .swiper-slide .txt-content > span{font-family:'HMHMedium'; display:block;}
.main-visual .swiper-slide .txt-content strong{font-family:'HMHBold'; font-weight:normal; display:block;}
.main-visual .swiper-slide .txt-content p{font-family:'HMHMedium'; margin:0 auto}
.main-visual .swiper-slide .txt-content p span{display:block;}

/*메인팝업*/
/* .popup-area{width:100%; height:100%; position:fixed; z-index:105; top:0; left:0; background-color:rgba(1, 8, 21, 0.6);} */
.popup-area{width:100%; height:100%; position:absolute; z-index:105; top:0; left:0; padding-top:160px; background-color:rgba(1, 8, 21, 0.6);}
.popup-area .inner-popup{position:relative; width:100%; height:100%;}
.popup-area .inner-popup .popup-content{max-width:100%;/* position:absolute; display:none*/} /*팝업 한개일때  position:absolute; display:none 넣어주기*/
.popup-area .inner-popup .popup-content:first-child{display:block}
.popup-area .inner-popup .popup-content img{display:block; width:100%; margin:0 auto;}
.popup-area .inner-popup .popup-content .only-txt{background-color:#b9c7d3; text-align:center; box-sizing:border-box}
.popup-area .inner-popup .popup-content .only-txt strong{display:block; color:#00173d; font-family:'HMHMedium'; font-weight:normal; }
.popup-area .inner-popup .popup-content .only-txt p{color:#434242; font-family:'HMHLight'; text-align:left;}
.popup-area .inner-popup .popup-bottom{background:#00467f; position:relative;}
.popup-area .inner-popup .popup-bottom span{font-family:'HMHLight'; color:#fff;}
.popup-area .inner-popup .popup-bottom .popup-close{position:absolute; color:#fff; display:block;}
/*팝업 모바일&피시*/
.pc-img-v{display:none !important; }
.m-img-v{display:block !important;}



/*swing motor*/
.motor{position:relative;}
.motor .swiper-container{position:relative; overflow:hidden; z-index:1;}
.motor .swiper-container .swiper-wrapper{position:relative; width:100%; height:100%; z-index:1;}
.motor .swiper-container .swiper-wrapper .swiper-slide{width:100%; height:100%; position:relative;}
.motor .swiper-container .swiper-wrapper .swiper-slide1{background:url('/images/home/m_motor_bg_01.jpg') no-repeat center; background-size:cover;}
.motor .swiper-container .swiper-wrapper .swiper-slide2{background:url('/images/home/m_motor_bg_02.jpg') no-repeat center; background-size:cover;}
.motor .swiper-container .swiper-wrapper .swiper-slide3{background:url('/images/home/m_motor_bg_03.jpg') no-repeat center; background-size:cover;}
.motor .swiper-container .swiper-wrapper .swiper-slide4{background:url('/images/home/m_motor_bg_04.jpg') no-repeat center; background-size:cover;}
.motor .swiper-container .swiper-wrapper .swiper-slide5{background:url('/images/home/m_motor_bg_05.jpg') no-repeat center; background-size:cover;}
.motor .swiper-container .swiper-wrapper .swiper-slide6{background:url('/images/home/m_motor_bg_06.jpg') no-repeat center; background-size:cover;}
.motor .swiper-slide .section-title{font-family:'HMHMedium'; color:#197bb8; font-weight:normal;}
.motor .swiper-slide .content{height:100%;}
.motor .swiper-slide .txt-content strong{display:block; color:#222; font-family:'HMHMedium'; font-weight:normal;}
.motor .swiper-slide .txt-content p{color:#666; font-family:'HMHLight';}
/* .motor .swiper-slide .txt-content a.detail{font-family:'HMHLight'; color:#666; background:url('/images/common/btn/m_more_arrow.png') no-repeat right top; display:inline-block;} */
.motor .inner-swiper-button{position:absolute; width:100%;}
.motor .swiper-button{position:relative; width:1170px; margin:0 auto;}
.motor .swiper-button-prev{border:1px solid #ddd; background:url('/images/common/btn/m_left_arrow.png') #fff no-repeat center; text-indent:-9999px; box-sizing:border-box}
.motor .swiper-button-next{border:1px solid #ddd; background:url('/images/common/btn/m_right_arrow.png') #fff no-repeat center; text-indent:-9999px; box-sizing:border-box}

/*swing motor new*/
.motor-box{max-width:1170px; margin:0 auto; padding:0 40px; position: relative;}
.motor-content {position:relative;}
.motor-title-box{text-align:center; margin-top:120px; padding:0 40px; margin-bottom:50px;}
.motor-title-box strong{font-size:60px; margin-bottom:40px; color:#444; font-family:'HMHMedium'; font-weight:normal; display:block;}
.motor-title-box p{font-size:28px; line-height:38px; color:#666; font-family:'HMHLight';}
.motor-block{display:block;}
.motor-list:after{clear:both; height:0; display:block; content:'';}
.motor-list > li{float:left; width:100%;}
.motor-list > li > img.motor-img{width:100%;}
.motor-list > li > img.motor-pc-img{display:none;}
.motor-list > li > img.motor-m-img{display:block; width:100%;}
.motor-txt{margin-left:0px; margin-top:80px; width:100%;}
.motor-txt .txt-content .section-title{font-family:'HMHMedium'; font-size:60px; color:#197bb8; font-weight:normal; line-height:1;}
.motor-txt .txt-content strong.prod-txt{display:block; font-size:40px; color:#222; font-family:'HMHMedium'; padding-top:10px; font-weight:normal;}
.motor-txt .txt-content p.prod-txt{font-size:30px; color:#666; font-family:'HMHLight'; line-height:38px; padding-top:30px;}
.motor-txt .txt-content a.detail{font-family:'HMHLight'; font-size:26px; color:#666; padding-right:40px; background:url('/images/common/btn/more_arrow.png') no-repeat right; background-size:28px 21px; margin-top:60px; display:inline-block;}
.motor-txt .txt-content a.detail:hover{background:url('/images/common/btn/more_arrow_on.png') no-repeat right; background-size:28px 21px; color:#197bb8}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction.motor-number{position: absolute; bottom: 100px; left:-40px; text-align:right;}
.motor-number .swiper-pagination-current{font-size:28px; color:#01549e; font-family:'HMHMedium'; }
.motor-number .swiper-pagination-total{font-size:28px; color:#666; font-family:'HMHLight';}
.motor-m-img{display:none;}


/*business*/
.business-content{background:url('/images/home/business_m_bg_01.jpg') no-repeat center; background-size:cover; height:640px;}
.business-content2{background:url('/images/home/business_m_bg_03.jpg') no-repeat center; background-size:cover; height:640px;}
.business-content3{background:url('/images/home/business_m_bg_03.jpg') no-repeat center; background-size:cover; height:640px;}
.business-content .content{height:100%;}
.business-content .content:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.business-content .section-title{text-align:center; font-family:'HMHBold'; font-size:52px; color:#fff; font-weight:normal; line-height:1; /* padding-top:120px; */}
.business-content .section-txt{text-align:center; font-family:'HMHLight'; font-size:18px; color:#fff; font-weight:normal; line-height:1.4; margin-top:40px;}
.business-content .section-txt strong{font-weight:normal; font-family:'HMHMedium'}
.business-content ul{display:table; margin:80px auto 0 auto;}
.business-content ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.business-content ul li{float:left; width:19.3vw; margin-right:5.04vw;}
.business-content ul li:last-child{margin-right:0}
.business-content ul li a{padding-top:106px; display:block;}
.business-content ul li a span{font-size:24px; color:#fff; font-family:'HMHMedium'; padding-top:40px; display:block; text-align:center;}
.business-content ul li.item1 a{width:19.3vw; background:url('/images/home/business_n_ico_01.png') no-repeat center top; background-size:19.3vw;}
.business-content ul li.item2 a{width:19.3vw; background:url('/images/home/business_n_ico_02.png') no-repeat center top; background-size:19.3vw;}
.business-content ul li.item3 a{width:19.3vw; background:url('/images/home/business_n_ico_03.png') no-repeat center top; background-size:19.3vw;}

.business-content ul li.eng-item1{padding-right:26px;}
.business-content ul li.eng-item1 > a{position:relative;}
.business-content ul li.eng-item1 > a > span{margin-left: -38px; position: absolute; top: 95px; right: -40px;}

.business-free{display:inline-block; margin:0 auto; width:100%; margin-top:200px;}

/*news*/
.news-content{background:url('/images/home/m_news_bg.gif') no-repeat center; background-size:cover; overflow:hidden;}
.news-content .content:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.news-content .content{position:relative;}
.news-content .txt-content{float:none; width:100%;}
.news-content .txt-content strong{color:#333; font-family:'HMHMedium'; font-weight:normal; display:block;}
.news-content .txt-content strong span{display:block;}
.news-content .txt-content p{color:#666; font-family:'HMHLight';}
.news-content .swiper-content{float:none; width:100%;}
.news-content .swiper-container{position:relative; overflow:hidden; z-index:1; /* width:2000px; */ width: calc(100%-40px)}
.news-content .swiper-container .swiper-wrapper{position:relative; width:100%; height:100%; z-index:1;}
.news-content .swiper-container .swiper-wrapper:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.news-content .swiper-container .swiper-wrapper .swiper-slide{float:left;}
.news-content .swiper-container .swiper-wrapper .swiper-slide:first-child{margin-left:0;}
.news-content .swiper-slide > a{display:block; position:relative;}
.news-content .swiper-slide svg{position:absolute; top:0; left:0;}
.news-content .swiper-slide .inner-news-img{overflow:hidden;}
.news-content .swiper-slide .news-img{width:100%;}
.news-content .swiper-slide .news-txt{background-color:#FFF;}
.news-content .swiper-slide .news-txt .tit{color:#333; font-family:'HMHMedium'; font-weight:normal; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; ; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news-content .swiper-slide .news-txt .data{color:#666; font-family:'HMHLight'; display:block;}
.news-content .inner-swiper-button{position:absolute; width:100%;}
.news-content .swiper-button{position:relative; width:1170px; margin:0 auto;}
.news-content .swiper-button-prev{left:0; border:1px solid #ddd; background:url('/images/common/btn/m_left_arrow.png') #fff no-repeat center; text-indent:-9999px; box-sizing:border-box}
.news-content .swiper-button-next{border:1px solid #ddd; background:url('/images/common/btn/m_right_arrow.png') #fff no-repeat center; text-indent:-9999px; box-sizing:border-box}

/*news new*/

.news{background:#f6f6f6; padding:120px 0 250px 0;}
.news-new-content{max-width:1170px; padding:0 40px; margin:0 auto; }
.news-title-box{text-align:center; margin-bottom:60px;}
.news-title-box strong{font-size:60px; margin-bottom:10px; color:#444;}
.news-title-box.cn-motor-block{word-break: break-word !important;}
.news-title-box p{font-size:28px; margin-top:30px; line-height:38px;}

.news-box:after{clear:both; height:0; content:''; display:block;}
.news-box > li{float:left; position:relative;}
.news-left-img{width:100%; margin-right:0; margin-bottom:40px; box-shadow:6px 6px 6px rgba(0, 0, 0, 0.3); cursor:pointer; position:relative;}

.news-left-img:before{position:absolute; top:0; left:0; width:100%; height:100%; content:''; background: linear-gradient(to bottom,rgba(10, 10, 10, 0) 10%,rgba(10, 10, 10, 0.25) 25%,rgba(10, 10, 10, 0.5) 50%,rgba(10, 10, 10, 0.75) 75%,rgba(10, 10, 10, 1) 100%);}
.news-img-area{width:100%;}

.news-img-txt{position:absolute; bottom:40px; left:40px;}
.news-img-txt strong{font-size:40px; margin-bottom:10px; line-height:48px; color:#fff; font-family:'HMHMedium'; font-weight:normal;}
.news-img-txt.cn-news-img-txt strong{word-break: break-word !important;}
.news-img-txt p{font-size:28px; color:#fff; font-family:'HMHLight';}
/* .news-img-txt i{width:70px; height:11px; background:url('/images/common/btn/more_arrow2.png')no-repeat center; background-size:70px 11px; display:inline-block;
position:absolute; bottom:5px; right:-375px} */
.news-right-list{width:100%;}
.news-list{box-shadow:4px 4px 8px 0px rgba(0, 0, 0, 0.3); margin-bottom:14px; background-color:#fff;}
.news-list:last-child{margin-bottom:0;}
.news-list-total{display:table;}
.news-list-txt{ display:table-cell; width:720px; padding:30px 20px 30px 40px;}
.news-list-title{font-size:36px; line-height:42px; margin-bottom:10px; color:#333; font-family:'HMHMedium'; text-overflow: inherit; white-space: inherit; word-wrap: inherit; width: 100%;}
.news-list-title.cn-news-list-title{word-break: break-word !important;}
.news-list-date{font-size:28px; color:#666; font-family:'HMHLight';}
.news-list-btn{display:table-cell; width:calc(100% - 720px); vertical-align:middle; padding-right:40px;}
.news-list-btn i{width:61px; height:23px; background:url('/images/home/news_more_btn.png')no-repeat center; background-size:61px 23px; display:inline-block;}
.news-more-btn{text-align:center; margin-top:30px;}
.news-more-btn > a{font-size:28px; color:#197bb8; font-family:'HMHMedium';}
.news-more-btn > a > i.plus_btn{width:23px; height:23px; display:inline-block; background:url('/images/home/plus_btn.png')no-repeat center; background-size:23px; vertical-align:text-top;}

.news-list-btn i{width:42px; height:15px; background:url('/images/home/news_more_btn.png')no-repeat center; background-size:42px 15px; display:inline-block;}

.news-img-area{height:420px;}
.news-img-area2{height:100%;}

}
/*************************************************모바일&태블릿 까지*************************************************/








/*************************************************태블릿 부터*************************************************/
@media all and (min-width:768px) and (max-width:991px){
/*메인*/
.main-visual .swiper-container{height:133vw;}
.main-visual .swiper-slide .txt-content{line-height:1; top:51vw;}
.main-visual .swiper-slide .txt-content > span{font-size:5.2vw; padding-bottom:2vw;}
.main-visual .swiper-slide .txt-content strong{font-size:7.2vw; padding-bottom:4vw}
.main-visual .swiper-slide .txt-content p{font-size:2.8vw; line-height:3.6vw;}
.main-visual .swiper-container .swiper-button-prev{left:40px; width:40px; height:78px; margin-top:-40px;}
.main-visual .swiper-container .swiper-button-next{right:40px; width:40px; height:78px; margin-top:-40px}
.main-visual .swiper-pagination{bottom:100px; margin-left:0; width:100%; padding:0 40px; box-sizing:border-box;}
.main-visual .swiper-pagination-bullet{width:28px; height:28px; border:6px solid #b9c7d3; margin-right:40px;}
.main-visual .swiper-pagination-bullet-active{width:28px; height:28px; border:6px solid #197bb8;}

/*메인 비주얼영역 new*/
.no-repeat left center{position:relative;}
.swiper-box{width:100%;}
.swiper-box:after{clear:both; content:''; display:block; height:0;}
.swiper-box li{float:left; width:46%; margin-right:3.4%;} /*width:27%*/
.swiper-box li:last-child{margin-right:0;}
.swiper-list-bth{text-align:left;}
.swiper-list-title{font-size:18px; margin-bottom:6px; color:#fff; font-family:'HMHLight'; display:none;}
.swiper-list-title span{font-family:'HMHBold';}
.swiper-bar{width:100%; height:8px; background:rgba(255, 255, 255, 0.2); position:relative;}
.swiper-top-bar{position:absolute; top:0; left:0; width: 0%; height:100%; background:#ffffff;}
.swiper-ctrl-btn{display:inline-block; width:21px; height:31px; background:url('/images/common/btn/stop_btn.png')no-repeat center; background-size:21px 31px;
position:absolute; top:-10px; right:40px;}
.swiper-ctrl-btn.play{display:inline-block; width:23px; height:33px; background:url('/images/common/btn/play_btn.png')no-repeat center; background-size:23px 33px;
position:absolute; top:-10px; right:40px;}

/*메인팝업*/
.popup-area .inner-popup .popup-content{top:160px; margin:0 100px; width:calc(100% - 200px);}
.popup-area .inner-popup .popup-bottom{height:70px; padding-left:30px;}
.popup-area .inner-popup .popup-bottom span{font-size:26px;}
.popup-area .inner-popup .popup-content .only-txt{min-height:425px; padding:80px 0;}
.popup-area .inner-popup .popup-content .only-txt strong{font-size:46px; padding-bottom:80px}
.popup-area .inner-popup .popup-content .only-txt p{font-size:28px; padding:0 60px; line-height:1.4}
.popup-area .inner-popup .popup-bottom .check-type1 label .check-image{width:30px; height:30px; background-size:30px;}
.popup-area .inner-popup .popup-bottom .checkbox{line-height:70px;}
.popup-area .inner-popup .popup-bottom .popup-close{position:absolute; top:20px; right:35px; font-size:26px;}

/*swing motor*/
.motor .swiper-container{height:140vw;}
.motor .swiper-slide .section-title{font-size:68px; line-height:1;}
.motor .swiper-slide .txt-content strong{font-size:42px; padding-top:35px;}
.motor .swiper-slide .txt-content p{font-size:28px; line-height:36px; padding-top:30px; width:100%;}
.motor .swiper-slide .txt-content a.detail{font-size:26px; padding-right:35px; margin-top:40px; display:inline-block;}
.motor .inner-swiper-button{bottom:169px; left:0;}
.motor .swiper-button{padding:0 40px; position:relative;}
.motor .swiper-button-prev{left:40px; width:91px; height:91px;}
.motor .swiper-button-next{left:130px; width:91px; height:91px;}

/*business*/
.business-content{height:100%; padding-bottom:110px; padding-top:110px;}
.business-content .section-title{font-size:60px; line-height:1.2; /* padding-top:150px; */}
.business-content .section-txt{font-size:30px; line-height:1.5; margin-top:50px;}
.business-content ul{margin-top:80px;}
.business-content ul li:nth-last-child( n + 3 ){margin-bottom:0;}
.business-content ul li a{padding-top:18.1vw;}
.business-content ul li a span{font-size:3.63vw; padding-top:3.53vw;}

/*news*/
.news-content{padding:110px 0 450px;}
.news-content .content{padding-right:0}
.news-content .txt-content{margin-bottom:70px;}
.news-content .txt-content strong{font-size:60px; line-height:72px;}
.news-content .txt-content p{font-size:32px; line-height:42px; padding-top:50px;}
.news-content .swiper-container .swiper-wrapper .swiper-slide{width:500px !important; margin-left:40px;}
.news-content .swiper-slide .news-img{height:340px;}
.news-content .swiper-slide .news-txt{padding:30px;}
.news-content .swiper-slide .news-txt .tit{font-size:36px; line-height:50px; height:100px;}
.news-content .swiper-slide .news-txt .data{font-size:26px; padding-top:30px;}
.news-content .inner-swiper-button{bottom:-85px;}
.news-content .swiper-button{padding:0 40px;}
.news-content .swiper-button-prev{width:91px; height:91px;}
.news-content .swiper-button-next{left:90px; width:91px; height:91px;}
}
/*************************************************태블릿 까지*************************************************/










/*************************************************모바일 부터*************************************************/
@media all and (max-width:767px){
/*메인*/
.main-visual .swiper-container{height:133vw;}
.main-visual .swiper-slide .txt-content{line-height:1; top:51vw; padding:0 20px;}
.main-visual .swiper-slide .txt-content > span{font-size:6.2vw; padding-bottom:3vw;}
.main-visual .swiper-slide .txt-content strong{font-size:8.2vw; padding-bottom:5vw}
.main-visual .swiper-slide .txt-content p{font-size:3.8vw; line-height:4.6vw;}
.main-visual .swiper-container .swiper-button-prev{left:20px; width:20px; height:40px; margin-top:-20px; background-size:20px 40px;}
.main-visual .swiper-container .swiper-button-next{right:20px; width:20px; height:40px; margin-top:-20px; background-size:20px 40px;}
.main-visual .swiper-pagination{bottom:50px; margin-left:0; width:100%; padding:0 20px; box-sizing:border-box;}
.main-visual .swiper-pagination-bullet{width:15px; height:15px; border:3px solid #b9c7d3; margin-right:20px;}
.main-visual .swiper-pagination-bullet-active{width:15px; height:15px; border:3px solid #197bb8}

/*메인 비주얼영역 new*/
.no-repeat left center{position:relative;}
.swiper-box{width:100%;}
.swiper-box:after{clear:both; content:''; display:block; height:0;}
.swiper-box li{float:left; width:46%; margin-right:3.4%;} /*width:27%*/
.swiper-box li:last-child{margin-right:0;}
.swiper-list-bth{text-align:left;}
.swiper-list-title{font-size:18px; margin-bottom:6px; color:#fff; font-family:'HMHLight'; display:none;}
.swiper-list-title span{font-family:'HMHBold';}
.swiper-bar{width:100%; height:4px; background:rgba(255, 255, 255, 0.2); position:relative;}
.swiper-top-bar{position:absolute; top:0; left:0; width: 0%; height:100%; background:#ffffff;}
.swiper-ctrl-btn{display:inline-block; width:10px; height:16px; background:url('/images/common/btn/stop_btn.png')no-repeat center; background-size:10px 16px;
position:absolute; top:-7px; right:20px;}
.swiper-ctrl-btn.play{display:inline-block; width:12px; height:17px; background:url('/images/common/btn/play_btn.png')no-repeat center; background-size:12px 17px;
position:absolute; top:-7px; right:20px;}

/*메인팝업*/
.popup-area .inner-popup .popup-content{top:80px; margin:0 50px; width:calc(100% - 100px);}
.popup-area .inner-popup .popup-bottom{height:35px; padding-left:15px;}
.popup-area .inner-popup .popup-bottom span{font-size:14px;}
.popup-area .inner-popup .popup-content .only-txt{min-height:200px; padding:40px 0;}
.popup-area .inner-popup .popup-content .only-txt strong{font-size:24px; padding-bottom:40px}
.popup-area .inner-popup .popup-content .only-txt p{font-size:16px; padding:0 30px; line-height:1.4}
.popup-area .inner-popup .popup-bottom .check-type1 label .check-image{width:15px; height:15px; background-size:15px;}
.popup-area .inner-popup .popup-bottom .checkbox{line-height:35px;}
.popup-area .inner-popup .popup-bottom .popup-close{position:absolute; top:10px; right:18px; font-size:14px;}

/*swing motor*/
.motor .swiper-container{height:147vw;}
.motor .swiper-slide .section-title{font-size:36px; line-height:1;}
.motor .swiper-slide .txt-content strong{font-size:22px; padding-top:17px;}
.motor .swiper-slide .txt-content p{font-size:16px; line-height:20px; padding-top:15px; width:70%;}
.motor .swiper-slide .txt-content a.detail{font-size:14px; padding-right:25px; margin-top:20px; display:inline-block; background-size:18px 13px;}
.motor .inner-swiper-button{bottom:16.1vw; left:0;}
.motor .swiper-button{padding:0 20px;}
.motor .swiper-button-prev{left:20px; width:45px; height:45px; background-size:14px 26px;}
.motor .swiper-button-next{left:65px; width:45px; height:45px; background-size:14px 26px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction.motor-number{bottom:10vw;}

/*swing motor new*/
.motor-box{max-width:1170px; margin:0 auto; padding:0 20px;}
.motor-content { padding-bottom:0px;}
.motor-title-box{margin-top:60px; padding:0 20px; margin-bottom:25px;}
.motor-title-box strong{font-size:30px; margin-bottom:20px;}
.motor-title-box p{font-size:15px; line-height:19px; }
.motor-txt{margin-left:0px; margin-top:40px; width:100%;}
.motor-txt .txt-content .section-title{font-size:30px;}
.motor-txt .txt-content strong.prod-txt{font-size:20px; padding-top:5px;}
.motor-txt .txt-content p.prod-txt{font-size:15px; line-height:19px; padding-top:15px; width:100%;}
.motor-txt .txt-content a.detail{font-size:14px; color:#666; padding-right:24px; background:url('/images/common/btn/more_arrow.png') no-repeat right; margin-top:30px; display:inline-block;}
.motor-txt .txt-content a.detail:hover{background:url('/images/common/btn/more_arrow_on.png') no-repeat right; color:#197bb8}

.motor-number .swiper-pagination-current{font-size:15px; }
.motor-number .swiper-pagination-total{font-size:15px;}

/*business*/
.business-content{background:url('/images/home/business_m_bg_01.jpg') no-repeat center; background-size:cover; height:320px; padding-bottom:110px;}
.business-content .content{height:100%;}
.business-content .section-title{text-align:center; font-family:'HMHBold'; font-size:26px; color:#fff; font-weight:normal; line-height:1; /* padding-top:60px; */}
.business-content .section-txt{text-align:center; font-family:'HMHLight'; font-size:15px; color:#fff; font-weight:normal; line-height:1.4; margin-top:20px;}
.business-content ul{display:table; margin:40px auto 0 auto;}
.business-content ul li{float:left; width:96px; margin-right:40px;}
.business-content .section-txt span{display:inline-block;}
.business-content ul li:last-child{margin-right:0}
.business-content ul li a{padding-top:53px; display:block;}
.business-content ul li a span{font-size:15px; color:#fff; font-family:'HMHMedium'; padding-top:60px; display:block; text-align:center;}
.business-content ul li.item1 a{width:96px; height:96px; background:url('/images/home/business_n_ico_01.png') no-repeat center top; background-size:96px;}
.business-content ul li.item2 a{width:96px; height:96px; background:url('/images/home/business_n_ico_02.png') no-repeat center top; background-size:96px;}
.business-content ul li.item3 a{width:96px; height:96px; background:url('/images/home/business_n_ico_03.png') no-repeat center top; background-size:96px;}

.business-content ul li.eng-item1{padding-right:13px;}
.business-content ul li.eng-item1 > a{position:relative;}
.business-content ul li.eng-item1 > a > span{margin-left: -19px; position: absolute; top: 95px; right: -20px;}

.business-free{display:inline-block; margin:0 auto; width:100%; margin-top:160px;}

/*news*/
.news-content{padding:55px 0 225px;}
.news-content .content{padding-right:0}
.news-content .txt-content{margin-bottom:35px;}
.news-content .txt-content strong{font-size:32px; line-height:38px;}
.news-content .txt-content p{font-size:18px; line-height:24px; padding-top:25px;}
.news-content .swiper-container .swiper-wrapper .swiper-slide{width:250px !important; margin-left:20px;}
.news-content .swiper-slide .news-img{height:170px;}
.news-content .swiper-slide .news-txt{padding:15px;}
.news-content .swiper-slide .news-txt .tit{font-size:20px; line-height:26px; height:52px;}
.news-content .swiper-slide .news-txt .data{font-size:14px; padding-top:15px;}
.news-content .inner-swiper-button{bottom:-42px;}
.news-content .swiper-button{padding:0 20px;}
.news-content .swiper-button-prev{width:45px; height:45px; background-size:14px 26px;}
.news-content .swiper-button-next{left:44px; width:45px; height:45px; background-size:14px 26px;}

/*news new*/

.news{background:#f6f6f6; padding:60px 0 125px 0;}
.news-new-content{max-width:1170px; padding:0 20px; margin:0 auto; }
.news-title-box.cn-motor-block{word-break: break-word !important;}
.news-title-box{text-align:center; margin-bottom:30px;}
.news-title-box strong{font-size:30px; margin-bottom:5px;}
.news-title-box p{font-size:15px; margin-top:15px; line-height:19px;}

.news-left-img{width:100%; margin-right:0; margin-bottom:20px;}
.news-img-area{width:100%;}


.news-img-txt{position:absolute; bottom:20px; left:20px;}
.news-img-txt strong{font-size:20px; margin-bottom:5px; line-height:24px;}
.news-img-txt p{font-size:15px;}
.news-right-list{width:100%;}
.news-list{box-shadow:4px 4px 8px 0px rgba(0, 0, 0, 0.3); margin-bottom:14px; }
.news-list:last-child{margin-bottom:0;}
.news-list-total{display:table;}
.news-list-txt{ display:table-cell; width:650px; padding:15px 10px 15px 20px;}
.news-list-title{font-size:18px; line-height:21px; margin-bottom:5px;}
.news-list-date{font-size:15px;}
.news-list-btn{display:table-cell; width:calc(100% - 650px); vertical-align:middle; padding-right:20px;}
.news-list-btn i{width:31px; height:12px; background:url('/images/home/news_more_btn.png')no-repeat center; background-size:31px 12px; display:inline-block;}
.news-more-btn{text-align:center; margin-top:15px;}
.news-more-btn > a{font-size:15px; color:#197bb8; font-family:'HMHMedium';}
.news-more-btn > a > i.plus_btn{width:12px; height:12px; display:inline-block; background:url('/images/home/plus_btn.png')no-repeat center; background-size:12px; vertical-align:text-top;}

.news-img-area{height:420px;}
.news-img-area2{height:420px;}
}
/*************************************************모바일 까지*************************************************/
