/* reset.css */

@charset "utf-8";

/* * @ RESET CSS * ------------------------------- */
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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 none;
    line-height: 1.5;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: 0.05em;
    font-size: 16px;
    font-weight: 400;
    color: #222;

}
h1,h2,h3,h4,h5,h6,p,pre{word-wrap: normal;}
ul,ol,li {
    list-style: none;
}
em,address {
    font-style: normal;
}
img {
    display: block;
    max-width: 100%;
    vertical-align: middle;
    line-height: 0;
    border: 0 none;
    font-size: 0;
}
sup {
    position: relative;
    top: 2px;
    line-height: 100%;
    font-size: 11px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption {
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
th,
td {
    vertical-align: middle;
    /* white-space: nowrap */
}
br{-webkit-backface-visibility: hidden;backface-visibility: hidden;font-family: 'nanumsquare' !important;}
a {
    display: inline-block;
    color: inherit;
    line-height: 1.5;
    text-decoration: none;
    cursor: pointer;
}
span{color: inherit;}
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: 0;
}

*,
html {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
body,html{overflow-x: hidden;}
*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

input,
select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 none;
}

button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    color: inherit;
    font-size: inherit;
    outline: 0 none;
}

b,
strong {
    font-weight: 700;
}
input[type="text"],input[type="password"]{outline: none;border: none;}
input[type="text"]:focus,input[type="password"]:focus{background: #fff !important; border: 1px solid #00341e; -webkit-box-sizing: border-box; box-sizing: border-box;}
/*checkbox custom*/

input[type="checkbox"]{display: none;}
input[type="checkbox"] + label{width: auto; height: auto; padding-left: 30px; background-image: url(../img/checkbox-default.png); background-repeat: no-repeat; background-size:20px auto;background-position: left bottom; cursor: pointer;}
input[type="checkbox"]:checked + label{background-image: url(../img/checkbox-checked.png);}
input[type="search"]{padding: 15px;font-size: 16px;width: 450px;outline: none; border: none;}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
  
}

button[disabled],
input[disabled] {
    cursor: default;
}

textarea {
    outline: 0 none;border: none;
}
textarea:focus{border: 1px solid #003413; background: #fff;}
::-webkit-input-placeholder {
    color: #c1c1c1;
}

:-ms-input-placeholder {
    color: #c1c1c1;
}

::placeholder {
    color: #c1c1c1;
}

select {
    background-size: 24px auto;
    padding: 15px;
    background-image: url('../img/arrow-down-bk.png');
    background-repeat:no-repeat;
    background-position: 95% 50%;
   /* 네이티브 화살표 대체 */
     /* iOS 둥근모서리 제거 */
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
     cursor: pointer;
    border: none;
    outline: none;
}
select.arrow-up{background-image:url('../img/chevron-up.png'); }
select option:not(:checked) { 
    background-color: #404040 !important; 
    color:#888;
}
select option:hover, select option:focus, select option:active{
    outline: none !important;
    background-color: #404040 !important;
    color: #fff !important;

}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
    display: none;
}