@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* initialize */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; background: transparent; -webkit-text-size-adjust:none;}
body {font:0.9em/normal 'Noto Sans KR','Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', sans-serif; color:#555; font-weight:300;}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {display: block;}
nav, menu, ul, ol, dl, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
a:link {color:#555; text-decoration:none;}
a:visited {color:#555; text-decoration:none;}
a:active, a:hover {color:#555; text-decoration:none;}
small {font-size:0.9em;}
ins {background-color: #ff9; color: #000; text-decoration: none;}
mark {background-color: #ff9; color: #000; font-weight: bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {width:100%; border:0 none;border-collapse:collapse;}
table td, table th {padding:0; border:0 none;}
img {vertical-align:middle; border:0 none; max-width:100%; height:auto;}
hr, legend {visibility:hidden; height:1px; width:1px; position:absolute; line-height:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:400;}
strong {font-weight:400;}

/* input type */
input, select, textarea, button {font:1em/normal 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', sans-serif; color:#555; vertical-align:middle; padding:0; margin:0; resize:none; font-weight:300;}
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=search] {width:100%; height:36px; border-radius:0; padding:0.9em 1em; border:1px solid #e6ecf0; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; line-height:1.2;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
textarea {width:100%; padding:1em; border:1px solid #e6ecf0; background:#fff; line-height:1.4; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; line-height:normal;}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,textarea:focus {outline: 0 none;}
input[type=checkbox], input[type=radio] {width:23px; height:23px; vertical-align:top;}
input[type=submit], input[type=image], input[type=reset], button {cursor:pointer; border:0 none; background:none; border-radius:0; -webkit-border-radius:0; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; outline:0 none;}
select {width:100%; height:38px; border-color:#e6ecf0;}

::-webkit-input-placeholder {color:#a9a9a9;}
:-moz-placeholder {color:#a9a9a9;}
::-moz-placeholder {color:#a9a9a9;}
:-ms-input-placeholder {color:#a9a9a9;}