/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,input, select, textarea {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none; 
}

strong,b,h1,h2,h3,h4,h5,h6,span{color:inherit; line-height:inherit;}
html {font-size: 10px;}
@media(max-width:1280px) {
    html {font-size: 8px;}
}

@media(max-width:767px) {
    html {font-size: 6.7px;}
}

@media(max-width:425px) {
    html {font-size: 1.5625vw;}
}

body {margin:0; padding:0; font-family:"Noto Sans KR", sans-serif; color:#000;font-size: 16px; }

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

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

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}
sub {vertical-align:sub;}
sup {vertical-align:super;}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
img	{border:none; vertical-align:top;}
li img, dd img			{vertical-align:middle; border:none ;}

button:focus{outline:0; }
table  		{display:table; width:100%; border-collapse:collapse; border-spacing:0;}
table tr, td{padding:0px;}
table th, td{vertical-align:middle;}
table td img	{vertical-align:middle;}

input, select {
	font-family:'Noto Sans KR', sans-serif;
    vertical-align:middle;
	padding:0;margin:0;
	border:0;
	color:#666;
}

select::-ms-expand {display: none;} /* 화살표아이콘숨기기 */
select{min-width:85px; padding-left:24px; border:1px solid #ddd; text-align:left;
-webkit-border-radius:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
@media(max-width:1280px){
	select{min-width:65px; padding-left:12px; }
}

caption		{display:none;}
legend			{position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-20000px; }
address,cite{font-style:normal;}
fieldset		{border:0; padding:0; }
label			{cursor:pointer;}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(./font/NanumSquareR.eot);
 src: local('☺'),
      url(./font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(./font/NanumSquareR.woff2) format('woff2'),
      url(./font/NanumSquareR.woff) format('woff'),
      url(./font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(./font/NanumSquareB.eot);
 src: local('☺'),
      url(./font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(./font/NanumSquareB.woff2) format('woff2'),
      url(./font/NanumSquareB.woff) format('woff'),
      url(./font/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(./font/NanumSquareEB.eot);
 src: local('☺'),
      url(./font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(./font/NanumSquareEB.woff2) format('woff2'),
      url(./font/NanumSquareEB.woff) format('woff'),
      url(./font/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(./font/NanumSquareL.eot);
 src: local('☺'),
      url(./font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(./font/NanumSquareL.woff2) format('woff2'),
      url(./font/NanumSquareL.woff) format('woff'),
      url(./font/NanumSquareL.ttf) format('truetype');
}

/* layout */
body{width:100%; -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-family: 'NanumSquare', sans-serif }
#wrap{ overflow:hidden; position:relative;width:100%; min-width:320px;}
#contents{position:relative; width:100%;background:#eceaeb;}