@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");

@charset "utf-8";

html {
  margin: 0;
  padding: 0;
}

#calculator body,
#calculator div,
#calculator span,
#calculator object,
#calculator iframe,
#calculator h1,
#calculator h2,
#calculator h3,
#calculator h4,
#calculator h5,
#calculator h6,
#calculator p,
#calculator blockquote,
#calculator pre,
#calculator a,
#calculator abbr,
#calculator address,
#calculator big,
#calculator cite,
#calculator code,
#calculator del,
#calculator dfn,
#calculator em,
#calculator font,
#calculator img,
#calculator ins,
#calculator q,
#calculator s,
#calculator samp,
#calculator small,
#calculator strike,
#calculator sub,
#calculator sup,
#calculator tt,
#calculator var,
#calculator b,
#calculator u,
#calculator i,
#calculator dl,
#calculator dt,
#calculator dd,
#calculator ol,
#calculator ul,
#calculator li,
#calculator fieldset,
#calculator form,
#calculator label,
#calculator legend,
#calculator input,
#calculator textarea,
#calculator select,
#calculator button,
#calculator table,
#calculator th,
#calculator td,
#calculator ul,
#calculator li {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #333;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#calculator header,
#calculator footer,
#calculator section,
#calculator article,
#calculator aside,
#calculator nav,
#calculator details,
#calculator menu,
#calculator figure,
#calculator figcaption {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#calculator a:link,
#calculator a:visited {
  text-decoration: none;
}

#calculator a:hover, #calculator a:focus {
  text-decoration: none;
}

#calculator * {
  -webkit-text-size-adjust: none;
}

#calculator input,
#calculator textarea,
#calculator select,
#calculator button {
  font-size: 16px;
  font-family: 'Noto Sans KR', sans-serif;
  background-color: transparent;
}

#calculator input,
#calculator textarea,
#calculator select {
  color: #333 !Important;
}

#calculator img,
#calculator fieldset {
  border: 0;
}

#calculator form,
#calculator fieldset,
#calculator input {
  margin: 0;
  padding: 0;
}

#calculator em,
#calculator address,
#calculator optgroup {
  font-style: normal;
  font-weight: 400;
}

#calculator button {
  border: none 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  cursor: pointer;
  background: none;
  outline: none;
}


#calculator ol,
#calculator ul,
#calculator li {
  list-style: none;
}

#calculator table {
  border-spacing: 0;
  border-collapse: collapse;
}

#calculator hr {
  display: none;
}

#calculator legend {
  position: absolute;
  top: -1000px;
  left: -1000px;
  visibility: hidden;
}

#calculator caption {
  height: 0;
  line-height: 0;
  font-size: 0px;
  visibility: hidden;
}

#calculator .skipNavi {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  text-align: center;
}

#calculator .skipNavi a {
  position: absolute;
  top: -999px;
  left: -999px;
}

#calculator .skipNavi a:focus,
#calculator .skipNavi a:active,
#calculator .skipNavi a:hover {
  display: block;
  top: 0;
  left: 0;
  padding: 7px 10px 5px;
  background: #000;
  color: #fff;
  font-weight: 400;
  font-size: 16px;;
  text-decoration: none;
}

#calculator input[placeholder] {
  color: #D2D3D8;
}

#calculator ::-webkit-input-placeholder { /* WebKit browsers */
  color: #D2D3D8;
}

#calculator :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #D2D3D8;
}

#calculator ::-moz-placeholder { /* Mozilla Firefox 19+*/
  color: #D2D3D8;
}

#calculator :-ms-input-placeholder { /* ie10+*/
  color: #D2D3D8;
}

#calculator textarea {
  border: none;
  background-color: transparent;
  resize: none;
  outline: none;
}

#calculator select {
  cursor: pointer;
  border-radius: 0; /* 아이폰 사파리 보더 없애기 */
  -webkit-appearance: none; /* 화살표 없애기 for chrome*/
  -moz-appearance: none; /* 화살표 없애기 for firefox*/
  appearance: none;
}

#calculator select::-ms-expand {
  display: none;
}

#calculator table {
  width: 100%;
}

#calculator p,
#calculator a,
#calculator button {
  word-break: break-all;
}

#calculator input[type=number]::-webkit-inner-spin-button,
#calculator input[type=number]::-webkit-out-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}