@charset "utf-8";  
@import url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.css');
@import url('https://webfontworld.github.io/pretendard/Pretendard.css');

/* noto sans kr */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(/common/css/font/notokr-thin.eot);
	src: url(/common/css/font/notokr-thin.eot?#iefix) format('embedded-opentype'),
	url(/common/css/font/notokr-thin.woff) format('woff'),
	url(/common/css/font/notokr-thin.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(/common/css/font/notokr-light.eot);
	src: url(/common/css/font/notokr-light.eot?#iefix) format('embedded-opentype'),
	url(/common/css/font/notokr-light.woff) format('woff'),
	url(/common/css/font/notokr-light.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(/common/css/font/notokr-regular.eot);
	src: url(/common/css/font/notokr-regular.eot?#iefix) format('embedded-opentype'),
	url(/common/css/font/notokr-regular.woff) format('woff'),
	url(/common/css/font/notokr-regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(/common/css/font/notokr-medium.eot);
	src: url(/common/css/font/notokr-medium.eot?#iefix) format('embedded-opentype'),
	url(/common/css/font/notokr-medium.woff) format('woff'),
	url(/common/css/font/notokr-medium.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(/common/css/font/notokr-bold.eot);
	src: url(/common/css/font/notokr-bold.eot?#iefix) format('embedded-opentype'),
	url(/common/css/font/notokr-bold.woff) format('woff'),
	url(/common/css/font/notokr-bold.ttf) format('truetype');
}


/* pretendard */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'),  url(/common/css/font/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(/common/css/font/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(/common/css/font/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(/common/css/font/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(/common/css/font/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(/common/css/font/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(/common/css/font/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'),  url(/common/css/font/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(/common/css/font/Pretendard-Thin.woff) format('woff');
}


/* 나눔고딕 : font-family:'Nanum Gothic',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; */
/* 본고딕 : font-family:'Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; */

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, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
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 {	
	padding:0;
	margin:0;
	vertical-align:top
}
span{vertical-align:middle;}
/* default setting */
html { width:100%; margin:0; padding:0; }
* html * { zoom:1; }
body { width:100%; height:auto; font-family:'Pretendard','Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; color:#111; -webkit-text-size-adjust:none;   line-height:1.7;   letter-spacing: -0.03em; }
* { 
	font-family:'Pretendard','Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif;
	word-break:keep-all; 
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	box-sizing:border-box; 
}
body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,p,a,
button,
fieldset,
blockquote { margin:0; padding:0; border:0; outline:0; font-size:100%; *line-height:normal; }
h1,h2,h3,h4,h5,h6{font-weight: 700;}
body { line-height:1.5; }
a { margin:0; padding:0; font-size:100%; color: #111; }
table { border-collapse:collapse; border-spacing:0; } 
ul, ol { list-style:none; }
input, textarea { vertical-align:middle; }
input[type=text],
input[type=password],
input[type=number] { padding:5px; border:1px solid #ebebeb; background:#fff; color:#696969; -webkit-appearance:none; border-radius:0; box-sizing:border-box; }
	input[type=text]::-webkit-input-placeholder,
	input[type=password]::-webkit-input-placeholder { color:#696969; }
	input[type=text]::-webkit-input-placeholder,
	input[type=password]::-webkit-input-placeholder { color:#696969; }
	input[type=text]::-moz-placeholder,
	input[type=password]::-moz-placeholder { color:#696969; } /* firefox 19+ */
	input[type=text]:-ms-input-placeholder,
	input[type=password]:-ms-input-placeholder { color:#696969; } /* ie */
	input[type=text]:-moz-placeholder,
	input[type=password]:-moz-placeholder { color:#696969; }

input[type=checkbox],
input[type=radio] { vertical-align:middle; }
input[type=submit],
input[type=button] { -webkit-appearance:none; border-radius:0; cursor:pointer; }
button { border:0; cursor:pointer; width:auto; overflow:visible; }
textarea { resize:none; border:1px solid #ebebeb; }
address, em { font-style:normal; }
th, td { padding:0; vertical-align:middle; font-weight:normal; }
a, button,
input[type=button],
input[type=submit],
input[type=reset] { text-decoration:none; *line-height:normal; }
select{-webkit-appearance: none;-moz-appearance: none;}
select::-ms-expand{display:none;}

legend,
caption { display:none; }
iframe,
object,
video,
embed { position:relative; max-width:100%; }
*+ html body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,a,button,form,fieldset,p,blockquote { vertical-align:top; }
@media screen and (-webkit-min-device-pixel-ratio:0){
	input[type=radio] { vertical-align: top; }
	label.radio { line-height:1; }
}
@-moz-document url-prefix() {
	input[type=radio] { vertical-align:top; }
	label.radio { line-height:1; }
}

/* 웹접근 focus */
:focus-visible {
    outline: 2px solid #aaa;
}

/* inline */
img { display:inline-block; border:none; vertical-align:baseline; max-width:100%;}
cite, code, dfn, del, em, ins, label, q, span, strong { display:inline-block; *line-height:normal; }
label { *vertical-align:middle; }
cite, em, dfn { font-style:normal; }
sub { vertical-align:bottom; }
sup { vertical-align:top;}
hr { display:none; }

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; padding:0; margin:0; }