@charset "utf-8";

/* 기본 */
body {
  overflow-x: hidden;
  font-family: "Noto Sans KR", "Roboto", "Malgun Gothic", "Malgun Gothic", sans-serif;
  font-weight: 400;
  color: #595757;
  font-size: 18px;
  line-height: 1.4;
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

html, h1, h2, h3, h4, h5, h6, form, fieldset, select, img {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: 700;
}

select {
	font-weight: 400;
}

p {
  margin: 0;
  padding: 0;
}
b, strong {
  font-weight: 700;
}
a, a:active, a:focus {
  color: #333;
  text-decoration: none;
}

a:hover, a:active {
  color: #333;
  text-decoration: none;
}

a:focus, a:active, 
button:focus, button:active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: none;
}

ul, dl, dt, dd, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {max-width: 100%;}

video {
  background-size: cover;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
input, textarea, select {
  border: 1px solid #d1d1d1;
  max-width: 100%;
  resize: none;
}

input[type="button"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="submit"],
textarea {
  width: auto;
  outline: none;
  -webkit-appearance: none;
}
input[type="file"] {color: #999; cursor: pointer;}
input:focus,
textarea:focus {
  border-color: #ddd;
  outline: none;
}

input[type="button"]:focus {outline: none;}

table {
  width: 100%;
}

select {
	background-image: url("../images/common/select-arrow-down.png");
	padding: 10px 30px 10px 10px;
	background-size: 10px 8px;
	background-position: right 15px center;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select::-ms-expand {display: none;}
select:focus {outline: none;}
button {
  border: 1px solid #000;
  background: #fff;
  cursor: pointer;
}

figure {margin-bottom: 0;}

label, input, button, select, img {vertical-align: middle;}
iframe {border: 0;}
fieldset legend, hr {display: none;}

legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}

::selection {
  color: #000;
  background: #dbdbdb;
}
::-moz-selection {
  color: #000;
  background: #dbdbdb;
}

::-webkit-input-placeholder {
  color: #9f9f9f;
  text-overflow: ellipsis;
}
::-moz-placeholder {
  color: #9f9f9f;
  text-overflow: ellipsis;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #9f9f9f;
  text-overflow: ellipsis;
  opacity: 1;
}


@media only screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }

}