/**
 * SUNHYUNG & DOREMI - 초기화(Reset) 스타일
 * 레거시 reset.css 마이그레이션
 */

/* 박스 사이징 초기화 */
*, *:before, *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* HTML 요소 마진/패딩/보더 초기화 */
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-style: inherit;
    vertical-align: baseline;
}

/* 구형 브라우저 HTML5 블록 요소 */
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; }
caption, th, td { text-align: left; font-weight: normal; }

/* 링크 초기화 */
a {
    text-decoration: none;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: top;
    background: transparent;
    color: #222;
}
a:link { text-decoration: none; }

/* 버튼 기본 스타일 */
button { cursor: pointer; vertical-align: middle; }

/* 폼 요소 초기화 */
input, select {
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
}
input:checked[type="checkbox"] { -webkit-appearance: checkbox; }
input[type=submit] { -webkit-appearance: none; }

/* 이미지 초기화 */
img { border: 0; width: 100%; }

/* 정렬 유틸리티 */
.center { text-align: center; }
.align_l { text-align: left; }
.align_r { text-align: right; }
.float_l { float: left; }
.float_r { float: right; }
.margin_auto { margin-left: auto; margin-right: auto; }

/* 클리어픽스 */
.clearfix:before, .clearfix:after {
    content: "";
    display: block;
    clear: both;
}