@charset "utf-8";

/* font */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* 여백초기화 */
html{scroll-behavior: smooth;}
body,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,fieldset,legend,
p,select,textarea,button,table,th,td,tr,form{
    margin: 0;
    padding: 0;
}
body{
    font-family: "Noto Sans KR",'Apple SD Gothic Neo', Sans-serif;
    color: #fff;
    background-color: #000;
}
/* 보더박스 */
*{box-sizing: border-box; color: #111; padding: 0; margin: 0; color: inherit;} 

/* a 링크 초기화 */
a{text-decoration: none; color: inherit;}
ul,li{list-style: none;}
img{vertical-align: top; max-width: 100%;}

h3{color: #fff; font-size: 40px; margin-bottom: 52px;}
/* 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_so{
    /* screen out / ir_su
    대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px;
}