@charset "utf-8";


/* 여백 초기화 */
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,figure,figcaption
{margin:0; padding:0;}
/* a 링크 초기화 */
a {color: #222; text-decoration: none;}

/* 폰트 초기화 */
body, input, textarea, select, button, table {  font-family: "AppleSDGothicNeoR00", "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", dotum, 돋움, sans-serif; font-size: 16px; line-height: 1.2;}
/* 폰트 스타일 초기화 */
em,address {font-style: normal;}

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

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

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

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

/* 반응형 */
video{width: 100%;}

/*버튼*/
button,select{cursor: pointer; outline: none;}
select{border-radius: 0;}
select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 

/*input*/
input:focus {outline:none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input{cursor: pointer; border: none;}

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

/*common*/
.fl{float: left;}
.fr{float: right;}

/*cavas*/
canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}