@charset "UTF-8";
/* 폰트정의 (나눔스퀘어 네오) */
@font-face {
  font-family: "Hana";
  src: url("../../font/Hana2-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Hana";
  src: url("../../font/Hana2-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Hana";
  src: url("../../font/Hana2-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Hana";
  src: url("../../font/Hana2-Bold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Hana";
  src: url("../../font/Hana2-Heavy.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
html, body {
  font-family: "Hana", "맑은 고딕", "Malgun Gothic", sans-serif;
  font-size: 15px;
}

body {
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  font-size: 17px;
  color: #051636;
}

/* 웹폰트 anti-aliasing */
* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  color: var(--color-primary);
}

/* 로딩바 */
.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading::before {
  content: "";
  width: 120px;
  height: 120px;
  background: url("../../images/common/loading.png") 50% 50% no-repeat;
  animation: rotate360 1s infinite;
}

/* 정렬 */
.t-lft {
  text-align: left !important;
}

.t-ctr {
  text-align: center !important;
}

.t-rgt {
  text-align: right !important;
}

/* 간격 */
.mgt0 {
  margin-top: 0px !important;
}

.mgt5 {
  margin-top: 5px !important;
}

.mgt10 {
  margin-top: 10px !important;
}

.mgt15 {
  margin-top: 15px !important;
}

.mgt20 {
  margin-top: 20px !important;
}

.mgt30 {
  margin-top: 30px !important;
}

.mgt40 {
  margin-top: 40px !important;
}

.mgt50 {
  margin-top: 50px !important;
}

.mgt60 {
  margin-top: 60px !important;
}

.mgt70 {
  margin-top: 70px !important;
}

.mgt80 {
  margin-top: 80px !important;
}

.mgb0 {
  margin-bottom: 0px !important;
}

.mgb5 {
  margin-bottom: 5px !important;
}

.mgb10 {
  margin-bottom: 10px !important;
}

.mgb15 {
  margin-bottom: 15px !important;
}

.mgb20 {
  margin-bottom: 20px !important;
}

.mgb30 {
  margin-bottom: 30px !important;
}

.mgb40 {
  margin-bottom: 40px !important;
}

.mgb50 {
  margin-bottom: 50px !important;
}

.mgb60 {
  margin-bottom: 60px !important;
}

.mgb70 {
  margin-bottom: 70px !important;
}

.mgb80 {
  margin-bottom: 80px !important;
}

.mgb90 {
  margin-bottom: 90px !important;
}

.mgb100 {
  margin-bottom: 100px !important;
}

.mgr0 {
  margin-right: 0px !important;
}

.mgr5 {
  margin-right: 5px !important;
}

.mgr10 {
  margin-right: 10px !important;
}

.mgr15 {
  margin-right: 15px !important;
}

.mgr20 {
  margin-right: 20px !important;
}

.mgr30 {
  margin-right: 30px !important;
}

.mgr40 {
  margin-right: 40px !important;
}

.mgr50 {
  margin-right: 50px !important;
}

.mgr60 {
  margin-right: 60px !important;
}

.mgl0 {
  margin-left: 0px !important;
}

.mgl5 {
  margin-left: 5px !important;
}

.mgl10 {
  margin-left: 10px !important;
}

.mgl15 {
  margin-left: 15px !important;
}

.mgl20 {
  margin-left: 20px !important;
}

.mgl30 {
  margin-left: 30px !important;
}

.mgl40 {
  margin-left: 40px !important;
}

.mgl50 {
  margin-left: 50px !important;
}

.mgl60 {
  margin-left: 60px !important;
}

.pdt0 {
  padding-top: 0px !important;
}

.pdt5 {
  padding-top: 5px !important;
}

.pdt10 {
  padding-top: 10px !important;
}

.pdt15 {
  padding-top: 15px !important;
}

.pdt20 {
  padding-top: 20px !important;
}

.pdt30 {
  padding-top: 30px !important;
}

.pdt40 {
  padding-top: 40px !important;
}

.pdt50 {
  padding-top: 50px !important;
}

.pdt60 {
  padding-top: 60px !important;
}

.pdt70 {
  padding-top: 70px !important;
}

.pdt80 {
  padding-top: 80px !important;
}

.pdb0 {
  padding-bottom: 0px !important;
}

.pdb5 {
  padding-bottom: 5px !important;
}

.pdb10 {
  padding-bottom: 10px !important;
}

.pdb15 {
  padding-bottom: 15px !important;
}

.pdb20 {
  padding-bottom: 20px !important;
}

.pdb30 {
  padding-bottom: 30px !important;
}

.pdb40 {
  padding-bottom: 40px !important;
}

.pdb50 {
  padding-bottom: 50px !important;
}

.pdb60 {
  padding-bottom: 60px !important;
}

.pdb70 {
  padding-bottom: 70px !important;
}

.pdb80 {
  padding-bottom: 80px !important;
}

.pdr0 {
  padding-right: 0px !important;
}

.pdr5 {
  padding-right: 5px !important;
}

.pdr10 {
  padding-right: 10px !important;
}

.pdr15 {
  padding-right: 15px !important;
}

.pdr20 {
  padding-right: 20px !important;
}

.pdr30 {
  padding-right: 30px !important;
}

.pdr40 {
  padding-right: 40px !important;
}

.pdr50 {
  padding-right: 50px !important;
}

.pdr60 {
  padding-right: 60px !important;
}

.pdl0 {
  padding-left: 0px !important;
}

.pdl5 {
  padding-left: 5px !important;
}

.pdl10 {
  padding-left: 10px !important;
}

.pdl15 {
  padding-left: 15px !important;
}

.pdl20 {
  padding-left: 20px !important;
}

.pdl30 {
  padding-left: 30px !important;
}

.pdl40 {
  padding-left: 40px !important;
}

.pdl50 {
  padding-left: 50px !important;
}

.pdl60 {
  padding-left: 60px !important;
}/*# sourceMappingURL=common.css.map */