@charset "utf-8";
/*************************************************************** Sub - basic ***************************************************************/
.sub {
  padding-top: 70px;
  padding-bottom: 80px ;
  word-break: keep-all;
}
/* Subcontents - Imgpage */
.con_detail, .board_detail {
  position: relative;
  padding: 60px 0;
}
.sub-contents {
  position: relative;
  padding: 40px 0;
}
@media (max-width: 992px) {
  .sub {
    padding-top: 60px;
    padding-bottom: 70px ;
  }
  .con_detail, .board_detail {
    padding: 50px 0;
  }
}
@media (max-width: 767px) {
  .sub {
    padding-top: 50px;
    padding-bottom: 60px ;
  }
  .con_detail, .board_detail { 
    padding: 40px 0;
  }
	.sub-contents { 
	  padding: 30px 0;
	}
}
@media screen and (max-width:576px) { 
  .sub {
    padding-top: 40px;
    padding-bottom: 50px ;
  }
  .con_detail, .board_detail { 
    padding: 30px 0;
  }
	.sub-contents { 
	  padding: 20px 0;
	}
	
}
/*--------------------------------------------------------------

 Sections General
 
--------------------------------------------------------------*/
.title {
  position: relative; 
	text-align: center ;
    margin-bottom: 20px; 
}
.title.border-bottom { 
    padding-bottom: 20px;
	border-bottom: 1 solid #e9ecef !important;
}
.title h1, .title h2,
.title h3, .title h4  {
  position: relative;
  font-weight: 500;
  line-height: 1.2;
	color: #222;
	letter-spacing: -1px;
} 

.title h1{
  position: relative;  
    padding-bottom: 20px;
} 
.title h1::before {
    position: absolute;
    content: "";
    width: 5%;
    max-width: 100px;
    min-width: 60px;
    height: 3px;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--primary);
    background: var(--info);
} 
.title h5, .title h6 {
  position: relative;
  font-weight: 400;
  line-height: 1.4;
	color: #444;
	letter-spacing: -0.5px;
    margin-top: 20px;
} 
.title span {
  color:var(--secondary)
} 
.title h1 strong,
.title h2 strong {
  font-weight: 700 !important;
} 

.title.border-bottom::after {
    position: absolute;
    content: "";
    width: 10%;
  min-width: 50px;
  max-width: 80px;
    height: 2px;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--secondary);
}
.title.border-bottom::before {
    position: absolute;
    content: "";
    width: 5%;
  min-width: 30px;
  max-width: 50px;
    height: 2px;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    background: #666;
}
.title.border-bottom.text-start::before,
.title.border-bottom.text-start::after {
    left: 0;
    transform: translateX(0);
}

@media (max-width: 992px) { 
	.title h5 br,
	.title h6 br {
		display: none;
	}
}
@media (max-width: 767px) { 
}

.subtitle {
  position: relative;
  margin-bottom: 15px;
  z-index: 3;
}
.subtitle h4, .subtitle h5, .subtitle h6 {
  position: relative;
  padding-left: 20px; 
  font-weight: 500;
  margin-right: 15px;
	letter-spacing: -.5px;
}
/* .subtitle span {
  position: relative;
  display: inline-block; 
  color: #222;
  border: 2px solid var(--primary);
  background: var(--primary);
  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 h4:before,
.subtitle h5:before,
.subtitle h6:before {
  position: absolute;
  top: 25%;
  left: 0px;
  display: block;
  content: '';
  width: 3px;
  height: 70%;
	width: 13px;
	height: 13px;
  border:3px solid var(--success); 
  background: #fff;
  -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;
}
@media (max-width: 767px) {
	.title h1{ 
		padding-bottom: 20px;
	}  
	.title h1::before { 
		width: 15%; 
		height: 2px;
		bottom: 6px; 
	}
	.title h1::after { 
		width: 8%; 
		height: 2px; 
	}

  .subtitle { 
  	margin-bottom: 10px;
  }
}



.conheading h1, 
.conheading h2, 
.conheading h3, 
.conheading h4, 
.conheading h5, 
.conheading h6 {
  position: relative; 
}
.conheading  {
  position: relative; 
  border-bottom: none !important;  
}
.conheading.border-bottom {
  position: relative;
  text-align: center;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
.conheading.border-bottom.text-left {
  text-align: left
}
.conheading.border-bottom:before {
  bottom: 2px;
  position: absolute;
  content: "";
  width: 40px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: var(--primary);
}
.conheading.border-bottom.white:before { 
  background: #fff;
}
.conheading.border-bottom.text-left:before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.conheading.text-primary *,
.conheading.text-secondary *,
.conheading.text-third *,
.conheading.text-success *,
.conheading.text-info *,
.conheading.text-danger *  { 
	 color:#111 !important; 
}


.conheading.text-primary > span,
.conheading.text-primary > span strong {
  color:var(--primary) !important
}
.conheading.text-primary.border-bottom:before {
  background:var(--primary) 
}
.conheading.text-secondary > span,
.conheading.text-secondary > span strong  {
  color:var(--secondary) !important
}
.conheading.text-secondary.border-bottom:before {
  background:var(--secondary)
}
.conheading.text-third > span,
.conheading.text-third > span strong  {
  color:var(--third) !important
}
.conheading.text-third.border-bottom:before {
  background:var(--third)
}
.conheading.text-success > span,
.conheading.text-success > span strong  {
  color:var(--success) !important
}
.conheading.text-success.border-bottom:before {
  background:var(--success)
}
.conheading.text-info > span,
.conheading.text-info > span strong  {
  color:var(--info) !important
}
.conheading.text-info.border-bottom:before {
  background:var(--info)
}
.conheading.text-warning > span,
.conheading.text-warning > span strong  {
  color:var(--warning) !important
}
.conheading.text-warning.border-bottom:before {
  background:var(--warning)
}
.conheading.text-danger > span,
.conheading.text-danger > span strong  {
  color:var(--danger) !important
}
.conheading.text-danger.border-bottom:before {
  background:var(--danger)
}
.conheading.text-primary span,
.conheading.text-secondary span,
.conheading.text-third span,
.conheading.text-success span,
.conheading.text-info span,
.conheading.text-danger span  { 
	 color:#666 !important; 
	font-size:85%;
	font-weight: 400;
	margin-left: 5px;
}



.conheading.bg-gradient {
  position: relative;
  font-weight: 400;
  display: inline-block;
  color: #222;
  border: 1px solid var(--primary);
  background: var(--primary);
  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%);
}
@media (max-width: 767px) {
  .conheading.border-bottom { 
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
  .conheading.border-bottom:before {
    width: 30px;
  }
}


/*--------------------------------------------------------------

 각 페이지별 메인 문구
 
--------------------------------------------------------------*/
.con-page-title {
  position: relative;
  margin-bottom: 130px;
  text-align: center
}
.con-page-title h1, 
.con-page-title h2, 
.con-page-title h3, 
.con-page-title h4 {
  font-weight: 600;
}
.con-page-title .display-1, 
.con-page-title .display-2 {
  font-weight: 600 !important;
  margin-bottom: 50px;
  letter-spacing: -2px !important;
  line-height: 1.4
}
.con-page-title .display-3, 
.con-page-title .display-4 {
  font-weight: 700 !important;
  margin-bottom: 50px;
  letter-spacing: -2px !important;
  line-height: 1.4
}
.con-page-title h5, 
.con-page-title h6 {
  font-weight: 400;
  line-height: 1.6
}
@media screen and (max-width: 992px) {
  .con-page-title {
    margin-bottom: 80px;
  }
  .con-page-title .display-1, 
	.con-page-title .display-2, 
	.con-page-title .display-3, 
	.con-page-title .display-4 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .con-page-title {
    margin-bottom: 60px;
  }
  .con-page-title h5 br, 
	.con-page-title h6 br {
    display: none;
  }
  .con-page-title .display-1, 
	.con-page-title .display-2, 
	.con-page-title .display-3, 
	.con-page-title .display-4 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 567px) {
  .con-page-title {
    margin-bottom: 50px;
  }
  .con-page-title .display-1, 
	.con-page-title .display-2, 
	.con-page-title .display-3, 
	.con-page-title .display-4 {
    margin-bottom: 20px;
  }
}



.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_slider {
  position: relative;  
  /*height: calc(50vh);
  min-height: 500px;
  max-height: 600px;
  background-size: cover;
	background-repeat: no-repeat;
	background-position: center center; */
  overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.subvisual_slider .container, 
.subvisual_slider .container-fluid {
  height: 100% !important;
}
.subvisual_slider .container > .row , 
.subvisual_slider .container-fluid > .row {
  height: 100% !important;
	align-items: center;
}
.subvisual .subvisual_slider {
  background-color: var(--info); 
  background-image: url('../img/sub/subvisual.jpg'); 
  background-size: contain;
  background-position: 50% bottom; 
  background-repeat: no-repeat;
  background-attachment: ;
}
.subvisual_slider .subvisual_text { 
  position: relative;
  z-index: 10;
  opacity: 1;
  padding-top: 240px;   
  padding-bottom: 150px;  
}
.subvisual_slider .subvisual_text h1, 
.subvisual_slider .subvisual_text h2, 
.subvisual_slider .subvisual_text h3, 
.subvisual_slider .subvisual_text h4, 
.subvisual_slider .subvisual_text h5, 
.subvisual_slider .subvisual_text h6 {
  font-weight: 600;
  line-height: 1;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  text-align: center;
  color: #fff;
}
.subvisual_slider .subvisual_text h4 { 
	display: none;
} 
.subvisual_slider .subvisual_text h6 {
  margin-bottom: 10px;  
}
.subvisual_slider .subvisual_text h1, 
.subvisual_slider .subvisual_text h1 * {
  font-weight: 400; 
  letter-spacing: -1px;
	font-family: 'SchoolSafetyNotification', 'Noto Sans KR', 'Spoqa Han Sans', 'Sans-serif';
} 


@media screen and (max-width: 1440px) {
	.subvisual_slider .subvisual_text {  
	  padding-top: 200px;  
  	  padding-bottom: 100px;  
	}
}  

@media screen and (max-width: 992px) {  
	.subvisual_slider .subvisual_text {  
	  padding-top: 120px; 
  	  padding-bottom: 80px;     
	}
}

@media screen and (max-width: 768px) {  
   .subvisual_area .subvisual_slider {
      background-attachment: scroll;
   } 
	.subvisual_slider .subvisual_text {  
	  padding-top: 100px; 
  	  padding-bottom: 60px;  
	}
   .subvisual_slider .subvisual_text h2 br, 
	.subvisual_slider .subvisual_text h3 br, 
	.subvisual_slider .subvisual_text h4 br, 
	.subvisual_slider .subvisual_text h5 br, 
	.subvisual_slider .subvisual_text h6 br {
    display: block;
  }
}
@media screen and (max-width: 567px) { 
	.subvisual .subvisual_slider {  
	  background-size: 140%; 
	}

}


.subvisual .overlay {
  position: relative;
}
.subvisual .overlay:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 5, 15, .6);   
  z-index: 1;
	opacity: 0;
}
.subvisual .topVis01 { 
} 

.subvisual .sv_btn {
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .subvisual .topVis01 { 
  }
}




.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: var(--primary);
}
.arrow-down:hover > span {
  top: -6px;
}





.breadcrumb_wrap { 
	border-bottom:1px solid #ccc; 
} 
.breadcrumb {
  display: -ms-flexbox;
  display: flex;  
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 0; 
  list-style: none; 
  background: transparent; 
  z-index: 10; 
  text-transform: uppercase;
  -webkit-transition: .2s all ease;
  -o-transition: .2s all ease;
  transition: .2s all ease;
	justify-content:center;
	align-items: center; 
	margin-top: 20px;
	
	 display: none;
} 
.breadcrumb-item,
.breadcrumb-item a  { 
	position: relative;
	color:rgba(255,255,255,6); 
    font-size: 1.15rem;
	font-weight: 500;
	line-height: 1;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 2rem;
}
.breadcrumb-item + .breadcrumb-item::before {
	position: absolute;
  display: inline-block;
  left: .75rem;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
  content: "\F285";
  font-family: 'bootstrap-icons';
	color:rgba(255,255,255,6); 
} 
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none
}  
.breadcrumb-item.active li {
	color:rgba(255,255,255,1) ; 
    font-size: 1.15rem;
	font-weight: 600;  
	line-height: 1;
	padding: 0; margin: 0;
}
.breadcrumb-item.active li .nav-link {
    display: block;
    padding: 0;
}
.breadcrumb-item.active li a.nav-link:hover {
	color:rgba(255,255,255,1) ; 
}

/* 
.page1 .breadcrumb-item.active.active1 { display:block }
.page2 .breadcrumb-item.active.active2 { display:block }
.page3 .breadcrumb-item.active.active3 { display:block }
.page4 .breadcrumb-item.active.active4 { display:block }
.page5 .breadcrumb-item.active.active5 { display:block } 
*/

.breadcrumb-item.active ul li { display: none ;}

.page1 .breadcrumb-item.active ul li.sub1 {
  display: block !important;
}
.page2 .breadcrumb-item.active ul li.sub2 {
  display: block !important;
}
.page3 .breadcrumb-item.active ul li.sub3 {
  display: block
}
.page4 .breadcrumb-item.active ul li.sub4 {
  display: block
}
.page5 .breadcrumb-item.active ul li.sub5 {
  display: block
}
.page6 .breadcrumb-item.active ul li.sub6 {
  display: block
}
.page7 .breadcrumb-item.active ul li.sub7 {
  display: block
}



@media screen and (max-width: 1240px) { 
	.breadcrumb-item,
	.breadcrumb-item a  { 
    font-size: calc(.85rem + 0.15vw); 
	}
	.breadcrumb-item.active li, 
	.breadcrumb-item.active { 
    font-size: calc(.85rem + 0.15vw);  
	}
}
@media screen and (max-width: 767px) {  
	.breadcrumb { 
			margin-top: 15px
		}   
	}

@media screen and (max-width: 567px) {}
.leftquick {
  position: fixed;
  left: 0;
  top: 50%;
  z-index: 1000;
}
.leftquick ul {
  padding: 0 0;
}
.leftquick a {
  position: relative;
  display: block;
  height: ;
  line-height:;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 10px 20px;
  color: #222;
  -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;
}
.leftquick a:before {
  display: inlne-block;
  width: 50px;
  height: 2px;
  background: #222;
  left: 0;
  content: "";
  margin-right: 10px;
}
.leftquick .on a {
  color: var(--primary);
  font-weight: 700;
}
.leftquick .on a:before {
  content: "";
  width: 150px;
  background: var(--primary);
  margin-right: 10px;
}
.sub_menu {
  height: 70px;
  width: 100%;
  background: #f8f9fa;
  z-index: 4;
  border: 1px solid var(--primary);
}
.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: var(--primary);
}
.sub_menu li a.active {
  color: var(--primary);
}
.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: var(--primary);
  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;
  }
}





.left_menu .dropdown-menu {
  padding: 0; 
  border: 0; 
}
.leftM {
  position: absolute;
  position:relative;  
  left: 0;
  right: 0;
  padding: 0;
  z-index: 9;
  justify-content:center;
}
.leftM > .row {
    margin-right: 0;
    margin-left: 0;
} 
.leftM > .row >.col,
.leftM > .row >[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.left_all {
  width: 100%; 
  background: rgba(0, 0, 0, 0.5);
  background: #fff;
  position: relative;  
	/*padding:20px 0 16px;*/
	margin: 0 auto;
  height: 60px;
}
.left_menu {
  width: calc(100%);
  display: flex;
  flex-direction: row;
  justify-content:flex-start;
  align-items:center ;
  border-width:  1px 0 1px 0 !important;
  border-style: solid;
  border-color: rgba(0, 0, 0,.15);
}
.left_menu:after {
  content: "";
  display: block;
  clear: both;
}
.left_menu h6 {
  display: none;
}
.left_menu .home {
  /* position:absolute; 
	left:0px; height: ; 
	background:linear-gradient(150deg, #00da9f, #0057e8 90%);
	background:var(--primary);*/
  display: inline-block;
  width: 90px; 
  display: flex;
  justify-content: center;
  align-items: center;
  display: none
}
.left_menu .home i {
  font-size: 1.75rem;
  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;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.left_menu ul li {
  position: relative; 
  width: auto;
  display: inline-block;
  text-align: center; 
	vertical-align: middle;
}
.left_menu ul li a {
  position: relative;
  font-size: calc(.95rem + 0.15vw);
  font-weight: 400;
  background: transparent;
  letter-spacing: -.5px;
  line-height: 1.2;
  line-height: 60px;
  padding: 0 30px;
  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 ul li a:before {
	position: absolute;
	content: ""; 
	display:block; 
	bottom: -2px;
	left:0;
	right:0;
	width:100%;
	height:3px;  
	border-radius:0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);  
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; 
	background:#fff
}
.left_menu li a {
  color: rgba(255, 255, 255, 1);
  color: #555;
}
.left_menu li a:hover {
  color: var(--primary);
}
.left_menu li a:hover:before {
	bottom: -2px;
	background: var(--primary);
}
.left_menu li a.active {
  color: var(--primary);
}
.left_menu li .dropdown.ssub {
  display: none;
}

.left_menu li .divide { 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, 
.page11 .left_menu .submenu .sub11 > a, 
.page12 .left_menu .submenu .sub12 > a, 
.page13 .left_menu .submenu .sub13 > a, 
.page14 .left_menu .submenu .sub14 > a, 
.page15 .left_menu .submenu .sub15 > a {
  display: block;
  color: #000;
  z-index: 5;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}
.page1 .left_menu .submenu .sub1 > a:before, 
.page2 .left_menu .submenu .sub2 > a:before, 
.page3 .left_menu .submenu .sub3 > a:before, 
.page4 .left_menu .submenu .sub4 > a:before, 
.page5 .left_menu .submenu .sub5 > a:before, 
.page6 .left_menu .submenu .sub6 > a:before, 
.page7 .left_menu .submenu .sub7 > a:before, 
.page8 .left_menu .submenu .sub8 > a:before, 
.page9 .left_menu .submenu .sub9 > a:before, 
.page10 .left_menu .submenu .sub10 > a:before, 
.page11 .left_menu .submenu .sub11 > a:before, 
.page12 .left_menu .submenu .sub12 > a:before, 
.page13 .left_menu .submenu .sub13 > a:before, 
.page14 .left_menu .submenu .sub14 > a:before, 
.page15 .left_menu .submenu .sub15 > a:before { 
	background: var(--primary); 
	bottom: -2px;
} 


@media screen and (max-width: 1240px) { 
	.left_all { 
	  height: 60px;
	}
	.left_menu ul li a { 
 	 line-height: 60px;
	  padding: 0 20px; 
	}
}
@media screen and (max-width: 992px) {  
	.left_menu   { display:none;}
	.left_all {
	   display:none;
	}
	.left_menu ul li a { 
 	 line-height: 50px;
	  padding: 0 15px; 
	}
}
@media screen and (max-width:768px) { 
	.left_menu ul li a {  
	  padding: 0 15px; 
	}
} 
@media screen and (max-width:576px) {}

 

 
.topNavi {
  position: relative;
  width: 100%;
  height: 60px; 
  z-index: 15; 
	padding:0 15px; 
  display:none;
	 
}

.topNavi .nav h6 {
  display: none !important;
}
.topNavi .nav {
  height: 60px;
  left: 0;
  top: 0;
}
.topNavi .nav > .smenu { 
  overflow: hidden;
  width: 15%; 
  background: #dbeffe;
	background: #b0d7f5;
  border-radius: 15px;
	margin-right: 5px;
}
.topNavi .nav > .sm1 {
  display: none;
  z-index: ;
}
.topNavi .nav > .sm2 {
  display: block;
  z-index: 1;
  background: #ecf7ff;
  background: #dbeffe;
} 
.topNavi .nav > .smenu > li {
  width: 100%;
  height: 60px;
}
 
.topNavi .nav > .smenu > li br {
  display: none;
}
.topNavi .nav > .smenu > li > a {
  display: inline-block;
  width: 100%;
  font-size: calc(.95rem + 0.2vw);
  color: #163656;
  font-weight: 400;
  position: relative;
  padding: 0px 1.5em ;
  line-height: 60px;
}
.topNavi .nav > .smenu > li > a:before {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 1.5em ;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'icomoon';
  font-size: calc(1rem + 0.25vw);
  color: var(--primary)
}
.topNavi .nav > .smenu > li > a i {
  display: block;
  position: absolute;
  right: 18px;
  top: 35%;
  bottom: 0;
  font-size: calc(.95rem + 0.2vw);
  color: #444;
  font-weight: 400
}
.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, 
.topNavi .nav > .smenu > li:hover > a i {
  color: var(--primary);
}
.topNavi .nav .submenu {
  display: none;
  position: absolute;
  z-index: 1; 
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 10px;
  top: 60px;
  width: 15%; 
  box-sizing: border-box; 
  padding: .75em 1.5em;
}
.topNavi .nav .submenu li {
  position: relative;
  list-style: none;
}
.topNavi .nav .submenu li > a {
  display: inline-block;
  padding: .2em 0 .2em 0;
  font-size: calc(.9rem + 0.15vw);
  font-weight: 400;
  color: #163656;
  width: 100%;
}
.topNavi .nav .submenu li > a:hover {
  color: var(--primary);   
}
.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: 60px;
  height: 60px; 
	margin-left: 15px;
	background: #b0d1ea;
	background: var(--primary);
	border-radius: 15px; 
	margin-right: 5px;
}
.topNavi .nav .iconhome a i {
  font-size: calc(.95rem + 0.25vw);
  width: 100%;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  color: #fff
	
}
.topNavi .nav .iconhome:hover { 
	background: var(--primary);
}

.topNavi .nav .home {
  display: none;
}

.topNavi .nav .divide { display:inline-block;}
 

@media (max-width: 1340px) { 
  .topNavi .nav > .smenu {
    width: 25%; 
  }   
  .topNavi .nav .submenu {
    width: 25%; 
  }  
}
@media (max-width: 1240px) {
  .topNavi,
  .topNavi .nav,
  .topNavi .nav > .smenu > li,
	.topNavi .nav .iconhome  {
    height: 55px;
  } 
  .topNavi .nav > .smenu {
    width: 30%;
    height: 55px;
  }  
  .topNavi .nav > .smenu > li > a,
	.topNavi .nav .iconhome a i {
	line-height: 55px;
  }
  .topNavi .nav .submenu {
    width: 30%;
    top: 55px;
  }  
}
@media (max-width: 992px) { 
  .topNavi {  
	  display:block;
	  margin:0;  
  }
  .topNavi,
  .topNavi .nav,
  .topNavi .nav > .smenu > li,
	.topNavi .nav .iconhome {
    height: 50px; 
  }
  .topNavi .nav > .smenu > li > a,
	.topNavi .nav .iconhome a i {
	line-height: 50px;
  }
  .topNavi .nav > .smenu { 
    height: 50px;
    height: 50px;
  }  
  .topNavi .nav .submenu {
    top: 50px;
  	padding: .75em 1.5em ;
  }  
	.topNavi .nav .iconhome {
	  width: 50px; 
	} 
}
@media (max-width: 767px) { 
	.topNavi { 
		margin:10px 0; 
	}
  .topNavi,
  .topNavi .nav,
  .topNavi .nav > .smenu > li,
	.topNavi .nav .iconhome  {
    height: 45px;
  }
  .topNavi .nav > .sm1 {
	  display:none;
  }
  .topNavi .nav > .smenu {
    width: calc(100vw - 150px);
    height: 45px;
  }
  .topNavi .nav > .smenu > li > a,
	.topNavi .nav .iconhome a i {
	line-height: 45px;
  }
  .topNavi .nav .submenu {
    width: calc(100vw - 150px);
    top: 45px;
  }  
	.topNavi .nav .iconhome {
	  width: 45px; 
	} 
} 








table {
  border-collapse: collapse;
}
table .border-right::after { display:block; width:1px; height:100%; position:absolute; top:0%; right:-1px; background:#ccc; content:'' 
} 
.table { 
  width: 100%; 
  margin-bottom: 0;
  background-color: #fff;
  box-shadow: none;
  border: none;
  color: #444;
  font-size: calc(0.9rem + 0.25vw); 
  border: 0;
  border-bottom: 1px solid var(--secondary);  
}
.table, 
.jsgrid .jsgrid-table {
  width: 100%;
  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: 600;
  font-size: calc(0.9rem + 0.3vw);
  letter-spacing: -0.5px;
  background-color: #fff;
}
.table td, 
.jsgrid .jsgrid-table td {
  padding: 1.125rem 1.375rem;
  padding: 1rem 1.375rem;
  padding: .75rem 1.375rem;
  vertical-align: middle;
  border-top: 1px solid #ccc;
  font-weight: 500;
  font-size: calc(0.9rem + 0.3vw);
  letter-spacing: -0.5px;
  background-color: #fff;
}
.table thead th, 
.jsgrid .jsgrid-table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #ccc;
  font-weight: 600;
  line-height: 1.2;
  font-size: calc(.9rem + 0.3vw);
  letter-spacing: -0.5px;
  background-color: #fff;
	
  border-top: 2px solid var(--secondary);
  border-bottom: 1px solid var(--secondary);
  background-color: #f8fcff;
  color: #2b486d;
  border-right: 1px solid #98bbe0; 
  background-color: #f8fcff;
  color: var(--secondary);
} 
.table thead th:last-child {
  border-right: none;
}
.table thead th p { 
  font-size: calc(0.9rem + 0.3vw); 
}
.table tbody + tbody, 
.jsgrid .jsgrid-table tbody + tbody {
  border-top: 2px solid #ccc;
  background-color: #fff;
}  
.table th, 
.table td {
	position: relative;  
  padding: 1.125rem 1.375rem;
  padding: 1rem 1.375rem;
  vertical-align: top;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-weight: 500;
  font-size: calc(0.9rem + 0.25vw);
} 
.table th p, 
.table td p {
  font-weight: 500;
  font-size: calc(0.9rem + 0.25vw);
  letter-spacing: -0.5px;
  line-height: 1.3;
}
.table th:last-child, 
.table td:last-child {
  border-right: none;
} 
.table tbody th {
  vertical-align: bottom;
  border-bottom: 1px solid #CED4DA;
  border-right: 1px solid #CED4DA;
  font-weight: 600;
  background-color: #f8f9fa;
  color: #111;
}
.table tbody th:last-child {
  border-right: none;
}
  
.table tbody tr:last-child th {
  border-bottom: 1px solid var(--secondary);
} 
 
.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;
}
.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;
}
.table .hr th, 
.table .hr td {
  border-top: 1px solid #666;
}
.table tbody + tbody {
  border-top: 1px solid #ccc;
}
.table-sm th, 
.table-sm td {
  padding: 0.3rem;
} 
.table.sm th, 
.table.sm td {
  padding: .75rem 1.375rem;
  vertical-align: middle;
} 
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.table.center tr th { text-align:center;}



.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;
  }
}