@charset "utf-8";

/* 나눔폰트 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff2) format('woff2'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum GothicBold';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff2) format('woff2'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum GothicExtraBold';
  font-style: normal;
  font-weight: 900;
  src: url(../font/NanumGothic-ExtraBold.eot);
  src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}
/* 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;}
body, th, td, select, textarea, input{font-family:'NotoSansKR', sans-serif;font-size:15px;color:#231815}
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, /*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:400;
	font-size:14px;
	font-family:'NotoSansKR', sans-serif;
	/* color:#333333; */
}

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

/* BOLD */
strong{font-weight:500;/* color:#333333; */}

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

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

/* 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:#231815;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}

/* 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:30px;height:30px;padding:0 10px;border:1px solid #ddd;font-size:12px;box-sizing:border-box}
input:focus{border-color:#f00}

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

/* TEXTAREA */
textarea{outline:none;resize:none;overflow-y:auto;padding:10px;box-sizing:border-box;border:1px solid #eaeaea;font-size:12px;}
textarea:focus{box-shadow:none;border-color:#555}

/* Mobile */
@media(max-width:768px){}

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

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