@charset "utf-8";
/* @font-face { */
/*   font-family: 'NotoKrR'; */
/*   font-style: normal; */
/*   font-weight: 300; */
/*   src: url('../../fonts/notosans/notokr/NotoSans-Regular.eot'); */
/*   src: url('../../fonts/notosans/NotoSans-Regular.eot?#iefix') format('embedded-opentype'), */
/*      url('../../fonts/notosans/NotoSans-Regular.woff2') format('woff2'), */
/*      url('../../fonts/notosans/NotoSans-Regular.woff') format('woff'); */
/* } */

/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, textarea, 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;
  letter-spacing:0px;
  font-size:12px;
/*   font-family:"Malgun Gothic"; */
  font-family: "Nanum Gothic", sans-serif, Dotum;
  box-sizing: border-box;
}
html {width:100%;height:100%;}
body {
  color:#333;
  width:100%;
  background:#F1F1F1;
  min-width:460px !important;
}
body.white {
  background:#FFFFFF;
}
ol, ul, li{margin:0; padding:0; list-style:none;}
hr {display:none;}
table {border-collapse:collapse; border-spacing:0;}
textarea, input {outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
input {line-height:17px;letter-spacing:-1px;}
textarea {resize:none;overflow:auto;border:1px solid #CCC;}
label {cursor:pointer;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
strong, b {font-weight:bold;}
button {cursor:pointer;outline:0;}
button::-moz-focus-inner {padding:0; border:0;}
input,textarea,select {margin:0px; font-size:inherit; font-weight:inherit;}
a:link, a:visited {text-decoration:none; outline:none;}
a:hover {text-decoration:none;outline:none;}
input[type="button"], input[type="text"],input[type="image"],input[type="submit"] {-webkit-appearance:none; -webkit-border-radius:0;}
input:checked[type="checkbox"] {background-color:#fff;}
button, input[type="reset"], input[type="button"], input[type="submit"] {
/* 	line-height:normal !important; */
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

/* placeholder */
::-webkit-input-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
:-o-input-placeholder {color:#aaa;}
/*
input, select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
*/
input {
  padding-left:10px;
  padding-right:10px;
}
input::-ms-clear,
input::-ms-reveal {display: none; width : 0; height: 0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display: none; }
.disnone {
  display:none;
}
.tac {
  text-align:center;
}
.tal {
  text-align:left !important;
}
.tar {
  text-align:right !important;
}
.pointer {
  cursor:pointer;
}
input[type='checkbox'] {
  cursor:pointer;
}
.shadow {
  box-shadow:3px 4px 5px #BFBFBF;
}

/* ripple */
.ripple {
  position:relative;
  overflow:hidden;
  padding:0;
  margin:0;
}
.ripple:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: #385d8a;
  border-radius: 100%;
  opacity: .6;
  transform: scale(0);
}

@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.ripple:not(:active):after {
  animation: ripple 1.5s ease-out;
}
.ripple:after {
  visibility: hidden;
}
.ripple:focus:after {
  visibility: visible;
}
.fl {
  float:left;
}
.fr {
  float:right;
}
.disinb {
  display:inline-block;
}
.disb {
  display:block;
}
.vat {
  vertical-align: top;
}
.vam {
	vertical-align:middle;
}
span.require {
	color:red;
	margin-left:4px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #d9d9d9; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #888888; 
}