@charset "utf-8"; /* 여백 초기화 */ body, div, ul, li, dl, dd, dt, ol, h1, h2, h3, h4, h5, h6, input, fieldset, legend, p, select, table, th, td, tr, textarea, button, form, figure, figcaption {margin:0; padding:0;} /* a 링크 초기화 */ a {color: inherit; text-decoration: inherit;} a:hover {color: #2698cb;} /* 폰트 초기화 */ 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;} /* 폰트 스타일 초기화 (기울임) */ em, address {font-style: normal;} /* 블릿기호 초기화 */ ul, li, ol {list-style: none;} /* 제목 태그 초기화 */ h1, h2, h3, h4, h5, h6 {font-size: inherit; font-weight: inherit;} /* 버튼 초기화 */ button {border: none;} /* box-sizing 초기화 */ * {box-sizing: border-box;} /* 반응형 */ video,img {width: 100%;} /* clearfix */ .clearfix{*zoom:1;} .clearfix:before, .clearfix:after {display: block; content: '';line-height: 0;} .clearfix:after {clear: both;} /* IR 효과 */ .ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;} /* 의미있는 이미지의 대체 텍스트를 제공하는 경우(Phark Method) */ .ir_wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height: 100%;} /* 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트를 보여주고자 할 때(WA IR) */ .ir_so {overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;} /* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */ /* 아이콘 이미지 최적화 작업 */ .icon {background-image: url(../img/icon.png);}