@charset "utf-8"; 
/*------------------------------------------------------------------------------------------------------------------------------------------
	File : base.css
	Company : HanaTI
 	Author : Keonmu, RYU 2020-03
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, color/font, align, backgroun etc
--------------------------------------------------------------------------------------------------------------------------------------------*/
/* noto-sans-kr-regular - korean_latin */
@font-face {
	font-family:'NotoSans';
	font-style:normal;
	font-weight:normal; /* 400 */
	src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
	   url('fonts/noto-sans-kr-v12-korean_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('fonts/noto-sans-kr-v12-korean_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-kr-500 - korean_latin */
@font-face {
	font-family:'NotoSans';
	font-style:normal;
	font-weight:500; /* 500 */
	src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
	   url('fonts/noto-sans-kr-v12-korean_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('fonts/noto-sans-kr-v12-korean_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-kr-700 - korean_latin */
@font-face {
	font-family:'NotoSans';
	font-style:normal;
	font-weight:bold; /* 700 */
	src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
	   url('fonts/noto-sans-kr-v12-korean_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('fonts/noto-sans-kr-v12-korean_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:normal;
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-v20-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:bold;
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

*, *:before, *:after {
	margin:0px;
	padding:0px;
	box-sizing:inherit;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
  	-webkit-box-sizing:inherit;
  	-moz-box-sizing:inherit;
	-o-box-sizing:inherit;
	
}

html {height:100%; font-size:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; /*-webkit-overflow-scrolling:touch;*/}
body {
	width:100%;
	height:100%;
	margin:0;
	/*font:inherit;*/
	line-height:1;
	vertical-align:baseline;
	color:#000000;
	letter-spacing:-1px;
	/*font-family:'AppleSDGothicNeo-Regular','sans-serif';*/
	font-family:'NotoSans', 'Roboto', 'AppleSDGothicNeo-Regular','sans-serif';
	font-smoothing:antialiased;
	-webkit-font-smoothing:antialiased;
	/*-webkit-overflow-scrolling:touch;*/
	-webkit-text-size-adjust:none;
}
@media screen and (max-width:320px){
	html, body {font-size:15px;}
}


address, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, section {display:block\9; margin:0\9; padding:0\9;}
hr {display:none;}
caption {overflow:hidden; height:0px; font-size:0px; line-height:0px;}
h1, h2, h3, h4, h5, h6 ,h7 {font-weight:normal;}
img {border:none; vertical-align:middle;}
ol, ul, li, dl, dt, dd {list-style:none;}
table {
	width:100%;
	border:0px;
	border-spacing:0px;
	table-layout:fixed;
	border-collapse:collapse;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing: border-box;
}
th, td {border:0px; word-break:break-all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
th {font-weight:normal;}
td {}
fieldset {width:100%; border:0px;}
legend {display:none;}
frameset {border:0px;}
iframe {width:100%; border:0px;}
em, address {font-style:normal;}
button, a, input, label, textarea {vertical-align:middle; cursor:pointer; font-family:inherit;}
select {vertical-align:middle; font-family:inherit;}
button {overflow:visible; /*outline:none;*/ cursor:pointer; border:0px;}
button::-moz-focus-inner {padding:0px;}
select, input, textarea {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
strong {font-weight:bold;}
enlargeFont {font-size:1.2rem;}