@charset "UTF-8";
/**
 * 헬퍼
 * 전역변수
 * color: primary, secondary, tertiary, positive, negative, background, line, text, icon, tag...
 * font-size: body, button, tag
**/
/**
 * 헬퍼
 * 추가 기능

 * *: string
 * ?: quote(string), unquote(string),
 * ?: str-index(string, substring), str-insert(string, insert, index), str-slice(string, start index, end index)
 * ?: str-length(string)
 * ?: to-lower-case(s), to-upper-case(s)

 * *: number
 * ?: abs(number), ceil(number), floor(number), round(number), max(number), min(number)
 * ?: percentage(number), random(), random(number)
 * ?: comparable(number1, number2):boolean

 * *: list
 * ?: append(list, value, [separator(comma)]), join(list1, list2, [separator(comma), bracketed($bracketed: true)])
 * ?: index(list, value), length(list)
 * ?: list-separator(list):space/comma, nth(list, index), set-nth(list, index, value), zip(...list)
 * ?: is-bracketed(list):boolean

 * *: map
 * ?: map-get(map, key), map-keys(map), map-values(map), map-merge(map1, map2), map-remove(map, ...key)
 * ?: map-has-key(map, key):boolean

 * *: selector
 * ?: selector-append(...selector), selector-replace(selector, original, replacement), selector-unify(selector1, selector2)
 * ?: selector-extend(selector, extendee, extender), selector-nest(...selector)
 * ?: selector-parse(selector), simple-selectors(selector)
 * ?: is-superselector(super, sub):boolean

 * *: meta
 * ?: type-of(value):number/string/color/list/map/bool/null/function/arglist
 * ?: inspect(value), call(function ...args), keywords($args)
 * ?: unit(number), unitless(number):boolean

 * *: color
 * ?: grayscale(color), complement(color), invert(color)
 * ?: rgba(color, %), lighten(color, %), darken(color, %), saturate(color, %), desaturate(color, %), mix(color1, color2, %)
 * ?: opacify(color, 0~1), fade-in(color, 0~1), fade-out(color, 0~1), transparentize(color, 0~1)
**/
/**
 * 헬퍼
 * 믹스인
**/
/**
 * font-face
 * 마지막 파라미터 기본 값은 woff2 woff 입니다.
**/
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: "NotoSansKR";
  src: url("https://img.fashionplus.co.kr/ui/font/NotoSansCJKkr-Regular.woff2") format("woff2"), url("https://img.fashionplus.co.kr/ui/font/NotoSansCJKkr-Regular.woff") format("woff");
}
@font-face {
  font-weight: 300;
  font-style: normal;
  font-family: "NotoSansKR";
  src: url("https://img.fashionplus.co.kr/ui/font/NotoSansCJKkr-Light.woff2") format("woff2"), url("https://img.fashionplus.co.kr/ui/font/NotoSansCJKkr-Light.woff") format("woff");
}
@font-face {
  font-weight: 500;
  font-style: normal;
  font-family: "NotoSansKR";
  src: url("https://img.fashionplus.co.kr/ui/font/NotoSansCJKkr-Medium.woff2") format("woff2"), url("https://img.fashionplus.co.kr/ui/font/NotoSansCJKkr-Medium.woff") format("woff");
}
@font-face {
  font-weight: 700;
  font-style: normal;
  font-family: "NotoSansKR";
  src: url("https://img.fashionplus.co.kr/ui/font/NotoSansCJKkr-Bold.woff2") format("woff2"), url("https://img.fashionplus.co.kr/ui/font/NotoSansCJKkr-Bold.woff") format("woff");
}
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: "Roboto";
  src: url("https://img.fashionplus.co.kr/ui/font/Roboto-Regular.woff2") format("woff2"), url("https://img.fashionplus.co.kr/ui/font/Roboto-Regular.woff") format("woff");
}
@font-face {
  font-weight: 300;
  font-style: normal;
  font-family: "Roboto";
  src: url("https://img.fashionplus.co.kr/ui/font/Roboto-Light.woff2") format("woff2"), url("https://img.fashionplus.co.kr/ui/font/Roboto-Light.woff") format("woff");
}
@font-face {
  font-weight: 500;
  font-style: normal;
  font-family: "Roboto";
  src: url("https://img.fashionplus.co.kr/ui/font/Roboto-Medium.woff2") format("woff2"), url("https://img.fashionplus.co.kr/ui/font/Roboto-Medium.woff") format("woff");
}
@font-face {
  font-weight: 700;
  font-style: normal;
  font-family: "Roboto";
  src: url("https://img.fashionplus.co.kr/ui/font/Roboto-Bold.woff2") format("woff2"), url("https://img.fashionplus.co.kr/ui/font/Roboto-Bold.woff") format("woff");
}
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: "PretendardVariable";
  src: url("https://img.fashionplus.co.kr/ui/font/PretendardVariable.woff2") format("woff2"), url("https://img.fashionplus.co.kr/ui/font/PretendardVariable.woff") format("woff");
}/*# sourceMappingURL=font.css.map */