/* 여백 초기화 */
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, input, fieldset, legend, p, select, table, tr, td, textarea, button, form {margin: 0; padding: 0;}

/* 링크 초기화 */
a {color: #222; text-decoration: none;}
a:hover {color: #390;}

/* 폰트 초기화 */
body, input, textarea, select, button, table {
    font-family:'Nanum Gothic', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; color: #222; font-size: 13px; line-height: 1.5;
}

/* 제목 태그 초기화 */
h1, h2, h3, h4, h5, h6 {font-size: 13px; color: #222; font-weight: normal;}

/* 불릿 기호 초기화 */
ul, ol, dl, menu {list-style: none;}

/* 이미지 초기화 */
/* img {display: block;} <- '잘 사용하지 않음' 이미지 여백 제거 */
img {vertical-align: top;}

/* 폰트 스타일 초기화 */
em, address {font-style: normal;}

/* 보더 초기화 */
img, fieldset {border: 0;}

/* IR 효과 */
.ir_pm {display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;}
/* 의미있는 이미지의 대체 텍스트를 제공하는 경우(pm) */
.ir_wa {display: block; overflow: hidden; position: relative; z-index: -1; width: 100%; height: 100%;}
/* 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트를 보여주고자 할 때(wa) */
.ir_so {overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
/* 대체 테스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때(so) */