body { 
	color: #202020;
	font-family: 'Montserrat';
}

body a:hover { color:#007bff; }

html .bg-dark {
	background-color: #0b4982 !important;
}

#overlay_menu { display:none; position:fixed; width: 100vw; z-index:999999; background-color: rgba( 0, 0, 0, 0.9 ); padding:5%; }
#overlay_menu ul { width:60%; margin:0 auto; padding:5%; }
#overlay_menu ul li { display:block; margin-left:0; padding:0; width:100%; height:40px; line-height:40px; list-style:none; }
#overlay_menu ul li.sub_menu { padding-left:10px; font-size:0.8em; }
#overlay_menu ul li a { display:block; width:100%; padding:0 20px; color:#ccc; text-decoration:none; font-weight:bold; letter-spacing:1px; font-size:1.5em; }
#overlay_menu ul li a:hover { background:#000; color:#fff; }
#overlay_menu .close_btn { display:block; width:100%; margin-top:20px; text-align:center; font-size:3em; color:#ccc; margin-bottom:20px; }
#overlay_menu .close_btn:hover { color:#fff; }

#footer { background: #fff; border-top: 1px solid #eee; }
#footer p { color: #858585 !important; } 
#footer a { color: #858585 !important; } 
#footer a:hover { color: #858585 !important; } 
#footer h5 { text-transform: none;letter-spacing: 1px; color: #858585 !important; }

.footer-copyright { padding:10px; background:#f8f8f8 !important; border-top:1px solid #eee; font-weight:400; }

a.scroll-to-top visible:hover { color:#000; }

#bg_img_area { background-image: url("./../images/main_02.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; }

#about_bg_img_area { background-image: url("./../images/about_01.png"); background-repeat: no-repeat; background-size: 100%; background-position: bottom right; }
#about_bg_img_area2 { background-image: url("./../images/about_02.jpg"); background-repeat: no-repeat; background-size: 100%; background-size: cover; background-position: center center; margin-top: -1px; }

#header .header-btn-collapse-nav {
    background: #fff;
	color: #0b4982;
}

.btn_div { position:absolute;bottom:30px;left:50%;z-index:5;margin-left:-32px; } 

@media (max-width: 599px) {
	#overlay_menu ul { width:90%; margin:0 auto; padding:5%; }
	.header-logo { width:208px; height:40px; }
	.header-logo img { width:208px; height:40px; }
	.btn_div { margin-left:-20px; }
	.btn_div img { width:40px; height:40px; }
}

@media (max-width: 768px) {
	#footer img { width:208px; height:40px; }
}

@media (min-width: 767px) {
	#footer img { width:296px; height:57px; }
}

@media (min-width: 992px) {
	.dropdown-toggle { color:#fff !important; }
	
	#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before {
		content: "";
		position: absolute;
		width: auto;
		height: 3px;
		top: 55%;
		left: 15px;
		right: 15px;
		margin-top: 15px;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}

	#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-line-under-text nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-line-under-text nav > ul > li:hover > a:before {
		left: 0;
		right: 0;
		height: 7px;
		margin: 6px 10px 15px 10px;
		opacity: 0.3 !important;
	}

	#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li > a:before {
		-webkit-transition: cubic-bezier(0.55, 0, 0.1, 1) right 300ms;
		transition: cubic-bezier(0.55, 0, 0.1, 1) right 300ms;
		right: 100%;
	}

	#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li > a.active:before {
		right: 15px;
	}

	#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li:hover > a:before {
		right: 15px;
	}

	#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1.header-nav-line-under-text nav > ul > li > a.active:before {
		right: 0;
	}

	#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1.header-nav-line-under-text nav > ul > li:hover > a:before {
		right: 0;
	}
	
	#header .header-nav-main nav > ul > li > a {
		color: #e36159;
		font-size: 1.2em;
		letter-spacing: 1px;
		text-transform: none !important;
	}

	#header .header-nav-main nav > ul > li.open > a,
	#header .header-nav-main nav > ul > li:hover > a {
		background: #e36159;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
		border-top-color: #e36159;
	}

	#header .header-nav-main nav > ul > li.dropdown.open > a:before,
	#header .header-nav-main nav > ul > li.dropdown:hover > a:before {
		border-bottom-color: #fff;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu {
		border-top-color: #e36159;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu li a {
		color: #e36159;
	}

	#header .header-nav-main nav > ul:not(:hover) > li > a.active {
		background-color: #e36159;
		color: #FFF;
	}

	#header .header-nav.header-nav-stripe nav > ul > li:hover > a,
	#header .header-nav.header-nav-stripe nav > ul > li.open > a {
		background-color: #e36159;
	}

	#header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active {
		background-color: #e36159;
	}

	#header .header-nav.header-nav-stripe nav > ul:hover > li > a.active {
		color: #e36159;
	}

	#header .header-nav.header-nav-links nav > ul li:hover > a {
		color: #e36159;
	}

	#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
		color: #e36159;
	}

	#header .header-nav.header-nav-links.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb {
		background: #e36159 !important;
	}

	#header .header-nav.header-nav-line nav > ul li:hover > a {
		color: #e36159;
	}

	#header .header-nav.header-nav-line nav > ul li:hover > a:before {
		background: #fff;
	}

	#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
		color: #e36159;
	}

	#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
		background: #fff;
	}

	#header .header-nav-main.header-nav-main-slide nav > ul > li.open > span > a,
	#header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span > a {
		color: #e36159;
	}

	#header .header-nav-main.header-nav-main-slide nav > ul:not(:hover) > li > span > a.active {
		color: #e36159;
	}

	html.side-header #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
	html.side-header #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu {
		border-left-color: #e36159;
	}

	html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
	html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu {
		border-right-color: #e36159;
	}
}

/* Lightboxes */
.mfp-close,
.mfp-close-btn-in .mfp-close {
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #838383;
}

/* No Margins */
.mfp-no-margins img.mfp-img {
	padding: 0;
}

.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}

.mfp-no-margins .mfp-container {
	padding: 0;
}

/* Zoom */
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
	opacity: 0.001;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* Animnate */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}

.my-mfp-zoom-in.mfp-bg {
	opacity: 0.001;
	/* Chrome opacity transition bug */
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
	-moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
	-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
	-o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
	transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective(600px) rotateX(0);
	-moz-transform: translateY(0) perspective(600px) rotateX(0);
	-ms-transform: translateY(0) perspective(600px) rotateX(0);
	-o-transform: translateY(0) perspective(600px) rotateX(0);
	transform: translateY(0) perspective(600px) rotateX(0);
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
	-moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
	-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
	-o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
	transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-bg {
	opacity: 0.01;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* Dialog */
.dialog {
	background: white;
	padding: 20px 30px;
	text-align: left;
	margin: 40px auto;
	position: relative;
	max-width: 600px;
}

.dialog.dialog-xs {
	max-width: 200px;
}

.dialog.dialog-sm {
	max-width: 400px;
}

.dialog.dialog-md {
	max-width: 600px;
}

.dialog.dialog-lg {
	max-width: 900px;
}

/* White Popup Block */
.white-popup-block {
	background: #FFF;
	padding: 20px 30px;
	text-align: left;
	max-width: 600px;
	margin: 40px auto;
	position: relative;
}

.white-popup-block.white-popup-block-xs {
	max-width: 200px;
}

.white-popup-block.white-popup-block-sm {
	max-width: 400px;
}

.white-popup-block.white-popup-block-md {
	max-width: 600px;
}

.white-popup-block.white-popup-block-lg {
	max-width: 900px;
}

/* Modals */
.modal {
	z-index: 1100;
}

.mfp-bg {
	z-index: 10000;
}

.mfp-wrap {
	z-index: 10001;
}

.mfp-wrap .mfp-content {
	z-index: 10001;
}

.modal-block {
	background: transparent;
	padding: 0;
	text-align: left;
	max-width: 600px;
	margin: 40px auto;
	position: relative;
}

.modal-block.modal-block-xs {
	max-width: 200px;
}

.modal-block.modal-block-sm {
	max-width: 400px;
}

.modal-block.modal-block-md {
	max-width: 600px;
}

.modal-block.modal-block-lg {
	max-width: 900px;
}

.modal-block.modal-block-full {
	max-width: 98%;
}

.modal-block.modal-header-color .card-header h2 {
	color: #FFF;
}

.modal-block.modal-full-color {
	color: #FFF;
}

.modal-block.modal-full-color .card-header {
	border: 0;
}

.modal-block.modal-full-color .card-header h2 {
	color: #FFF;
}

.modal-block.modal-full-color .card-footer {
	border: 0;
}

.modal-block.modal-full-color .card-body {
	background-color: transparent;
}

.modal-block.modal-full-color .fa {
	color: #FFF !important;
}

.modal-block.modal-full-color p {
	color: #FFF;
}

/* Modal Wrapper */
.modal-wrapper {
	position: relative;
	padding: 25px 0;
}

/* Modal Icon */
.modal-icon {
	float: left;
	width: 20%;
	text-align: center;
}

.modal-icon .fa {
	font-size: 52px;
	position: relative;
	top: -10px;
	color: #CCC;
}

.modal-icon.center {
	float: none;
	width: auto;
	padding-top: 20px;
}

.modal-icon.center + .modal-text {
	float: none;
	width: auto;
}

.modal-icon + .modal-text {
	float: left;
	width: 80%;
}

/* Modal Text */
.modal-text {
	padding: 0 5px;
}

.modal-text h1, .modal-text h2, .modal-text h3, .modal-text h4, .modal-text h5, .modal-text h6 {
	padding: 0;
	margin: -7px 0 4px 0;
}

.modal-block-primary .fa {
	color: #CCC;
}

.modal-block-primary.modal-header-color .card-header {
	background-color: #CCC;
}

.modal-block-primary.modal-full-color .card {
	background-color: #e0e0e0;
}

.modal-block-primary.modal-full-color .card-header {
	background-color: #CCC;
}

.modal-block-primary.modal-full-color .card-footer {
	background-color: #e0e0e0;
}

.modal-block-success .fa {
	color: #47a447;
}

.modal-block-success.modal-header-color .card-header {
	background-color: #47a447;
}

.modal-block-success.modal-full-color .card {
	background-color: #5cb85c;
}

.modal-block-success.modal-full-color .card-header {
	background-color: #47a447;
}

.modal-block-success.modal-full-color .card-footer {
	background-color: #5cb85c;
}

.modal-block-warning .fa {
	color: #ed9c28;
}

.modal-block-warning.modal-header-color .card-header {
	background-color: #ed9c28;
}

.modal-block-warning.modal-full-color .card {
	background-color: #f0ad4e;
}

.modal-block-warning.modal-full-color .card-header {
	background-color: #ed9c28;
}

.modal-block-warning.modal-full-color .card-footer {
	background-color: #f0ad4e;
}

.modal-block-danger .fa {
	color: #d2322d;
}

.modal-block-danger.modal-header-color .card-header {
	background-color: #d2322d;
}

.modal-block-danger.modal-full-color .card {
	background-color: #d9534f;
}

.modal-block-danger.modal-full-color .card-header {
	background-color: #d2322d;
}

.modal-block-danger.modal-full-color .card-footer {
	background-color: #d9534f;
}

.modal-block-info .fa {
	color: #5bc0de;
}

.modal-block-info.modal-header-color .card-header {
	background-color: #5bc0de;
}

.modal-block-info.modal-full-color .card {
	background-color: #7dcde5;
}

.modal-block-info.modal-full-color .card-header {
	background-color: #5bc0de;
}

.modal-block-info.modal-full-color .card-footer {
	background-color: #7dcde5;
}

.modal-block-dark .fa {
	color: #171717;
}

.modal-block-dark.modal-header-color .card-header {
	background-color: #171717;
}

.modal-block-dark.modal-full-color .card {
	background-color: #2b2b2b;
}

.modal-block-dark.modal-full-color .card-header {
	background-color: #171717;
}

.modal-block-dark.modal-full-color .card-footer {
	background-color: #2b2b2b;
}

html.dark .modal-content {
	background-color: #1d2127;
}

html.dark .modal-header,
html.dark .modal-footer {
	border-color: #282d36;
}

.text-default { color:#404040; font-weight:600; }

.contents img { width:auto; height:auto; max-width:100%; }

.table { border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.table th:first-child { border-left:1px solid #ccc; }
.table th:last-child { border-right:1px solid #ccc; }
.table td, .table th { padding:5px 10px; vertical-align:middle; font-size:12px; line-height:180%; }
.table th { text-align:center; color:#030d26; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.table th a { color:#030d26; }
.table td button { margin-right:3px; }
.table td button:last-child { margin-right:0px; }

.ellipsis {
	width:100%;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal !important;
	display: inline-block;
}

.ellipsis_2line { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; }
.ellipsis_3line { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; }
.ellipsis_4line { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; }

@media (max-width: 520px) {
	.hidden-xs { display:none; }
}

.ck-editor__editable {
    min-height: 200px;
	max-height: 1000px;
}

.responsive-object iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bold { font-weight:bold; }
.hand { cursor:pointer; }
.lh { line-height: 200%;  }
.jt { text-align:justify; text-justify:inter-cluster; }

.form-control:focus { border-color: rgba(0, 161, 241, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(0, 161, 241, 0.6); outline: 0 none; }

.text_input { font-family: FontAwesome; outline-style:none; box-sizing:border-box; height:30px; line-height:30px; vertical-align:middle; box-sizing:border-box; padding:2px 5px; border:1px solid #ccc; border-radius:0; font-size:12px; }
.text_area { outline-style:none; box-sizing:border-box; box-sizing:border-box; padding:5px; border:1px solid #ccc; }
.input_submit { cursor:pointer; font-family: FontAwesome; outline-style:none; box-sizing:border-box; height:30px; line-height:30px; vertical-align:middle; box-sizing:border-box; padding:0px 10px; color:#fff; border:1px solid #294063; background:#294063; font-size:12px; font-weight:600; }
.input_submit:hover { border:1px solid #20a6fb; background:#20a6fb; }

.text-default { color:#202020 !important; }

/**
 * Submenu Dropdown
 */
.submenu-group { display: flex; align-items: center; }
.submenu { position: relative; width: 300px; }
.submenu-btn { font: inherit; font-size: 16px; line-height: 59px; letter-spacing: 0; width: 100%; padding: 0 20px; border: 0; text-align: left; cursor: pointer; background: transparent url(/images/submenu-arrow.jpg) no-repeat calc(100% - 20px) center/ 20px 20px; border-right: 1px solid #e7e7e7; }
.submenu-btn:focus { outline: none; }
.submenu-dropdown { position: absolute; display: none; flex-direction: column; top: 0; width: 100%; background-color: #fff; z-index: 5; box-shadow: 0 4px 4px #ccc; }
.submenu-dropdown.active { display: flex; }
.submenu-dropdown a { font-size: 16px; line-height: 59px; letter-spacing: 0; padding: 0 20px; color: inherit; text-decoration: none; }
.submenu-dropdown a:hover { color: inherit; background-color: #ddd; }