@charset "UTF-8";
@import url('hts_font.css');

/**
 *reset 
 */
 
* {
	margin:0;
	padding:0;
	box-sizing:border-box
}

html, body {
	width:100%;
	min-height:100%;
	word-wrap:break-word;
	-webkit-text-size-adjust:100%;
	background-color:#dedddf
}

body, input, select, textarea, button { 
	line-height:1.5;
	letter-spacing:-0.5px;
	font-size:12px; 
	font-family: 'Noto Sans KR', sans-serif;
}

img {
	border-style:none;
	vertical-align:middle
}

a {
	color:#333;
	text-decoration:none;
	transition:all 0.3s
}

a:active, a:hover {
	text-decoration:none
}

table {
	width:100%; 
	border-collapse:separate;
	border-spacing:0;
	table-layout:fixed
}

ol, ul, li {
    list-style:none
}

h1, h2, h3, h4, h5, strong {
	font-weight:500
}

input, select, button:focus, button:active, textarea {
	outline:none
}

input, select {
	-webkit-appearance:none;
	-webkit-border-radius:0
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px white inset !important
}
   
input::-ms-clear {
	display:none
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color:#ccc
}

input::-moz-placeholder, textarea:focus::-moz-placeholder {
	color:#ccc
}

input:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
	color:#ccc
}

input:-moz-placeholder, textarea:focus:-moz-placeholder {
	color:#ccc
}

select {
	-webkit-appearance:none; 
	-moz-appearance:none; 
	-o-appearance:none; 
	appearance:none;  
	background-image:url('../images/hts/select.jpg');
	background-repeat:no-repeat;
	background-position:center right 8px;
}

select::-ms-expand {
	display:none
}

textarea {
	overflow:auto
}

button {
	color:#000;
	-webkit-appearance: button;
	border-style: none;
	cursor:pointer;
	background-color:transparent
}

/**
 *layout 
 */

.content {
	max-width:854px;
	border:1px solid #eaeaea
}

.hidden, caption, legend {
	display:inline-block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:0;
	height:0;
	font-size:0; 
	line-height:0; 
	border:0; 
	overflow:hidden
}

.mo_view {
	display:none
}

@media all and (max-width: 788px) {
	.mo_view {
		display:block
	}

	.mo_none {
		display:none
	}	
}