@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: 'Noto Sans KR';
	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: 'Noto Sans KR';
	font-display: auto;
	font-style:bold;
	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%; font-family: 'Noto Sans KR' !important;}
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: 150%;font-style: normal; }
html, body {width: 100%;height: 100%;}
body {font-size:13px;font-family: 'Noto Sans KR', sans-serif;color: #000;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; }
select {-webkit-appearance: none; -moz-appearance:none; appearance:none;}
select::-ms-expand {display:none}
h1,
.h1 {
	font-size: 1.625rem !important;
}
h2,
.h2 {
	font-size: 1.25rem !important;
}
h3,
.h3 {
	font-size: 1.0625rem !important;
}
h4,
.h4 {
	font-size: 0.9375rem !important;
}
h5,
.h5 {
	font-size: 0.8125rem !important;
}
h6,
.h6 {
	font-size: 0.625rem !important;
}
.font-normal {font-weight: normal !important;}
.p-10{padding:20px !important;}
.p-20{padding:20px !important;}
.p-30{padding:30px !important;}
.pl-10{padding-left:10px !important;}
.pr-10{padding-right:10px !important;}
.pl-15{padding-left:15px !important;}
.pl-25{padding-left:25px !important;}
.pl-30{padding-left:30px !important;}
.pl-50{padding-left:50px !important;}
.pl-120{padding-left:120px !important;}
.pr-120{padding-right:120px !important;}
.mt--1{margin-top:-1px !important;}
.mt-0{margin-top:0px !important;}
.mt-5{margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-20{margin-top:20px !important;}
.mt-30{margin-top:30px !important;}
.mt-37{margin-top:37px !important;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}
.mt-60{margin-top:60px !important;}
.mb-0{margin-bottom:0px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-50{margin-bottom:50px !important;}
.ml-0{margin-left:0px !important;}
.ml-10{margin-left:10px !important;}
.ml-20{margin-left:20px !important;}
.ml-25{margin-left:25px !important;}
.ml-30{margin-left:30px !important;}
.ml-40{margin-left:40px !important;}
.ml-50{margin-left:50px !important;}
.ml--40{margin-left:-40px !important;}
.ml--55{margin-left:-55px !important;}
.mr-0{margin-right:0px !important;}
.mr-10{margin-right:10px !important;}
.mr-20{margin-right:20px !important;}
.mr-30{margin-right:30px !important;}
.mr-40{margin-right:40px !important;}
.mr-50{margin-right:50px !important;}
.mr--40{margin-right:-40px !important;}
.mr--55{margin-right:-55px !important;}

.m-0{margin:0!important}
.mt-0,.my-0{margin-top:0!important}
.mr-0,.mx-0{margin-right:0!important}
.mb-0,.my-0{margin-bottom:0!important}
.ml-0,.mx-0{margin-left:0!important}
.m-1{margin:.25rem!important}
.mt-1,.my-1{margin-top:.25rem!important}
.mr-1,.mx-1{margin-right:.25rem!important}
.mb-1,.my-1{margin-bottom:.25rem!important}
.ml-1,.mx-1{margin-left:.25rem!important}
.m-2{margin:.5rem!important}
.mt-2,.my-2{margin-top:.5rem!important}
.mr-2,.mx-2{margin-right:.5rem!important}
.mb-2,.my-2{margin-bottom:.5rem!important}
.ml-2,.mx-2{margin-left:.5rem!important}
.m-3{margin:1rem!important}
.mt-3,.my-3{margin-top:1rem!important}
.mr-3,.mx-3{margin-right:1rem!important}
.mb-3,.my-3{margin-bottom:1rem!important}
.ml-3,.mx-3{margin-left:1rem!important}
.m-4{margin:1.5rem!important}
.mt-4,.my-4{margin-top:1.5rem!important}
.mr-4,.mx-4{margin-right:1.5rem!important}
.mb-4,.my-4{margin-bottom:1.5rem!important}
.ml-4,.mx-4{margin-left:1.5rem!important}
.m-5{margin:3rem!important}
.mt-5,.my-5{margin-top:3rem!important}
.mr-5,.mx-5{margin-right:3rem!important}
.mb-5,.my-5{margin-bottom:3rem!important}
.ml-5,.mx-5{margin-left:3rem!important}
.p-0{padding:0!important}
.pt-0,.py-0{padding-top:0!important}
.pr-0,.px-0{padding-right:0!important}
.pb-0,.py-0{padding-bottom:0!important}
.pl-0,.px-0{padding-left:0!important}
.p-1{padding:.25rem!important}
.pt-1,.py-1{padding-top:.25rem!important}
.pr-1,.px-1{padding-right:.25rem!important}
.pb-1,.py-1{padding-bottom:.25rem!important}
.pl-1,.px-1{padding-left:.25rem!important}
.p-2{padding:.5rem!important}
.pt-2,.py-2{padding-top:.5rem!important}
.pr-2,.px-2{padding-right:.5rem!important}
.pb-2,.py-2{padding-bottom:.5rem!important}
.pl-2,.px-2{padding-left:.5rem!important}
.p-3{padding:1rem!important}
.pt-3,.py-3{padding-top:1rem!important}
.pr-3,.px-3{padding-right:1rem!important}
.pb-3,.py-3{padding-bottom:1rem!important}
.pl-3,.px-3{padding-left:1rem!important}
.p-4{padding:1.5rem!important}
.pt-4,.py-4{padding-top:1.5rem!important}
.pr-4,.px-4{padding-right:1.5rem!important}
.pb-4,.py-4{padding-bottom:1.5rem!important}
.pl-4,.px-4{padding-left:1.5rem!important}
.p-5{padding:3rem!important}
.pt-5,.py-5{padding-top:3rem!important}
.pr-5,.px-5{padding-right:3rem!important}
.pb-5,.py-5{padding-bottom:3rem!important}
.pl-5,.px-5{padding-left:3rem!important}

.row {
	display: flex;
    flex-wrap: wrap;
    /* margin-right: -15px;
    margin-left: -15px; */
}
.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.w-20 {width: 20% !important;}
.w-25 {width: 25% !important;}
.w-30 {width: 30% !important;}
.w-40 {width: 40% !important;}
.w-45 {width: 45% !important;}
.w-50 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.w-55 {width: 55% !important;}
.w-60 {width: 60% !important;}
.w-70 {width: 70% !important;}
.w-80 {width: 80% !important;}
.w-90 {width: 90% !important;}
.w-100 {width: 100% !important;}
.d-flex{display:-ms-flexbox!important;display:flex!important}
.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}

.justify-content-start {
	justify-content: flex-start !important; }

.justify-content-end {
	justify-content: flex-end !important; }

.justify-content-center {
	justify-content: center !important; }

.justify-content-between {
	justify-content: space-between !important; }

.justify-content-around {
	justify-content: space-around !important; }