* {
  margin: 0;
  padding: 0;
  word-break: keep-all;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  clear: both;
  display: block;
  content: "";
}

html,
body {
  font-size: 16px;
}
body {
  position: relative;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
a {
  text-decoration: none;
  color: inherit;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  vertical-align: top;
}
section {
  position: relative;
}

::-moz-selection {
  background: #11368d; /*드래그시 색상 변경할 것*/
  color: #fff;
}
::selection {
  background: #11368d;
  color: #fff;
}

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

.nomarl {
  font-weight: 400;
}
.bold {
  font-weight: 700;
}
.extra_bold {
  font-weight: 900;
}
.mo_only {
  display: none;
}
select {
  height: 35px;
  box-sizing: border-box;
  padding: 5px 25px 5px 5px; /* 여백으로 높이 설정 */
  font-family: inherit; /* 폰트 상속 */
  background: url("/images/sel-arrow.png") no-repeat 90% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
  background-size: 10px;
  border: 1px solid #bbb;
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
input[type="radio"] {
  margin-top: -1px;
  width: 18px;
  height: 18px;
  border: 0;
  cursor: pointer;
  border-radius: 50%;
  background: url("/images/bg_radio.png?v=1") no-repeat center / 95%;
/*   background-size: 100% 100%; */
  -webkit-appearance: none;
  -moz-appearance: none;
  image-rendering: -webkit-optimize-contrast;
  margin-right: 5px;
}
input[type="radio"]:checked {
  background-image: url("/images/bg_radio_checked.png?v=1");
  -webkit-appearance: none;
  -moz-appearance: none;
}
textarea {
  padding: 5px 6px;
  border: 1px solid #d5d5d5;
  line-height: 1.5;
}
textarea:focus,
input:focus {
  outline: none;
}


/*애니메이션*/
@keyframes bounce{
   0%{transform:translate(0,0);}
   100%{transform:translate(0,-10px);}
}   

@-webkit-keyframes heartbeat {
  from {
	-webkit-transform: scale(1);
			transform: scale(1);
	-webkit-transform-origin: center center;
			transform-origin: center center;
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
  10% {
	-webkit-transform: scale(0.91);
			transform: scale(0.91);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  17% {
	-webkit-transform: scale(0.98);
			transform: scale(0.98);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
  33% {
	-webkit-transform: scale(0.87);
			transform: scale(0.87);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  45% {
	-webkit-transform: scale(1);
			transform: scale(1);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
	-webkit-transform: scale(1);
			transform: scale(1);
	-webkit-transform-origin: center center;
			transform-origin: center center;
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
  10% {
	-webkit-transform: scale(0.91);
			transform: scale(0.91);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  17% {
	-webkit-transform: scale(0.98);
			transform: scale(0.98);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
  33% {
	-webkit-transform: scale(0.87);
			transform: scale(0.87);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  45% {
	-webkit-transform: scale(1);
			transform: scale(1);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
}

/*폰트 및 컬러*/

@font-face {
    font-family: 'ROEHOE-CHAN';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/ROEHOE-CHAN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@700;800&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css');

.f_ro {font-family: 'ROEHOE-CHAN' !important;}
.k_dotum {font-family: "KoPubWorldDotum" !important;}
.k_batang {font-family: "KoPubWorldBatang" !important;}


.c_gold {color:#e8ca7b;}
.c_gold2 {color:#dfab21;}
.c_grn {color:#6d8241;}
.c_gry {color:#666;}
.c_brn {color:#56453a;}
.c_red {color:#b90516;}

.txt-c {text-align:center;}
.txt-l {text-align:left;}
.txt-r {text-align:right !important;}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  html,
  body {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  html,
  body {
    font-size: 12px;
  }
}