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




/* 초기화 */
* {font-family:'Noto Sans KR', sans-serif, 'Malgun Gothic','돋움', arial, sans-serif; letter-spacing: -0.5px; padding:0; margin:0; box-sizing: border-box;}
html, body {width: 100%; padding:0; margin:0; min-height:100%;}
body {font:14px 'Pretendard', '돋움', '굴림', arial, sans-serif; color:#000000; font-weight: 400;}
h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, tbody, tfoot, thead, th, td, article, figure {margin:0;padding:0}
input, textarea, select, td, th, button {font-family:'Noto Sans KR', sans-serif,'Malgun Gothic','돋움', arial, sans-serif; color:#444; vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {width:100%; border-spacing:0; border-collapse:collapse; table-layout:fixed;}
legend, caption, .skip {position:absolute; left:-5000px; top:0; overflow:hidden; line-height:0.1%; font-size:0.1%; width:0.1%; height:0.1%;}
caption {position:relative;}
img, fieldset {border:0 none;}
label, button {cursor:pointer;margin:0;}
em, address {font-style:normal;}
a {color:#212121}
a:link, a:visited {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none;}
img {max-width:100%}
ul, ol {list-style: none;}

.flex {display: flex;}
.flex-between {display: flex; justify-content: space-between;}
.flex-center {display: flex; justify-content: center;}
.flex-end {display: flex; justify-content: end;}
.direction-column {flex-direction: column;}

.no-view {display: none;}



/* 사이즈 */
.pdt5px{padding-top:5px !important;}
.pdt10px{padding-top:10px !important;}
.pdt15px{padding-top:15px !important;}
.pdt20px{padding-top:20px !important;}
.pdt30px{padding-top:30px !important;}
.pdt40px{padding-top:40px !important;}
.pdt50px{padding-top:50px !important;}
.pdt60px{padding-top:60px !important;}
.pdt70px{padding-top:70px !important;}
.pdt80px{padding-top:80px !important;}
.pdt90px{padding-top:90px !important;}
.pdt100px{padding-top:100px !important;}
    
.pdl5px{padding-left:5px !important;}
.pdl10px{padding-left:10px !important;}
.pdl20px{padding-left:20px !important;}
.pdl30px{padding-left:30px !important;}
.pdl40px{padding-left:40px !important;}
.pdl50px{padding-left:50px !important;}
.pdl60px{padding-left:60px !important;}
.pdl70px{padding-left:70px !important;}
.pdl80px{padding-left:80px !important;}
.pdl90px{padding-left:90px !important;}
.pdl100px{padding-left:100px !important;}

.pdr5px{padding-right:5px !important;}
.pdr10px{padding-right:10px !important;}
.pdr15px{padding-right:15px !important;}
.pdr20px{padding-right:20px !important;}
.pdr30px{padding-right:30px !important;}
.pdr40px{padding-right:40px !important;}
.pdr50px{padding-right:50px !important;}
.pdr60px{padding-right:60px !important;}
.pdr70px{padding-right:70px !important;}
.pdr80px{padding-right:80px !important;}
.pdr90px{padding-right:90px !important;}
.pdr100px{padding-right:100px !important;}
    
.pdb5px{padding-bottom:5px !important;}
.pdb10px{padding-bottom:10px !important;}
.pdb20px{padding-bottom:20px !important;}
.pdb30px{padding-bottom:30px !important;}
.pdb40px{padding-bottom:40px !important;}
.pdb50px{padding-bottom:50px !important;}
.pdb60px{padding-bottom:60px !important;}
.pdb70px{padding-bottom:70px !important;}
.pdb80px{padding-bottom:80px !important;}
.pdb90px{padding-bottom:90px !important;}
.pdb100px{padding-bottom:100px !important;}


.mgt5px{margin-top:5px !important;}
.mgt10px{margin-top:10px !important;}
.mgt15px{margin-top:15px !important;}
.mgt20px{margin-top:20px !important;}
.mgt30px{margin-top:30px !important;}
.mgt40px{margin-top:40px !important;}
.mgt50px{margin-top:50px !important;}
.mgt60px{margin-top:60px !important;}
.mgt70px{margin-top:70px !important;}
.mgt80px{margin-top:80px !important;}
.mgt90px{margin-top:90px !important;}
.mgt100px{margin-top:100px !important;}
    
.mgl5px{margin-left:5px !important;}
.mgl10px{margin-left:10px !important;}
.mgl20px{margin-left:20px !important;}
.mgl30px{margin-left:30px !important;}
.mgl40px{margin-left:40px !important;}
.mgl50px{margin-left:50px !important;}
.mgl60px{margin-left:60px !important;}
.mgl70px{margin-left:70px !important;}
.mgl80px{margin-left:80px !important;}
.mgl90px{margin-left:90px !important;}
.mgl100px{margin-left:100px !important;}

.mgr5px{margin-right:5px !important;}
.mgr10px{margin-right:10px !important;}
.mgr15px{margin-right:15px !important;}
.mgr20px{margin-right:20px !important;}
.mgr30px{margin-right:30px !important;}
.mgr40px{margin-right:40px !important;}
.mgr50px{margin-right:50px !important;}
.mgr60px{margin-right:60px !important;}
.mgr70px{margin-right:70px !important;}
.mgr80px{margin-right:80px !important;}
.mgr90px{margin-right:90px !important;}
.mgr100px{margin-right:100px !important;}
    
.mgb5px{margin-bottom:5px !important;}
.mgb10px{margin-bottom:10px !important;}
.mgb20px{margin-bottom:20px !important;}
.mgb30px{margin-bottom:30px !important;}
.mgb40px{margin-bottom:40px !important;}
.mgb50px{margin-bottom:50px !important;}
.mgb60px{margin-bottom:60px !important;}
.mgb70px{margin-bottom:70px !important;}
.mgb80px{margin-bottom:80px !important;}
.mgb90px{margin-bottom:90px !important;}
.mgb100px{margin-bottom:100px !important;}