@charset 'utf-8';

@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Sans+KR');

/* base - 브라우저 초기화 */
html {margin: 0; padding: 0; border: 0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;  }

body { font-family: 'Noto Sans','Malgun Gothic','Roboto',Dotum,'돋움',Gulim,Helvetica,sans-serif;-webkit-text-size-adjust:none; line-height: 1.5; font-size:1.1rem; font-weight: normal; color: #333;}

li{ list-style: none; } /* 기호나 번호 제거 */
a{ text-decoration: none; } /* 링크텍스트 밑줄 제거 */
img{ border: none; } /* ie8이하에서 이미지에 링크시 생기는 테두리 제거 */
table{ border-collapse: collapse; border-spacing: 0px; } /* 테이블 셀 간격 없앰, 테이블 테두리 겹침 허용 */
address{ font-style: normal; } /* 주소태그의 텍스트가 기울어져 나오는 것을 방지 */
fieldset{ border: none; } /* 폼구역의 테두리 제거 */
legend{ position: absolute; left: -999em; } /* 폼 구역 설명 안보이게 처리 */
input[type=button], input[type=submit], input[type=reset], input[type=image], button, select{ cursor: pointer; } /* 버튼에 마우스 손모양 처리 */
label.away{ position: absolute; left: -999em; } /* 안보일 라벨만 클래스적용해서 안보이게 처리 */ee

input, select, textarea { display: inline-block; vertical-align:middle; color:#5b5b5b; }

input[type="text"] {border: 1px solid #e6e6e6; height:35px;  box-sizing: border-box; font-size: 1rem; }
    
select {height:35px; padding:0 2px; color:#555; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; background:#fafafa url('../images/arrow_down.gif') no-repeat 98% 50%; border:1px solid #ddd; -webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none; outline: none;}
select::-ms-expand{display: none;}

textarea { width:100%; border: 1px solid #e6e6e6; padding: 5px; }

  .form-check-inline {
    display: inline-block;
     margin-right: 12px;
  }

  .btn_kgk {
    border: 3px solid #ff0000;
    color: #fff;
    background: #ff0000;
    padding: 4px;
    font-size: small;
    border-radius: 5px;
  }

  @media screen and (max-width: 1220px) {
    .form-check {
        margin-left: 0;
        display: block;
    }
}

@media screen and (min-width: 769px) and (max-width: 1220px) {
     .form-check {
        display: inline-block;
        margin-left: 10px;
    }
}

@media screen and (max-width: 560px) {
    .form-check-inline {
        margin-right: 0;
    }
}
    
/*input*/
.form_w0 {width:* !important;}
.form_w5 {width:5% !important;}
.form_w10 {width:10% !important;}
.form_w15 {width:15% !important;}
.form_w20 {width:20% !important;}
.form_w25 {width:25% !important;}
.form_w30 {width:30% !important;}
.form_w35 {width:35% !important;}
.form_w40 {width:40% !important;}
.form_w45 {width:45% !important;}
.form_w50 {width:50% !important;}
.form_w55 {width:55% !important;}
.form_w60 {width:60% !important;}
.form_w65 {width:65% !important;}
.form_w70 {width:70% !important;}
.form_w75 {width:75% !important;}
.form_w80 {width:80% !important;}
.form_w85 {width:85% !important;}
.form_w90 {width:90% !important;}
.form_w95 {width:95% !important;}
.form_w100 {width:100% !important;}