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

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

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

/* 폰트 초기화 */
body, input, textarea, select, button, table {font-family: 'Noto Sans KR', sans-serif; color: #333; font-size: 16px; font-weight: 400; line-height: 140%;}

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


/* 블릿기호 초기화 */
ul,li,ol {list-style:none;}

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

/* 테두리 초기화 */
img,fieldset {border:0 none;}

/* 버튼 초기화 */
button {border: 0; background: none}

/* 반응형 비디오 */
/* .mainVideo{width: 100vw; height: 100vh;} */

/* 테이블 초기화 */
table{border-collapse: collapse;}
caption{overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;}

/* clearfix */
.cf{*zoom:1;}
.cf:after {display: block; content: ''; clear: both;}

/* 스킵 */
#skip{position: absolute; width: 100%; height: auto; font-size: 0; z-index: 9999; margin: 0; padding: 0;}
#skip a{display: block; padding: 0; font-size: 0; text-align: center; color: #fff; background: #000; height: 0;}
#skip a:focus{padding: 20px; font-size: 16px; height: auto;}


/* 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; background: none} /* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */

/* input style */
input {background-image: none;}
input[type=button],
input[type=reset],
input[type=text],
input[type=password],
input[type=submit],
input[type=search],
input[type=tel],
input[type=email] {
    -webkit-appearance: none;
    border-radius: 0
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
input:checked[type=checkbox] {
    background-color: #666;
    -webkit-appearance: checkbox
}