@charset "utf-8";

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

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

/* 폰트 초기화 */
body, input, textarea, select, button, table {font-family: 'Nanum Gothic', sans-serif; color: #222; font-size: 13px; line-height: 1.5;}

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

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

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

/* IR효과 */
/* 01 의미있는 이미지의 대체 텍스트를 제공하는 경우 */
.ir_pm{
    display: block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
/* 02 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트를 보여주고자 할때 */
.ir_wa{
    display: block;
    overflow: hidden;
    position: relative;
    z-index: -1;
    width: 100%;
    height: 100%;
}
/* 03 대체 텍스트가 아닌 접근성을 위한 숨긴 텍스트를 제공할때 */
.ir_su{
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px;
}

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

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

/* 마진 top */
.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;}

/* 클리어픽스 */
.clearfix::after {content: ""; display: block; clear: both;}