@charset "utf-8";
@import url(../fonts/fonts.css);
@import url(../style/jquery-ui.min.css);

/* 여백 초기화 */
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: inherit; text-decoration: none;display: inline-block;}
/* a:hover {color: #2698cb;} */

/* 폰트 초기화 */
body, input, textarea, select, button, table {font-family: 'Lato', 'SpoqaHanSansNeo','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; color: #2E2D2C; font-size: 14px; line-height: 22px; letter-spacing:-0.5px; font-weight:400;}

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

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

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

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

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

/* 반응형 */
video,img {display: block;}

/* clearfix */
.clearfix{zoom:1;}
.clearfix:before, .clearfix:after {display: block; content: ''; line-height: 0;}
.clearfix:after {clear:both;}

/* IR 효과 */
.ir_so {position:fixed;top: 0;left: 0; width:1px; height:1px;white-space: nowrap; padding: 0;border: 0;overflow: hidden;clip: rect(0,0,0,0);} /* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */

@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){

      }


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

.sel{height: 40px;line-height: 38px;padding: 0 30px 0 15px;background: url(../images/ico/arr_open_b2.png)no-repeat center right 15px / 9px auto; border: 1px solid #E2E2E2;border-radius: 4px; box-sizing: border-box;}
.sel:focus{outline: none;background-image: url(../images/ico/arr_fold_b2.png);}
.sel option:focus{background: #2c8bd6;}


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: #aaa;}
input:-ms-input-placeholder {color: #aaa;}
textarea::-webkit-input-placeholder {color: #aaa;}
textarea:-ms-input-placeholder {color: #aaa;}

input[type=text],input[type=password],input[type=number]{height: 40px;line-height: 38px; color: #2E2D2C;padding: 0 15px;border: 1px solid #E2E2E2;box-sizing: border-box;font-size: 15px;}
input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,textarea:focus{outline: none;border-color: #2E2D2C;}
textarea{resize: none;width: 100%;min-height: 40px; color: #2E2D2C;padding: 15px;border: 1px solid #E2E2E2;box-sizing: border-box;box-sizing: border-box;font-size: 15px;line-height: 23px;}
.inp{width: 100%;}
.inp.datepicker{background-image: url(../images/common/calendar.png);background-size: 16px auto; background-position: center right 15px;background-repeat: no-repeat;}
.inp.search_inp{padding-right: 40px;}


button{display: block;cursor: pointer;}

label>input[type=radio]+span{cursor: pointer;}
.radio_box input[type=radio]{position: fixed;top: 0;left: -99px;width: 1px;height: 1px;}
.chk_box input[type=checkbox]{position: fixed;top: 0;left: -99px;width: 1px;height: 1px;}

.chk_box input[type="checkbox"] + label{display: inline-block;padding-left: 32px;background: url(../images/common/check_off.png)no-repeat top left;line-height: 24px;font-size: 15px;box-sizing: border-box;word-break: keep-all;color: #706F6F;}
.chk_box input[type="checkbox"]:checked + label{background: url(../images/common/check_on.png)no-repeat top left;color: #2E2D2C;}

.radio_box>input[type="radio"] + label{display: inline-block;padding-left: 32px;background: url(../images/common/raido_off.png)no-repeat top left;line-height: 24px;font-size: 15px;box-sizing: border-box;word-break: keep-all;}
.radio_box>input[type="radio"]:checked + label{background: url(../images/common/raido_on.png)no-repeat top left;}

.radio_box{}
.radio_box>label{}
.radio_box>label>input[type="radio"] + span{display: inline-block; color: #706F6F;font-size: 15px;line-height: 23px;padding: 65px 10px 20px;text-align: center;background: url(../images/common/raido_off.png)no-repeat center top 25px;box-sizing: border-box;word-break: keep-all;}
.radio_box>label>input[type="radio"]:checked + span{color: #2E2D2C;background: url(../images/common/raido_on.png)no-repeat center top 25px;}

/* @media(max-width:768px){ */
@media(max-width:1024px){
  .chk_box input[type="checkbox"] + label{background-image: url(../images/common/m_check_off.png); background-size: 20px auto;padding-left: 28px;background-position: center left;}
  .chk_box input[type="checkbox"]:checked + label{background-image: url(../images/common/m_check_on.png); background-size: 20px auto;background-position: center left;}
  .radio_box>label>input[type="radio"] + span{background-image: url(../images/common/m_radio_off.png); background-size: 20px auto;}
  .radio_box>label>input[type="radio"]:checked + span{background-image: url(../images/common/m_radio_on.png); background-size: 20px auto;}
}