@charset "UTF-8";

/** 

   Bang So Jung CSS

   http://bangsojung.com/

**/

/*



        기본 공통 CSS



*/

@import url(LeferiPoint.css);

@import url(layout.css);

@import url(contents.css);



/* testing light dark mode */

/* :root {

  --background-color: #060606 !important;

  --text-color: #FFFEF1 !important;

  

}

body {

  background-color: var(--background-color) !important;

  color: var(--text-color) !important;

}



#WRAP {

  background-color: var(--background-color);  

  color: var(--text-color) !important;      

}



 

body.dark-mode {

  --background-color: #FFFEF1 !important;  

  --text-color: #000000;       

} */



 

/* --- */



 

body,

html {

  height: 100%;

}

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,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

input,

textarea,

button,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

menu,

nav,

output,

section,

summary,

time,

mark,

audio,

video {

  margin: 0;

  padding: 0;

  border: 0;

}

* {

  -webkit-tap-highlight-color: transparent;

}

body {

  position: relative;

  min-height: 100vh;

  min-height: -webkit-fill-available;

}

html {

  -webkit-text-size-adjust: none;

  -moz-text-size-adjust: none;

  -ms-text-size-adjust: none;

  height: -webkit-fill-available;

}

img,

fieldset {

  border: 0;

}

table {

  border-collapse: collapse;

}

img {

  vertical-align: top;

  max-width: 100%;

}

em,

address {

  font-style: normal;

}

a {

  color: inherit;

  text-decoration: none;

}

strong {

  font-weight: 900;

}

.tac {

  text-align: center !important;

}

.tal {

  text-align: left !important;

}

.tar {

  text-align: right;

}

body.hidden {

  overflow: hidden;

}

b {

  font-weight: 900;

}

#WRAP {

  position: relative;

  min-height: 100%;

  background-color: #060606;

  font-family: "LeferiPoint", "Apple SD Gothic Neo", "-apple-system,Segoe UI",

    Helvetica, Arial, sans-serif;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  text-rendering: auto !important;

  box-sizing: border-box;

  line-height: normal;

  color: #FFFEF1 !important;

  -webkit-overflow-scrolling: touch;

}



/* SKIP */

#SKIP {

  position: relative;

  z-index: 99999999999;

}

#SKIP a {

  display: block;

  overflow: hidden;

  width: 1px;

  height: 1px;

  margin-bottom: -1px;

  background-color: #000;

  font-family: "LeferiPoint", "Apple SD Gothic Neo", "-apple-system,Segoe UI",

    Helvetica, Arial, sans-serif;

  font-weight: 500;

  font-size: 16px;

  color: #fff !important;

  white-space: nowrap;

  text-align: center;

}

#SKIP a:focus,

#SKIP a:active {

  position: absolute;

  width: 100%;

  height: auto;

  margin-bottom: 10px;

  padding: 5px;

  left: 0;

  top: 0;

  box-sizing: border-box;

}