@import url("bootstrap-icons.css");
@import url("pretendard.css");

div::-webkit-scrollbar,
body::-webkit-scrollbar {
	width: 0.7em;
	height: 0.7em;
}

div::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}

div::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
	background-color: #ddd;
	outline: 0px solid slategrey;
}

body {

	
	font-weight: 500;
	font-size: 17px;
	color: #111;
	background-color: #fff;
}

@media (max-width: 992px) {
	body {
		font-size: 15px;
		padding-top: 45px !important;
	}
}

/* Common */
img {
	border: 0;
}

a {
	color: #222;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #222;
	text-decoration: none;
}

a.link {
	color: #245171;
	text-decoration: underline;
}

a.link:hover,
a.link:focus {
	color: #25844e;
	text-decoration: underline;
}

ol,
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.text-primary {
	color: #245171 !important;
}

a.text-primary:hover,
a.text-primary:focus {
	color: #326fa5 !important;
}

.text-secondary {
	color: #54a02f !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
	color: #6caf48 !important;
}

.text-link span {
	display: inline-block;
	border-bottom: 1px solid #245171;
}

.text-grey {
	color: #777 !important;
}

a.text-grey:hover,
a.text-grey:focus {
	color: #b7b7b7 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	letter-spacing: -1px;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
	letter-spacing: -2px;
}

h3,
.h3 {
	font-size: 40px;
	letter-spacing: -1px;
	font-weight: 700;
	line-height: 170%;
	margin-bottom: 20px;
}

h4,
.h4 {
	font-size: 27px;
	letter-spacing: -1px;
	font-weight: 600;
	line-height: 170%;
	margin-bottom: 10px;
}

h5,
.h5 {
	font-size: 21px;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 1.4;
}

.bd {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

h6,
.h6 {
	font-size: 17px;
	margin: 10px 0 5px 0;
	letter-spacing: 0;
	line-height: 160%;
}

.btn {
	padding: 0.575rem 1.75rem;
}

section {
	line-height: 170%;
}

@media (max-width: 992px) {

	h3,
	.h3 {
		font-size: 23px;
		margin-bottom: 10px;
		font-weight: 700;
	}

	h4,
	.h4 {
		font-size: 20px;
	}

	h5,
	.h5 {
		font-size: 15px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	h6,
	.h6 {
		font-size: 14px;
	}
}

/* Grid */
.row {
	margin-right: -15px;
	margin-left: -15px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
	padding-right: 15px;
	padding-left: 15px;
}

.container {
	max-width: 1280px;
	position: relative;
}

/* end Grid */

/* GNB */
.navbar {
	padding: 0;
	margin: 0;
	height: 100px;
}

.gnb {
	padding: 0px 50px 0px 50px;
	z-index: 9;
}

.gnb .navbar-brand {
	position: absolute;
	top: 27px;
	left: 50px;
	z-index: 999;
}

.gnb ul {
	position: absolute;
	top: 39px;
	right: 50px;
	margin: 0;
	z-index: 999;
}

@media (max-width: 1320px) {
	.gnb .navbar-brand {
		left: 30px;
	}

	.gnb ul {
		right: 30px;
	}
}

.gnb ul li {
	list-style-type: none;
	float: left;
}

.gnb ul li a.active {
	color: #245171;
	font-weight: 700;
}

.gnb ul li a {
	color: #999;
	display: block;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	margin-left: 15px;
}

.lnb {
	position: relative;
	background-color: #fff;
	padding: 0px 0 0 0;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 991.98px) {
	.lnb .navbar-brand {
		float: left;
		margin: 0 50px 5px 15px;
		padding: 0;
	}

	ul.gnb-right {
		position: absolute;
		right: 15px;
		top: 0x;
		margin: 0;
	}
}

/* end GNB */
/* Top Nav */
.topnav-wrap {
	position: absolute;
	width: 100%;
	right: 0;
	top: 0px;
	overflow: hidden;
	text-align: center;
	background-color: #fff;
	z-index: 100;
	background: #fff url('../image/bg_topnav_off.svg') center 100px no-repeat;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0;
}

.topnav {
	position: relative;
	top: 0px;
	left: 0;
	max-width: 850px;
	height:
		/*＼**/
		100px;
	margin: 0 auto;
	padding: 0;
}

@media (max-width: 1320px) {
	.topnav {
		max-width: calc(100% - 450px);
	}
}

.topnav li {
	display: block;
	text-align: left;
	list-style-type: none;
}

.topnav.nav-justified {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.topnav.nav-justified>li {
	display: table-cell;
	float: none;
	text-align: center;
}

.topnav li a {
	display: block;
	width: 100%;
	line-height: 100%;
	height: 59px;
	font-size: 19px;
	letter-spacing: -1px;
	font-weight: 700;
	padding-top: 41px;
}

.topnav li.on a,
.topnav li.active a {
	color: #245171;
	text-decoration: none;
	background-position: left bottom !important;
}

.topnav li ul li a {
	display: block;
	line-height: 120%;
	letter-spacing: -1px;
}

.topnav li ul {
	clear: both;
	height: 0;
	overflow: hidden;
	margin-top: 40px;
	border-left: 0px solid #e6e6e6;
	padding: 0;
}

.topnav li:last-child ul {
	border-right: 0px solid #e6e6e6;
}

.topnav li ul li {
	display: block;
	position: relative;
	text-align: center;
	float: none;
	border: none;
}

.topnav li ul li a,
.topnav li.on ul li a,
.topnav li ul li a,
.topnav li.active ul li a {
	display: block;
	height: auto;
	padding: 10px 0 10px 0px !important;
	border: none;
	background-color: transparent !important;
	color: #333;
	font-size: 15.5px;
	font-weight: 500;
	letter-spacing: 0px;
}

.topnav li ul li a.hover,
.topnav li ul li a:hover,
.topnav li ul li a.active2 {
	background-position: left bottom !important;
	background-color: transparent !important;
	color: #245171;
}

.topnav li ul li:first-child {
	padding-top: 27px;
}

/* end Responsive */

/* Mobile Nav */
.fixed-top.mnavbar {
	height: 48px;
	-webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.1);
}

.fixed-top .navbar-brand {
	float: none;
	display: inline-block;
	margin: 0 12px 0 12px;
	padding: 0;
}

.fixed-top .navbar-brand img {
	height: 22px;
	margin-top: -2px;
}

a.nav-back {
	left: 12px;
	position: absolute;
	top: 5px;
}

a.nav-expander {
	right: 12px;
	position: absolute;
	top: 5px;
}

.fixed-top.mnavbar .bi,
nav.mslide .bi {
	font-size: 24px;
	color: #333;
}

.icon-circle {
	border-radius: 50%;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #eef2ff;
	margin: 0 10px 0 0;
	text-align: center;
	font-size: 2.57em;
	padding-top: 7px;
}

a.nav-back:hover,
a.nav-expander:hover {
	cursor: pointer;
}

nav.mslide {
	z-index: 77777;
	background: #fff;
	display: block;
	height: 100%;
	overflow: auto;
	position: fixed;
	right: -100%;
	font-size: 1em;
	top: 0;
	padding: 0;
	width: 80%;
	transition: right 0.3s ease-in-out 0s;
	-webkit-transition: right 0.3s ease-in-out 0s;
	-moz-transition: right 0.3s ease-in-out 0s;
	-o-transition: right 0.3s ease-in-out 0s;
	-webkit-box-shadow: 0 7px 13px rgba(0, 0, 0, .7);
	box-shadow: 0 7px 13px rgba(0, 0, 0, .7);
}

.nav-expanded nav {
	right: 0;
}

body.nav-expanded {
	margin-left: 0em;
	transition: right 0.4s ease-in-out 0s;
	-webkit-transition: right 0.4s ease-in-out 0s;
	-moz-transition: right 0.4s ease-in-out 0s;
	-o-transition: right 0.4s ease-in-out 0s;
}

.mtop {
	margin: 0;
	padding: 10px 12px 0 12px;
	line-height: 0;
	background-color: #fff;
	height: 50px;
	border-bottom: 1px solid #ddd;
}

#nav-close .bi {
	margin-top: -2px;
	display: inline-block;
	font-size: 31px !important;
}

ul.mset {
	height: 50px;
}

ul.mset {
	float: left;
}

ul.mset li {
	float: left;
	padding: 0 12px 0 0;
}

ul.mlogin {
	float: right;
}

ul.mlogin li {
	float: left;
	padding: 2px 0 0 15px;
}

.minfowrap {
	clear: both;
	padding: 3px 12px;
	margin: 0;
	text-align: left;
	font-size: 17px !important;
	line-height: 135%;
	overflow: auto;
	overflow: hidden;
	letter-spacing: -1px;
	font-size: 1.1em;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}

.minfowrap figure {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #f3f5f9;
	margin: 0 10px 0 0;
	text-align: center;
	font-size: 1.97em;
	padding-top: 5px;
}

.minfowrap figure .bi {
	font-size: 37px;
}

.minfowrap small a {
	font-size: 0.9em;
	font-style: normal;
	display: block;
	padding-left: 5px;
}

.vam {
	margin-top: -5px;
}

.mslide .card {
	border: 0px solid rgba(0, 0, 0, 0.125);
	border-top: 1px solid #ccc;
	border-radius: 0rem;
}

.mslide .card:last-child {
	border-bottom: 1px solid #ccc;
}

.mslide .card-header {
	padding: 0.37rem 1.55rem;
	margin-bottom: 0;
	text-align: left;
	letter-spacing: -1px;
	background-color: #eeedee;
	border-bottom: 1px solid #dedede;
	border-radius: 0px !important;
}

.mslide .card-header h2 .btn {
	font-size: 17px !important;
	font-weight: 700 !important;
	color: #333;
	letter-spacing: -1px;
	padding: 10px 0 10px 0;
}

.mslide .card-header h2 {
	padding: 0;
}

.mslide .card-header .btn:focus,
.btn.focus {
	outline: 0;
	box-shadow: 0 0 0 0;
}

.mslide .card-header .btn.disabled,
.btn:disabled {
	opacity: 0.65;
}

.mslide .accordion ul li a {
	font-size: 15px;
	position: relative;
	display: block;
	padding: 19px 1.57rem;
	color: #222;
	text-decoration: none;
	background-color: #fff;
	letter-spacing: -1px;
	border-bottom: 1px solid #c8c8cb;
}

.mslide .accordion ul li:last-child a {
	border-bottom: 0px solid #c8c8cb;
}

.mslide .card-header .btn {
	display: block;
}

.mslide .card-header .btn::before {
	font-family: bootstrap-icons !important;
	content: "\f286";
	float: right;
	transition: all 0.5s;
	color: #000;
}

.mslide .card-header .btn.collapsed::before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.menu-btm {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	padding: 15px 10px 10px;
	font-size: 13px;
}

.menu-btm li a {
	color: #999;
}

.menu-btm li {
	float: left;
	padding: 10px 12px;
	font-weight: 500;
}

.menu-btm li.active a {
	color: #111;
}

/* end Mobile Nav */

/* Footer */
.footerwrap {
	clear: both;
	width: 100%;
	background-color: #f4f5f6;
	color: #777;
	font-size: 15px;
	padding: 70px 0 70px 0;
	margin: 20px 0 0 0;
	overflow: auto;
	overflow: hidden;
	line-height: 120%;
}

.footerwrap h4 {
	margin: 10px 0 0 0 !important;
	padding: 0;
	font-size: 21px;
	font-weight: 700;
}

.footerwrap h3 {
	margin: 10px 0 0px 0 !important;
	padding: 10px 0 5px 0 !important;
	font-size: 27px;
	font-weight: 700;
}

.bggrey {
	background-color: #f8f8f8;
	padding: 35px 0;
	height: auto;
}

.footer-link {
	padding: 0;
	margin: 0;
}

.footer-link li {
	list-style-type: none;
	display: inline-block;
	padding: 0;
	margin: 0;
}

.footer-link li a {
	letter-spacing: -1px;
	font-weight: 500;
	padding-right: 20px;
	color: #777 !important;
	font-size: 15px;
	float: left;
	line-height: 1;
	margin-left: 20px;
}

.footer-link li:first-child a {
	margin-left: 0px !important;
}

.footer-link li:last-child {
	display: none;
}

.footer-copy {
	clear: both;
	color: #777;
	font-size: 14px;
	padding: 20px 0 20px 0 !important;
	line-height: 170%;
}

@media (max-width: 992px) {
	.footerwrap {
		padding: 30px 0 70px 0;
		text-align: center;
	}

	.footerwrap h4 {
		margin: 10px 0;
		font-size: 19px;
	}

	.footer-link {
		display: inline-block;
		margin: 10px auto;
	}

	.footer-link li {
		font-size: 12px;
	}

	.footer-link li a {
		padding-right: 5px;
		font-size: 11px;
		margin-left: 5px;
		margin-top: 20px;
	}

	.footer-copy {
		clear: both;
		font-size: 11px;
		margin-top: 0px;
		padding: 10px 0 !important;
	}

	.footer-sns {
		text-align: center;
	}

	.footer-sns ul {
		margin: 17px auto;
	}
}

/* end Footer */

/* 메인 슬라이드 */
.carousel-quick {
	position: absolute;
	bottom: 70px;
	right: 0;
	z-index: 29;
	width: 100%;
	display: block;
	color: #fff;
	line-height: 120%;
}

.qlink-wrap {
	clear: both;
	padding: 12px 0 10px 0;
	overflow: auto;
	overflow: hidden;
	text-align: center;
}

.qlink-wrap ul {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
	text-align: center;
}

.qlink-wrap ul li {
	width: 20%;
	text-align: center;
	list-style-type: none;
	float: left;
}

.qlink-wrap ul li a,
.qlink-wrap ul li a:link {
	display: block;
	margin-right: 8px;
	padding: 5px 0px 3px 0px;
	font-size: 19px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #fff;
	border-right: 1px solid rgb(255, 255, 255);
	border-right: 1px solid rgba(255, 255, 255, .3);
	-webkit-background-clip: padding-box;
	/* for Safari */
	background-clip: padding-box;
	/* for IE9+, Firefox 4+, Opera, Chrome */
}

.qlink-wrap ul li:last-child a,
.qlink-wrap ul li:last-child a:link {
	border-right: 0px solid #6da0cb;
}

.qlink-wrap ul li img {
	width: 72px;
	height: 72px;
	clear: both;
	text-align: center;
	margin: 5px auto 5px auto;
	padding-top: 5px;
}

.qlink-wrap ul li span {
	padding-top: 7px;
	display: block;
	font-size: 17px;
	font-weight: 700;
}

video {
	object-fit: unset;
	object-position: unset;
	overflow-clip-margin: unset;
	overflow: unset;
}

@media (max-width: 992px) {

	.qlink-wrap ul li a,
	.qlink-wrap ul li a:link {
		display: block;
		margin-right: 3px;
		padding: 0px 0px 0px 0px;
		font-size: 12px;
	}

	.qlink-wrap ul li img {
		width: 42px;
		height: 42px;
		clear: both;
		text-align: center;
		margin: 5px auto 5px auto;
		padding-top: 5px;
	}

	.qlink-wrap ul li span {
		padding-top: 7px;
		font-size: 12px;
		font-weight: 600;
	}
}

/* end 메인 슬라이드 */


/* Carousel */
#carouselVisual {
	text-align: center;
}

#carouselVisual .carousel-item {
	padding: 0;
	margin-top: 0px;
}

.carousel-indicators {
	bottom: 37px;
}

.carousel-indicators li {
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 30px;
	height: 7px;
	border-radius: 6px !important;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	opacity: .3;
	transition: opacity 0.6s ease;
}

.carousel-inner {
	margin: 0;
}

#carouselBest .carousel-inner {
	padding: 0;
	margin: 0;
}

#carouselBest .carousel-item {
	padding: 0;
	margin: 0;
}

#carouselGoods .carousel-indicators {
	bottom: -70px;
}

#carouselGoods .carousel-indicators li {
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 50px;
	height: 50px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #333;
	background-clip: padding-box;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: 0.5;
	transition: opacity 0.5s ease;
}

#carouselGoods .carousel-indicators .active {
	opacity: 1;
}

.carousel-bg {
	clear: both;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 10;
	margin: 0;
	height: calc(100vh - 100px);
}

.carousel-inner.carousel-inner-full .carousel-item {
	padding: 0;
}

@media (max-width: 992px) {
	.carousel-indicators {
		bottom: 27px;
	}

	#carouselGoods .carousel-indicators {
		bottom: -70px;
	}
}

.carousel-control-prev,
.carousel-control-next {
	width: auto;
	opacity: 0.7;
	z-index: 7777;
}

@media (max-width: 992px) {
	.carousel-bg {
		clear: both;
		background-position: bottom center;
		background-size: cover;
		background-repeat: no-repeat;
		z-index: 10;
		height: 570px;
		margin: 0;
	}

	#carouselVisual .carousel-control-prev,
	#carouselVisual .carousel-control-next {
		display: none;
	}
}

.carousel-control-prev-half,
.carousel-control-next-half {
	margin-top: -100px;
}

.carousel-control-prev-md,
.carousel-control-next-md {
	opacity: 0.5;
	width: auto;
	margin-top: -170px;
}

.carousel-caption {
	z-index: 10;
	top: 27%;
	left: 0%;
	right: 0%;
	color: #fff;
	text-align: center;
}

.carousel-caption h5 {
	font-size: 47px;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: -1px;
	text-align: center;
	color: #fff;
}

.carousel-caption p {
	line-height: 130%;
	font-size: 27px;
	font-weight: 300;
	letter-spacing: -1px;
	text-align: center;
	color: #fff;
}

.carousel-caption .btn {
	margin-top: 37px;
}

@media (max-width: 992px) {
	.carousel-caption {
		top: 107px;
	}

	.carousel-caption h5 {
		font-size: 27px;
		margin: 0;
	}

	.carousel-caption p {
		font-size: 15px;
		margin-top: 17px;
	}

	.carousel-caption .btn {
		margin-top: 17px;
	}

	.btn_more {
		background-size: contain;
	}

	.btn_prev {
		background-size: contain;
	}

	.btn_next {
		background-size: contain;
	}
}

.carousel-caption-sub {
	top: 20%;
	text-align: center;
	right: 3%;
	bottom: 20px;
	left: 3%;
}

.carousel-caption-sub h3 {
	font-size: 47px;
	font-weight: 700;
	margin-bottom: 0px;
}

.carousel-caption-sub p {
	font-size: 24px;
	padding-top: 0px;
	font-weight: 400;
}

@media (max-width: 992px) {
	.carousel-caption-sub {
		top: 12%;
	}

	.carousel-caption-sub h3 {
		font-size: 31px;
	}

	.carousel-caption-sub p {
		font-size: 17px;
	}
}

/* Sub Visual */
.carouselwrap {
	width: 100%;
	position: relative;
}

.carouselwrap .carousel-inner {
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0;
}

.carousel-bg-sub {
	height: 370px;
	text-align: center;
	background-position: center bottom !important;
	background-size: cover !important;
}

@media (max-width: 992px) {
	.carousel-bg-sub {
		height: 270px;
		text-align: center;
		background-position: center bottom !important;
		background-size: cover !important;
	}
}

.btn-arrow-circle {
	width: 80px;
	height: 80px;
	display: inline-block;
	border-radius: 50px;
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	padding: 0;
	z-index: 100;
}

.btn-arrow-circle-md {
	width: 57px;
	height: 57px;
	display: inline-block;
	border-radius: 20px;
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	padding: 0;
	z-index: 100;
	background-color: #fff;
	font-size: 27px;
	color: #000;
	font-weight: 800 !important;
	padding-top: 10px;
	-webkit-box-shadow: 0px 0px 17px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 17px 5px rgba(0, 0, 0, 0.3);
}

.btn-arrow-circle-sm {
	width: 40px;
	height: 40px;
}

.btn_prev {
	background: transparent url(../image/btn-prev.svg) no-repeat center center;
}

.btn_next {
	background: transparent url(../image/btn-next.svg) no-repeat center center;
}

.btn_prev-w {
	background: transparent url(../image/btn-prev-w.svg) no-repeat center center;
}

.btn_next-w {
	background: transparent url(../image/btn-next-w.svg) no-repeat center center;
}

.btn_prev-bg {
	background-color: #fff;
}

.btn_next-bg {
	background-color: #fff;
}

.btn-arrow-circle-md.btn_prev-bg {
	background-size: 36px;
	font-size: 27px;
	color: #333;
}

.btn-arrow-circle-md.btn_next-bg {
	background-size: 36px;
	font-size: 27px;
	color: #333;
}

@media (max-width: 992px) {
	.btn_prev-bg {
		background-size: 20px;
	}

	.btn_next-bg {
		background-size: 20px;
	}
}

.btn_next-bg-ml {
	margin-left: -27px !important;
}

.btn_next-bg-mr {
	margin-right: -27px !important;
}

@media (max-width: 992px) {
	.btn_next-bg-ml {
		margin-left: 0px !important;
	}

	.btn_next-bg-mr {
		margin-right: 0px !important;
	}
}

.btn_content {
	width: 72px;
	height: 50px;
	padding: 0;
}

.btn_content:focus,
.btn_content.focus {
	outline: 0;
	box-shadow: 0 0 0 0.0rem rgba(0, 123, 255, 0.25);
}

.btn_content_prev {
	background: #fff url(../image/btn_content_prev.svg) no-repeat top left;
	text-align: right;
	border: 0px;
}

.btn_content_next {
	background: #fff url(../image/btn_content_next.svg) no-repeat top right;
	text-align: left;
	border: 0px;
}

.btn_content span {
	display: block;
	padding: 20px 0 0 0;
	font-size: 14px;
}

.btn-arrow-circle-sm.btn_prev,
.btn-arrow-circle-sm.btn_next {
	background-size: 27px;
}

.btn_more {
	background: transparent url(https://www.kornicsemi.com/assets/img/svg/btn-more.svg) no-repeat center center;
}

.tag {
	font-weight: 400;
}

/* end Carousel */
/* Button */
.btn {
	border-radius: 0;
}

.btn-link {
	font-weight: 400;
	color: #555;
	text-decoration: none;
}

.btn-link:hover {
	color: #555;
	text-decoration: none;
}

.btn-primary {
	color: #fff;
	background-color: #245171;
	border-color: #245171;
}

.btn-primary:hover {
	color: #fff;
	background-color: #2f5f7c;
	border-color: #2f5f7c;
}

.btn-primary:focus,
.btn-primary.focus {
	color: #fff;
	box-shadow: 0 0 0 0.2rem rgba(50, 103, 135, 0.3);
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
	background-color: #2f5f7c;
	border-color: #2f5f7c;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #2f5f7c;
	border-color: #2f5f7c;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(50, 103, 135, 0.3);
}

.btn-outline-primary {
	color: #245171;
	border-color: #245171;
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #245171;
	border-color: #245171;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
	box-shadow: 0 0 0 0.2rem rgba(50, 103, 135, 0.3);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: #245171;
	background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color: #245171;
	border-color: #245171;
}

.btn-secondary {
	color: #555555;
	background-color: #dddddd;
	border-color: #dddddd;
}

.btn-secondary:hover {
	color: #555555;
	background-color: #eae8e8;
	border-color: #eae8e8;
}

.btn-secondary:focus,
.btn-secondary.focus {
	box-shadow: 0 0 0 0.2rem rgba(221, 221, 221, 0.3);
}

.btn-outline-secondary {
	color: #555;
	background-color: #fff;
	border-color: #ccc;
}

.btn-outline-secondary:hover {
	color: #000;
	background-color: #fff;
	border-color: #000;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
	box-shadow: 0 0 0 0.1rem rgba(108, 117, 125, 0.1);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
	color: #6c757d;
	background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.1rem rgba(108, 117, 125, 0.1);
}

.btn-outline-light {
	color: #f8f9fa;
	border-color: #f8f9fa;
}

.btn-outline-light:hover {
	color: #f8f9fa;
	background-color: transparent;
	border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
	box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-info {
	color: #fff;
	background-color: #54a02f;
	border-color: #54a02f;
}

.btn-info:hover {
	color: #fff;
	background-color: #3ea8e5;
	border-color: #3ea8e5;
}

.btn-info:focus,
.btn-info.focus {
	color: #fff;
	background-color: #3ea8e5;
	border-color: #3ea8e5;
	box-shadow: 0 0 0 0.1rem rgba(155, 204, 232, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
	color: #fff;
	background-color: #3ea8e5;
	border-color: #3ea8e5;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
	color: #fff;
	background-color: #3ea8e5;
	border-color: #3ea8e5;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(127, 172, 198, 0.5);
}

.btn-outline-info {
	color: #54a02f;
	border-color: #54a02f;
}

.btn-outline-info:hover {
	color: #3ea8e5;
	background-color: #fff;
	border-color: #3ea8e5;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
	box-shadow: 0 0 0 0.2rem rgba(155, 204, 232, 0.5);
	background-color: #fff;
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
	color: #54a02f;
	background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
	color: #54a02f;
	background-color: #fff;
	border-color: #3ea8e5;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(127, 172, 198, 0.5);
}

.btn-round {
	border-radius: 500px !important;
}

.btn-round.btn-lg {
	padding: 7px 20px !important;
	font-size: 19px;
}

.btn-round.btn-sm {
	padding: 8px 20px !important;
}

.btn-circle {
	border-radius: 50%;
	width: 37px;
	height: 37px;
	line-height: 1.3;
	text-align: center;
	padding: 0 0 0 0 !important;
	font-size: 25px;
}

@media (max-width: 992px) {
	.btn-circle {
		padding: 5px 0 0 0 !important;
	}
}

.bggrey {
	clear: both;
	background-color: #f6f6f8;
	vertical-align: middle;
	padding: 50px 0 50px 0;
	overflow: auto;
	margin-bottom: 50px;
}

.bgwhite {
	clear: both;
	background-color: #fff;
	padding: 70px 0 70px 0;
	margin-bottom: 0px;
}

.bizwrap {
	background-color: #fff;
	border: 0px solid #ddd;
	padding: 0px;
	margin-bottom: 50px;
}

.biz-bg {
	height: 400px;
	clear: both;
	background-position: center center;
	background-size: cover;
	text-align: center;
	padding-top: 65px;
	padding-bottom: 0;
}

.bizwrap p {
	padding: 5px 0 7px 0;
	text-align: center;
	color: #fff;
	margin: 0;
	font-size: 24px;
	margin-top: -70px;
	font-weight: 700;
}

@media (max-width: 992px) {
	.bggrey {
		padding: 30px 0 30px 0;
		margin-bottom: 30px;
	}

	.bgwhite {
		padding: 30px 0 30px 0;
		margin-bottom: 0px;
	}

	.bizwrap {
		margin-bottom: 20px;
		font-size: 12px;
		letter-spacing: -1px;
	}

	.biz-bg {
		height: 170px;
		margin-bottom: 30px;
	}

	.bizwrap p {
		font-size: 21px;
		margin-top: -80px;
	}
}

.more {
	float: right;
	margin-top: -2px;
	padding: 0 2px 0 0;
	color: #333;
}

.photowrap {
	background-color: #fff;
	border: 0px solid #ddd;
	padding: 0px;
	margin-bottom: 35px;
	position: relative;
}

.photo-bg {
	height: 210px;
	clear: both;
	background-position: center center;
	background-size: cover;
	text-align: center;
	padding-top: 65px;
	padding-bottom: 0;
}

.photowrap p {
	position: absolute;
	bottom: 30%;
	width: 100%;
	left: 0;
	padding: 5px 0 7px 0;
	text-align: center;
	color: #fff;
	font-size: 21px;
	font-weight: 700;
}

.photowrap:hover .photo-bg {
	opacity: 0.8;
}

@media (max-width: 992px) {
	.photowrap p {
		font-size: 19px;
		font-weight: 600;
	}
}

.mbann {
	margin-top: 20px;
	height: 150px;
	clear: both;
	background-position: center center;
	background-size: cover;
	text-align: center;
	margin-bottom: 30px;
}

.br1 {
	border-right: 1px solid #ddd;
}

@media (max-width: 767px) {
	.br1 {
		border-right: 0px solid #ddd;
		margin-bottom: 20px;
	}
}

/* PageTop */
#pagetop {
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 9999;
}

#pagetop a {
	background-color: #fff;
	display: block;
	width: 64px;
	height: 64px;
	padding: 13px;
	opacity: 0.7;
	text-align: center;
	border-radius: 50px;
	border: 1px solid #ccc;
}

#pagetop a img {
	width: 36px;
	height: 36px;
}

@media (max-width: 992px) {
	#pagetop {
		right: 10px;
		bottom: 20px;
	}

	#pagetop a {
		width: 48px;
		height: 48px;
		padding: 11px;
	}

	#pagetop a img {
		width: 24px;
		height: 24px;
	}
}

.hide {
	display: none;
}

/* end PageTop */

.fulltab {
	position: absolute;
	top: 402px;
	background: rgba(0, 0, 0, .2);
	color: #fff;
	margin-top: 0px;
	z-index: 99;
	width: 100%;
	padding: 0;
}

.fulltab .nav-tabs {
	border-top: 0px solid #ddd;
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
}

.fulltab .nav-tabs>li>a {
	margin-right: 1.7px;
	line-height: 150%;
	border: 0px solid transparent;
	border-radius: 0;
	font-size: 19px;
	font-weight: 500;
	padding: 19px 10px 18px 10px;
	color: #fff;
	background-color: rgba(0, 0, 0, .2);
	cursor: pointer;
	letter-spacing: 0px;
}

.fulltab .nav-tabs>li>a:hover {
	border: 1px solid transparent;
}

.fulltab .nav-tabs .nav-link.active,
.fulltab .nav-tabs .nav-item.show .nav-link {
	color: #245171;
	background-color: #fff;
	font-weight: 800;
	border-top-color: #fff;
	border: 1px solid #fff;
}

@media (max-width: 992px) {
	.fulltab {
		top: 266px;
		height: 49px;
	}

	.fulltab .container {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

	.fulltab .container .col-lg-12 {
		padding-right: -15px !important;
		padding-left: -15px !important;
	}

	.nav-tabs.nav-fill>li>a {
		font-size: 12px;
		padding: 15px 0px;
	}

	.nav-tabs.nav-fill.row2>li>a {}
}

@media (min-width: 112px) {
	.nav-tabs.nav-fill>li {
		display: table-cell;
		width: 1%;
	}

	.nav-tabs.nav-fill>li>a {
		margin-bottom: 0;
	}
}

/* Breadcrumb */
.breadcrumb-wrap {
	clear: both;
	margin: 0;
	padding: 0;

}

.breadcrumb {
	-ms-flex-pack: start !important;
	justify-content: flex-end !important;
	padding: 1.1rem 0rem;
	background-color: transparent;
	border-radius: 0;
	margin: 0;
	text-align: right;
}

.breadcrumb-item+.breadcrumb-item {
	padding-left: 0.5rem;
}

.breadcrumb-item+.breadcrumb-item::before {
	color: #6c757d;
	padding-top: 1px;
	font-family: bootstrap-icons !important;
	content: "\f285";

}

.breadcrumb-item:nth-child(2)::before {
	display: none;
}

.breadcrumb-item a {
	color: #999;
	font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', Helvetica, Arial, sans-serif !important;
}

.breadcrumb-item {
	font-size: 15px;
}

.breadcrumb-item.active {
	font-weight: 500;
	color: #000;
}

@media (max-width: 992px) {
	.breadcrumb-item {
		font-size: 13px;
	}
}

.page-header {
	margin: 0 0 10px;
	padding: 0;
	text-align: left;
}

.page-header h3 {
	letter-spacing: -2px;
	font-weight: 800;
	font-size: 40px;
	margin: 0;
	padding: 5px 0 5px 0;
	color: #000;
	z-index: 1;
}

.page-header p {
	letter-spacing: -1px;
	font-weight: 700;
	font-size: 27px;
	margin: 0;
	padding: 5px 0 25px 0;
	color: #00355F;
}

.page-header p small {
	font-size: 21px;
}

.page-header-sub h3 {
	color: #00355F;
	font-size: 24px;
	line-height: 35px;
	text-align: left;
	padding-top: 0;
	margin: 10px 0 17px 0;
	font-weight: 700;
}

.page-header-sub p {
	line-height: 140%;
	text-align: center;
	margin: 10px 0 47px 0;
}

h4.page-header-sub {
	color: #245171;
	font-size: 23px;
	line-height: 32px;
	position: relative;
	padding-top: 13px;
	letter-spacing: 0;
	font-weight: 800;
	margin: 0px 0 17px 0;
}

h4.page-header-sub span {
	border-top: 2px solid #245171;
	padding-top: 5px;
	height: 5px;
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	display: inline-block;
}

@media (max-width: 992px) {
	.page-header h3 {
		font-size: 30px;
	}

	.page-header p {
		font-size: 17px;
	}

	.page-header p small {
		font-size: 14px;
	}

	.page-header-sub h3 {
		font-size: 21px;
		line-height: 29px;
		margin: 10px 0 17px 0;
	}

	h3.page-header-sub {
		font-size: 39px;
		position: relative;
		padding-top: 0;
		margin: 0 0 30px 0;
		letter-spacing: 0;
		font-weight: 700;
	}

	h4.page-header-sub {
		font-size: 17px;
		line-height: 21px;
		position: relative;
		padding-top: 13px;
		letter-spacing: 0;
		margin: 10px 0 17px 0;
	}
}

.overview {
	font-size: 21px;
	line-height: 170%;
	margin: 20px 0;
	padding: 60px 200px 0 70px;
	background: url(https://www.kornicsemi.com/assets/img/bg-overview.jpg) no-repeat right bottom;
	background-size: cover;
	background-repeat: no-repeat !important;
	height: 230px;
	color: #333;
	border: 0px;
	font-weight: 600;
	text-align: left;
}

.table {
	border-top: 2px solid #245171;
	background-color: #fff;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	border-top: 0px solid #ddd;
}

.table th,
.table td {
	vertical-align: middle !important;
	border-bottom: 1px solid #ddd;
	text-align: center;
	font-size: 17px;
}

.table td {
	text-align: center;
	line-height: 160%;
	padding: 10px 20px 10px 20px !important;
	font-weight: 400;
}

.table th {
	vertical-align: middle;
	background-color: #f7f7f7;
	border-right: 1px solid #dbdbdb;
	text-align: center;
	padding: 10px 20px 10px 20px !important;
	line-height: 160%;
	font-weight: 700;
}

@media (max-width: 992px) {

	.table th,
	.table td {
		font-size: 15px;
	}

	.overview {
		font-size: 13px;
		line-height: 170%;
		margin: 10px 0;
		padding: 10px 30px 0 20px;
		height: 230px;
		text-align: left;
	}
}

.table-company {
	border-top: 0px solid #dbdbdb;
	border-bottom: 0px solid #dbdbdb;
	margin-bottom: 0;
}

.table-company td,
.table-company th {
	background-color: #fff;
	color: #333;
	font-size: 17px;
	padding: 10px 15px 10px 15px !important;
	vertical-align: middle !important;
}

.table-company tr:first-child td,
.table-company tr:first-child th {
	border-top: 0px solid #dee2e6 !important;
}

hr {
	margin: 0;
}

.circlelg {
	border-radius: 50%;
	background-color: #25b0c9;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	width: 210px;
	height: 210px;
	background-color: #72d4df;
	margin-bottom: 20px;
	padding: 0;
	font-size: 21px;
}

.circlelg h6 {
	font-weight: 700;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	font-size: 27px;
	letter-spacing: -1px;
	line-height: 130%;
}

@media (max-width: 992px) {
	.circlelg {
		width: 100px;
		height: 100px;
		font-size: 13px;
		margin-bottom: 20px;
	}

	.circlelg h6 {
		font-weight: 700;
		font-size: 13px;
	}

	.table-company td,
	.table-company th {
		font-size: 13px;
	}
}

.circle2 {
	background-color: #34b2e4;
}

.circle3 {
	background-color: #065381;
}

.circle4 {
	background-color: #306e73;
}

.circle5 {
	background-color: #ff5335;
}

.circle6 {
	background-color: #e34856;
}

.historywrap {
	height: 500px;
}

.history {
	overflow: hidden;
	margin-top: 30px;
	margin-left: 30px;
}

@media (max-width: 992px) {
	.history {
		margin-left: 0px;
	}
}

.history dl {
	margin: 0;
	overflow: hidden;
	padding: 5px 0 0px 50px;
	background: url(../image/bg_history.svg) no-repeat top left;
}

.history dl dt {
	float: left;
	text-align: center;
	font-weight: 800;
	font-size: 27px;
	line-height: 27px;
	width: 120px;
	color: #245171;
	display: inline-block;
	letter-spacing: -1px;
	padding: 0 20px 20px 0;
}

@media (max-width: 992px) {
	.history dl {
		padding: 5px 0 0px 30px;
	}

	.history dl dt {
		font-weight: 700;
		font-size: 21px;
		width: 100px;
	}
}

.history li {
	overflow: hidden;
	margin: 0 0 10px 0;
}

.history li.date {
	width: 50px;
	padding: 0 10px;
	display: block;
	float: left;
	font-weight: 700;
	text-align: center;
}

.history ul {
	float: left;
	overflow: hidden;
	padding: 0 0 10px 0;
}

.bgwhitewrap {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 30px;
}

@media (max-width: 992px) {
	.bgwhitewrap {
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 20px 15px;
	}
}

.bggreywrap {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 30px;
}

@media (max-width: 992px) {
	.bggreywrap {
		padding: 20px;
		margin-bottom: 20px;
	}
}

.page-header-title {
	border-radius: 10px;
	background-color: #a0b207;
	color: #fff;
	padding: 30px;
	height: 222px;
	text-align: center;
	margin: 0;
	margin-bottom: 30px;
}

@media (max-width: 992px) {
	.page-header-title {
		padding: 20px;
		height: auto;
		margin-bottom: 20px;
	}
}

.bggreywrap strong {
	display: block;
	font-size: 19px;
}

@media (max-width: 992px) {
	.bggreywrap strong {
		font-size: 17px;
	}
}

.newswrap {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 30px;
	margin-bottom: 30px;
}

.news-bg {
	height: 230px;
	clear: both;
	background-position: center center;
	background-size: cover;
	text-align: center;
	margin: -30px -30px 0 -30px;
	border-bottom: 1px solid #ddd;
}

strong.title {
	display: block;
}

@media (max-width: 992px) {
	strong.title {
		margin-bottom: 10px;
	}

	.newswrap {
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 20px 15px;
	}

	.news-bg {
		margin: -20px -15px 0 -15px;
		border-bottom: 1px solid #ddd;
		height: 170px;
	}
}

.newswrap strong {
	font-weight: 700;
	font-size: 21px;
	display: block;
	min-height: 100px;
	margin-top: 20px;
	line-height: 160%;
}

.newswrap span {
	font-weight: 500;
	font-size: 17px;
	display: block;
	text-align: right;
	color: #777;
}

@media (max-width: 992px) {
	.newswrap strong {
		font-size: 15px;
		min-height: auto;
	}

	.newswrap span {
		font-size: 12px;
	}
}

ul.mlist {
	margin: 10px 0 20px 0;
	padding: 0;
}

ul.mlist li {
	background: url(https://www.kornicsemi.com/assets/img/blt01.png) no-repeat 0 11px;
	padding: 7px 0 7px 0px;
	line-height: 130%;
}

ul.mlist li a {
	display: flex;
}

ul.mlist li a p {
	padding-right: 20px;
	flex: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

ul.list {
	margin: 0;
	padding: 0;
}

ul.list li {
	background: url(../image/blt.svg) no-repeat 0 10px;
	padding: 3px 0 3px 20px;
	line-height: 150%;
	font-size: 17px;
	font-weight: 600;
}

@media (max-width: 992px) {
	ul.list li {
		background: url(../image/blt.svg) no-repeat 0 9px;
		background-size: 5px 5px;
		padding: 3px 0 3px 10px;
		font-size: 15px;
		letter-spacing: 0px;
	}
}

/* Process */
.process {
	margin: 0;
	padding: 0;
	width: 100%;
}

.process li {
	float: left;
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	height: 50px;
	padding-top: 12px;
	padding-right: 20px;
}

.process li.step1 {
	background: #8ec1d6 url(https://www.kornicsemi.com/assets/img/bg_process1.jpg) no-repeat top right;
	width: 25%;
}

.process li.step2 {
	background: #5aa8ca url(https://www.kornicsemi.com/assets/img/bg_process2.jpg) no-repeat top right;
	width: 25%;
}

.process li.step3 {
	background: #3790ba url(https://www.kornicsemi.com/assets/img/bg_process3.jpg) no-repeat top right;
	width: 25%;
}

.process li.step4 {
	background-color: #1c74a0;
	width: 25%;
}

@media (max-width: 992px) {
	.process li {
		float: none;
		display: block;
		padding-right: 0px;
	}

	.process li.arrow {
		padding-top: 5px;
		color: #b5dded;
		height: auto;
	}

	.process li.step1 {
		background: #8ec1d6 url(none) no-repeat top right;
		width: 100%;
	}

	.process li.step2 {
		background: #5aa8ca url(none) no-repeat top right;
		width: 100%;
	}

	.process li.step3 {
		background: #3790ba url(none) no-repeat top right;
		width: 100%;
	}

	.process li.step4 {
		width: 100%;
	}
}

.process h5 {
	padding: 15px 0 10px 0;
	width: 120px;
	height: calc(100% - 10px);
	vertical-align: middle;
	top: 0;
	left: 0;
	margin: 5px;
	text-align: center;
	color: #fff;
	background-color: #3dc1ce;
	border-radius: 6px;
}

.processtext {
	margin-left: 120px;
	padding: 10px 10px 10px 20px;
}

.close {
	float: right;
	display: inline-block;

	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

.modal-header .close {
	padding: 1rem 1rem;
	margin: -0.5rem -1rem -1rem auto;
}

.modal-header {
	padding: 1rem 2rem;
}

.modal-body {
	padding: 2rem;
}

.modal-footer {
	-ms-flex-pack: center !important;
	justify-content: center !important;
	padding: 0.75rem;
	border-top: 1px solid #dee2e6;
}

.linebox {
	border: 1px solid #ddd;
	overflow: auto;
}

.linebox .col-sm-4,
.mcontent .col-xs-6 {
	padding-right: 0px;
	padding-left: 0px;
}

.bdright {
	border-right: 1px solid #ddd;
}

.bdrightm {
	border-right: 1px solid #ddd !important;
}

@media (max-width: 767px) {
	.bdright {
		border-right: 0px solid #ddd;
	}
}

.bdbottom {
	border-bottom: 1px solid #ddd;
}

/* Tabs */
ul.tabs {
	height: 60px;
	float: left;
	background: #fff;
	margin: 0;
	position: relative;
	width: 100%;
	padding: 0;
}

ul.tabs li {
	display: inline;
	list-style-type: none;
	background: 0;
	padding: 0;
	color: #333;
	text-align: center;
}

ul.tabs li a {
	color: #333;
	padding: 18px 0px !important;
	text-decoration: none;
	float: left;
	width: 25%;
	margin: 0;
	font-size: 17px;
	font-weight: bold;
	height: 57px;
	line-height: 110%;
	font-weight: 500;
	border: 1px solid #dcdcdc;
	border-bottom: 1px solid #245171;
	border-right: none;
}

ul.tabs li:last-child a {
	border-right: 1px solid #dcdcdc;
}

ul.tabs li a small {
	font-size: 15px;
}

@media (max-width: 992px) {
	ul.tabs li a small {
		font-size: 12px;
	}
}

ul.tabs.five li a {
	width: 20%;
}

ul.tabs.three li a {
	width: 33.3333%;
}

ul.tabs.two li a {
	width: 50%;
}

ul.tabs li a:hover {
	font-weight: 700;
}

ul.tabs li.current a {
	color: #fff;
	height: 57px;
	background-color: #00355F;
	border: 1px solid #245171;
	border-bottom: 1px solid #245171;
}

ul.tabs li.current+li {
	border-left: none;
}

ul.tabs li.current a:hover {
	color: #fff;
}

ul.tabs li.sub a {
	background: #fff url(none) center bottom no-repeat;
	border-bottom: 5px solid #ddd;
	color: #555;
	height: 68px;
	background: #fff;
	font-size: 27px;
}

@media (max-width: 992px) {
	ul.tabs {
		height: 52px;
	}

	ul.tabs li {
		height: 52px;
	}

	ul.tabs li.current a {
		height: 52px;
	}

	ul.tabs li a {
		font-size: 12px;
		height: 52px;
	}
}

.about {
	margin-top: 50px;
}

.group_list {
	height: 100%;
	display: block;
	transition: background 0.3s ease-in-out;
	margin-bottom: 30px;
}

@media (max-width: 992px) {
	.group_list {}
}

.group_top {
	position: relative;
	flex: 1;
	padding: 20px;
	padding-bottom: 49px;
	background-color: #f5f6f8;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	color: #000;
	height: 162px;
	transition: color 0.0s ease-in-out;
}

.group_list:hover .group_top {
	border: 1px solid #00355f;
	background-color: #00355f;
	border-bottom: 1px solid #dcdcdc;
	color: #fff;
}

.group_top strong {
	display: block;
	font-size: 21px;
	font-weight: 700;
}

.group_top p {
	margin-top: 8px;
	margin-bottom: 19px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
}

.group_top span {
	position: absolute;
	left: 20px;
	bottom: 27px;
	display: block;
	font-size: 15px;
	font-weight: 300;
	color: #00355F;
	transition: color 0.3s ease-in-out;
}

.group_list:hover .group_top span {
	color: #d8f512;
}

.group_top span .bi {
	display: inline-block;
	line-height: 12px;
	font-size: 12px;
}

.group_btm {
	background-color: #fff;
	border: 1px solid #dcdcdc;
	border-top: none;
	box-sizing: border-box;
	text-align: center;
}

.productlistwrap {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 15px 20px;
	margin-bottom: 30px;
	text-align: center;
	min-height: 460px;
}

.productlistwrap h6 {
	font-size: 25px;
	font-weight: 700;
	color: #00355F;
	line-height: 130%;
}

.productlistwrap p {
	font-size: 17px;
}

.productlistwrap img {
	max-height: 300px;
	margin-bottom: 10px;
}

.productlistwrap:hover {
	border-color: #8dad13;
}

.productlistwrap:hover h6 {
	color: #8dad13;
}

@media (max-width: 992px) {
	.productlistwrap {
		padding: 15px 15px;
		margin-bottom: 20px;
		min-height: auto;
	}

	.productlistwrap h6 {
		font-size: 19px;
	}

	.productlistwrap p {
		font-size: 15px;
	}
}

.nav.flex-column {
	padding-top: 20px;
	padding-right: 30px;
	margin-bottom: 30px;
}

@media (max-width: 992px) {
	.nav.flex-column {
		padding-top: 0px;
		padding-right: 0px;
	}
}

.nav.flex-column .nav-link {
	border: 1px solid #ddd;
	padding: 15px 20px;
	text-align: center;
	margin-top: -1px;
	height: 62px;
	position: relative;
}

.nav.flex-column .nav-link.active::after {
	content: '';
	display: block;
	position: absolute;
	right: 0px;
	top: 0;
	width: 5px;
	height: 60px;
	background: #245171;
}

@media (max-width: 992px) {
	.nav.flex-column .nav-link {
		height: 42px;
		padding: 10px 20px;
	}

	.nav.flex-column .nav-link.active::after {
		height: 40px;
	}
}

.bizimgwrap {
	background: rgba(36, 81, 113, 0.05);
	padding: 50px;
	margin-right: 30px;
}

@media (max-width: 992px) {
	.bizimgwrap {
		padding: 37px;
		margin-right: 0px;
	}
}

.form-control {

	border-radius: 0px;
}

.formwrap {
	padding: 20px 20px;
	border-top: 2px solid #245171;
}

.formwrap .form-group {
	border-bottom: 1px solid #ddd;
	padding: 0 0 15px 0;
	margin-bottom: 15px;
}

.formwrap .form-group.nobd {
	border-bottom: 0px solid #ddd;
}

.formwrap .form-group.topbd {
	border-top: 1px solid #ddd;
	padding-top: 8px;
}

.formwrap .form-group .point {
	color: #50b848 !important;
}

.control-label {
	font-size: 15px;
	color: #000 !important;
}

.itle {
	display: block;
	margin: 10px 0;
}

@media (min-width: 768px) {
	.form-horizontal .control-label {
		padding-top: 7px;
		margin-bottom: 0;
		text-align: left;
	}
}

textarea.form-control[disabled],
textarea.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #fff;
}

.required {
	color: #ff0000;
	font-size: 15px;
	font-weight: 700;
	margin-left: 3px;
	line-height: 21px;
	vertical-align: middle;
}

.required:after {
	content: "*";
	margin-top: 3px;
}

.required.point {
	color: #0d8dc5;
}

.input-required {
	border: 1px solid #c90e2d !important;
}

@media (max-width: 767px) {

	.input-max,
	.input-sm,
	.input-ss,
	.input-xs {
		width: 100% !important;
		max-width: 100% !important;
	}

	.input-group,
	.form-control {
		margin-bottom: 5px;
		border-radius: 4px;
	}
}

.input-group-addon {
	font-size: 13px;
	background-color: transparent;
	border: 0px solid #ccc;
	border-radius: 0px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 400;
}

.unit {
	float: right;
	font-size: 11px;
	font-weight: 400;
}

/* Check & Radio */
.control {
	position: relative;
	display: inline-block;
	padding-left: 26px;
	cursor: pointer;
	font-weight: 400;
	font-size: 15px;
	color: #333 !important;
}

.control input {
	position: absolute;
	opacity: 0;
	z-index: -1
}

.control-indicator {
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 20px !important;
	height: 20px !important;
	line-height: 14px;
	font-size: 14px !important;
	padding: 0;
	color: #333;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	border: 2px solid #b8c5d0;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.control input:checked~.control-indicator {
	color: #0088e8;
	background-color: #fff;
}

.control input:active~.control-indicator {
	color: #0088e8;
	background-color: #fff;
}

.checkbox .control-indicator {
	border-radius: .0px
}

.checkbox input:checked~.control-indicator {
	background-image: url(../image/form-checked-on.svg)
}

.radio .control-indicator {
	border-radius: 50%
}

.radio input:checked~.control-indicator {
	background-image: url(../image/form-checked-on.svg)
}

.formwrap .form-group small {
	font-size: 13px;
}

.help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #737373;
	font-size: 15px !important;
}

.inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 767.98px) {
	.inner {
		width: 100%;
	}
}

.sch_area {
	margin-top: 30px;
	position: relative;
	font-size: 17px;
	min-height: 500px;
	background: url("../image/sch_line_bg.jpg") repeat-y 50% 0;
	color: #000;
}

.sch_cont {
	line-height: 1.3 !important;
	color: #999;
}

.sch_area ul {
	width: 100%;
	display: block;
}

.sch_area .left_line {
	list-style-type: none !important;
	width: 50%;
	height: auto;
	text-align: right;
	padding-right: 55px;
	padding-top: 0px;
	position: relative;
}

.sch_area .right_line {
	list-style-type: none !important;
	width: 50%;
	height: auto;
	text-align: left;
	padding-left: 55px;
	padding-top: 0px;
	position: relative;
	margin-left: 50%;
}

.sch_area li strong {
	color: #000;
	display: block;
	padding-left: 20px;
	position: relative;
	line-height: 1.7 !important;
	min-height: 120px;
}

.sch_area .left_line strong li {
	background: url(../image/blt2.svg) no-repeat top right;
	padding: 0 20px 0 0px;
}

.sch_area .right_line strong li {
	background: url(../image/blt2.svg) no-repeat top left;
	padding: 0 0px 0 20px;
}

@media (max-width: 992px) {
	.sch_area .left_line strong li {
		background: url(../image/blt2.svg) no-repeat top left;
		padding: 0 0px 0 20px;
	}
}

.sch_area li strong small {
	display: inline-block;
	color: #777;
	font-size: 1em;
	font-weight: 800;
}

.sch_area .left_line strong {
	padding-right: 20px;
}

.sch_area .left_line strong small {
	position: absolute;
	right: 10px;
}

.sch_area p {
	margin-bottom: 5px;
}

.sch_area span {
	display: inline-block;
	color: #fff;
	font-size: 21px;
	font-weight: 700;
	position: absolute;
	top: 0px;
	width: 86px;
	height: 86px;
	background-color: #06478f;
	border-radius: 500px;
	z-index: 999999;
	text-align: center;
	padding-top: 27px;
}

.sch_area span.point {
	background-color: #a8ba10;
}

.sch_area .left_line span {
	right: -43px;
}

.sch_area .right_line span {
	left: -43px;
}

.sch_area .location {
	position: relative;
	padding-bottom: 10px;
}

@media (max-width: 992px) {
	.sch_area {
		font-size: 14px;
		background: url("../image/sch_line_bg.jpg") repeat-y 26px 0;
	}

	.sch_area span {
		font-size: 15px;
		top: 10px;
		width: 56px;
		height: 56px;
		padding-top: 17px;
	}

	.sch_area li strong {
		padding-left: 10px;
	}

	.sch_area .left_line strong small {
		left: 10px;
		right: auto;
	}

	.sch_area .left_line {
		width: 90%;
		height: auto;
		text-align: left;
		padding-left: 55px;
		padding-top: 10px;
		padding-right: 0;
		margin-left: 0%;
	}

	.sch_area .right_line {
		width: 90%;
		height: auto;
		text-align: left;
		padding-left: 55px;
		padding-top: 10px;
		position: relative;
		margin-left: 0%;
	}

	.sch_area .left_line span,
	.sch_area .right_line span {
		left: 0px;
		right: auto;
	}

	.sch_area .left_line strong {
		padding-left: 10px;
		padding-right: 0;
	}
}

.nav.nav-vision.flex-column .nav-link {
	border: 0px solid #ddd;
	padding: 15px 20px;
	text-align: center;
	margin-top: -1px;
	height: auto;
	position: relative;
}

.nav-vision img {
	width: 170px;
	height: 170px;
	border-radius: 500px;
	margin-bottom: 15px;
}

.nav-vision strong {
	display: block;
	font-size: 21px !important;
	font-weight: 700 !important;
	line-height: 1.7;
}

.nav-vision small {
	font-size: 23px !important;
	font-weight: 800 !important;
	line-height: 1.7;
	color: #ff0000;
}

.nav-vision span {
	display: block;
	font-size: 17px !important;
	font-weight: 800;
	line-height: 1.7;
}

.title-vision {
	text-align: center;
	font-weight: 800;
	line-height: 1.6;
	margin: 0;
}

@media (max-width: 992px) {
	.nav-vision strong {
		display: block;
		font-size: 17px !important;
		font-weight: 700 !important;
		line-height: 1.7;
	}

	.nav-vision small {
		font-size: 19px !important;
		font-weight: 800 !important;
		line-height: 1.7;
		color: #ff0000;
	}

	.nav-vision span {
		display: block;
		font-size: 15px !important;
		font-weight: 800;
		line-height: 1.7;
	}

}

.text-danger {
	color: #ff0000 !important;
}

a.text-danger:hover,
a.text-danger:focus {
	color: #ff0000 !important;
}

.nav.nav-flow.flex-column {
	margin-left: -20px;
	margin-right: -20px;
}

@media (max-width: 992px) {
	.nav.nav-flow.flex-column {
		margin-left: -20px;
		margin-right: -20px;
	}
}

.nav.nav-flow.flex-column .nav-link {
	border: 1px solid #245171;
	border-radius: 0;
	padding: 15px 20px;
	text-align: center;
	margin-top: -1px;
	margin: 10px 20px;
	height: auto;
	position: relative;
}

.nav.nav-flow.flex-column .nav-link.point {
	border: 1px solid #a0b207;
	color: #a0b207;
}

.nav.nav-flow.flex-column .nav-link::after {
	z-index: 1;
	font-family: "bootstrap-icons";
	position: absolute;
	top: 12px;
	right: -25px;
	display: block;
	width: 16px;
	height: 16px;
	font-size: 21px;
	font-weight: 700;
	content: "\f285";
	margin-right: -2px;
	color: #777;
}

.nav.nav-flow.flex-column .nav-link.point::after {
	content: "";
}

@media (max-width: 992px) {
	.nav.nav-flow.flex-column .nav-link {
		margin-bottom: 35px;
	}

	.nav.nav-flow.flex-column .nav-link::after {
		top: auto;
		bottom: -25px;
		right: 50%;
		margin-right: -8px;
		display: block;
		content: "\f282";
	}

	.nav.nav-flow.flex-column .nav-link.point::after {
		content: "";
	}
}

.bgpointwrap {
	background: rgba(36, 81, 113, 0.05);
	padding: 30px;
	border-radius: 20px;
}

.page-link {
	color: #333;
	border: 0px solid #dee2e6;
}

.page-link:hover {
	z-index: 2;
	color: #0056b3;
	text-decoration: none;
	background-color: #fff;
	border-color: #fff;
}

.tab_con .content {
	display: none;
}

.tab_con .content.current {
	display: block;
}

.pagination {
	margin-top: 1.875rem;
	justify-content: center;
}

.pagination li {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #333;
	border: 0px solid #dee2e6;
	background-color: #fff;
}

.pagination li.active {
	color: #245171;
	font-weight: 600;
}

.pagination li a {
	position: relative;
	display: block;
	padding: unset;
	margin-left: -1px;
	line-height: 1.25;
	color: #333;
	border: 0px solid #dee2e6;
	background-color: #fff;
}

.list_video .product_item a{
	display: block;
}

.list_video .product_item .over {
	position: relative;
}

.list_video .product_item .over .i {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url(../image/Play.svg);
	background-size: cover;
	z-index: 9;
}

.list_video .product_item .over img {
	width: 100%;
}

.list_video .product_item .txt {
	font-size: 1.25rem;
	text-align: center;
	padding: 20px 0;
}