@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:200,300,400,500,700&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@font-face {
      font-family: 'fontello';
      src: url('../vendor/fontello/font/fontello.eot?9566220');
      src: url('../vendor/fontello/font/fontello.eot?9566220#iefix') format('embedded-opentype'),
           url('../vendor/fontello/font/fontello.woff?9566220') format('woff'),
           url('../vendor/fontello/font/fontello.ttf?9566220') format('truetype'),
           url('../vendor/fontello/font/fontello.svg?9566220#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }

:lang(ko){
    font-family: 'Noto Sans KR','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; line-height: 1.5;
}
:lang(en){
    font-family: 'Roboto','apple Gothic','맑은 고딕',dotum,'돋움',sans-serif;  
}

/*header*/


/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,button,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer,  hgroup, 
menu, nav, output, ruby, section, summary,input,
time, mark, audio, video {
    margin: 0;padding: 0;border: 0;  font-weight:normal; box-sizing:border-box; color:#565656; letter-spacing: -0.6px;}
html{-webkit-text-size-adjust: none;text-size-adjust: none; text-size-adjust: none; font-size: 1rem;}
html,body{height:100%;}
body{width:100%;} 
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
button{cursor:pointer;background-color:transparent} 
body {line-height: 1.2;   width: 100%; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: '';    content: none;}
table { border-collapse: collapse;  border-spacing: 0;}
input, select { font-size:14px} 
a {text-decoration:none;}
a:active, a:hover {text-decoration: none; color: #333; }
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
img{border:0}
input{outline: 0;}
input,textarea,select,button {
    border: 0;border-radius: 0;background: 0 0; -webkit-appearance: none; -moz-appearance: none;  appearance: none;
}
#wrap{min-width:320px;width:100%; height: auto;}

/*ie 닫기 버튼 삭제*/
input::-ms-clear {  display: none;} 
[type="checkbox"],[type="radio"] { box-sizing: border-box; }
input::placeholder {color:#ccc}
  ::-webkit-input-placeholder {color: #ccc; }/* Chrome/Opera/Safari */
  ::-moz-placeholder {color: #ccc; } /* Firefox 19+ */
  :-ms-input-placeholder {color: #ccc;  } /* IE 10+ */
  :-moz-placeholder { color: #ccc; }/* Firefox 18- */
/*hidden*/
caption, .hidden,legend{position:absolute; top:0;left:0;  width:1px;height:1px; overflow:hidden; margin:-1px;clip:rect(1px,1px,1px,1px)}  

/* input type */
.check_area{position:relative;}
input[type=checkbox]:checked + label{padding-left:25px;background-position:0 -20px}
/* clear*/
.cl:after{content:""; display:block; clear: both;}  

/*테이블*/
.off{ visibility: hidden;}
.on{visibility: visible; }