@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: #151515; text-decoration: none;}
/* a:hover {color: #2698cb;} */

/* 폰트 초기화 */
body, input, textarea, select, button, table {font-family:'SpoqaHanSansKr', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; color: #151515; font-size: 13px; line-height: 1; letter-spacing:-1px; font-weight:400;}

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

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

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

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

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

/* 반응형 */
video,img {}

/* 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_da {overflow: hidden; position:absolute; top: 0; left: -999px; width:0; height:0; line-height:0; text-indent:-9999px;} /* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */
.ir_so {position: absolute !important;clip: rect(0 0 0 0) !important;width: 1px !important;height: 1px !important;margin: -1px !important;overflow: hidden !important;} /* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */

/* 아이콘 이미지 최적화 작업 */
.sprite {background-image: url(../images/sprite.png); background-size:400}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 1.5dppx){
        /* .icon {background-image: url(../img/icon@2.png); background-size: 500px;} */
       }


/* select 초기화 */
select { 
    -webkit-appearance: none; /* 네이티브 외형 감추기 */ 
    -moz-appearance: none; 
    appearance: none;
    border-radius:0;
} 
select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 

input[type=text]:-ms-clear {
    display:none;
  }
  textarea,input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
 }

 /* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}


 /* placeholder 초기화 */
 input::-webkit-input-placeholder {color: #888;}
input:-ms-input-placeholder {color: #888;}
textarea::-webkit-input-placeholder {color: #888;}
textarea:-ms-input-placeholder {color: #888;}

label>input[type=radio],label>input[type=checkbox]{position: absolute;top: 0;left: -999px;}
label>span{cursor: pointer;}

input[type=text],input[type=password],input[type=number],textarea{font-size: 14px;height: 35px;line-height: 35px; color: #151515;border-width: 0; padding: 0 15px;box-sizing: border-box;}
input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,textarea:focus,select:focus{outline: none;}
.inp{width: 100%;}
.sel{height: 35px;line-height: 35px;border-width: 0; padding: 0 27px 0 15px; background-image: url(../images/common/sel_arr_down.png); background-position: center right 15px; background-repeat: no-repeat;font-size: 14px; box-sizing: border-box;}
.textarea{resize: none;width: 100%;min-height: 35px;box-sizing: border-box;}
.inp.datepicker{background-image: url(../images/common/date-calendar.png);background-position: center right 15px;background-repeat: no-repeat;}

button{display: block;cursor: pointer;}

@media(max-width:768px){
  .sel{padding: 0 27px 0 0; background-image: url(../images/common/sel_arr_down_m.png); background-size: 11px auto;}
}