/* basic */
@font-face {
	font-family: 'DBHeavent1';
	src: url('font/DB_Heavent/DBHeaventv3.2.1.eot');
	src: local('☺'), url('font/DB_Heavent/DBHeaventv3.2.1.woff') format('woff'), url('font/DB_Heavent/DBHeaventv3.2.1.ttf') format('truetype'), url('font/DB_Heavent/DBHeaventv3.2.1.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DBHeavent';
	src: url('font/DB_Heavent/DBHeaventv3.2.eot');
	src: local('☺'), url('font/DB_Heavent/DBHeaventv3.2.woff') format('woff'), url('font/DB_Heavent/DBHeaventv3.2.ttf') format('truetype'), url('font/DB_Heavent/DBHeaventv3.2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DBHeaventMed';
	src: url('font/DB_Heavent/DBHeaventMedv3.2.eot');
	src: local('☺'), url('font/DB_Heavent/DBHeaventMedv3.2.woff') format('woff'), url('font/DB_Heavent/DBHeaventMedv3.2.ttf') format('truetype'), url('font/DB_Heavent/DBHeaventMedv3.2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DBHeaventMed1';
	src: url('font/DB_Heavent/DBHeaventMedv3.2.1.eot');
	src: local('☺'), url('font/DB_Heavent/DBHeaventMedv3.2.1.woff') format('woff'), url('font/DB_Heavent/DBHeaventMedv3.2.1.ttf') format('truetype'), url('font/DB_Heavent/DBHeaventMedv3.2.1.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DBHeaventMedCond';
	src: url('font/DB_Heavent/DBHeaventMedCondv3.2.eot');
	src: local('☺'), url('font/DB_Heavent/DBHeaventMedCondv3.2.woff') format('woff'), url('font/DB_Heavent/DBHeaventMedCondv3.2.ttf') format('truetype'), url('font/DB_Heavent/DBHeaventMedCondv3.2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'DBHeaventBd';
	src: url('font/DB_Heavent/DBHeaventBdv3.2.eot');
	src: local('☺'), url('font/DB_Heavent/DBHeaventBdv3.2.woff') format('woff'), url('font/DB_Heavent/DBHeaventBdv3.2.ttf') format('truetype'), url('font/DB_Heavent/DBHeaventBdv3.2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DBHeaventMedExt';
	src: url('font/DB_Heavent/DBHeaventExtv3.2.eot');
	src: local('☺'), url('font/DB_Heavent/DBHeaventMedExtv3.2.woff') format('woff'), url('font/DB_Heavent/DBHeaventMedExtv3.2.ttf') format('truetype'), url('font/DB_Heavent/DBHeaventMedExtv3.2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	color: #6A6A6A;
	font-family: 'DBHeavent', Helvetica, sans-serif;
	font-size: 24px;
	line-height: 1.23;
	letter-spacing: 0.01em;
}
.main-pad{
	padding-left: 10px;
	padding-right: 10px;
}
.container1 {
	max-width: 355px;
	min-width: 320px;
	padding-bottom: 20px;
	margin: 0 auto;
}
.stop-scrolling {
	height: 100%;
	overflow: hidden;
}
/* end basic */

/* start nav bar */
.bar, .back {
	font-size: 24px;
	margin-top: 12px;
	color: #fff;
	cursor: pointer;
}
.brand-logo{
	margin-top: 10px;
}
.logo{
	width: 70px;
	height: 46px;
}
nav, .navbar, .navbar-fixed {
	background-color: rgb(12, 76, 152);
    border: none;
}
.nav-head {
	border-radius: 0px;
	/*padding-top: 7px;*/
}
.container-fluid{
	padding-right: 0;
    padding-left: 0;
}
@media (min-width: 321px) {
	.container-fluid{
		padding-right: 10px;
		padding-left: 10px;
	}
}
.pad-l0 {
	padding-left: 0;
}
.lang{
	text-align: right;
	list-style: none;
	padding: 0;
	height: 20px;
	margin-top: 9px;
}
.lang li {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 4px;
}
.lang li:first-child {
	border-right: 1px solid #99DEF1;
	padding-right: 10px;
}
.lang, .lang a{
	color: #99DEF1;
	cursor: pointer;
	font-weight: lighter;
}
.lang a.active {
	color: #fff;
	font-weight: normal;
}
/* end nav bar */



/* start backgrounds */
.bg1 {
	background: url("../images/bg/bg1.png") repeat-x top;
}
.bg4 {
	background: url("../images/bg/bg4.png") repeat-x top;
}
.bg5 {
	background: url("../images/bg/bg5.png") repeat-x top;
}

/* end backgrounds */

/* outline */
.outline1 {
	outline: 1px solid #ccc;
}
/* outline */

/* colors */
.clr1{
	color: #0D4C98;
}
.clr2{
	color: #57C8E8;
}
.clr3{color: #9EB7D6;}
.clr4 {color: #ABC1DB;}
.clr-white, .clr-white:hover {
	color: #fff;
}
.clr-err {
	color: #E62935;
}
.clr-black {
	color: #000;
}
.clr-gray {
	color: #6A6A6A;
}
.clr-gray5 {
	color: #555555;
}
.clr-gray2 {color: #cccccc;}
.clr-success {
	color: #00913E;
}
/* end colors */

/* miscellaneous */
[v-cloak] { display:none; }
.txt-xxs {
	font-size: 18px;
}
.txt-xs {
	font-size: 22px;
}
.txt-s {
	font-size: 13px;
}
.txt-s1 {
	font-size: 14px;
}
.txt-bold {
	font-weight: bold;
}
.alert-gray {
	margin: 0;
	background: #F0F2F5;
	padding: 7px;
	letter-spacing: 0.01em;
}
.alert-gray .first {
	font-family: 'DBHeaventMed', Helvetica, sans-serif;
}
.desc {

}
.h-fix{
	min-height: 517px; 
}
.h-fix-otp{
	min-height: 445px;
}
.h-v100{
	height: 100vh;
}
.h-v80{
	min-height: 80vh;
}
.p20{
	padding-top: 20px;
	padding-bottom: 20px;
}
.pb50 { padding-bottom: 50px; }
.pb100 { padding-bottom: 100px;}
.pb200 { padding-bottom: 200px;}
.m0 { margin: 0; }
.m-0auto{
	margin: 0 auto;
}
.mt-8{margin-top: 8px;}
.mt-6{
	margin-top: 6px;
}
.mt-10{
	margin-top: 10px;
}
.mt-15{
	margin-top: 15px;
}
.m-t20, .mt-20{
	margin-top: 20px;
}
.m-t30, .mt-30{
	margin-top: 30px;
}
.mt-40{margin-top: 40px;}
.mt-55{margin-top: 55px;}
.mt-70{margin-top: 70px;}
.mt-45{
	margin-top: 45px;
}
.mt50{margin-top: 50px;}
.mt100{margin-top: 100px;}
.mt-140{
	margin-top: 140px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-30{
	margin-bottom: 30px;
}
.m-t150{
	margin-top: 150px;
}
.m-t200{
	margin-top: 200px;
}
.p-t{
	padding-top: 16px;
}
.p0 {
	padding: 0;
}
.pt5{padding-top: 5px;}
.pl-0{
	padding-left: 0;
}
.pr-0{
	padding-right: 0;
}
.d-f {
	display: inline-flex;
}
.bl-gray {
	border-left: 1px solid #EFEFEF;
}
.w-full {
	width: 100%;
}
.group1 {
	/*width: auto !important;*/
}
.bt-5{
	border-top: 5px solid #F8F8F8;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	border: 1px solid #000;
}
/* end miscellaneous */

/*modal */

.dq-modal-body {
	min-height: 400px;
	border-radius: 6px;
	padding: 0 0 20px 0;
	float: left;
	width: 100%;
}
.dq-modal-body .news-div {
	word-break: break-word;
}
.dq-modal-body img.img-fluid {
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}
.close-modal{
	/* border-radius: 50%; */
	padding: 0;
	width: 35px;
	height: 35px;
	background: none;
	border: 0;
	position: absolute;
	top: 10px;
	right: 10px;
	vertical-align: middle;
	text-align: center;
	z-index: 1051;
}
.close-modal img{
	width: 35px;
	height: 35px;
}
.close-modal:hover, .close-modal:focus{
	outline: none;
	background: none;
}

.dq-modal{
	max-width: 345px;
	min-width: 325px;
	margin-left: auto;
	margin-right: auto;
}
.dq-modal .modal-content {
	max-width: 325px;
	min-width: 325px;
	box-shadow: none;
	border: none;
}
.modal-text {
	font-family: 'DBHeaventMed', Helvetica, sans-serif;
	font-size: 35px;
	color: black;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}

@media (min-width: 576px) {
	.modal-dialog-centered {
	    min-height: calc(90% - (1.75rem * 2));
	}
}

.dq-modal .d-f button:first-child {
	margin-right: 7px;
}
.dq-modal .d-f button:last-child {
	margin-left: 7px;
}

/* sidebar  */
.sidenav {
  height: 100%;
  width: 0px;
  position: fixed;
  z-index: 300;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.4); 
  overflow-x: hidden;
  transition: 0.05s;
  padding: 0;
}

.sidenav .side-container{
	padding: 20px 30px;
	width: 300px;
	height: 100vh;
	min-height: 600px;
	background-color: #0D4C98;
}
.sidenav .avartar-div {
	margin-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #2865AF;
}
.sidenav .profile-greet {

}
.sidenav .side-menu {
	list-style: none;
	margin-top: 20px;
	padding: 0;
	/* min-height: 340px; */
}
.sidenav .side-menu li {}
.sidenav .side-menu a {
	padding: 10px 0px 10px 0px;
 /* padding: 8px 8px 8px 32px;*/
  text-decoration: none;
  font-size: 27px;
  color: #fff;
  display: block;
  transition: 0.3s;
}
.sidenav .side-menu li a img {
	float: left;
	margin-right: 10px;
}
.sidenav .side-menu a:hover {
  color: #f1f1f1;
}
.sidenav .side-close {
  	/*position: absolute;
  	border-radius: 50%;*/
	background: none !important; 
	width: 35px;
	height: 35px;
	border: 0;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.side-lan {
	display: flex;
	height: 30px;
}
.side-lan img {
	height: 20px;
	margin-top: 3px;
}
.side-lan div {
	padding-left: 10px;
}
.side-lan div.border-l {
	border-right: 1px solid #6D93C1;
	height: 20px;
	margin-top: 3px;
}
.side-lan div:last-child {border-right: none}
.side-lan a {
	color: #6D93C1;
}
.side-lan a.active {
	color: #FFFFFF;
}
/* end sidebar */