@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700');



a,div,p,span,input,button,select,ul,li,select {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}




h1 {font-size:30pt}
h2 {font-size:25pt}
h3 {font-size:20pt}
h4 {font-size:15pt}
h5 {font-size:12pt}

.visible-xs {display:none;}
.hidden-xs {display:block;}
.sound_only {display:none;}


@media all and (max-width:990px) {
.visible-xs {display:block !important;}
.hidden-xs {display:none !important;}
}




input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border:none !important;
  -webkit-text-fill-color: inherit !important;
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
  transition: background-color 5000s ease-in-out 0s;
}

*:focus {
outline: none;
}

/* no x icon */
input[type=text]:-ms-clear{  
	display: none;
}

input:not(input[type=checkbox]),
input:not(input[type=radio]),
{outline:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}


.col-md-2 {float:left;width:16.666%}
.col-md-3 {float:left;width:25%}
.col-md-4 {float:left;width:33.333%}
.col-md-5 {float:left;width:41.666%}
.col-md-6 {float:left;width:50%}


@media all and (max-width:991px) {

h1 {font-size:25pt}
h2 {font-size:20pt}
h3 {font-size:15pt}
h4 {font-size:12pt}
h5 {font-size:12pt}

}



img {
  pointer-events: none;
}