@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://webfontworld.github.io/amore/AritaDotum.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* @import url('https://webfontworld.github.io/gmarket/GmarketSans.css'); */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


@font-face {
    font-family: 'GmarketSans';
    src: url('/nationalmschool/font/GmarketSansBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('/nationalmschool/font/GmarketSansMedium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('/nationalmschool/font/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}




/* 초기화 영역 */
html, body, div, span, applet, object, iframe,form,fieldset,legend,
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, button, textarea,
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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	outline: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
input:focus{
	outline: none;
}
body {
    font-family:"Noto Sans KR","NanumSquare","AritaDotum",sans-serif;
    font-size:16px;
    /* font: 16px 'Noto Sans KR','GmarketSans', sans-serif; */
    line-height:1.5;
    color:#333;
    word-break:break-all;
	outline: none;
	overflow-x:hidden; font-weight:400;
}
ol, ul, li {
	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;
}
img{vertical-align:top;max-width:100%;}
caption, legend {display:none;}

input [type="checkbox"] {border:none; padding:0; width:13px !important; height:13px !important;}
input [type="radio"] {border: none; padding:0; width:13px !important; height:13px !important;}

select {height:33px; border:1px solid #dddddd; padding-left:5px; color:#666 !important; background:transparent;}
textarea {border: 1px solid #dddddd; background: #fff; padding:6px 4px;color:#666 !important;}
button {border:none; background:transparent}
/* a:link {text-decoration:none !important; }
a:visited {text-decoration:none !important; } */
/* a:hover { text-decoration:none;} */

.sdonly {position:absolute; top:0 !important; left:0 !important; line-height:0 !important; font-size:0 !important; width:0 !important; height:0 !important; color:transparent !important; overflow:hidden !important;}
.sdonly:before, .sdonly:after {display:none !important;}

.hidden {margin:0; padding:0; width:100%; height:0; line-height:0; font-size:0; border:none; overflow:hidden;}

/* button */
button {cursor:pointer; border:0;}

*{margin:0px; padding:0px;}
img{vertical-align:top;}
.clear:after {content:""; display:block; clear:both;}
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#000;}
p {word-break:keep-all;}
b {font-weight:500;}
h1,h2,h3,h4,h5,h6{font-size:100%;}