@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700,900&display=swap');


/* reset */
* {box-sizing:border-box;outline: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:bold; line-height:1.5em;}
fieldset,img {border:0 none;vertical-align: middle;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'Noto Sans KR', 'Malgun Gothic','돋움',dotum,sans-serif; color:#333} /* color값은 디자인가이드에 맞게사용 */
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
table {width:100%; /*border-collapse:collapse;*/ border-spacing:0;}
caption, legend{font-size:0; line-height:0; height:0}
img {
    width: 100%;
    height: 100%;
}

/* margin */
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !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;}


/* padding */
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;} 


.clear{clear:both; *zoom:1;}
.clear:after {content:""; display:block; clear:both;}


.container {
    max-width: 1080px;
    width: 100%;
    position: relative;
    margin: 0 auto;
}