@charset "utf-8";

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../font/NotoSansKR-Light-Hestia.eot') format('eot'),
        url('../font/NotoSansKR-Light-Hestia.eot?#iefix') format('embedded-opentype'),
        url('../font/NotoSansKR-Light-Hestia.woff') format('woff'),
        url('../font/NotoSansKR-Light-Hestia.otf') format('opentype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NotoSansKR-Regular-Hestia.eot') format('eot'),
        url('../font/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'),
        url('../font/NotoSansKR-Regular-Hestia.woff') format('woff'),
        url('../font/NotoSansKR-Regular-Hestia.otf') format('opentype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../font/NotoSansKR-Medium-Hestia.eot') format('eot'),
        url('../font/NotoSansKR-Medium-Hestia.eot?#iefix') format('embedded-opentype'),
        url('../font/NotoSansKR-Medium-Hestia.woff') format('woff'),
        url('../font/NotoSansKR-Medium-Hestia.otf') format('opentype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NotoSansKR-Bold-Hestia.eot') format('eot'),
        url('../font/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'),
        url('../font/NotoSansKR-Bold-Hestia.woff') format('woff'),
        url('../font/NotoSansKR-Bold-Hestia.otf') format('opentype');
}

body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, caption, th, td, form, fieldset, legend, hr, label, button {margin:0; padding:0; font-size:13px;}
body {font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; word-break:break-all; letter-spacing:-0.5px;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-family:'Noto Sans', dotum, gulim, verdana, sans-serif; font-weight:400;}
ul, ol, dl {list-style:none;}
table {width:100%; margin:0; padding:0; border-spacing:0; border:0; border-collapse:collapse; word-break:break-all;}
img, button, fieldset, abbr, acronym {border:0;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}

q:before, q:after {content:'';}
hr {display:none;}

legend {font-size:0; position:absolute; left:-5000px;}
caption {width:0; height:0 !important; line-height:0; overflow:hidden; visibility:hidden; font-size:0;}

select {height:23px; font-family:'Noto Sans'; font-size:13px; border:1px solid #ccc; vertical-align:middle;}
input[type="text"],
input[type="password"],
textarea {vertical-align:middle; width:100%; min-width:207px; padding:0 30px 0 19px; border:1px solid #ddd; background-color:#fff; color:#555; height:45px; font-family:'Noto Sans'; font-size:14px; line-height:30px; border-radius:4px; box-sizing:border-box; resize: none;}
::-webkit-input-placeholder {
    color:#999;
}
:-moz-placeholder {
    color:#999;
}
::-moz-placeholder {
    color:#999;
}
:-ms-input-placeholder {
    color:#999;
}
button:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {color:#555; outline:none;}
input[type="text"]:disabled,
input[type="password"]:disabled,
textarea:disabled {color:#999; background:#f9fafb;}
textarea {width:100%; min-height:180px; overflow:auto; padding:30px; line-height:22px;}
input[type="checkbox"] {width:13px; height:13px; margin:0 0 0 0; vertical-align:middle;}
input[type="radio"] {width:13px; height:13px; margin-top:-1px; vertical-align:middle;}
button {font-family:'Noto Sans'; cursor:pointer;}

a {color:#666;text-decoration:none;}
a:focus, a:hover, a:active {text-decoration:none;}

/* text-size-adjust - ios, android */
* {max-height: 1000000px;}

html { 
  -webkit-text-size-adjust: none; 
  -moz-text-size-adjust: none; 
  -ms-text-size-adjust: none; 
}

.invisible {text-indent:-5000px; position:absolute; left:-5000px; font-size:0; width:0; height:0; line-height:0; visibility:hidden; overflow:hidden;}

/* skip navi */
#skipNavi {position:absolute; left:0; top:-200px; width:100%; margin:0 auto; z-index:20;}
#skipNavi:active,
#skipNavi:focus {position:absolute; top:0; width:100%; background:#f8f7f3; line-height:25px; text-align:center; border-bottom:1px solid #dbdbdb;}