@charset "utf-8";


@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
@import url("http://fonts.googleapis.com/earlyaccess/notosansarmenian.css");


html {
	font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', Roboto, NanumGothic, 'Malgun Gothic', sans-serif;
	color: #333;
	line-height: 1.2;
  font-size: 16px;
  font-weight: 400;
	word-wrap: break-word;
}
body {
	-webkit-font-smoothing: antialiased;
  font-family: 'Noto Sans KR', sans-serif !important;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
div, span, article, section, header, footer, aside, p, ul, li, fieldset, legend, label, a, nav, form {
	box-sizing: border-box;
	/* content-box */
}
textarea{
  width: 100%;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', Roboto, NanumGothic, 'Malgun Gothic', sans-serif;
}
ol, ul, li {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	height: auto;
	border: 0;
}
a {
  text-decoration: none;
}

a { color: #333; }
a:visited { color: none; }
a:hover { color: none; }
a:active { color: none }

button {
	border: 0;
	cursor: pointer;
  background-color: transparent;
  border-style: none;
  color: inherit;
  font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', Roboto, NanumGothic, 'Malgun Gothic', sans-serif;
}



/*스크롤바 커스텀*/

/* width */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
   
  }
  
  
  /* Track */
  ::-webkit-scrollbar-track {
	background: #ddd;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
	background: #bebebe;
	border-radius: 20px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
	background: #999;
  }
  ::-webkit-scrollbar-thumb:active {
    background: #85bd36;
    }
  

  /*checkbox custom*/

  /* Hide the default checkbox */
.custom-checkBox input {
  display: none;
}

.custom-checkBox {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 20px;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* Create a custom checkbox */
.checkmark {
  position: relative;
  top: 0;
  left: 0;
  height: 1.3em;
  width: 1.3em;
  background-color: #2196F300;
  border-radius: 0.25em;
  transition: all 0.25s;
}

/* When the checkbox is checked, add a blue background */
.custom-checkBox input:checked ~ .checkmark {
  background-color: #85bd36;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  transform: rotate(0deg);
  border: 1px solid #ccc;
  background-color: #fff;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  transition: all 0.25s, border-width 0.1s;
}

/* Show the checkmark when checked */
.custom-checkBox input:checked ~ .checkmark:after {
  left: 0.45em;
  top: 0.25em;
  width: 0.25em;
  height: 0.5em;
  border-color: #fff0 white white #fff0;
  border-width: 0 0.15em 0.15em 0;
  border-radius: 0em;
  transform: rotate(45deg);
  background-color: transparent;
}

/* IE의 경우 */
input::-ms-clear,
input::-ms-reveal{
    display:none;
}
/* 크롬의 경우 */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
    display:none;
}