@charset "utf-8";
html {font-size: 14px;font-family: "Pretendard", sans-serif;font-weight:400;}
span {vertical-align: baseline;}
b, bold, .bold{font-weight: 600;}
.ebold{font-weight:700;}
strong, .strong{font-weight: 800;}
label{display:inline-block;}
h1,h2,h3,h4,h5,h6{position:relative;width:100%;clear:both;}
p{margin:0;padding:0;}
embed, iframe, object{margin:0;}

.f-nrp{white-space: nowrap;}

.f-lt, .f-lt-h:hover, strike{text-decoration: line-through;}
.f-ul, .f-ul-h:hover, u {text-decoration: underline;}
.f-it, i {font-style: italic;}

.f-28{font-size: 28px;}
.f-ic{font-size: 20px;}
h1, .f-1{font-size: 22px;}
h2, .f-2{font-size: 20px;}
h3, .f-3, .btn, .btn-c > *{font-size: 18px;}
h4, .f-4{font-size: 16px;}
h5, .f-5{font-size: 15px;}
h6, .f-6, .btn-md, .btn-md-c > *{font-size: 14px;}
.f-7, .btn-sm, .btn-sm-c > *{font-size: 13px;}
.f-8, .btn-xs, .btn-xs-c > *{font-size: 12px;}
.f-9, .btn-xs, .btn-xs-c > *{font-size: 11px;}

.f-div > *:not(:last-child){position: relative;}
.f-div > *:not(:last-child):after{
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  right: 0;
  width: 1px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.3);
}
.els,
.els-2,
.els-3,
.els-4 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.els-2,
.els-3,
.els-4 {
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.els-2 {
  -webkit-line-clamp: 2;
}
.els-3 {
  -webkit-line-clamp: 3;
}
.els-4 {
  -webkit-line-clamp: 4;
}