@charset "utf-8";

/* Noto Sans */
@font-face{
  font-family:'NotoSansCJKkr';
  font-style:normal;
  font-weight:300;
  src:url(../font/NotoSansCJKkr-Light.woff2) format('woff2'),
      url(../font/NotoSansCJKkr-Light.woff) format('woff'),
      url(../font/NotoSansCJKkr-Light.otf) format('opentype');
}
@font-face{
   font-family:'NotoSansCJKkr';
   font-style:normal;
   font-weight:400;
   src:url(../font/NotoSansCJKkr-Regular.woff2) format('woff2'),
       url(../font/NotoSansCJKkr-Regular.woff) format('woff'),
       url(../font/NotoSansCJKkr-Regular.otf) format('opentype');
}
@font-face{
   font-family:'NotoSansCJKkr';
   font-style:normal;
   font-weight:500;
   src:url(../font/NotoSansCJKkr-Medium.woff2) format('woff2'),
       url(../font/NotoSansCJKkr-Medium.woff) format('woff'),
       url(../font/NotoSansCJKkr-Medium.otf) format('opentype');
}


/* DEFAULT */
html, body{padding:0;margin:0;height:100%;}
body, th, td, select, textarea, input{font-family:'NotoSansCJKkr', sans-serif;font-size:15px;color:#333}
html, body, div, /* span ,*/  applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input{
	margin:0;
	padding:0;
	vertical-align:top;
	font-weight:300;
	font-size:15px;
	font-family:'NotoSansCJKkr', sans-serif;
	letter-spacing:0;
	word-break: keep-all;
}

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

/* BOLD */
strong{font-weight:400;}

/* i */
i{font-style:normal;}

/* BUTTON */
button{padding:0;border:none;cursor:pointer;font-family:'NotoSansCJKkr', sans-serif;background-color:transparent;font-size:15px;font-weight:300;cursor:pointer;}

/* LIST */
ol, ul{list-style:none;}

/* TABLE */
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}

/* IMG & FIELDSET & IFRAME */
img,fieldset,iframe{border:0;}
img{vertical-align:top;}

/* ANCHOR */
a{text-decoration:none;color:#333;-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-ms-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease;letter-spacing:-1px;cursor:pointer;}

/* HIDE */
caption{width:0;height:0;border:0;line-height:0;overflow:hidden;visibility:hidden;}
legend{width:0;height:0;border:0;line-height:0;overflow:hidden;visibility:hidden;}

/* INPUT */
input{height:33px;margin-right:10px;padding:0 10px;box-sizing:border-box;border:1px solid #ddd;}
input:focus{border-color:#ddd;}

input:-ms-input-placeholder{color:#999;}
input:-ms-input-placeholder{color:#999;}
input::-webkit-input-placeholder{color:#999;}
input::-moz-placeholder{color:#999;}
input::-moz-placeholder{color:#999;}

/* TEXTAREA */
textarea{width:100%;outline:none;resize:none;overflow-y:auto;padding:10px;box-sizing:border-box;border:1px solid #ddd;}
textarea:focus{box-shadow:none;border-color:#ddd;}


select{height:33px;line-height:33px;padding:0 5px;background:#fff;}

/* Mobile */
@media(max-width:768px){
body, th, td, select, textarea, input{font-size:12px;}
html, body, div, /* span ,*/  applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input{font-size:12px;}


}

/* Tablet */
@media (min-width:768px) and (max-width:1079px){}

/* PC */
@media (min-width:1080px){}





/* text-align */
.tl{text-align:left !important;}
.tr{text-align:right !important;}
.tc{text-align:center !important;}

/* margin */
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}

/* width */
.w50{width:50px;}
.w100{width:100px;}
.w100p{width:100%;}

/* float */
.fl{float:left;}
.fr{float:right;}

/* hidden */
.hidden{display:none;}