@charset "utf-8";

*,
*::after,
*::before{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    user-select: none;
}

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

  /* 기본 폰트 지정 */
body, html {
  font-family:  'Roboto', sans-serif;
}

/* ============== 여백 초기화 ============== */ 
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, header, section, aside, article{margin:0;padding:0;}

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

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

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

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

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

/* ============== 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_su {overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;} /* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */

/* ============== margin, padding ============== */
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}

.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}