@charset "utf-8";

/*************************************************************** Sub - basic ***************************************************************/
 
.sub { 
    padding-top:6em;
    padding-bottom:6em; 
    word-break:keep-all;
} 
/* Subcontents - Imgpage */
.con_detail, 
.board_detail {position:relative;   padding : 4em 0; }
.sub-contents {position:relative;   padding : 2em 0; } 
  
@media (min-width: 768px) and (max-width: 991px) {
  .sub { 
      padding-top:4em;
      padding-bottom:4em; 
  }
	.con_detail, 
	.board_detail { padding : 3em 0; }
    .sub-contents {   padding : 2em 0; }
}

@media (max-width: 767px) {
  .sub { 
      padding-top:3em;
      padding-bottom:3em; 
  } 
	.con_detail, 
	.board_detail { padding : 2em 0; }
    .sub-contents { padding : 1em 0; }
} 


@media screen and (max-width:576px){  
  .sub {  
  } 
	.con_detail, 
	.board_detail { padding : 1em 0; } 
}



/*--------------------------------------------------------------
 Sections General
--------------------------------------------------------------*/

.title  {
    position: relative;
    margin-bottom: 3rem;
    padding-bottom: 1.5rem; 
}
.title  h3,
.title  h4 { color:#222; font-weight:400;}
.title::before {
    position: absolute;
    content: "";
    width: 20%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: var(--primary);
    background: #0964ba;
}
.title::after {
    position: absolute;
    content: "";
    width: 28px;
    height: 28px;
    bottom: -13px;
    left: calc(25% - 13px);
    background: var(--dark);
    border: 10px solid #FFFFFF;
    border-radius: 28px;
}
.title.text-center::before {    left: 40%;}
.title.text-center::after {    left: calc(50% - 13px);}

 

   
	
.subtitle{
	position:relative;  
	margin-bottom:1em; 
	z-index: 3;
	padding-left:20px; } 
.subtitle h5,
.subtitle h6 { 	position:relative; display:inline-block;  font-weight:400;  margin-right:15px; }   
.subtitle  span { 	position:relative; display:inline-block; 
	display:inline-block; 
	color:#222; 
	border:1px solid #0964ba; 
	background: #0964ba; 
	background: #fff; 
	padding:5px 15px 5px 15px;   
	border-radius:5px;
	top:-5px;
	margin:5px 0;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%,  rgba(0, 0, 0, 0) 60%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%,  rgba(0, 0, 0, 0) 60%);  }   
.subtitle h5:after {
	  position:absolute;
	  top: 18%;
	  left: -20px; 
	  display:block;
	  content: '';
	  width: 5px; 
	  height: 70%;
	  background: #0964ba; 
	  -moz-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  -webkit-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  transition: all 0.3s ease; } 
.subtitle.aftercenter:after {	margin:0 auto;}   
 

.contitle{	position:relative; 	z-index: 3; }
.contitle h4{ 	position:relative; 
	font-weight:400;  }  
.contitle h5{ 	position:relative; 
	font-weight:400;  }    
.contitle h5:after {
	  position:relative;
	  top: 15px;
	  left: 0; 
	  display:block;
	  content: '';
	  width: 5%; 
	  height: 2px;
	  background: #0964ba;  } 
.contitle h6{ 	position:relative; 
	font-weight:400; 
	display:inline-block; 
	color:#222; 
	border:1px solid #0964ba; 
	background: #0964ba; 
	background: #fff; 
	padding:8px 30px 8px 25px; 
	border-radius:10px 10px 10px 0;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%,  rgba(0, 0, 0, 0) 60%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%,  rgba(0, 0, 0, 0) 60%); }  

.sub_contitle {position:relative; padding:1.5em 0 .5em 0;  z-index: 3;}  
  
.title span,
.subtitle span,
.contitle span { color: #0964ba; }  
 



  
 
/*** Section Header
.section-header {
    position: relative;
    padding-bottom: 30px; 
}
.section-header h4{ 	
	position:relative; font-weight:400; 
    padding-bottom: 30px; } 
.section-header h4 span{  color: #0964ba; }  
.section-header h4::before {
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #222;
}
.section-header h4::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: #0964ba;
}
.section-header.text-start h4::before,
.section-header.text-start h4::after {
    left: 0;
    transform: translateX(0);
}
 ***/




 
 
.subvisual {
  position: relative;
  z-index: 10;   
}
.subvisual .subvisual:before {
	position: absolute;
	top: 0;
	right:0;
	content: '';
	width: 200px;
	height: 100%;
	background: #111;
	-webkit-transform: matrix(1, 0, -0.4, 1, 100, 0);
	-ms-transform: matrix(1, 0, -0.4, 1, 100, 0);
	transform: matrix(1, 0, -0.4, 1, 100, 0);
	z-index: 11 ; } 
.subvisual .subvisual_slider {
  position: relative;
  height: calc(60vh);
  min-height: 550px;
  max-height: 600px;
  /*background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;*/
  overflow:hidden; 
} 
.subvisual.subvisual_area  .subvisual_slider{ 
  background-size:cover; 
  background-position:50% 50%;  
  background-attachment:; 
}
.subvisual .subvisual_slider .subvisual_text { 
  position: relative;
  z-index: 10;
  opacity:.95;  
  padding-top:80px;
}
.subvisual .subvisual_slider .subvisual_text h1,
.subvisual .subvisual_slider .subvisual_text h2,
.subvisual .subvisual_slider .subvisual_text h3,
.subvisual .subvisual_slider .subvisual_text h4,
.subvisual .subvisual_slider .subvisual_text h5,
.subvisual .subvisual_slider .subvisual_text h6  { 
  text-transform: capitalize; 
  font-weight:500;  
  line-height:1;   
  text-transform:uppercase; 
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; 
}
.subvisual .subvisual_slider .subvisual_text h6{ 
	font-size:inherit; 
	text-transform:uppercase; 
	/* font-weight:600 !important; 
	letter-spacing:2px; 
	color:#fff; */ }  
.subvisual .subvisual_slider .subvisual_text.line h2:after { 
	position:relative; 
	display:block;  
	width:5%; 
	height:1px; 
	background:rgba(255,255,255,.8); 
	top:.5em; 
	left:0; 
	right:0;   
	content:""; }

.subvisual .subvisual_slider .subvisual_text h2 br,
.subvisual .subvisual_slider .subvisual_text h3 br,
.subvisual .subvisual_slider .subvisual_text h4 br,
.subvisual .subvisual_slider .subvisual_text h5 br,
.subvisual .subvisual_slider .subvisual_text h6 br {  }
   
.subvisual .subvisual_slider .subvisual_text h2 strong,
.subvisual .subvisual_slider .subvisual_text h3 strong,
.subvisual .subvisual_slider .subvisual_text h4 strong,
.subvisual .subvisual_slider .subvisual_text h5 strong,
.subvisual .subvisual_slider .subvisual_text h6 strong {  font-weight: 500;} 
.subvisual .subvisual_slider .subvisual_text p { }

@media screen and (max-width: 1240px) { 
	.subvisual .subvisual_slider {  	}  
    .subvisual .subvisual_slider .subvisual_text p  {}
}

@media screen and (max-width: 992px) { 
    .subvisual .subvisual_slider {   
	height: calc(55vh);	  
	min-height: 500px;  
	max-height: 550px;
	}    
}

@media screen and (max-width: 768px) { 
    .subvisual .subvisual_slider {   
	height: calc(50vh);	  
	min-height: 450px;   
	max-height: 500px;}  
	.subvisual.subvisual_area  .subvisual_slider{  	  background-attachment:scroll; 	}
	.subvisual .subvisual_slider .subvisual_text h2 br,
	.subvisual .subvisual_slider .subvisual_text h3 br,
	.subvisual .subvisual_slider .subvisual_text h4 br,
	.subvisual .subvisual_slider .subvisual_text h5 br,
	.subvisual .subvisual_slider .subvisual_text h6 br { display:block;  } 
}

@media screen and (max-width: 567px) { 
    .subvisual .subvisual_slider {   
	height: calc(40vh);	  
	min-height: 300px;   
	max-height: 400px;}  
    .subvisual .subvisual_slider .subvisual_text p {    } 
}
 
.subvisual .overlay {    position: relative; }
.subvisual .overlay:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, .45);
      z-index: 1; } 
	  
.subvisual .topVis01 {  background: #fff url('../img/company/subvisual.jpg') center center; background-size:cover; background-attachment:  ;} 
.subvisual .topVis02 {  background: #fff url('../img/product/subvisual.jpg') center center; background-size:cover; background-attachment:  }    
.subvisual .topVis03 {  background: #fff url('../img/online/subvisual.jpg') center center; background-size:cover; background-attachment:  } 
.subvisual .topVis04 {  background: #fff url('../img/customer/subvisual.jpg') center center; background-size:cover; background-attachment:  }  
.subvisual .topVis05 {  background: #fff url('../img/etc/subvisual.jpg') center center; background-size:cover; background-attachment:  }  
 
.subvisual  .sv_btn {z-index: 5; }
 
	
/*---------------------
  Breadcrumb
-----------------------*/
.breadcrumb-text {
	  position: relative; 
  display: inline-block;
  background: rgba(71, 137, 200 , .75);
  background: rgba(11, 93, 172, .85); 
  padding: 45px 45px 30px ;
}
.breadcrumb-text h1,
.breadcrumb-text h2 {
  color: #fff;
  font-weight: 500 !important; 
  text-transform: uppercase;
  letter-spacing:2px;
  margin-bottom: 20px;
  margin-left:-2px;
}
.breadcrumb-text .bt-option  {
	margin:20px 0;
	margin: 0;
}
.breadcrumb-text .bt-option .tsp {
  color: #fff;
  font-size:95% !important;
  font-weight: 300 !important; 
  text-transform: uppercase;
  letter-spacing:2px; 
  margin-bottom: 25px;
}
.breadcrumb-text .bt-option .house {
  color: #fff;
  font-size:90% !important;
  font-weight: 300 !important; 
  font-weight: 300;
  margin-right: 20px;
  position: relative;  
}
.breadcrumb-text .bt-option .house i {  margin-right: 5px; }

.breadcrumb-text .bt-option a {
  color: #fff; 
  position: relative; 
  font-size:95% !important;
  font-weight: 300 !important; 
}
.breadcrumb-text .bt-option h6  {
  display:inline-block; 
  position: relative; 
  color:#fff;
  font-size:90% !important;
  font-weight: 300 !important; 
  margin-right: 10px;
} 
.breadcrumb-text .bt-option h6:after,
.breadcrumb-text .bt-option .house:after {
  position: absolute; 
  content: "\F285"; 
  right: -20px; 
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'bootstrap-icons'; 
}
.breadcrumb-text .bt-option .home {
  display:none ;
}
.breadcrumb-text .bt-option ul { 
  display:inline-block; 
}
.breadcrumb-text .bt-option li { 
  color: #fff;
  font-weight: 400;
  display:none
}	
 
.page1 .breadcrumb-text .bt-option li.sub1 { display:block  }
.page2 .breadcrumb-text .bt-option li.sub2 { display:block  }
.page3 .breadcrumb-text .bt-option li.sub3 { display:block  }
.page4 .breadcrumb-text .bt-option li.sub4 { display:block  }
.page5 .breadcrumb-text .bt-option li.sub5 { display:block  }
.page6 .breadcrumb-text .bt-option li.sub6 { display:block  }
.page7 .breadcrumb-text .bt-option li.sub7 { display:block  }
	
@media screen and (max-width: 992px) {  
	.breadcrumb-text {    padding: 35px 35px 10px;  }
	.breadcrumb-text .bt-option .tsp { 
	  margin-bottom: 10px;
	}
	.breadcrumb-text .bt-option .house,
	.breadcrumb-text .bt-option a,
	.breadcrumb-text .bt-option h6,
	.breadcrumb-text .bt-option span { display:none;}
	.breadcrumb-text .bt-option .h6 { 	  letter-spacing:0;  	}
}
	
@media screen and (max-width: 567px) {  
	.breadcrumb-text {    padding: 30px 30px 0; } 
	.breadcrumb-text h1,
	.breadcrumb-text h2 { 	  margin-bottom: 10px; 	} 
	.breadcrumb-text .bt-option .tsp  { display:none; }
	.breadcrumb-text .bt-option .h6 { display:none;		}
}
 	






 
	
	
	
	




.mouse-wrap {
  position: absolute;
  display: inline-block;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 40px;
  z-index: 9;
}
.mouse-wrap:active, .mouse-wrap:active > .mouse-label, .mouse-wrap:focus, .mouse-wrap:focus > .mouse-label {  outline: none;}
.mouse-wrap.mouse-with-slider {  bottom: 50px;}
.mouse-wrap .mouse-label {
  top: 0;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05rem;
  text-transform: uppercase;
}
.mouse-wrap.dark .mouse-label {  color: #000;}
.mouse-wrap.dark .mouse {  border: 2px solid #000;}
.mouse-wrap.dark .mouse .scroll {  background: #000;}
.mouse-wrap .mouse {
  position: absolute;
  width: 22px;
  height: 42px;
  bottom: 30px;
  display: block;
  left: 50%;
  margin-left: -12px;
  border-radius: 15px;
  border: 2px solid #fff;
  -webkit-animation: intro 2s;
  animation: intro 2s;
}
.mouse-wrap .mouse .scroll {
  display: block;
  width: 3px;
  height: 3px;
  margin: 6px auto;
  border-radius: 4px;
  background: #fff;
  -webkit-animation: finger 2s infinite;
  animation: finger 2s infinite;
}

@media screen and (max-width: 768px) {
    .mouse-wrap { 	  bottom: 30px; 	}
}

@media screen and (max-width: 567px) { 
    .mouse-wrap { 	  bottom: 20px; 	}
}

@-webkit-keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
 




.arrow-down {	
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  color: #fff;
  font-size: 1rem;
  font-weight:500;
  text-align:center;
  letter-spacing:2px;
  bottom: 30px; 
  text-transform:uppercase}
.arrow-down > span {
	-webkit-transition: .2s all ease;
	-o-transition: .2s all ease;
	transition: .2s all ease;
	position: relative;
	font-size:3rem;
	font-weight:300;
	top: 0; }
.arrow-down:hover {    color: #0964ba; }
.arrow-down:hover > span {      top: -6px; }









.breadcrumb-item+.breadcrumb-item::before { 	color:#fff;}
.breadcrumb {
	display:-ms-flexbox;
	display:flex;			display:none;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding:.75rem 1rem;
	margin-bottom:1rem;
	list-style:none; 
	border-radius:.25rem;
	background:transparent; 
	position: absolute; left:0; right:0; 
	bottom:2em;
	text-align: center; z-index: 10;
	font-size:;
	color: #fff;
	font-weight:;
	text-transform:uppercase; 
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease; 
}
.breadcrumb a {	color:#fff;}
.breadcrumb-item {	color:#fff;}
.breadcrumb-item+.breadcrumb-item {	padding-left:.5rem;  }
.breadcrumb-item+.breadcrumb-item::before {
	display:inline-block;
	padding-right:.5rem;
	font-size:.95rem; 
	content:"\F285";
	font-family:'bootstrap-icons';
}
.breadcrumb-item+.breadcrumb-item:hover::before {	text-decoration:none}
.breadcrumb-item+.breadcrumb-item:hover::before {	text-decoration:none}
.breadcrumb-item.active {	color:#0964ba;}

@media screen and (max-width: 992px) { 
    .breadcrumb {   }
} 

@media screen and (max-width: 768px) {
	li { 	font-size: .95rem !important;  	}
    .breadcrumb {  bottom:1em;  	font-size:.95rem !important; 	}
}

@media screen and (max-width: 567px) { 
}

 
 
 
  









 
 
 

.sub_menu {height:70px;  width:100%; background:#f8f9fa;  z-index:4 ; border:1px solid #0964ba;}
.sub_menu:after{content:""; display:block; clear:both;}
.sub_menu h6{ display:none; }  
.sub_menu .sub_all04, 
.sub_menu .sub_all03,
.sub_menu .sub_all02,
.sub_menu .sub_all01{ clear:both; margin:0 auto; } 
.sub_menu ul{  display: block; text-align: center; }
.sub_menu ul li {  width:auto; min-width:33.1%; display:inline-block; text-align: center;  }
.sub_menu ul li a{ position:relative; font-size:1.5rem;  background:transparent;  line-height:60px; height:70px; 
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;}
.sub_menu li a{color:#222;  }
.sub_menu li a:hover { color:#0964ba; }  
.sub_menu li a.active { color:#0964ba; }   

.busi_0301 .busi_submenu .busi_sub1 > a,
.busi_0302 .busi_submenu .busi_sub2 > a,
.busi_0303 .busi_submenu .busi_sub3 > a,
.busi_0304 .busi_submenu .busi_sub4 > a {display:block;  color:#fff;   background:#0964ba;   z-index:5 ;   height:70px; 
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;}
 
@media screen and (max-width: 992px) { 
	.sub_menu ul li a{ font-size:1.4rem;  }
}
@media screen and (max-width:768px){ 
	.sub_menu ul li a{ font-size:1.2rem;  }
} 




 
.leftM {position:absolute; height:75px; bottom:0px; left:0;  right:0; padding:0; z-index:999;  background:rgba(0,0,0,.45);  }
.left_all { height:80px;position:relative; }
.left_menu { width:100%; }
.left_menu:after{content:""; display:block; clear:both;}
.left_menu h6{ display:none; }  
.left_menu .home {  position:absolute; left:0px; width:90px; height:75px; /* background:linear-gradient(150deg, #00da9f, #0964ba 90%);  background:#0964ba;*/ z-index:99; display:none; }  
.left_menu .home i{ font-size:1.75rem; width:100%; line-height:75px; text-align:center; color:#fff; display:inline-block;} 
.left_menu .left_all04, 
.left_menu .left_all03,
.left_menu .left_all02,
.left_menu .left_all01{ clear:both; margin:0 auto; } 
.left_menu ul{ width:100%; display: inline-block; text-align: center; padding:20px 10px; 
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
    position: relative;  }
.left_menu ul li { width:auto; min-width:15%; display:inline-block; text-align: center;  }
.left_menu ul li a{ position:relative; font-size: calc(0.95rem + 0.25vw) ; font-weight:400; background:transparent;  letter-spacing:-0.5px; line-height:1.4; padding:auto 0px; margin:auto 0px;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;}
.left_menu li a{color:rgba(255,255,255,1);  }
.left_menu li a:hover { color:#34acf8; }  
.left_menu li a.active { color:#34acf8; }  
.left_menu li .dropdown.ssub{ display:none;}

.page1 .left_menu .submenu .sub1 > a,
.page2 .left_menu .submenu .sub2 > a,
.page3 .left_menu .submenu .sub3 > a,
.page4 .left_menu .submenu .sub4 > a,
.page5 .left_menu .submenu .sub5 > a,
.page6 .left_menu .submenu .sub6 > a,
.page7 .left_menu .submenu .sub7 > a,
.page8 .left_menu .submenu .sub8 > a,
.page9 .left_menu .submenu .sub9 > a,
.page10 .left_menu .submenu .sub10 > a{ display:block;  color:#34acf8;  z-index:5 ; font-weight:500; 
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;}
 
@media screen and (max-width: 1400px) { 
}
@media screen and (max-width: 1240px) { 
}
@media screen and (max-width: 992px) {  
	.left_menu ul li a{  }
}
@media screen and (max-width:768px){ 
	.left_menu ul li a{  }
}
@media screen and (max-width:576px){ 
}

 

 
.topNavi { position:relative;  width:100%; height:65px ; border-bottom:  1px solid #ddd; border-bottom:  1px solid #ddd; z-index:15;  }  
.topNavi .nav h6{ display:none  !important; }
.topNavi .nav {	 height:65px ; left:0;	 top:0;  }
.topNavi .nav > .smenu {	overflow: hidden;	 width:20%;	 }
.topNavi .nav > .smenu:after { display:block; position:absolute; top:0; right:0; bottom:0; width:0px; height:100%; background:#ddd; content:'';}
.topNavi .nav > .sm1 {  display:block;	z-index:;   }
.topNavi .nav > .sm2 {  display:block;	z-index:1; }
.topNavi .nav > .smenu > li {	 width: 100%;	height:65px ; } 
.topNavi .nav > .smenu > li > a {	display: inline-block;	width: 100%;	font-size: calc(1rem + 0.35vw) ;color: #444; font-weight: 400;	position:relative;	padding:1em 2em;	}
.topNavi .nav > .smenu > li > a:before {
	position: absolute;
	content: "\f107"; 
	top: 50%;
	right:5%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'icomoon';  
	font-size: calc(1.3rem + 0.25vw) ; 
	color:#0964ba}
.topNavi .nav > .smenu > li > a i{display:block; position:absolute; right:18px; top:35%; bottom:0; font-size: calc(1.25rem + 0.25vw) ; color:#444; font-weight:600}
.topNavi .nav > .smenu > .smenudown >  a:after{content:"";position:absolute; display:block; top:0px;right:0px;width:0px;height:100%; background:rgba(255,255,255,0.2);}
.topNavi .nav > .smenu > li:hover > a {	color:#0964ba;} 
.topNavi .nav > .smenu > li:hover > a i{	color:#0964ba;} 

.topNavi .nav .submenu {	display: none;	position: absolute;	z-index: 1;	background: #fff ;	top:65px; width: 20%;	 
	border-left: 1px solid #ddd;	border-right: 1px solid #ddd; box-sizing:border-box;  padding:0 0;}
.topNavi .nav .submenu li {	position:relative;  list-style:none; border-bottom: 1px solid #ddd;}
.topNavi .nav .submenu li > a {	display: inline-block;	padding: .8em 1em .8em 2.2em; font-size: calc(.95rem + 0.25vw) ;	color:#444;  width: 100%;	}
.topNavi .nav .submenu li > a:hover {    	color:#0964ba;	background: #f8f9fa;	width: 100%; }
.topNavi .nav .submenu li:after{content:"";position:relative; display:block;left:0; right:0px; width:100%;height:0px;background:#ddd; }
.topNavi .nav .submenu li:last-child:after{height:0px;}
.topNavi .nav .submenu > li > .gnb-2dep{display:none ;}
.topNavi .nav .submenu > li > a i{display:none;   } 

.topNavi .nav .iconhome  {  width:65px; height:65px;  }  
.topNavi .nav .iconhome  a i{ font-size: calc(1.3rem + 0.25vw) ; width:100%; line-height:65px; text-align:center;  display:inline-block;} 
.topNavi .nav .iconhome  a:hover i{ color:#0964ba}
 

@media (max-width: 1600px) {
.topNavi .nav > .smenu {	width:25%;	 }
.topNavi .nav .submenu {	width: 25%;	  }
}

@media (max-width: 1400px) {
.topNavi .nav > .smenu {	width:30%;	 }
.topNavi .nav .submenu {	width: 30%;	  }
}

@media (max-width: 1240px) {
.topNavi .nav > .smenu {	width:35%;	 }
.topNavi .nav .submenu {	width: 35%;	  }
}

@media (max-width: 992px) {
.topNavi {  } 
.topNavi .nav {	 }
.topNavi .nav > .smenu {	width:40%;	 }
.topNavi .nav > .smenu > li {	  }  
.topNavi .nav .submenu {	width: 40%;	  }

.topNavi .nav .iconhome  {  width:60px  }  
.topNavi .nav .iconhome  a i{   }  
}

@media (max-width: 767px) {
.topNavi { height:60px ;} 
.topNavi .nav {	 height:60px ; } 
.topNavi .nav > .smenu > li {	height:60px ;  }   
.topNavi .nav .submenu {  top:60px; }

.topNavi .nav .iconhome  {  width:60px; height:60px; }  
.topNavi .nav .iconhome  a i{  line-height:60px; }  
}

@media (max-width: 576px) { 
.topNavi { height:55px ;} 
.topNavi .nav {	 height:55px ; } 
.topNavi .nav > .sm1 {  display:none; }
.topNavi .nav > .smenu {	width:calc(100vw - 100px);	 }  
.topNavi .nav > .smenu > li {	height:55px; }   
.topNavi .nav .submenu {	width:calc(100vw - 100px);	 top:55px;  }

.topNavi .nav .iconhome  {  width:55px; height:55px; }  
.topNavi .nav .iconhome  a i{  line-height:55px; }  
}












 



.table-responsive table{ 
	width:100%;   
	overflow-x:auto;
}

table {
  border-collapse: collapse;
}

table caption{
   display:none;
} 
.table, .jsgrid .jsgrid-table {
  width: 100%;
  margin-bottom: 1rem;
  color: #222;
}

.table .text-danger {
  text-align:center;
}

.table th, 
.jsgrid .jsgrid-table th {
  padding: 1.125rem 1.375rem;
  padding: 1rem 1.375rem;
	padding:.85rem 1.375rem;
  vertical-align: middle;
  border-top: 1px solid #ccc;
  font-weight:400;
  font-size: calc(0.9rem + 0.1vw)  !important;
}
.table td,
.jsgrid .jsgrid-table td {
  padding: 1.125rem 1.375rem;
  padding: 1rem 1.375rem;
  padding:.5rem 1rem;
  vertical-align: middle;
  border-top: 1px solid #ccc; 
}

.table thead th, 
.jsgrid .jsgrid-table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #ccc;
  font-weight:500;
  line-height:1.3; 
  font-size: calc(0.9rem + 0.1vw)  !important;
}

.table tbody + tbody, 
.jsgrid .jsgrid-table tbody + tbody {
  border-top: 2px solid #ccc;
}

.table-sm th,
.table-sm td {
  padding: .5rem 1rem !important;
}

.table-bordered {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left:0;
  border-right:0; 
}

.table-bordered th,
.table-bordered td {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left:0;
  border-right:0; 
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 1px; 
  border-top: 0px solid #444;
  border-bottom: 2px solid #444;
  text-align:center;
  font-weight:400;
  font-size:110%;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F5F7FF;
}

.table-striped-row tbody td:nth-of-type(odd) {
  background-color: #f8f9fa;
}

.table-hover tbody tr:hover {
  color: #222;
  background-color: #f8f9fa;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #cdcce8;
  background-color: #fff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #a1a0d4;
}

.table-hover .table-primary:hover {
  background-color: #bcbae0;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #bcbae0;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #e5e6e6;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #cfd0d0;
}

.table-hover .table-secondary:hover {
  background-color: #d8dada;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #d8dada;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #d0ebd0;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #a8d9a8;
}

.table-hover .table-success:hover {
  background-color: #bee3be;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #bee3be;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #c2defe;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #8dc2fe;
}

.table-hover .table-info:hover {
  background-color: #a9d0fe;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #a9d0fe;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeb8;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7a;
}

.table-hover .table-warning:hover {
  background-color: #ffe89f;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe89f;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #ffcbcb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ff9f9f;
}

.table-hover .table-danger:hover {
  background-color: #ffb2b2;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ffb2b2;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c3c5c8;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #8f9399;
}

.table-hover .table-dark:hover {
  background-color: #b6b8bc;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b6b8bc;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th, .jsgrid .jsgrid-table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th, .jsgrid .jsgrid-table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #ccc;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}














 
.con_table{position:relative; box-sizing:border-box; }
.con_table table{position:relative;  }
.con_table table.mw500{min-width:500px;}
.con_table table.mw700{min-width:700px;}
.con_table table.mw860{min-width:860px;}

@media (max-width:860px) {
	.con_table{ overflow:auto; }
}

 

.table  { 
    box-shadow: none;
    border: 0;
  border-bottom: 1px solid #00399a;
  width: 100%;
  margin-bottom: 1rem;
  color: #444; 
  background-color: #fff;
}

.table thead th  { 
  border-top:2px solid #00399a !important;
  border-bottom: 1px solid #00399a !important;
  background-color: #f8fcff !important;
  color: #00399a !important;
  /* font-family:Arial, Helvetica, sans-serif !important ;*/
}
 
.table th,  
.table td  {
  padding: 1.125rem 1.375rem; 
  padding: 0.75rem 0.75rem; 
  vertical-align: top;
  border-top: 1px solid #CED4DA;
  font-weight:400;
  /* font-family:Arial, Helvetica, sans-serif !important ;*/
}
   
.table td p  { 
  letter-spacing:0.5px  !important;
  font-size: calc(0.85rem + 0.1vw)  !important;
  /* font-family:Arial, Helvetica, sans-serif !important ;*/
  line-height:1.4;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #CED4DA;
  font-weight:400; 
  /* font-family:Arial, Helvetica, sans-serif !important ;*/
}

.table tbody th {
  background-color:#f8f9fa  !important;
  color: #111 !important; 
  font-family:Arial, Helvetica, sans-serif !important ;
}

.table.align-middle thead tr,
.table.align-middle thead tr th,
.table.align-middle thead tr td,
.table.align-middle tbody tr,
.table.align-middle tbody tr th,
.table.align-middle tbody tr td{ 
  vertical-align: middle !important;
} 

.table.text-center thead tr,
.table.text-center thead tr th,
.table.text-center thead tr td,
.table.text-center tbody tr,
.table.text-center tbody tr th,
.table.text-center tbody tr td  {
  text-align:center !important;
}

.table .hr th,
.table .hr td {
  border-top: 1px solid #888 !important;
}

.table tbody + tbody  {
  border-top: 1px solid #CED4DA;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #CED4DA;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #CED4DA;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 1px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F5F7FF;
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: #fbfbfb;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #cdcce8;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #a1a0d4;
}

.table-hover .table-primary:hover {
  background-color: #bcbae0;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #bcbae0;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #e5e6e6;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #cfd0d0;
}

.table-hover .table-secondary:hover {
  background-color: #d8dada;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #d8dada;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #d0ebd0;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #a8d9a8;
}

.table-hover .table-success:hover {
  background-color: #bee3be;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #bee3be;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #c2defe;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #8dc2fe;
}

.table-hover .table-info:hover {
  background-color: #a9d0fe;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #a9d0fe;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeb8;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7a;
}

.table-hover .table-warning:hover {
  background-color: #ffe89f;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe89f;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #ffcbcb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ff9f9f;
}

.table-hover .table-danger:hover {
  background-color: #ffb2b2;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ffb2b2;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c3c5c8;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #8f9399;
}

.table-hover .table-dark:hover {
  background-color: #b6b8bc;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b6b8bc;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th  {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th  {
  color: #495057;
  background-color: #e9ecef;
  border-color: #CED4DA;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}