* {
    margin: 0;
    padding: 0;
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-spacing: 0
}

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

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    outline: none;
    border: none
}

*,:after,:before {
    box-sizing: border-box
}

:focus-visible {
    outline: 2px solid #007bff;
    outline-offset: .2rem
}

:focus:not(:focus-visible) {
    outline: none
}

:focus {
    outline: none
}

img,video {
    max-width: 100%;
    vertical-align: bottom
}

button {
    cursor: pointer;
    background-color: transparent
}

input:-webkit-autofill {
    box-shadow: inset 0 0 0 1000px #fff
}



@font-face {
    font-family: pretendard;
    src: url(/css/fonts/pretendard100.woff2) format("woff2");
    font-display: swap;
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: pretendard;
    src: url(/css/fonts/pretendard200.woff2) format("woff2");
    font-display: swap;
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: pretendard;
    src: url(/css/fonts/pretendard300.woff2) format("woff2");
    font-display: swap;
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: pretendard;
    src: url(/css/fonts/pretendard400.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: pretendard;
    src: url(/css/fonts/pretendard500.woff2) format("woff2");
    font-display: swap;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: pretendard;
    src: url(/css/fonts/pretendard600.woff2) format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: pretendard;
    src: url(/css/fonts/pretendard700.woff2) format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: pretendard;
    src: url(/css/fonts/pretendard800.woff2) format("woff2");
    font-display: swap;
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: pretendard;
    src: url(/css/fonts/pretendard900.woff2) format("woff2");
    font-display: swap;
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: pretendard Fallback;
    src: local("Arial");
    ascent-override:95.11%;descent-override:23.08%;line-gap-override:0.00%;size-adjust:101.55%
}



@font-face {
    font-family: gmarketSans;
    src: url(/css/fonts/gmarket300.otf) format("opentype");
    font-display: swap;
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: gmarketSans;
    src: url(/css/fonts/gmarket500.otf) format("opentype");
    font-display: swap;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: gmarketSans;
    src: url(/css/fonts/gmarket700.otf) format("opentype");
    font-display: swap;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: gmarketSans Fallback;
    src: local("Arial");
    ascent-override:66.02%;descent-override:16.50%;line-gap-override:0.00%;size-adjust:121.18%
}

:root {
    --font-pretendard: pretendard, sans-serif;
    --font-gmarket-sans: gmarketSans,sans-serif;
    --color-primary: #d21241;
    --color-secondary: #9c63f5;
    --color-third: #7eaffa;
    --color-accent: #f59c42;
    --color-alert: #fa2d2d;
    --color-background: #f5f5f5;
    --color-text: #000;
    --color-text-light: #666;
    --color-border: #e6e6e6;
    --text-gradient: linear-gradient(180deg,#9c63f5,#426af2);
    --button-gradient: linear-gradient(180deg,#234fe3,#0d02b8);
    --text_bg-gradient: linear-gradient(180deg,#0b0b0b,#0f08bb);
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;
    --transition-fast: 0.2s;
    --transition-medium: 0.5s;
    --transition-slow: 1s
}