@charset "utf8";

/**
  * GUPSA COMMON CSS
  * - w/ font.css
  * - w/ normalize.css
  *
  */

@import "font.css";
@import "normalize.css";


/** -------------------------- 크기나 색상 등 기본 설정 시작 ----------------------------    */

:root{
  --font1: #111;
  --font2: #505050;
  --font3: #767676;
  --font4: #adadad;
  --line1: #111;
  --line2: #E1E1E4;
  --line3: #E9E9ED;
  --bg1: #F1F1F5;
  --bg2: #F8F8FA;
  --bg3: #F1F1F4;
  /** 사이즈 설정 */
  --f1: 3rem;
  --l1: 3.875rem;
  --f2: 2.5rem;
  --l2: 2.8125rem;
  --f3: 2.25rem;
  --l3:3rem;
  --f4:1.625rem;
  --l4:2.25rem;
  --f5:1.375rem;
  --l5:2rem;
  --f6: 1.25rem;
  --l6: 1.875rem;
  --f7: 1.125rem;
  --l7: 1.625rem;
  --f8: 1rem;
  --l8: 1.5rem;
}
@media only screen and (max-width: 767px) {
  :root {
    --f1: 2rem;
    --l1: 2.75rem;
    --f2: 1.75rem;
    --l2: 2.5rem;
    --f3: 1.5rem;
    --l3:2.125rem;
    --f4:1.25rem;
    --l4:1.875rem;
    --f5:1.125rem;
    --l5:1.625rem;
    --f6: 1rem;
    --l6: 1.5rem;
    --f7: .875rem;
    --l7: 1.375rem;
    --f8: .75rem;
    --l8: 1.125rem;
  }
}

/** -------------------------- 크기나 색상 등 기본 설정 끝 ----------------------------    */



html{
  -webkit-touch-callout:none; 
  -webkit-user-select:none; 
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  overflow-x: hidden;
  line-height: normal;
}

body, body * {
  box-sizing: border-box;
}

h1{
  font-size: initial;
  margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;  
}


button,
input,
optgroup,
select,
textarea {
  font-size: inherit;
  line-height: normal; /* 1 */
}

fieldset {
  padding: 0;
}


a {
  color: inherit;
  text-decoration: none;
}

address, em{
	font: inherit;
}

ul{
  margin: 0;
  padding: 0;
}

li{
  list-style: none;
}

button, input[type=submit]{
  border: none;
  background: none;
  box-shadow: none;
}