@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

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,sub,sup,tt,var,b,u,i,center,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{margin:0;padding:0;border:0;} /* delete vertical-align,ine-height,font:inherit; */
body,html{width:100%;margin:0 auto; padding:0;}
*{margin:0; padding:0;font-family:'Roboto','Noto Sans KR','Noto Serif KR','맑은 고딕', 'Apple SD Gothic Neo', 'Helvetica', 'Verdana', 'Dotum', '돋움', verdana, sans-serif}
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;}
table caption {overflow:hidden; font-size:0; line-height:0;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#444;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
strong{font-weight:500;}

header, footer, section, summary, article, menu, nav, aside, canvas, details, figcaption, figure { display:block }
h1, h2, h3, h4, h5{font-weight:500;}

/* --- 공통 --- */
.fl{float:left !important;}
.fr{float:right !important;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !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;}
.cboth{clear:both;}
.mg0{margin:0!important;}

.ac{text-align:center !important;}
.al{text-align:left !important;}
.ar{text-align:right !important;}



/* 전체 */
#wrap{position:relative;width:100%;margin:0 auto;font-weight:normal;color:#111;font-weight:300;letter-spacing:-0.3px;}


/* footer */
footer{position:relative;bottom:0;width:100%;background:#1f1f1f;padding:30px 0;overflow:hidden;}
footer div{position:relative;max-width:1200px;margin:0 auto;}
.foot_info{float:left;font-size:18px;color:#fff;}
.foot_copy{float:right;font-size:16px;color:#777;}
@media screen and (min-width:768px) and (max-width: 1024px) {
footer div{margin:0 10px;}
}
@media screen and (max-width:767px) {
footer div{margin:0 10px;text-align:left;}
.foot_info{float:none;display:block;}
.foot_copy{float:none;}
}