/* reset.css */
@charset "utf-8"; /* * @ RESET CSS * ------------------------------- */
html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea, button {margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0 none; line-height: 1; font-family: 'Roboto', 'Noto Sans KR', sans-serif; letter-spacing: -0.03em; font-size: 16px; font-weight: normal; color: #000;}
html, body{overflow-x: hidden;}
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; table-layout: fixed; width:100%;} 
caption {overflow: hidden; width: 0; height: 0; line-height: 0; font-size: 0;}
th, td {vertical-align: middle; /* white-space: nowrap */}
a {display: inline-block; color: inherit; line-height: 1; font-size: inherit; text-decoration: none; font-weight: inherit;
-webkit-tap-highlight-color: transparent;  /* for removing the highlight */}
a:hover, a:focus, a:active {text-decoration: none;}  *, html {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
*, *: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; line-height: 1; color: inherit; font-size: inherit; outline: 0 none;}
b,strong{font-weight: 700; color: inherit; font-size: inherit; line-height: inherit;}
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;}
::-webkit-input-placeholder{color: #c1c1c1;}
:-ms-input-placeholder{color: #c1c1c1;}
::placeholder{color: #c1c1c1;}
select{width: 150px; font-family: inherit; background: url(../../img/common/select_arrow.png) no-repeat; background-position: 92% calc(50% + 1px); /* 네이티브 화살표 대체 */ border: 1px solid #999; border-radius: 0px; /* iOS 둥근모서리 제거 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;}
@media screen and (max-width: 1024px){
    select{background-image: url(../../img/common/select_arrow_m.png); background-size: 12px auto;}
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {display: none;}
span{color: inherit; font-size: inherit; line-height: inherit; font-family: inherit;}
label{cursor: pointer;}
/* ie input icon display:none */
input::-ms-clear, input::-ms-reveal {
    display: none;
}
.cf:after { content:''; display:block; clear:both; }