/* Common */
@font-face {
    font-family: 'Isamanru';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Isamanru';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Isamanru';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
 
html{--basic: #363636;}
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, sub, sup, tt, var, 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, nav, output, ruby, section, summary,time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;
font:inherit; vertical-align: baseline;  letter-spacing: -0.04em; font-style:normal; font-weight: normal; color: var(--basic); font-family: 'GMarketSans';}
/* HTML5 display-role reset for older browsers */ 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
em,span{font-weight: inherit; font-family:inherit;}
body {line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
a{text-decoration:none; color:inherit;letter-spacing:inherit; font-weight:inherit ;}
a:hover,a:active,a:focus{text-decoration:none;}
table{border-spacing:0;border-collapse:collapse;}
input,select,button{vertical-align:middle; outline:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box ;box-sizing:border-box; letter-spacing: -0.05em;}
input[type="text"],input[type="tel"],input[type="submit"],input[type="email"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-border-radius: 0;}
button {
  all: unset;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
img{vertical-align: bottom;}

#wrap{min-width: 320px; max-width: 2560px; margin: 0 auto; overflow: hidden;}

html::-webkit-scrollbar {
    width: 5px;
 }
 html::-webkit-scrollbar-track {
    background:#363636;
 
 }
 html::-webkit-scrollbar-thumb { 
    background-color: #f89f5c;
 	border-radius:100px; 
 }