@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@200;300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap');
body, .f-noto-sans, .f-basic {font-family: 'Noto Sans KR', sans-serif;}
.f-hi-melody{font-family: 'Hi Melody', sans-serif;}
.f-poor-story{font-family:'PoorStory', sans-serif;}
.noselect {-webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none}

.vscroll::-webkit-scrollbar{background:#f5f5f5;width:6px}
.hscroll::-webkit-scrollbar{background:#f5f5f5;height:6px}
.hscroll::-webkit-scrollbar-thumb,
.vscroll::-webkit-scrollbar-thumb{background-color:#d6d6d6;border-radius:3px;cursor:pointer}
.hscroll::-webkit-scrollbar-thumb:hover,
.vscroll::-webkit-scrollbar-thumb:hover{background-color:#afafaf}

body {overflow-x: hidden}

/* loader */
.loader{display:block; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; text-align:center; z-index:9999}
.loader > div{margin:0 auto; border-radius:10px; display:inline-block; background:#FFF; box-shadow:0 0 50px 3px rgba(0,0,0,0.1); min-width:280px; min-height:170px; padding-top:30px; position:relative; top:50%; margin-top:-85px}
.load-imgwrap{display:flex; justify-content:center}
.loader img{width:60px}
.loader p{color:#444; font-size:15px; padding-top:20px}
html.loadershow,
html.loadershow body{height:100%; overflow:hidden}
@media(min-width:1070px){
  .loader > div{min-width:350px}
}