.main_left {	width: 50%;	float: left;}
.main_right {	width: 50%;	float: left;}


.mainMenu {position: relative;  float:left; width:33.3%;	 height:286px; 	transition: all 0.3s ease-in; }
/* .mainMenu a {color:#fff;} */ 
.mainMbg01 {background: url('../images/main/icon_guide.png')no-repeat center 50px #61c2e0; }
.mainMbg01:hover {background: url('../images/main/icon_guide_on.png')no-repeat center 50px #dfdfdf; }
.mainMbg02 {background: url('../images/main/icon_work.png')no-repeat center 50px #f29eb5;}
.mainMbg02:hover {background: url('../images/main/icon_work_on.png')no-repeat center 50px #dfdfdf;}

.mainMbg03 {background: url('../images/main/icon_program.png')no-repeat 18% 50%  #89e090; height:143px;}
.mainMbg03:hover {background: url('../images/main/icon_program_on.png')no-repeat 18% 50%  #dfdfdf;transition: all 0.3s ease-in; }

.mainMbg04 {background: url('../images/main/icon_food.png')no-repeat 19% 50%  #ffca3a; height:143px;}
.mainMbg04:hover {background: url('../images/main/icon_food_on.png')no-repeat 19% 50% #dfdfdf;transition: all 0.3s ease-in; }

.mainMbg04 {background-color: #ffca3a;}
.mainMbg05 {background-color: #dee268; color:#353535;}
.mainMbg06 {background-color: #ffffff; color:#353535;}
.mainMbg07 {background-color: #00cca7; height:143px;  width:50%; float:left; text-align:center; padding:32px 0;}
.mainMbg07:hover {background-color: #dfdfdf; transition: all 0.3s ease-in; }
.mainMbg08 {background-color: #1cd3f9; height:143px;  width:50%; float:left;  text-align:center; padding:32px 0;}
.mainMbg08:hover {background-color: #dfdfdf; transition: all 0.3s ease-in; }
.mainMbg09 {background-color: #008dff; height:143px;  width:50%; float:left;  text-align:center; padding:32px 0;}
.mainMbg09:hover {background-color: #dfdfdf; transition: all 0.3s ease-in; }
.mainMbg10 {background-color: #9994ea; height:143px; width:50%; float:left;  text-align:center; padding:32px 0;}
.mainMbg10:hover {background-color: #dfdfdf; transition: all 0.3s ease-in; }
.mainMbg11 {background: url('../images/main/icon_support.png')no-repeat center 50px  #eca3d8;}
.mainMbg11:hover {background: url('../images/main/icon_support_on.png')no-repeat center 50px  #dfdfdf;}
.mainMbg12 {background: url('../images/main/icon_location.png')no-repeat center 50px  #007b68;}
.mainMbg12:hover {background: url('../images/main/icon_location_on.png')no-repeat center 50px  #dfdfdf;}

.mainMbg13 {background-color: #91d35f; position: relative;  float:left; width:33.3%;	 height:286px; 	transition: all 0.3s ease-in; }

.mainMbg14 {background: url('../images/main/icon_support01.png')no-repeat 18% 50%  #eca3d8; height:143px;}
.mainMbg14:hover {background: url('../images/main/icon_support01_on.png')no-repeat 18% 50%  #dfdfdf;transition: all 0.3s ease-in; }

.mainMbg15 {background: url('../images/main/icon_schedule.png')no-repeat 19% 50%  #a3a5ec; height:143px;}
.mainMbg15:hover {background: url('../images/main/icon_schedule_on.png')no-repeat 19% 50% #dfdfdf;transition: all 0.3s ease-in; }

.mainMenu a .mainMenu_title {    padding: 10% 0% 0%; width:100%; }
.mainMenu a .mainMenu_title .co { opacity:0.8;}
.mainMenu a .mainMenu_title h2 {width:100%; text-align:center; 	font-size: 32px; padding:100px 0 0 0;	font-weight: bold;	line-height: 200%;	margin-bottom: 15px; color:#fff; }
.mainMenu a .mainMenu_title p {width:100%; text-align:center; }
.mainMenu a:hover .mainMenu_title h2 {color:#222;}
.mainMenu .mainMbg03 a .mainMenu_title h2 , .mainMenu .mainMbg04 a .mainMenu_title h2 , .mainMenu .mainMbg14 a .mainMenu_title h2 , .mainMenu .mainMbg15 a .mainMenu_title h2 {text-align:left; 	font-size: 25px; padding:0px 0 0 38%;	}

.mainMenu .notice {float:left; width:100%; padding:10%; box-sizing:border-box;}
.mainMenu .notice p {float:left; width:100%; margin-bottom:10px;  font-size:22px; height:110px;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    word-break: break-all;
    overflow: hidden;
    line-height: 1.5em; }
.mainMenu .notice span {float:left; width:100%; font-size:16px; color:#666;  height:30px; }
.mainMenu .notice h2 {float:left; width:100%; text-align:center; font-size: 32px; padding:00px 0 0 0;	font-weight: bold;	line-height: 200%;}

.mainMenu .gallery {float:left; width:100%; padding:10%; box-sizing:border-box; }
.mainMenu .gallery p {float:left;width:100%; margin-bottom:10px;  font-size:22px; height:140px; }
.mainMenu .gallery p img {width:100%;}
.mainMenu .gallery h2 {float:left; width:100%; text-align:center; font-size: 32px; padding:0px 0 0 0;	font-weight: bold;	line-height: 200%;}

.mainMenu_customer {float:left; width:100%; padding:10%; box-sizing:border-box;  color:#fff; font-size:18px;}
.mainMenu_customer h3 {float:left; width:100%;  font-size: 30px; padding:0px 0 0 0;	font-weight: bold;	 color:#fff;  margin:10px 0 0;}
.mainMenu_customer h2 {float:left; width:100%;  font-size: 45px; padding:0px 0 0 0;	font-weight: bold;	line-height: 140%; color:#fff; }


.bx-wrapper .bx-loading{display:none !important;}
.main_left .roling .mainSlide1_item {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 857px;
}

/*  PAGER  */ 
.main_left .bx-controls { width: 100%;position: relative;bottom: 50px;text-align: center;margin: -10px 0;padding: 0;list-style: none;z-index: 9999; }
.main_left .bx-wrapper .bx-pager { text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px; }
.main_left .bx-wrapper .bx-pager.bx-default-pager a { background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }
.main_left .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus { /* background: #000; */  }
.main_left .bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block;vertical-align: bottom;*zoom: 1;*display: inline; }
.main_left .bx-wrapper .bx-pager-item { font-size: 0;line-height: 0; }
.main_left .bx-controls .bx-pager .bx-pager-item .bx-pager-link { width: 12px;height: 12px;display: block;background: #afc7e1;border-radius: 12px;cursor: pointer;text-indent: -9999px; }
.main_left .bx-controls .bx-pager .bx-pager-item .active { background: #004ea4;width: 35px;cursor: default; }



 @media (max-width:1600px) and (min-width:1441px) {

}


 @media (max-width:1400px) {
/* .main_left, .main_right {	width: 100%;}	 */ 
		.mainMenu .notice p {font-size:19px;}
	 .mainMenu_customer h2 {font-size: 34px; }
	 .mainMenu .mainMbg03 a .mainMenu_title h2 , .mainMenu .mainMbg04 a .mainMenu_title h2 , .mainMenu .mainMbg14 a .mainMenu_title h2 , .mainMenu .mainMbg15 a .mainMenu_title h2 {padding:0px 0 0 40%; line-height:30px;;	}
}

 @media (max-width:1200px) {
	 


 }

 @media (max-width:1024px) {
	.main_left, .main_right {	width: 100%; }

	
}


 @media (max-width:820px) {
.mainbt_sec09 {
	border-bottom-right-radius: 0px;
}
}
 @media (max-width:768px) {
.mainbt_sec08 {
	background-image: url(../../../img/main/thanks.png);
	height: 400px;
	background-size: 100% 100%;
	overflow:hidden;	
}
.mainbt_title p {
	font-size: 20px;
}
.inpo_bnt span {
	font-size: 18px;
}
.logo {
	width: 90%;
	margin: 5% auto;
}
p.sec08_tit, p.sec08_stit, p.sec08_stit2{
	float:left;
	width:100%;
}
.mainbt_sec01:hover .mainbt_title {
	display: block;
}

}
 @media (max-width: 600px) {

.mainbt_sec08 {	height: 300px;}

#footer .footer-box, .copy {	font-size: 1.5rem}
.tail_01 {	background-color: #d9d9d9;	text-align: center;	padding: 13px 0 10px;}
.tu_txt.col-md-10 {	padding: 3%;}

}

 @media (max-width: 520px) {


.mainMenu {width:50%; height:200px;}
.mainMbg13  {width:100%; height:200px;}
.mainMbg13 br {display:none;}

.mainMbg03 , .mainMbg04 , .mainMbg07 , .mainMbg08 , .mainMbg09 , .mainMbg10 , .mainMbg14 , .mainMbg15 {height:100px;}
.mainMbg07 , .mainMbg08 , .mainMbg09 , .mainMbg10 {padding:10px 0;}

	 
.mainMenu a .mainMenu_title {    padding: 5% 0% 0%; width:100%; }
.mainMenu a .mainMenu_title h2 {font-size: 28px;}
.mainMenu a .mainMenu_title p {display:none;}

.mainMenu .mainMbg03 a .mainMenu_title h2 , .mainMenu .mainMbg04 a .mainMenu_title h2 , .mainMenu .mainMbg14 a .mainMenu_title h2 , .mainMenu .mainMbg15 a .mainMenu_title h2 {font-size: 25px; padding:0px 5% 0 40%;	}

.mainMenu .notice p {font-size:20px; height:80px; overflow:hidden;}
.mainMenu .notice h2 {font-size: 28px; line-height: 0%;}

.mainMenu .gallery p {height:100px; }
.mainMenu .gallery h2 {font-size: 28px; line-height: 100%;}

.mainMenu_customer h2 {font-size: 40px; line-height: 80%;}

.mainbt_sec08 {}
.ticker_lat {    padding: 20px;}

}

 @media (max-width: 375px) {
 
 .mainbt_title {
    padding: 5% 5% 50%;

}
 }
 
  @media (max-width: 325px) {
  
  .mainbt_box{
	display:none; 
	}
  }