@charset "utf-8";

/* --------------------------------------------------------------------------
   Font, Icon
-------------------------------------------------------------------------- */

/* 본고딕 font-family: 'Noto Sans KR', sans-serif; (나눔스퀘어에 없는 한자 지원관련 연결) */
@import url('https://holiiday.github.io/NotoKR/css/noto-sans-kr.css'); 
/* regular : 300, medium : 500 */

/* Montserrat */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap'); */

/* pretendard */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");


/* 구글 Icons */
/* import 대신 link 적용 */
/* @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'); */
/* @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'); */
/* 네이버앱에서 웹폰트 적용안되서 적용함 */
/*
font-display: swap;  폰트가 로딩되기 전에 기본 폰트로 대체 
@font-face {
   font-family: 'Material Symbols Outlined';
   font-style: normal;
   font-weight: 400;
   src: url('/fonts/MaterialSymbolsOutlined.woff2') format('woff2');
   font-display: swap; 
}
@font-face {
   font-family: 'Material Symbols Rounded';
   font-style: normal;
   font-weight: 400;
   src: url('/fonts/MaterialSymbolsRounded.woff2') format('woff2');
   font-display: swap; 
}
*/
.icons {font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:1em;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}
/* .material-symbols-rounded {font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:1em;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased} */
.material-symbols-rounded {font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:1em;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}


@font-face {
   font-family: 'GmarketSansBold';
   src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}


/* --------------------------------------------------------------------------
   Reset
-------------------------------------------------------------------------- */
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;font-style:normal;font-weight:initial}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-spacing:0}
button:focus,input:focus,select:focus{outline:0}
input,textarea{padding:0;margin:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
button,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* input[type=password]{-webkit-text-security:disc!important;font-family:text-security-disc!important} */
input[type=password]{-webkit-text-security:disc!important}
input[type=search]{-webkit-appearance:textfield;appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}
::-webkit-search-decoration{display:none}
button,input[type=button],input[type=reset],input[type=submit]{overflow:visible;width:auto;cursor:pointer}
::-webkit-file-upload-button{padding:0;border:0;background:0 0}
textarea{vertical-align:top;overflow:auto}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
select::-ms-expand{display:none}
select[multiple]{vertical-align:top}
select option {color:#2a2a2a}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type='number'] {-moz-appearance: textfield;appearance: none;}
img{width:100%;max-width:100%; border:0px; vertical-align:top;}
a {text-decoration:none;cursor:pointer}
* {box-sizing:border-box}

html {letter-spacing:0;font-size:10px;}
html, body {width:100%;height:100%;background:#191a1d}
html, body * {font-family: 'Noto Sans KR', sans-serif;line-height:120%;font-weight:300;color:#e3e3e4}



/* --------------------------------------------------------------------------
   크롬기반 브라우저 기본 스크롤 스타일 정의 (IE 11이하 적용되지 않습니다.)
   -------------------------------------------------------------------------- */
::-webkit-scrollbar-track{width:10px; background:#d1d1d1;}
::-webkit-scrollbar-thumb{background:var(--mainColor);}