@charset "utf-8";
html {font-size: 16px;font-family: "Pretendard", sans-serif;font-weight:400;}
.title{font-family: 'yg-jalnan';}
span {vertical-align: baseline;}
b, bold, .bold{font-weight: 600;}
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;}

.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;}

.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-120{font-size:120px;}
.f-60{font-size: 60px;}
.f-50{font-size: 50px;}
.f-40{font-size: 40px;}
.f-28{font-size: 28px;}
.f-ic{font-size: 24px;}
.f-ic-sm{font-size: 20px;}
h1, .f-1{font-size: 36px;}
h2, .f-2{font-size: 30px;}
h3, .f-3{font-size: 24px;}
h4, .f-4{font-size: 20px;}
h5, .f-5{font-size: 18px;}
h6, .f-6, .btn, .btn-c > *{font-size: 16px;}
.f-7, .btn-md, .btn-md-c > *{font-size: 14px;}
.f-8, .btn-sm, .btn-sm-c > *{font-size: 13px;}
.f-9, .btn-xs, .btn-xs-c > *{font-size: 12px;}

.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: currentColor;
  opacity:0.3;
}

@media screen and (max-width: 768px){
  .f-ic{font-size: 20px;}
  .f-ic-sm{font-size: 18px;}
  .f-120{font-size:40px;}
  .f-60{font-size: 30px;}
  .f-50{font-size: 30px;}
  .f-40{font-size: 28px;}
  html {font-size: 14px;}
  h1, .f-1{font-size: 24px;}
  h2, .f-2{font-size: 22px;}
  h3, .f-3{font-size: 20px;}
  h4, .f-4{font-size: 18px;}
  h5, .f-5{font-size: 15px;}
  h6, .f-6, .btn, .btn-c > *{font-size: 14px;}
  .f-7, .btn-md, .btn-md-c > *{font-size: 13px;}
  .f-8, .btn-sm, .btn-sm-c > *, .btn-xs, .btn-xs-c > *{font-size: 12px;}
  .f-9{font-size: 11px;}

  .f-1-sm{font-size: 24px;}
  .f-2-sm{font-size: 22px;}
  .f-3-sm{font-size: 20px;}
  .f-4-sm{font-size: 18px;}
  .f-5-sm{font-size: 15px;}
  .f-6-sm{font-size: 14px;}
  .f-7-sm{font-size: 13px;}
  .f-8-sm{font-size: 12px;}
  .f-9-sm{font-size: 11px;}
}


@media screen and (max-width: 375px){
  .f-ic{font-size: 20px;}
  .f-ic-sm{font-size: 18px;}
  .f-50{font-size: 32px;}
  .f-40{font-size: 28px;}
  html {font-size: 13px;}
  h1, .f-1{font-size: 21px;}
  h2, .f-2{font-size: 19px;}
  h3, .f-3{font-size: 17px;}
  h4, .f-4{font-size: 15px;}
  h5, .f-5{font-size: 14px;}
  h6, .f-6, .btn, .btn-c > *{font-size: 13px;}
  .f-7, .btn-md, .btn-md-c > *{font-size: 12px;}
  .f-8, .btn-sm, .btn-sm-c > *, .btn-xs, .btn-xs-c > *{font-size: 11px;}
  .f-9{font-size: 10px;}

  .f-1-sm{font-size: 21px;}
  .f-2-sm{font-size: 19px;}
  .f-3-sm{font-size: 17px;}
  .f-4-sm{font-size: 15px;}
  .f-5-sm{font-size: 14px;}
  .f-6-sm{font-size: 13px;}
  .f-7-sm{font-size: 12px;}
  .f-8-sm{font-size: 11px;}
  .f-9-sm{font-size: 10px;}
}