@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans);

/* 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:13px/normal 'Nanum Gothic','Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', sans-serif; color:#414042;}
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:#414042; text-decoration:none;}
a:visited {color:#414042; text-decoration:none;}
a:active, a:hover {color:#414042; text-decoration:none;}
small {font-size:0.8em;}
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; table-layout:fixed;}
table td, table th {padding:0; border:0 none;}
img {vertical-align:middle; border:0 none; max-width:100%;}
hr, legend {visibility:hidden; height:1px; width:1px; position:absolute; line-height:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}

/* input type */
input, select, textarea, button {font:13px/normal 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', sans-serif; color:#414042; vertical-align:middle; padding:0; margin:0; resize:none; height: 30px; box-sizing: border-box;}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=search] {/*height:15px;*/ padding:7px 10px; border:1px solid #c1c1c1; -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:7px 10px; border:0 none; background:transparent; line-height:1.4; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none;}
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:19px; height:19px;}
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;}

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

.input_text {display:block; padding:0 10px; background:#fff; border:1px solid #c1c1c1;}
.input_text input {width:100%; padding-right:0; padding-left:0; background:transparent; border:0 none;}

.hidden {visibility:hidden; position:absolute; top:-9999px; left:-9999px; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0;}

@media all and (min-width:900px) {
body {font-size:15px;}
input, select, textarea, button {font-size:15px;}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=search] {padding-top:6px; padding-bottom:6px;/* border-radius: 6px;*/}
}