@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* 여백 초기화 */
*{margin: 0;padding: 0; box-sizing: border-box;}

/* a 링크 초기화 */
body{font-family:'Noto Sans KR'; color: #000; font-size: 14px;}
a {text-decoration: none;color: #000;}
/* 블릿기호 초기화 */
ul,li,ol {list-style:none;}
/* 반응형 */
video,img {width: 100%;}
/* clearfix */
.cf:after {display: block; content: ''; 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;} /* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */
/* 스킵메뉴 */
#skip{z-index:99999999;position:fixed;width:100%;height:auto;font-size:0; top: 0;}
#skip>li{width:100%;height:auto;font-size:0;}
#skip>li>a{display:block;padding:0;font-size:0;text-align:center;color:#fff;background:#000;}
#skip>li>a:focus{padding:20px;font-size:16px;}


button{cursor: pointer; border: none; font-size: 0; text-indent: -99999999em; line-height: 0;}