@charset="utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900&display=swap');
*, *:after, *:before { margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break:keep-all; font-weight:300; background-position: center; background-size: cover; background-repeat: no-repeat;} 
*::selection {background:#292929; color:#eee;}
html{font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;  height:100%; font-size:13pt; min-width:380px;  }
ul li {  list-style:none; float:left; } 
a { text-decoration:none; color:#252525; text-decoration: none; outline: none;} 
img { border:none;  }
button { cursor: pointer;}
body { overflow-Y:scroll; overflow-Y:; position:relative;  color:#252525;  }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
button { background-color: inherit; border: initial;}
b { font-weight:500;}
/***********************************/
h1 { background-image: url('../../images/logo.png'); background-repeat: no-repeat;  ;}

h2 { font-size:2.5em; font-weight:400;  } 
h3 {  font-size:1.5em;  font-weight:400;  color:#2858c2; }
h4 { font-size:1.5em;  font-weight:400;  }
h5 { font-size:1.1em; }
h6 { font-weight:500 ;}

@media only screen  and (max-width:1200px){   
    html { font-size:12pt;}
}
@media only screen  and (max-width:840px){   
    html { font-size:82%;}
    /* h1 { position: absolute; top:20px; left:50%;  transform: translate(-50%, 0%); } */
    h1 { padding:50px; }
    h2 { font-size:1.6em; }
    h3 {  font-size:1.3em;}
    h4 { font-size:1.5em; } 
}