
.sub_wrap {
width:100%; position:relative;}


.alert {
  padding: 15px; margin-bottom:0;
  border: 1px solid transparent;  border-radius: 4px;
}
.alert_gray {background:#eee; border:1px solid #ccc;}
.alert_green {
  color: #478d49; background-color: #dff0d8;
  border:1px solid #d6e9c6;}
 .alert_green_hard {
color: #fff; background-color: #478d49; }
.alt_green_hard {
color: #fff; background-color: #478d49; }
.alert_blue {
  color: #31708f;  background-color: #d9edf7;
  border:1px solid #bce8f1;}
.alert_yellow {
  color: #8a6d3b;  background-color: #fcf8e3;
 border:1px solid #faebcc;}
.alert_red {
  color: #a94442;  background-color: #f2dede;
  border:1px solid #ebccd1;}
  

 .cell_line { border:1px solid #ccc;}


  
  
.sub_top {
  height: 500px; background-size:cover !important; overflow:hidden; position:relative; 
}
	
.sub01 .sub_top .img-cell {  background: url(../top/01.jpg) center center; }
.sub02 .sub_top .img-cell {  background: url(../top/02.jpg) center center;}
.sub03 .sub_top .img-cell {  background: url(../top/03.jpg) center center;}
.sub04 .sub_top .img-cell {  background: url(../top/04.jpg) center center;}
.sub05 .sub_top .img-cell {  background: url(../top/05.jpg) center center;}
.sub06 .sub_top .img-cell {  background: url(../top/06.jpg) center center;}
.subm .sub_top {  background: url(../top/05.jpg) center center;}

.sub_top .img-cell {
width:100%; height:100%; 
  left: 0%; top: 0px; position: absolute; z-index:0;
  background-size:cover !important;
  transition:transform 5s ease-out; -webkit-transition: transform 5s ease-out; 
  transform: scale(1);  -webkit-transform: scale(1);
}
.sub_top .img-cell:before{
	content: ''; background: rgba(0,0,0, 0.0); width: 100%; height: 100%;
    position: absolute; bottom: 0%; left: 0%; }
.load.sub_top .img-cell {
 transform: scale(1);
}
.sub_top .grid { 
 height: 100%; width:100%; display:table;  position:relative;
}
.sub_top .container { height:100%; display:table;}
.sub_top .desc { display:table-cell; vertical-align:middle; padding:40px 5% 0; }

.sub_top h1 {position:absolute; right:5%; bottom:5%; z-index:10; color:#fff;
font-size:4.0em; font-weight:500;}
.sub_top h2 {font-size:4.5em; font-weight:300; color:#fff;}
.sub_top p {font-size:1.4em; font-weight:300; color:#fff; margin-top:10px;}

@media all and (max-width:1400px) {
.sub_top {
  height: 450px;}
 .sub_top h1 {
font-size:3.0em;}
.sub_top h2 {font-size:3.0em; }
.sub_top p {font-size:1.2em; }
}
@media all and (max-width:991px){
.sub_top .desc { padding:0px 20px 0; }
.sub_top { height: 300px;}
 .sub_top h1 {
font-size:2.0em;}
.sub_top h2 {font-size:2.0em; }
.sub_top p {font-size:1.0em; margin-top:0;}
}
@media all and (max-width:575px) {
}




#contents_wrap{padding-bottom:0px; position:relative; margin:0px auto 0;}

.sub_menu{
width:100%;	margin: 0px auto 0px; border: 0px solid #bbb; text-align: center; overflow: hidden; max-width: 100% !important;}
.sub_menu h2 {
	width: 30%; height: 46px; float: left; 
	font-size:1.5em; line-height: 1.9em; text-transform:uppercase;}
.sub_menu .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;}
 .sub_menu ul {
 /*padding:0; width: 70%; display:inline-block; */}
.sub_menu li {border-left:0px solid #bbb; /*float: left; margin-top:0;*/}
/*.sub_menu li.nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;}*/
  
.sub_menu a {height:46px; font-size:1.2em; font-weight:500; line-height:2.5em;
	width: 100%; display: inline-block; color:#444;}
.sub_menu a:hover {background-color: #eee;}
.sub_menu .on a {
	color: #fff; padding-left:0px; background:#073324;}

@media (min-width:992px) {
.sub_menu li {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;}
}

@media all and (max-width:991px) {
.sub_menu h2 {width:100%; font-size:1.5em; line-height:2.0em; height:45px; border-bottom:1px solid #aaa;}
.sub_menu ul {width: 100%; }
.sub_menu li {width: 33.333%; }
.sub_menu li:nth-child(1), .sub_menu li:nth-child(3) {
border-left-color:1px solid #ccc;}
.sub_menu ul.grid_1 li {width:100%;}
.sub_menu ul.grid_2 li {width:50%;} 
.sub_menu ul.grid_3 li {width:33.333%;} 
.sub_menu ul.grid_4 li {width:25%;} 
.sub_menu a {height:43px; font-size:1.0em; line-height:3.3em;}
}



.side_banner{
top:604px; right:20px; z-index:20; position:fixed;}
.side_banner h4 {font-size:1em; color:#555; }
.side_banner p {font-size:0.9em; margin-top:5px; color:#777;}

.side_banner img {
	max-width: 100%;}

@media all and (max-width:991px) {
.side_banner {display: none;}
}




.contents {}

.con_title, .heading-section, .contents .title {
  text-align: center;
  padding: 30px 0 0px; margin-top:120px;
}
.con_title h2, .heading-section h2, .contents .title h2 {
  font-size: 2.4em;
  font-weight: 500;
  text-transform: uppercase; position:relative; padding-bottom:10px;}
.contents .title h2:before { 
	content: ''; background: #0f6749; width: 120px; height: 2px;
    position: absolute; bottom: 0%; left: 50%; margin-left:-60px}
.contents .title p {
margin-top:20px; color:#444; font-size:1.6em; line-height:1.5em;}

@media all and (max-width:991px){
.con_title, .heading-section, .contents .title {
  text-align: center;
  padding: 0; margin-top:60px;
}
.con_title h2, .contents .title h2 {
font-size:1.8em;}
.contents .title p {
font-size:1.1em;}
}




.contents .inner {margin-top:100px; }

.contents .grid {margin-top:50px;}
.contents .grid:first-child {margin-top:0px;}

.contents .grid.mt-60 {margin-top:60px;}
.contents .grid.mt-70 {margin-top:70px;}
.contents .grid.mt-80 {margin-top:80px;}

.contents .inner h2{ }
.contents .inner h3, .contents .grid h3 {margin-bottom:15px; text-transform:capitalize;}
.contents .inner h4{ font-size:1.3em; margin-bottom:5px; text-transform:capitalize;}

@media (max-width:991px) {
.contents .inner {margin-top:50px; }
.contents .grid {margin-top:40px;}
.contents .inner p {font-size:1.1em;}
}



	table.default th {
				text-align: center;
				padding: 10px 10px;
			}
			table.default thead {
				background: #666;
				border-top:1px solid #555;
				color: #fff;
				font-weight:bold;
			}
			table.default td {
				padding: 10px 10px;
				border-bottom:1px solid #ccc;
			}
			table.default td.left {
				text-align:center; font-weight:bold;
			}
			

.table-default ul {
clear:both; border-bottom:1px solid #ddd; overflow:hidden;}
.table-default ul:nth-child(1) {
border-top:1px solid #ddd;}
.table-default li {
				padding: 10px 10px; float:left; width:90%;}
		.table-default li.left {
				font-weight:bold; width:10%; padding:10px 0; text-transform:capitalize;}
			
@media (max-width:991px) {
.table-default li {
			width:80%;}
	.table-default li.left {
	width:20%; }
}


			
			
			
/* sub 01 */

 .sub01 .sub_top h2 {
    font-size:3.6em; letter-spacing:-0.02em; text-transform:capitalize;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .0); position:relative;}
.sub01 .sub_top h2 span.second{
    font-size:1.2em; }
.sub01 .sub_top h3 {
    font-size:2.8em; letter-spacing:-0.01em; text-transform:capitalize;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .0); position:relative;}

@media (max-width:1600px) {
 .sub01 .sub_top h2 {
    font-size:3.0em; }
.sub01 .sub_top h3 {
    font-size:2.5em; }
}
	
@media (max-width:1400px) {
 .sub01 .sub_top h2 {
    font-size:2.5em; }
.sub01 .sub_top h3 {
    font-size:2.0em; }
}	

@media (max-width:991px) {
 .sub01 .sub_top h2 {
    font-size:1.6em; }
.sub01 .sub_top h3 {
    font-size:1.1em; }
}	

	
	
	
.sub01_1 .title p {
color:#777; font-weight:500;}

.sub01_1 .smd-01 h2 {
font-size:2.5em; letter-spacing:-0.02em;}
.sub01_1 .smd-01 p {
font-size:1.5em; color:#666;}

@media (max-width:991px) {
.sub01_1 .smd-01 h2 {
font-size:2.0em;}
.sub01_1 .smd-01 p {
font-size:1.1em;}
}



.sub01_1 .smd-02 h2 {
font-size:2.5em; letter-spacing:-0.02em; padding-top:10px; position:relative;}
.sub01_1 .smd-02 h2:before { 
	content: ''; background: #0f6749; width: 60px; height: 2px;
    position: absolute; top: 0%; left: 50%; margin-left:-30px}

@media (max-width:991px) {
.sub01_1 .smd-02 h2 {
font-size:2.0em;}
}






/* sub 02 */
.sub02_1 .smd-01 h3 {
font-size:2.8em; letter-spacing:-0.02em;}
.sub02_1 .smd-01 p {
font-size:1.5em; }

@media (min-width: 1200px) {
}

@media (max-width: 991px) {
.sub02_1 .smd-01 h3 {
font-size:2em; }
.sub02_1 .smd-01 p {
font-size:1.1em; }
}




	.sub02_2 .smd-01 h3  {
	font-size:1.8em; font-weight:400; margin-top:10px;}

	@media screen and (max-width: 991px) {	
.sub02_2 .smd-01 h3  {
	font-size:1.3em;}
	}
	
	


.sub02_3 .smd-01 h3 {margin-top:30px;} 

@media all and (max-width:991px) {
.sub02_3 .smd-01 h3 {margin-top:10px;} 
}



.sub02_4 .bd {
border-color:#999; border-width:2px;}

			table.default td {
			text-align:center;
				padding: 20px 10px; font-weight:bold; font-size:1.1em;
				border-bottom:1px solid #ccc; border-left:1px solid #ccc;
			}
			table.default tr:last-child > td {
				border-bottom-color:transparent;
			}
			table.default td.left {
				  border-left-color:transparent;
			}
			
			.sub02_4 table.default thead th{
				background: #ddd;
				border-top:2px solid #fff; color:#444;
				font-weight:bold; height:150px;
				padding: 20px 10px; font-size:1.5em; border-left:1px solid #fff;
			}
			.sub02_4 table.default thead th.r-top{
height:50%; 
			}
			.sub02_4 table.default thead td{
				border-left:1px solid #fff; border-top:1px solid #fff; background: #ddd; color:#444; height:50%;
			}
			
	@media all and (min-width:992px) {
	.sub02_4 .scroll {display:none;}
	}
			
	@media all and (max-width:991px) {
.sub02_4 .img-grid {
overflow-x:scroll; -ms-overflow-x: scroll;}
.sub02_4 .img-cell{
min-width:1000px;}
table.default td {
				padding: 10px 10px; 			}
.sub02_4 table.default thead th{
 font-size:1.2em; height:100px; padding: 10px 10px;}
 table.default td {
		 font-size:1.0em;}	
}
			
			
			



	
/* Footer */
#footer{
	padding-top:120px; background:#fff;
}
.main_wrap #footer{
	padding-top:0px; 
} 
	.bottom_info {
		position: relative;
		margin-top: 0px; padding:50px 0;
		background: #073324;
		color: #fff;
		overflow: hidden;
	}
			
	.bottom_info  h2 {color:#fff; }
	.bottom_info  h2.first {font-size:2.3em;}
	.bottom_info  p {margin-top:10px; font-weight:300;}
	.bottom_info  p.cr {font-size:1.0em;}


.bottom_info .social {
	float: left; overflow: hidden;}
.bottom_info .social li {
float: left; margin-right:15px; border-radius: 3px; text-align:center;
	border:1px solid #999; transition:0.2s ease-out; width: 28px; height: 28px; overflow: hidden; 
	opacity: 1; -webkit-transition: all 0.2s ease-out; font-size:0.9em; line-height:19px;
}
.bottom_info .social i {
font-size:1.4em; line-height:1.55em;} 
.bottom_info .social img {display:none; width: 100%;}

.bottom_info .co.right .cell {
text-align:center; float:right;}

.bottom_info .col-md-3 {
margin-top:0px;}

@media (max-width: 991px) {
.bottom_info  h2 {text-align:left; display:block;}
.bottom_info  h2.first {font-size:2.0em;}
.bottom_info  p.cr {font-size:0.9em;}
.bottom_info .co.right .cell {
text-align:left; float:none;}
}




