@charset "utf-8";

/* 폰트 지정 (노토산스 코리아) =========================================== */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
*{font-family: 'Open Sans', 'Noto Sans KR', sans-serif !important; color: #131313; letter-spacing: -.5px; word-break: keep-all;}

/*폰트 깨질때 사용하는 태그 - transform:skew(-0.001deg);*/
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } 


/* 개인 설정 기본값 ====================================================== */
*{margin: 0; padding: 0; list-style: none; position: relative; -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
a{text-decoration: none; color: inherit; display: inline-block;}

.clear{display: block; clear: both;}


/* == 드래그 == */
::selection {background:#333;color: #FFF;text-shadow: none;}
::-moz-selection {background:#333;color: #FFF;text-shadow: none;}
::-webkit-selection {background:#333;color: #FFF;text-shadow: none;}


/* html, body ============================================================ */
html {
   /* line-height: 1.15;  1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    overflow-y: scroll;
}

body {margin: 0; padding: 0; overflow-x: hidden; background: #fff; font-size: 16px;}



/* 내가 모아 놓은 초기값 ================================================= */


/* input 기본 스타일 초기화 */
button,
optgroup,
select,
input,
textarea {
    font-family: inherit; /* 폰트 상속 */
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */ 
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    margin: 0;
    overflow: visible;
    text-transform: none;
    vertical-align: middle;
}


/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
    -ms-appearance: none;
	appearance: none;
	margin: 0;
}


/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear {display: none;}


/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {display: none;}


/* 클릭 시 보더 제거 */
input:focus, select:focus, button:focus{outline: none;}


/* 테이블 요소 사이의 간격을 제거 */ 
table { 
    border-collapse: separate; 
    border-spacing: 0; 
}
td, th { 
    padding: 0;
}


/* 버튼 초기화 */
button{
    border: 1px solid rgba(0, 0, 0, 0);
    cursor:pointer;
    overflow:visible; 
    white-space: nowrap;
}


/* 기타 ================================================================= */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

img {
  border-style: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

textarea {
  overflow: auto;
}

textarea:focus{
    outline: none;
}


[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type="checkbox"]{
    -webkit-appearance:checkbox;appearance:checkbox;-moz-appearance:checkbox;-ms-appearance:checkbox;display:inline
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}