@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

* {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  --vh: 100%;
}

html {
  height: 100%;
}

html,
body {
  width: 100%;
  font-size: 12px;
  -webkit-text-size-adjust: none;
  /* overflow:hidden; */
  overflow-x: hidden;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
img,
button,
select,
div,
pre {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #000;
  font-family: Noto Sans KR, '돋움', Dotum, sans-serif;
}

a,
span {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Noto Sans KR, FuturaPT, OpenSans, Lato, '돋움', Dotum, sans-serif;
}

img,
fieldset {
  border: 0;
  vertical-align: top;
}

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

a {
  color: inherit;
  text-decoration: none;
}

em,
address {
  font-style: normal;
}

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

label,
button {
  cursor: pointer;
}

input::-ms-clear {
  display: none;
}

input:disabled {
  -webkit-text-fill-color: #8d8d8d;
  opacity: 1;
}

iframe {
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
}

div {
  outline: none;
}

input[type='text'] {
  appearance: none;
  -webkit-appearance: none;
}

input[type='number'] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

* {
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('Roboto/Roboto-Light.woff2') format('woff2'), url('Roboto/Roboto-Light.woff') format('woff'), url('Roboto/Roboto-Light.otf') format('opentype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('Roboto/Roboto-Medium.woff2') format('woff2'), url('Roboto/Roboto-Medium.woff') format('woff'), url('Roboto/Roboto-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('Roboto/Roboto-Regular.woff2') format('woff2'), url('Roboto/Roboto-Regular.woff') format('woff'), url('Roboto/Roboto-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('Roboto/Roboto-Bold.woff2') format('woff2'), url('Roboto/Roboto-Bold.woff') format('woff'), url('Roboto/Roboto-Bold.otf') format('opentype');
}

.skip_text {
  text-indent: -50000px;
  position: absolute;
  visibility: hidden;
  z-index: -10000;
}

.mt0 {
  margin-top: 0px !important;
}

.pd0 {
  padding: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

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

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

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

.pt0 {
  padding-top: 0 !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pdt10 {
  padding: 10px 0 !important;
}

.pdl16 {
  padding-left: 16px !important;
}

.plr24 {
  padding: 0 24px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mt7 {
  margin-top: 7px !important;
}

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

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

.mt17 {
  margin-top: 17px !important;
}

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

.mt25 {
  margin-top: 25px !important;
}

.mt27 {
  margin-top: 27px !important;
}

.mt45 {
  margin-top: 45px !important;
}

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

.mt55 {
  margin-top: 55px !important;
}

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

.lh1n6 {
  line-height: 1.6;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cl {
  clear: both;
}

.text_red {
  color: #ff3120 !important;
}

.text_green {
  color: #3b9e7e !important;
}

.text_gray {
  color: #767676 !important;
}

.text_brand {
  color: #f27226 !important;
}

.fwb {
  font-weight: bold !important;
}

.fwm {
  font-weight: 500 !important;
}

.ac {
  text-align: center;
}

.w100 {
  width: 100% !important;
}

.left_div {
  float: left;
}

.right_div {
  float: right;
}

.left_div.float {
  float: none;
}

.clear:after {
  content: '';
  clear: both;
  display: block;
}

.text_left {
  text-align: left !important;
}

.text_center {
  text-align: center !important;
}

.text_right {
  text-align: right !important;
}

.dp_lb {
  display: inline-block !important;
}

.dp_flex {
  display: flex !important;
}

.dp_ilflex {
  display: inline-flex !important;
}

.flex_wrap {
  flex-wrap: wrap !important;
}

.flex_col {
  flex-direction: column !important;
}

.jc_sb {
  justify-content: space-between !important;
}

.jc_fs {
  justify-content: flex-start !important;
}

.jc_fe {
  justify-content: flex-end !important;
}

.jc_center {
  justify-content: center !important;
}

.ai_center {
  align-items: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

select {
  background: url('../images/sel_arr.png') no-repeat right 15px center / 12px auto;
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (max-width: 640px) {
  input {
    font-size: 14px !important;
  }
}

.bg_btn_gray {
  background: #adb5bd !important;
  color: #fff !important;
}

.bg_btn_blue {
  background: #0576b9 !important;
  color: #fff !important;
}


.ui-datepicker .ui-datepicker-title{
  font-size: 14px !important;
}