* {
    margin:0; 
    padding:0
}

html { overflow-y:scroll; }
html, body { width:100%; height:100%; padding:0; margin:0; color:#555555; list-style:none; }

table { border-collapse: collapse; }
td { color:#555555; list-style:none; }
fieldset, img { border: none; }
div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p { margin:0; padding:0; }
ul { list-style:none; }
img.middle { vertical-align:middle; margin-bottom:3px; }
hr { display:block; }

a { color:#777; font:normal 12px/16px "Arial"; text-decoration:none; }
a:hover { color:#333; }

/* form */
select { font-size:11px; color:#6B6B6C; }
input.txt { border: 1px solid #CCCCCC; padding:3px 0 0 3px; height:15px; position: relative; top:1px; color:#676767; }
input.btn { vertical-align: middle; margin-bottom: 3px; }
textarea.txt{ border:#cecece 1px solid; padding:5px; color:#676767; }

/* 기본 태그 추가 속성 */
ul { list-style: none; margin: 0; padding: 0; border: 0px solid #000000; }
li { margin: 0; padding: 0; border: 0; vertical-align: middle; }
img, div, p { margin: 0; padding: 0; border: 0; vertical-align: middle; }

html, body, div, ul, li, table, th, td, p, span, form, label, fieldset, button, input, select {
    color: #333333;
    font-size: 12px;
    font-family: "나눔고딕", NanumGothic, "맑은 고딕", "고딕", "돋움", DotumChe, Dotum, Sans-serif, Vertical, Arial;
    letter-spacing: -0.03em;

    /* 폰트 크기 고정 */
    -webkit-text-size-adjust: none;  /* Chrome, Safari, newer versions of Opera */
    -moz-text-size-adjust: none;     /* Firefox */
    -ms-text-size-adjust: none;      /* IE */
    -o-text-size-adjust: none;       /* old versions of Opera */
}

button {
    cursor: pointer;
}

input[type=text], input[type=password] {
    height: 26px;
    padding: 3px 7px 3px 7px;

    /* 폰트 상속 */
    font-family: inherit;
    font-size: 13px;
    font-weight: bold;
    color: #777777;

    background-color: #FFFFFF;
    border: 1px solid #D1D1D1;
    border-radius: 2px;
}

textarea {
    /* 폰트 상속 */
    font-family: inherit;
    font-size: 13px;
    font-weight: bold;
    color: #777777;

    background-color: #FFFFFF;
    border: 1px solid #D1D1D1;
    border-radius: 2px;
}

select{
    /* 네이티브 외형 감추기 */
    -webkit-appearance: none;  /* 크롬       */
    -moz-appearance: none;     /* 파이어폭스 */
    -ms-appearance: none;      /* 익스플로러 */
    -o-appearance: none;       /* 오페라     */
    appearance: none;

    height: 34px;
    border-radius: 2px;
    border: 1px solid #D1D1D1;
    padding: 2px 5px 2px 5px;

    /* 폰트 상속 */
    font-family: inherit;
    font-size: 13px;
    font-weight: bold;
    color: #6A6A6A;

    /* 네이티브 화살표 대체 */
    /*
    background: url(http://coffeeapp-image.willhosting.co.kr/m/ico_select_arrow.png) no-repeat 95% 50%;  // "http://" 사용시
    background: url(https://m.caferoapp.com/image/ico_select_arrow.png) no-repeat 95% 50%;               // "https://" 사용시 (보안 SSL 적용)
    */
    background: url(https://m.caferoapp.com/image/ico_select_arrow.png) no-repeat 95% 50%;

    background-color: #FFFFFF;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand{
    display: none;
}