@charset 'utf-8';

/* css reset */

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: local(NotoSansCJKkr-Light),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: local(NotoSansCJKkr-Regular),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: local(NotoSansCJKkr-Medium),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: local(NotoSansCJKkr-Bold),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }

html{overflow:hidden;}

/* css reset */
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
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, 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,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;
}
/* fade 효과 */
	@keyframes FadeEffect{
		from{opacity:0.0;}
		to{opacity:1;}
	}
	@-webkit-keyframes FadeEffect{
		from{opacity:0.0;}
		to{opacity:1;}
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section { display: block;}
body { line-height: 1;}
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;}


html{overflow-y:scroll; height:100%;}
body{
	height:100%; 
	overflow:visible !important ;
	font-family:'Noto Sans KR', 'Malgun Gothic', Helvetica, Arial, sans-serif !important; 
	font-weight: 400;
	color:#151515;
	font-size:15px;
	line-height:1.25;
	letter-spacing: -0.02em;
    word-spacing: 0.08em;
	vertical-align:baseline;
}
body,div,table{
}

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

div,article,section{
	box-sizing:border-box;
}

fieldset, img, button{
	border:0;
}

address, caption, cite, code, dfn,em, var, th{
	font-style:normal;
	font-weight:normal;
}

ol, ul,li{
	list-style:none;
}

th, td{
	text-align:left;
}

legend, caption, .invisible{
	visibility:hidden; overflow:hidden;
	width:0;height:0;
	margin:0;padding:0;
	font-size:0;line-height:0;
}

h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:600;
}

strong, b {
    font-weight:600;
}

/* 커서 포인트 */
.hand{cursor:pointer; }

::selection {
    color: #215648;
    background: #dcf0be;
}

/* 기본링크값 */
a {text-decoration:none; color: #353535;}
a:link { text-decoration:none; }
a:visited {text-decoration:none;}
a:hover {  text-decoration:none; color:#151515;}

/* float 속성으로인한 버그해결 ---------------------------------------------------------------*/
.clearfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
.clearfix{display: block;}
* html .clearfix{height:1%;} /* Hides from IE-mac */


/* Font Style ------------------------------------------------ */
.black{color:black;}
.green{color:green;}
.red{color:red;}
.blue{color:blue;}
.gray{color:gray;}
.yellow{color:yellow;}

/* Img Style ------------------------------------------------ */
img {
  max-width:100%;
  border:none;
  display:block;
}

/* Form -------------------------------------------------------------------------*/
select, textarea{
	font-size:14px;
	font-family:'Noto Sans KR', 'Malgun Gothic', Helvetica, Arial, sans-serif !important; 
	font-weight: 300; 
	color:#555555;
	padding:1px;
}

input{
	padding: 3px 0 2px 5px;
	letter-spacing:0;
	font-size:11px;
	font-family:'Noto Sans KR', 'Malgun Gothic', Helvetica, Arial, sans-serif !important; 
	font-weight: 300;
	border:1px solid #cdcdcd;
}