@charset "utf-8";
html, body {min-height: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, span, blockquote, q,
img, object, iframe, pre, abbr, address, cite, code, del, dfn, ins, kbd, samp,
b, i, a, em, small, strong, sub, sup, var,
ol, ul, li, dl, dt, dd,
fieldset, form, label, legend, input, textarea, button, select,
table, caption, thead, tbody, tfoot, tr, th, td,
article, aside, canvas, details, figure, figcaption,
header, footer, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: 'Pretendard', sans-serif;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    _letter-spacing: -0.02em;
    _word-break: keep-all; 
}
article, aside, details, figure, figcaption, header, footer, hgroup, menu, nav, section {display: block;}
body {
    line-height: 1;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-font-smooting: antialiased;
    -moz-font-smoothing: grayscale;
}
input, textarea, button, select, optgroup {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}

table {border-collapse: collapse; border-spacing: 0;}
caption, legend {position: absolute; overflow: hidden; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
em {font-style:normal;}
hr {display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc;}

span, strong {vertical-align: middle;}
input, select {vertical-align: middle;}
strong {font-weight: bold;}

a {margin: 0; padding: 0; font-size: 100%; color: #000; text-decoration: none; vertical-align: baseline; background: transparent;}
/* a:hover {} */
button {border: 0; border-radius: 0; -webkit-border-radius: 0; cursor: pointer;}
button::-moz-focus-inner {padding: 0; border: 0;}
a:focus, button:focus {outline: -webkit-focus-ring-color auto 1px;}
textarea{resize: none;}
/* Webkit */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {font-size: 13px; color: #666; font-weight: 300;}
/* Firefox 4-18 */
input:-moz-placeholder,
textarea:-moz-placeholder {font-size: 13px; color: #666; font-weight: 300;}
/* Firefox 19+ */
input::-moz-placeholder,
textarea::-moz-placeholder {font-size: 13px; color: #666; font-weight: 300;}
/* IE10+ */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {font-size: 13px; color: #666; font-weight: 300;}

img {max-width: 100%; vertical-align: top;}
input, select, button {vertical-align: middle;}
select{-webkit-appearance:none; appearance: none;}
input[type=text] {-webkit-appearance: none; background: #fff; _height: 20px; vertical-align: middle; border-radius: 0; width:100%;}
/*
input[type=date] {appearance: none; -webkit-appearance: none; background: #fff; vertical-align: middle; border-radius: 0; width:100%;}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {display: none; -webkit-appearance: none;}
*/
input[type=date] {background-image: url('../images/ico/ico_calendar.png'); background-repeat: no-repeat; background-position: center right 8px;}
input[type=date]:disabled {color: #c6c6c6; background-image: url('../images/ico/ico_calendar_disabled.png');}
input[type=date]:read-only {color: #1d1d1d; _background-image: url('../images/ico/ico_calendar_readonly.png');}
input[type=date]::-webkit-calendar-picker-indicator {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent; color: transparent; cursor: pointer;}
.firefox input[type=date],
.firefox input[type=date]:disabled {background-image: none; padding-right: 0; _letter-spacing: -.8px; word-spacing: -7px;}

input[type=image], input[type=radio] {border: 0; padding: 0;}
input[type=checkbox] {display: inline-block;}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="number"],
select {_height: 20px; border: 1px solid #ccc; padding: 0 5px; color: rgb(0,0,0); border-radius: 2px; box-sizing: border-box;}
input[type="text"]:disabled,
input[type="password"]:disabled {_background-color: #e4e4e4;}
input[type="file"] {position: fixed; _display: none; width: 0 !important; height: 0; position: inherit;}
input[type="file"]:focus + label {outline: -webkit-focus-ring-color auto 1px;}

input, textarea, button{-webkit-tap-highlight-color: transparent; outline: none;}
textarea {line-height: 1.1;}
/* input::placeholder {} */
iframe {display: block}

@media screen and (min-width: 769px){
    /* html, body, div, h1, h2, h3, h4, h5, h6, p, span, blockquote, q,
    img, object, iframe, pre, abbr, address, cite, code, del, dfn, ins, kbd, samp,
    b, i, a, em, small, strong, sub, sup, var,
    ol, ul, li, dl, dt, dd,
    fieldset, form, label, legend, input, textarea, button, select,
    table, caption, thead, tbody, tfoot, tr, th, td,
    article, aside, canvas, details, figure, figcaption,
    header, footer, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
        font-size: 16px;
        line-height: 24px;
    } */

    /* Webkit */
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {font-size: 16px;}
    /* Firefox 4-18 */
    input:-moz-placeholder,
    textarea:-moz-placeholder {font-size: 16px;}
    /* Firefox 19+ */
    input::-moz-placeholder,
    textarea::-moz-placeholder {font-size: 16px;}
    /* IE10+ */
    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {font-size: 16px;}

    /* input text */
    input[type="text"],
    input[type="password"] {_height: px; _font-size: px;}
}