/**
 * --------------------------------------------------------------
 * Miscellaneous
 * --------------------------------------------------------------
 */
* {  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}


/**
 * --------------------------------------------------------------
 * Bootstrap Containers
 * --------------------------------------------------------------
 */
html, body {
	background:			#FFFFFF;
	color:				#373737;
	font-family:		"Noto Sans KR", "Sarabun", sans-serif !important;
	height:				100%;
	margin:				0px;
	padding:			0px;
	width:				100%;
	overflow-x:			hidden;
}

div.container, div.container-fluid, section.container, section.container-fluid {
	background-color:	transparent;
}

div.card {
	border:				none !important;
	border-radius:		0 !important;
	color:				#373737;
}

hr {
	border-top:			2px solid #373737 !important;
}

span.required {
	color:				#FF0000;
}


/**
 * --------------------------------------------------------------
 * Texts
 * --------------------------------------------------------------
 */
.text-highlight {
	background-color:	#000000;
}

h1, h2, h3, h4, h5, h6, ul li, ol li {
	color:				#373737;
	font-family:		"Noto Sans KR", "Sarabun", sans-serif;
}

h1 {
	font-size:			26px;
	font-weight:		bold;
	line-height:		40px;
	text-transform:		uppercase;
}

h2 {
	font-size:			22px;
	font-weight:		bold;
	line-height:		40px;
	text-transform:		uppercase;
}

h3 {
	font-size:			18px;
	font-weight:		bold;
	line-height:		40px;
	text-align:			left;
}

h4 {
	font-size:			18px;
	font-weight:		normal;
	letter-spacing:		1px;
	line-height:		40px;
}

h5 {
	font-weight:		normal;
	/*letter-spacing:		1px;*/
	/*line-height:		40px;*/
}

p {
	font-family:		"Noto Sans KR", 'Sarabun', sans-serif;
	font-size:			16px;
	margin:				0 0 1em;
}

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

a:hover {
	color:				#797979;
	text-decoration:	none;
}

figcaption.figure-caption {
	font-family:		"Noto Sans KR", "Sarabun", sans-serif;
	font-size:			18px;
}

#product_navbar a.nav-link:hover {
	color:				#797979 !important;
}

label, .form-control, .custom-select, button.btn, div.alert, legend, table.table {
	font-family:		"Noto Sans KR", 'Sarabun', sans-serif;
}

::-webkit-input-placeholder {
	font-style: italic;
}

:-moz-placeholder {
	font-style: italic;  
}

::-moz-placeholder {
	font-style: italic;  
}

:-ms-input-placeholder {  
	font-style: italic; 
}


/**
 * --------------------------------------------------------------
 * Tables
 * --------------------------------------------------------------
 */
table.table {
	background-color:	transparent;
	/*border-spacing:		0;*/
	border-collapse:	collapse;
	overflow-x:			scroll;
	text-transform:		uppercase;
}

table.table td, table.table th {
	float:				none;
	position:			static;
	/*padding:			0;*/
	vertical-align:		middle !important;
}

table.table tr, table.table tr img {
	page-break-inside:	avoid;
}

table.table th {
	text-align:			left;
}

table.table thead {
	display:			table-header-group;
}


/**
 * --------------------------------------------------------------
 * Google Map Responsiveness
 * --------------------------------------------------------------
 */
.map-responsive {
	overflow:			hidden;
	padding-bottom:		56.25%;
	position:			relative;
	height:				0;
}
.map-responsive iframe {
	left:				0;
	top:				0;
	height:				100%;
	width:				100%;
	position:			absolute;
}