/* css reset */
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, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
 summary,time, mark, audio, video {
    margin:  0; 
    padding:  0; 
    border:  0;
 }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display:  block;
}

ol, ul {
    list-style:  none;
}

table {
    border-collapse:  collapse; 
    border-spacing:  0;
}

body,input,textarea,select,button,table{

}

caption {
	display: none;
}

body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,
form,fieldset,input,table,tr,th,td{
    margin: 0;
    padding: 0;
    font-size: 1rem;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%; 
    font-weight: normal;
}

fieldset,img {
    border: 0;
     vertical-align: top;
}

address {
    font-style:normal
}

label {
  display: inline-block;
}

/* select css */
select {
  background: url(../../img/arrow_btn.gif) no-repeat center right;
  background-color: #fff;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border-radius: 0px;
  padding: 2px 20px 2px 5px;
  box-sizing: border-box;
  font-size: 12px;
}

/* a-style */
a {
    text-decoration:none; color:#333;
}
a:hover,a:active,a:focus {
    text-decoration:none;
}
legend {
    display:none;
}


/* 사파리 default css 제거 */
input[type=text], input[type=password], input[type=submit], button,
input[type=button] {
     -webkit-appearance: none;
     border-radius: 0;
}

input[type=checkbox], select, option, textarea {
  border-radius: 0;
  border: 1px solid #ccc;
  background-color: #fff;
  box-shadow: none;
}



/* 모바일 폰트 리사이징 */

@media (max-width:360px){html{font-size:12px;}}
@media (min-width:361px) and (max-width:550px){html{font-size:13px;}}
@media (min-width:551px) and (max-width:767px){html{font-size:14px;}}





@font-face {
  font-family: 'hp-l';
  font-style: normal;
  src: url('../../fonts/HP-Light.eot');
  src: url('../../fonts/HP-Light.eot?#iefix') format('embedded-opentype'),
       url('../../fonts/HP-Light.woff2') format('woff2'),
       url('../../fonts/HP-Light.woff') format('woff'),
       url('../../fonts/HP-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'hp-r';
  font-style: normal;
  src: url('../../fonts/hp-regular.eot');
  src: url('../../fonts/hp-regular.eot?#iefix') format('embedded-opentype'),
       url('../../fonts/hp-regular.woff2') format('woff2'),
       url('../../fonts/hp-regular.woff') format('woff'),
       url('../../fonts/hp-regular.ttf') format('truetype');
}

@font-face {
 font-family: 'noto-sans-scott-t';
 font-style: 100;
 src: url('../../fonts/NotoSansCJKkr-Thin.eot');
 src: url('../../fonts/NotoSansCJKkr-Thin.eot') format('embedded-opentype'),
 url('../../fonts/NotoSansCJKkr-Thin.woff') format('woff'),
 url('../../fonts/NotoSansCJKkr-Thin.otf') format('truetype');
}

@font-face {
 font-family: 'noto-sans-scott-l';
 font-style: 200;
 src: url('../../fonts/NotoSansCJKkr-Light.eot');
 src: url('../../fonts/NotoSansCJKkr-Light.eot') format('embedded-opentype'),
 url('../../fonts/NotoSansCJKkr-Light.woff') format('woff'),
 url('../../fonts/NotoSansCJKkr-Light.otf') format('truetype');
}

@font-face {
 font-family: 'noto-sans-scott-dl';
 font-style: 300;
 src: url('../../fonts/NotoSansCJKkr-DemiLight.eot');
 src: url('../../fonts/NotoSansCJKkr-DemiLight.eot') format('embedded-opentype'),
 url('../../fonts/NotoSansCJKkr-DemiLight.woff') format('woff'),
 url('../../fonts/NotoSansCJKkr-DemiLight.otf') format('truetype');
}

@font-face {
 font-family: 'noto-sans-scott-r';
 font-style: 400;
 src: url('../../fonts/NotoSansCJKkr-Regular.eot');
 src: url('../../fonts/NotoSansCJKkr-Regular.eot') format('embedded-opentype'),
 url('../../fonts/NotoSansCJKkr-Regular.woff') format('woff'),
 url('../../fonts/NotoSansCJKkr-Regular.otf') format('truetype');
}

@font-face {
 font-family: 'noto-sans-scott';
 font-style: 500;
 src: url('../../fonts/NotoSansCJKkr-Medium.eot');
 src: url('../../fonts/NotoSansCJKkr-Medium.eot') format('embedded-opentype'),
 url('../../fonts/NotoSansCJKkr-Medium.woff') format('woff'),
 url('../../fonts/NotoSansCJKkr-Medium.otf') format('truetype');
}

@font-face {
 font-family: 'noto-sans-scott';
 font-style: 700;
 src: url('../../fonts/NotoSansCJKkr-Black.eot');
 src: url('../../fonts/NotoSansCJKkr-Black.eot') format('embedded-opentype'),
 url('../../fonts/NotoSansCJKkr-Black.woff') format('woff'),
 url('../../fonts/NotoSansCJKkr-Black.otf') format('truetype');
}

@font-face {
 font-family: 'noto-sans-scott';
 font-style: 900;
 src: url('../../fonts/NotoSansCJKkr-Bold.eot');
 src: url('../../fonts/NotoSansCJKkr-Bold.eot') format('embedded-opentype'),
 url('../../fonts/NotoSansCJKkr-Bold.woff') format('woff'),
 url('../../fonts/NotoSansCJKkr-Bold.otf') format('truetype');
}

@font-face {
  font-family: 'icon';
  src: url('../../icon/fonts/xeicon.eot');
  src: url('../../icon/fonts/xeicon.eot?#iefix') format('embedded-opentype'),
       url('../../icon/fonts/xeicon.woff2') format('woff2'),
       url('../../icon/fonts/xeicon.woff') format('woff'),
       url('../../icon/fonts/xeicon.ttf') format('truetype');
}