@charset "utf-8";

.lato {font-family: 'Lato', sans-serif;}
.pen {font-family: 'Nanum Pen Script', cursive;}

* { margin: 0; padding: 0; box-sizing: border-box; }

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, enter, 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, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-style: normal;
}

html, body { width: 100%; height: 100%; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px; color: #333; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
	display:block;
}

ul, li { list-style: none; }

a { text-decoration: none; color: #333; }

table { border-collapse: collapse; border-spacing: 0; }

input:focus { outline: none; }

input {
    font-family: 'Noto Sans KR', sans-serif;
    /*ios대응*/
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-appearance: none;
    -moz-border-radius: 0;
}

input[type="radio"] {
  -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
  -moz-appearance: checkbox;    /* Firefox */
}

input[type="checkbox"] {
  -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
  -moz-appearance: checkbox;    /* Firefox */
}

/* input 클릭시 placeholder 지우기 */
input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus::-moz-placeholder {
  color: transparent;
}
input:focus:-ms-input-placeholder {
  color: transparent;
}
input:focus::-ms-input-placeholder {
  color: transparent;
}

input:focus { outline: none; }

select{
    background: #fff;

    /*ios대응*/
    -webkit-appearance: none;
    -moz-appearance: none;
}

select::-ms-expand{ 
    display:none; /* 화살표 없애기 for IE10, 11*/
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.clearfix:after { content: ""; display: block; clear: both; }

/* +++ Use Only this project +++ */
.dp_none { display: none; }