@charset "utf-8";

/* 나눔폰트 적용 */
@font-face {
	font-family: 'NotoKrL';
	font-style: normal;
	font-weight: 100;
	src: local('Noto Sans Light'), local('NotoSans-Light'), url(../../fonts/notokr-light.eot);
	src: url(../../fonts/notokr-light.eot?#iefix) format('embedded-opentype'),
		 url(../../fonts/notokr-light.woff2) format('woff2'),
		 url(../../fonts/notokr-light.woff) format('woff');;
}

@font-face {
	font-family: 'NotoKrR';
	font-style: normal;
	font-weight: 300;
	src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(../../fonts/notokr-regular.eot);
	src: url(../../fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
		 url(../../fonts/notokr-regular.woff2) format('woff2'),
		 url(../../fonts/notokr-regular.woff) format('woff');
}

@font-face {
	font-family: 'NotoKrM';
	font-style: normal;
	font-weight: 500;
	src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(../../fonts/notokr-medium.eot);
	src: url(../../fonts/notokr-medium.eot?#iefix) format('embedded-opentype'),
		 url(../../fonts/notokr-medium.woff2) format('woff2'),
		 url(../../fonts/notokr-medium.woff) format('woff');
}

@font-face {
	font-family: 'NotoKrB';
	font-style: normal;
	font-weight: 700;
	src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../../fonts/notokr-bold.eot);
	src: url(../../fonts/notokr-bold.eot?#iefix) format('embedded-opentype'),
		 url(../../fonts/notokr-bold.woff2) format('woff2'),
		 url(../../fonts/notokr-bold.woff) format('woff');
}
@font-face {
    font-family: 'nanum-square-r';
    src: url('../../fonts/nanumsquarer.eot');
    src: url('../../fonts/nanumsquarer.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/nanumsquarer.woff2') format('woff2'),
         url('../../fonts/nanumsquarer.woff') format('woff'),
         url('../../fonts/nanumsquarer.ttf') format('truetype'),
         url('../../fonts/nanumsquarer.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nanum-square-b';
    src: url('../../fonts/nanumsquareb.eot');
    src: url('../../fonts/nanumsquareb.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/nanumsquareb.woff2') format('woff2'),
         url('../../fonts/nanumsquareb.woff') format('woff'),
         url('../../fonts/nanumsquareb.ttf') format('truetype'),
         url('../../fonts/nanumsquareb.svg#nanumsquarebregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
 font-family: 'NanumMyeongjo';
 src: url('../../fonts/NanumMyeongjo.eot');
 src: url('../../fonts/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
      url('../../fonts/NanumMyeongjo.woff') format('woff'),
      url('../../fonts/NanumMyeongjo.ttf') format('truetype');
}
/* reset */
html,body{margin:0;padding:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img, textarea,input {margin:0;padding:0}
body {background:#fff;font-family: "NotoKrR", "NanumGothic", "Malgun Gothic", "맑은고딕", sans-serif;letter-spacing:-0.5px;font-size:14px;line-height:160%;color:#525252;text-align:left;word-break:break-all;-ms-word-break:break-all;}
dl,ul,ol,li {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr {display:none;}
input,textarea,select{font-size:14px;color:#333;vertical-align:top;font-family:'NotoKrR';}
table {width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show;}
legend, caption {width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1;}
em, address {font-style:normal;}
a {cursor:pointer;}


#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:NotoKrR;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}

.clearfx{clear:both; content:''; display:block;}