@charset "utf-8";
/* CSS Document */

/* reset */
/* @import url("/static/fonts/nanum_myeongjo/NanumMyeongjo.css");@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");html {
    font-size: 12px
} */

@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 300;
    src: url("/assets/font/Pretendard-Light.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 400;
    src: url("/assets/font/Pretendard-Regular.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 500;
    src: url("/assets/font/Pretendard-Medium.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 600;
    src: url("/assets/font/Pretendard-SemiBold.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 700;
    src: url("/assets/font/Pretendard-Bold.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 800;
    src: url("/assets/font/Pretendard-ExtraBold.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "RedHatDisplay";
    font-style: normal;
    font-weight: 300;
    src: url("/assets/font/RedHatDisplay-Light.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "RedHatDisplay";
    font-style: normal;
    font-weight: 400;
    src: url("/assets/font/RedHatDisplay-Regular.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "RedHatDisplay";
    font-style: normal;
    font-weight: 500;
    src: url("/assets/font/RedHatDisplay-Medium.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "RedHatDisplay";
    font-style: normal;
    font-weight: 600;
    src: url("/assets/font/RedHatDisplay-SemiBold.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "RedHatDisplay";
    font-style: normal;
    font-weight: 700;
    src: url("/assets/font/RedHatDisplay-Bold.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "RedHatDisplay";
    font-style: normal;
    font-weight: 800;
    src: url("/assets/font/RedHatDisplay-ExtraBold.ttf") format("truetype");
    font-display: swap;
}

* {
    font-family: "Pretendard", sans-serif;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    letter-spacing: normal;
    word-break: keep-all;
    /* font-weight: normal; */
    font-style: normal;
    /*font-size: 1.6rem; */
}

@media screen and (min-width: 360px) {
    html {
        font-size:14px
    }
}

@media screen and (min-width: 400px) {
    html {
        font-size:16px
    }
}

@media screen and (min-width: 430px) {
    html {
        font-size:16px
    }
}

@media screen and (min-width: 768px) {
    html {
        font-size:16px
    }
}

@media screen and (min-width: 1200px) {
    html {
        font-size:16px
    }
}

@media screen and (min-width: 1920px) {
    html {
        font-size:16px
    }
}

::-webkit-scrollbar {
    width: rem(6px);
    height: rem(6px)
}

@media screen and (min-width: 1200px) {
    ::-webkit-scrollbar {
        width:10px;
        height: 10px
    }
}

::-webkit-scrollbar-thumb {
    background: #CCCCCC;
    border-radius: 0
}

::-webkit-scrollbar-thumb:hover {
    background: #888888
}

::-webkit-scrollbar-track {
    background: #eeeeee;
    border-radius: 0
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    /* font: inherit; */
    font-size: 16px;
    font-family: "Pretendard",Malgun Gothic,돋움,DotumChe,Dotum,sans-serif;
    vertical-align: baseline;
    -webkit-text-size-adjust: none;
    box-sizing: border-box
}


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

body {
    line-height: 1;
    color: black
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: inherit;
    font: inherit;
    text-decoration: none
}

strong {
    font: inherit
}

label,button,input[type=submit],input[type=checkbox],input[type=radio],input[type=button] {
    padding: 0px;
    border-radius: 0;
    -webkit-appearance: none;
    cursor: pointer
}

input[type=text],input[type=password],input[type=number] {
    /*padding: 0px;
    border-radius: 0;*/
    -webkit-appearance: none
}

input,button,textarea,select {
    border: none;
    font-family: "Pretendard",Malgun Gothic,돋움,DotumChe,Dotum,sans-serif;
    box-sizing: border-box
}

input[type=submit],button[type=submit] {
    font-family: "Pretendard",Malgun Gothic,돋움,DotumChe,Dotum,sans-serif
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

button:focus,textarea:focus,input:focus {
    outline: none
}

button,textarea,input,select,a,label {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

img {
    vertical-align: middle
}

button {
    background: transparent;
    color: inherit
}

input,textarea {
    border: 1px solid transparent;
    transition: border 0.3s ease-in-out
}

::placeholder {
    color: #ccc;
    font-family: "Pretendard",Malgun Gothic,돋움,DotumChe,Dotum,sans-serif
}

.no-scroll {
    overflow: hidden !important
}

.no-scroll .scroll-frame {
    overflow: hidden !important
}
*,
*::before,
*::after {
	box-sizing: border-box;
}