@charset "utf-8";
@import url('contents.css');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

/* ### �߰� 2018-07-30 ### Start */
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 700;
    src: local('Spoqa Han Sans Bold'),
    url('https://cdn.rawgit.com/spoqa/spoqa-han-sans/01ff0283/Subset/SpoqaHanSans/SpoqaHanSansBold.woff2') format('woff2'),
    url('https://cdn.rawgit.com/spoqa/spoqa-han-sans/01ff0283/Subset/SpoqaHanSans/SpoqaHanSansBold.woff') format('woff'),
    url('https://cdn.rawgit.com/spoqa/spoqa-han-sans/01ff0283/Subset/SpoqaHanSans/SpoqaHanSansBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 400;
    src: local('Spoqa Han Sans Regular'),
    url('https://cdn.rawgit.com/spoqa/spoqa-han-sans/01ff0283/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff2') format('woff2'),
    url('https://cdn.rawgit.com/spoqa/spoqa-han-sans/01ff0283/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff') format('woff'),
    url('https://cdn.rawgit.com/spoqa/spoqa-han-sans/01ff0283/Subset/SpoqaHanSans/SpoqaHanSansRegular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 300;
    src: local('Spoqa Han Sans Light'),
    url('https://cdn.rawgit.com/spoqa/spoqa-han-sans/01ff0283/Subset/SpoqaHanSans/SpoqaHanSansLight.woff2') format('woff2'),
    url('https://cdn.rawgit.com/spoqa/spoqa-han-sans/01ff0283/Subset/SpoqaHanSans/SpoqaHanSansLight.woff') format('woff'),
    url('https://cdn.rawgit.com/spoqa/spoqa-han-sans/01ff0283/Subset/SpoqaHanSans/SpoqaHanSansLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 100;
    src: local('Spoqa Han Sans Thin'),
    url('https://cdn.rawgit.com/spoqa/spoqa-han-sans/01ff0283/Subset/SpoqaHanSans/SpoqaHanSansThin.woff2') format('woff2'),
    url('https://cdn.rawgit.com/spoqa/spoqa-han-sans/01ff0283/Subset/SpoqaHanSans/SpoqaHanSansThin.woff') format('woff'),
    url('https://cdn.rawgit.com/spoqa/spoqa-han-sans/01ff0283/Subset/SpoqaHanSans/SpoqaHanSansThin.ttf') format('truetype');
}
/* ### �߰� 2018-07-30 ### End */


* {
	font-family: 'Spoqa Han Sans','Sans-serif';
	font-size: 12px;
}
body {
	margin: 0px;
	padding: 0px;
	min-width: 320px;
	font-weight: 300;
	color: #151515;
	-webkit-text-size-adjust: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
img {
	margin: 0px;
	border: 0px;
}
fieldset {
	border: 0px;
}
div {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
dl,ul,ol,li,dd,dt {
	list-style-type: none:lower-latin;
}
ul,ol, li, dl, dt, dd {
	margin: 0px;
	padding: 0px;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
caption {
	height: 0px;
	text-indent: -9999px;
}
td,th {
	vertical-align: middle;
	word-break: break-all;
	word-wrap: break-all;
}
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px;
	padding: 0px;
}
input[type="text"], input[type="date"], input[type="password"], input[type="tel"], input[type="number"] {
    -webkit-appearance: none;
    margin: 0 8px 0 0;
    padding: 7px 10px;
    border: 1px solid #ccc;
    width: 100%;
    height: 40px;
    line-height: 18px;
    letter-spacing: -0.4px;
    border-radius: 7px;
    box-sizing: border-box;
}
input[type="date"] {
  background: #FFF url(../images/svg/ico-date.svg) no-repeat right 50%;
  background-size: 24px 24px;
}
input[type=date]::-ms-clear {
	display: none;
}
input[type=date]::-moz-clear {
	display: none;
}
input[type="checkbox"] {
	-webkit-appearance: none;
	margin: 0px;
	padding: 0;
	width: 24px !important;
	height: 24px;
	border: none;
	-webkit-border-radius: 0px;
	background: url(../images/svg/btn-checkbox.svg) no-repeat;
	background-size: 24px 24px;
	vertical-align: middle;
}
input[type="checkbox"]:checked {
	background-position:0px 100%;
}
select {
	margin: 0px;
	padding: 7px 4px;
  height: 32px;
	border: 1px solid #ccc;
	line-height: 18px;
	border-radius: 2px;
	vertical-align: middle;
	background-color: #fff;
	background-image: url(../images/svg/ico-dropdown.svg);
  background-position: right center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	box-sizing: border-box;
	-webkit-appearance: none;
}
::-webkit-input-placeholder {
	color: #999;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
}
::-moz-placeholder {
	color: #999;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
}
label {
  vertical-align: middle;
  margin: 0px;
}
label input[type="radio"] {
  margin-right:3px !important;
}
label input[type="checkbox"] {
  vertical-align: middle;
  margin-top:-4px;
  margin-left:-2px;
}
label+label {
  margin-left: 3px;
}
label.checkbox {
  position: relative;
  padding-left:20px;
}
label.checkbox input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
}
button {
    margin: 0px;
    padding: 0px;
    border: 0;
    min-width: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    font-weight: 500;
    border-radius: 7px;
    font-size: 14px;
    cursor: pointer;
}