@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');

html, body {
    width:100%;
    height:100%;
}

* {box-sizing:border-box}
body, div, ul, li, dl, dt, ol, h1, h2, h3, h4, h5, h6, input, fieldset, legend, p, select, table, th, td, tr, textarea, button, form {margin:0; padding:0}
a {color:#000; text-decoration:none}
body, input, textarea, select, button, table {font-family: 'Noto Sans KR', sans-serif}
em, address {font-style:normal}
dl, ul, li, ol, menu {list-style:none}
h1, h2, h3, h4, h5, h6 {font-size:12px; color:#000; font-weight:normal}
img, fieldset {border:0 none}
input, button {border:0; background:rgba(255,255,255,0)}

.cf:before, .cf:after {content:""; display:block}
.cf:after {clear:both}

/* skip */
.skip {position:absolute; left:0; top:-100px; width: 100%; height: 50px; line-height: 50px; background:#000; color: #fff; text-align: center; font-size: 14px; transition:all 0.5s; z-index:99;}
.skip:focus {top:0}

/* txt hide */
.hide {position:absolute; left:-99999px;} /* 스크린리더 읽기만 가능, 화면상 텍스트 숨김 처리 */

/* IR */
.ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px} /* 대체 텍스트 제공 가능 시 */
.ir_wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height:100%} /* 이미지가 없어도 대체 텍스트 노출 */
.ir_su {overflow:hidden; position:absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px} /* 접근성을 위한 숨긴 텍스트 제공 시 */