/* *******************************************************
 * filename : main_responsive.css
******************************************************** */
@media all and ( max-width: 1440px ){
	
	#mainInformationCon .sec3Box-wr {margin-top:60px;}
	#mainInformationCon .sec3Box-wr .sec3Box {height:230px;}
/*new*/
	.main-news-controls {    margin-top: 6vh;}
	.main-news-wrapper {padding-top:50px;}
}

@media all and ( max-width: 1366px ){

/*two*/
	.intext_area .link_arae {margin-top:50px;}
	.intext_area .link_arae li a {height:250px;}
	.intext_area {margin-top:50px;}
	/*	three*/
	
	#mainInformationCon .sec3-wr {margin-top:60px;}
	#mainInformationCon .sec3Box-wr {margin-top:40px;}
	#mainInformationCon .sec3Box-wr .sec3Box {height:200px;}
	#mainInformationCon .sec3Box-wr .sec3Box a {padding:30px 0;}
	.main-info-list-con {    margin-top: 30px;}
	.main-info-list-con li dl .main-info-tit {   height:36px;}
	.main-info-list-con li .main-info-number {font-size:40px;}
/*	four*/
	#section2 .controller {bottom:20%;}
	.project_more {bottom:5%;}
	
}


@media all and ( max-width: 1220px ){
	.main-visual-controls{  bottom:25px;}
	.first_right ul li {width:110px; height:110px;}
	.first_right ul li a {    padding: 15px 5px 0 14px;}
	.main-visual-con .slick-dots{right:30px; bottom:35px; width: 60%;}
	.main-visual-con .slick-dots li {margin:0 10px;}
	.main-visual-con .slick-dots li .loading-bar-paging-tit strong{display:block; font-size:15px; padding-bottom:5px;}
	.main-visual-con .slick-dots li .loading-bar-paging-tit{font-size:11px; padding-bottom:10px;}
	.main-scroll-icon{left:-100px}
	
/*	three*/
	#mainInformationCon .sec3-wr {position:inherit; top: inherit;transform: translateY(0);-ms-transform: translateY(0);}
/*	four*/
	
	
	
}
@media all and ( max-width: 991px ){

.all_for_one {width:160%; left: 0; top: 0; margin: 0; position: relative; height: 100%;}

}

/* ******************rightBar ********************* */
@media all and ( max-width: 1220px ){
	#fp-nav.left.left{left:-100px}
}

@media all and ( max-width: 800px ){
	.main-tit{margin-bottom:30px;}
	.main-tit strong{font-size:24px;}
	.main-tit .main-sub-tit{font-size:12px; line-height:18px;}
}

@media all and ( max-width: 1220px ){

	.menu-list-con{padding:0 20px;}
	.menu-list-con dt{font-size:30px; margin-bottom:15px;}
	.menu-list-con .main-menu-list li{height:40px;}
	.menu-list-con .main-menu-list li a{font-size:14px;}

}
@media all and ( max-width: 800px ){
	
	.right-menu-container{position:static; width:auto; height:auto}
	.menu-list-container{display:block;}
	.menu-list-wrapper{display:block; width:100%; padding:32px 0;}
	.menu-list-con{padding:0 15px}
	.menu-list-con .main-menu-list li{float:left; width:calc(50% - 10px ); margin-right:10px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	 .menu-list-con .main-menu-list li a{font-size:13px;}

}
@media all and ( max-width: 480px ){
	.menu-list-con dt{font-size:25px;}
}

@media all and ( max-width: 1220px ){
	#mainInformationCon, #mainInformationCon .fp-tableCell{height:auto !important; padding-bottom: 50px;}
	.main-info-wrapper{ margin-top:50px}
	#mainInformationCon .sec3Box-wr { margin-top: 60px;}
	#mainInformationCon .sec3-wr {    margin-top: 100px;}
	.main-info-list-con {    margin-top: 50px;}
	
/*	four*/
	#mainRecruitCon, #mainRecruitCon .fp-tableCell{height:auto !important; padding-top: 50px; padding-bottom: 50px;}
	#section2 .inSect {position:inherit; top: inherit; transform: none;}
	
}

@media all and ( max-width: 800px ){
	.main-info-grid-con{display:none}
}
@media all and ( max-width: 480px ){
	/* Information */
	.main-info-tit-box .main-info-tit{font-size:25px}
}

@media all and ( max-width: 800px ){
	.main-visual-item .main-visual-pc-img{display:none}
	.main-visual-item .main-visual-m-img{display:block;}
	.main-visual-controls{left:15px; bottom:60px;}
	.main-visual-con .slick-dots{bottom:25px; left:15px; right:15px;}
	.main-visual-con .slick-dots li .loading-bar-paging-tit{display:none;}
	.main-visual-con .slick-dots li .loading-bar-line,
	.main-visual-con .slick-dots li .loading-bar-line:after{height:4px}
	.main-visual-item .main-visual-txt-con{top:auto; bottom:100px;margin-top:0;
	-ms-transform: translateY(0); 
    -o-transform: translateY(0); 
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0); 
     transform: translateY(0);	}
	.main-visual-item .main-visual-txt-con .main-visual-txt-inner{margin:0; max-width: 80%;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:36px; margin-bottom:14px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:20px; }
	.main-visual-item .main-visual-txt-con .main-visual-txt2 span{display:block;}
	
}

@media all and ( max-width: 767px ){
	.main-visual-item .main-visual-txt-con .main-visual-txt-inner {max-width:100%;}
	.main-visual-item .main-visual-txt-con {bottom:30%;}
	.banmore {width:40px; height: 40px; line-height: 35px;}
	.first_right {right:15px; bottom: 5%;}
	.first_right ul li {width:84px; height:84px;}
.first_right ul li a {    padding: 15px 5px 0 10px;}
	.first_right ul li span {width:20px; padding-bottom: 3px;}
	.first_right ul li span embed {max-width:100%;}
	.first_right ul li p {font-size:12px;}
/*two*/
	#mainBannerLinkCon,#mainBannerLinkCon .fp-tableCell {height:auto !important;}
	#mainInformationCon, #mainInformationCon .fp-tableCell{padding-bottom: 0;}
	.all_for_one {width:100%;}
	.all_for_one .img_box {width:100%; height: 100%; position: absolute;}
	.all_for_one .img_box span:first-child {width:100%; height: 100%; display: block;}
	.all_for_one .img_box span {position:inherit; opacity: 1;}
	.intext_area p {font-size:28px; line-height: 1.2;}
	.intext_area {position:inherit; top: inherit;transform:none; padding: 50px 0; margin-top: 0;}
	.intext_area .link_arae {margin-left:-15px; margin-right: -15px;}
	.intext_area .link_arae li {width:33.33%; padding: 0 15px; margin: 0;}
	#mainInformationCon .sec3-wr {margin-top:0; padding-top: 0;}
	.main-info-list-con li .main-info-number {font-size:32px;}
	.main-info-list-con li .main-info-number em {font-size:14px;}
	.home_title {font-size:30px;}
	#mainInformationCon .sec3Box-wr { margin-top: 30px;}
/*	three*/
	#mainRecruitCon, #mainRecruitCon .fp-tableCell {
    padding-top: 30px;
    padding-bottom: 30px;
}
/*	four*/
	#mainRecruitCon .fp-tableCell {padding-bottom:0; padding-top: 0;}
	#section2 .inSect .inBody .txt-wr {
    position: inherit;
    height: auto;
    left: 0;
    width: 100%;
    border-top: 3px solid #0DB4D5;
	padding-bottom:15px;	
    margin-bottom: 30px;
}
	
	#section2 .inSect .inBody .txt-wr .tit {margin-top:30px;}
	#section2 .sld-wr {padding-left:0; margin-left: 0;}
	#section2 .sld-wr .sldCore .item .teTxt {padding:60px 30px 30px;}
	#section2 .sld-wr .sldCore .item .teTxt .infoTxt {left:30px; bottom: 30px;}
	#section2 .sld-wr .sldCore .item .teTxt .num {font-size:40px; right: 30px; bottom: 30px;}
	#section2 .inSect .inBody .txt-wr p {margin-top:20px;}
	#section2 .controller {position:inherit;bottom: inherit; margin-top: 15px; margin-bottom: 15px;}
	.project_more {position:inherit;bottom: inherit;}
	#section2 .inSect .inBody .txt-wr.padm0 {margin-bottom:0; border-top:none;}
	
/*new*/
	.main-news-wrapper {padding-top:35px; margin-top: 0;}
}

@media all and ( max-width: 767px ){

	
	.main-visual-controls{bottom:55px;}
	.main-visual-controls .arrow-controls .prev-visual-btn{margin-right:10px}
	.main-visual-controls .arrow-controls i{font-size:18px}
	.main-visual-controls .paging-controls{font-size:14px;margin: 0 10px 0 10px;}
	.main-visual-controls .paging-controls em {margin:0 3px;}
	.main-visual-controls .stop-pause-controls i{font-size:18px; position:relative; top:2px;}
	.main-visual-con .slick-dots li .loading-bar-line,
	.main-visual-con .slick-dots li .loading-bar-line:after{height:3px}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:30px; }
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:15px; }
	
/*	two*/
	.intext_area .link_arae {    margin-left: -5px;    margin-right: -5px;}
	.intext_area .link_arae li {width:50%; max-width: 100%; padding: 0 5px; padding-bottom: 15px;}
	.intext_area .link_arae li a {padding:20px 15px; padding-right:10px;}
	.intext_area .link_arae li a dd h3 {font-size:22px; height: 58px;}
	.intext_area .link_arae li a dd p {line-height:1.2; font-size: 14px; margin-top: 15px;}
	
}
@media all and ( max-width: 359px ){
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:13px; }
}


/* ******************   News ********************* */
@media all and ( max-width: 1220px ){
	#mainNewsCon{background-attachment:fixed}
	.main-news-wrapper{margin:8% 0 8% 30px}
	/* News*/
	.main-news-list-con li{width:350px; margin-right:20px}
	.main-news-list-con li .news-thumb-con{bottom:95px;}
	.main-news-list-con li .news-info-box-inner{padding:20px;}
	.main-news-list-con li.no-thumb .news-info-box-inner{padding:50px 20px}
	.main-news-list-con li.no-thumb .news-tit{height:60px; font-size:24px; line-height:30px}
	.main-news-list-con li .news-date{margin-top:30px}
	.main-news-controls{margin-top:7vh;}
}
@media all and ( max-width: 800px ){
	#mainNewsCon, #mainNewsCon .fp-tableCell{height:auto !important;}
	#mainRecruitCon, #mainRecruitCon .fp-tableCell {    height: auto !important;}
	#mainNewsCon{background-position:70% 50%}
	#mainNewsCon:before{display:none}
	.main-news-wrapper{margin-left:15px}
	.main-news-tit-box{margin-bottom:15%}
	.main-news-tit-box .main-news-tit{font-size:31px}
	.main-news-list-con li{width:250px}
	.main-news-list-con li .news-thumb-con{bottom:60px;}
	.main-news-list-con li .news-info-box-inner{padding:15px 10px;}
	.main-news-list-con li.no-thumb .news-tit{  font-size:18px;}

}
@media all and ( max-width: 480px ){
	.main-news-tit-box .main-news-tit{font-size:25px}
	.main-news-controls .arrow-controls .prev-news-btn{margin-right:10px}
	.main-news-controls .arrow-controls i{font-size:18px}
	.main-news-controls .paging-controls{font-size:14px;margin: 0 15px 0 15px;}
	.main-news-controls .paging-controls em {    margin: 0 3px;}
	.main-news-controls .stop-pause-controls i{font-size:18px; position:relative; top:2px;}
	.main-news-list-con li a {height:320px;}
	.main-news-tit-box .project_more a {width:150px;}
	
}




<!--0.00017309188842773-->