@charset "utf-8";
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
}
.gmarket{font-family: 'GmarketSans', sans-serif;}
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-ic{font-size: 24px;}
h1, .f-1{font-size: 40px;}
h2, .f-2{font-size: 32px;}
h3, .f-3{font-size: 24px;}
h4, .f-4, .btn-lg, .btn-lg-c > *{font-size: 18px;}
h5, .f-5, .btn, .btn-c > *{font-size: 16px;}
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);
}

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

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