@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap'); */
@font-face{ 
	font-family: 'NotoSansKR';
	font-display: auto;
	font-style:normal;
	font-weight: 400;
	src: url(./font/NotoSansKR-Regular.woff2) format('woff2'),
			 url(./font/NotoSansKR-Regular.woff) format('woff'),
			 url(./font/NotoSansKR-Regular.otf) format('opentype')
	}

@font-face{ 
	font-family: 'NotoSansKR';
	font-display: auto;
	font-weight: 700;
	src: url(./font/NotoSansKR-Bold.woff2) format('woff2'),
			 url(./font/NotoSansKR-Bold.woff) format('woff'),
			 url(./font/NotoSansKR-Bold.otf) format('opentype')
	}


/****** reset ******/
html,body {-webkit-overflow-scrolling : touch;height: 100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img,select {margin: 0;padding: 0; font-size:inherit;border: 0;font: inherit;vertical-align: baseline;color:inherit;font-family: 'Noto Sans KR', sans-serif;line-height: 1.5;font-style: normal; }
html, body {width: 100%;height: 100%;}
body {font-size:14px;font-family: 'Noto Sans KR', sans-serif;color: #333;background: #fff;font-weight:400}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
li {list-style: none;}
img,fieldset {border: none;vertical-align: top;}
table {width: 100%;border: 0;border-spacing: 0;border-collapse: collapse;}
caption {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
th,td {border: 0;vertical-align: top;}
button {overflow: visible;padding: 0;margin: 0;border: 0;cursor: pointer;background:none;font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
a {text-decoration: none;color: #333;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
:focus {outline:none}
::-webkit-input-placeholder
:-ms-input-placeholder,
::placeholder {color:#757575;text-overflow:ellipsis;text-align:left}
span{font-style: normal;}
strong {font-weight:bold; }

/* skipnavi */
#skipnavigation {z-index:9999; position:absolute; left:0; top:0; width:100%;}
#skipnavigation * {display:inline; list-style:none; margin:0; padding:0;}
#skipnavigation a {display:block; position:absolute; left:-9999px; top:0; width:1px; height:1px; overflow:hidden;}
#skipnavigation a:focus {left:0; width:100%; height:auto; background:#aacd06; color:#fff; font-weight:bold; text-decoration:none; text-align:center;}

.fl{float: left !important}
.fr{float: right !important}


.txt-gray{color: #919191 !important}
.txt-blue{color: #4287CB !important}
.txt-red{color: #F85F5F !important}
.txt-org{color: #EC6806 !important}

.tal{text-align: left !important}
.tac{text-align: center !important}
.tar{text-align: right !important}


.p10{padding:20px !important;}
.p20{padding:20px !important;}
.p30{padding:30px !important;}
.pl10{padding-left:10px !important;}
.pr10{padding-right:10px !important;}
.pl15{padding-left:15px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl120{padding-left:120px !important;}
.pr120{padding-right:120px !important;}
.mt-1{margin-top:-1px !important;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt37{margin-top:37px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.ml0{margin-left:0px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml-40{margin-left:-40px !important;}
.ml-55{margin-left:-55px !important;}
.mr0{margin-right:0px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr-40{margin-right:-40px !important;}
.mr-55{margin-right:-55px !important;}