@charset "utf-8"; 

/* 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;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
table th, table td{ vertical-align: middle; }

caption,legend,hr,.offscreen {overflow:hidden;left:-9999em;width:1px;height:0px;margin:0;padding:0;border:0;text-indent:-9999em;background:none;font-size:1px;line-height:1px}
legend,hr,.offscreen {position:absolute}

a{ color: #111; }
a:link, a:visited{/* color: #4d4d4d; */ text-decoration: none;}
a:active, a:hover{/* color: #525252; */ text-decoration: none;}
a, button{ cursor: pointer; }

*::before,
*::after{position:absolute; content:''; display:none; font-family:inherit; box-sizing:border-box; color:inherit;}
*{box-sizing:border-box;}

caption, legend{ position:fixed; top:-5000px; width:0; height:0; text-indent:-5000px; overflow:hidden; visibility:hidden; font-size:0; line-height:0; display:none; }


input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='range'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'],
input[type='file'],
select, button
{
    height: 30px;
    padding: 5px 0 5px 10px;
    background-color:#fff;
    border:1px solid #e0e0e0;
    color: #111;
    vertical-align: top;
    border-radius: 5px;
}
input:read-only{ background: #e9e9e9; }

input[type='checkbox']{ width: 15px; height: 15px; border:1px solid #e0e0e0 !important; vertical-align: middle; border-radius: 0; }
textarea{ width: 100%; min-height: 33px; padding: 12px; background-color:#fff; border:1px solid #e0e0e0; color: #333; font-size: 14px; font-weight: 500; font-family:inherit; }
select{ padding: 1px 0 2px 5px; }
input,
select,
button,
/*textarea,*/
input::placeholder{ color: #999; font-size: 14px; font-weight: 300; font-family:inherit; }
select, select::placeholder{ color: #111; }
/* select { 
    padding:5px 0 5px 10px; border:1px solid #e0e0e0; background:white url('../../img/sub/arrow.png') no-repeat right center; -webkit-appearance : none; 
} */

input[type=text],
input[type=password], 
select,
textarea {
    /* -webkit-transition:all 0.30s ease-in-out;
    -ms-transition:all 0.30s ease-in-out; */
    outline:none;
}

body{ color: #111; font-family: 'Noto Sans KR', '맑은고딕', 'Malgun Gothic', sans-serif; font-weight:400; font-size: 14px; letter-spacing: -0.4px; line-height: 1.1; }

.container{margin: 0; padding: 0;}