@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@600&display=swap');

/* 구글 Icons */
@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');
.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;}


/* --------------------------------------------------------------------------
   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;-webkit-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;cursor:pointer}
select::-ms-expand{display:none}
select[multiple]{vertical-align:top}
select option {color:#2a2a2a}
/*::before{content:'';display:none;font-family:inherit;box-sizing:border-box;color:inherit}*/
img{width:100%;max-width:100%; border:0px; vertical-align:top;}
a {text-decoration:none;cursor:pointer}
* {box-sizing:border-box}

html, body {width:100%;height:100%}
html, body * {font-family: 'Noto Sans KR', sans-serif;line-height:120%;font-weight:500;color:#000000}
body.preventScroll {height:100%;overflow:hidden;touch-action:none;}

/* --------------------------------------------------------------------------
   해상도별 폰트 사이즈 정의
   -------------------------------------------------------------------------- */

   html{letter-spacing:0;font-size:10px;}

   /* @media(max-width:1600px){html{font-size:9.75px;}}
   @media(max-width:1400px){html{font-size:9.5px;}}
   @media(max-width:1280px){html{font-size:9.25px;}}
   @media(max-width:1024px){html{font-size:9px;}}
   @media(max-width:768px){html{font-size:8.75px;}}
   @media(max-width:640px){html{font-size:8.5px;}}
   @media(max-width:400px){html{font-size:8.25px;}}
   @media(max-width:320px){html{font-size:8px;}} */

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