@charset "UTF-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

/****************** font  *************
 font-family: 'Pretendard', sans-serif;
 font-family: "Barlow", sans-serif;
 font-family: "Oswald", sans-serif;
 font-optical-sizing: auto;

 font-weight:800 / extrabold
 font-weight:700 / bold
 font-weight:600; / semibold
 font-weight:500 / medium
 font-weight:400 / regular 
 font-weight:300 / light
 font-weight:100 / thin

********************************************** */

html { overflow-y:auto; font-size: 62.5%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: 'Pretendard';
	font-size:2rem;
	color:#555;
	margin:0;
	padding:0;
	position:relative;
	min-width:100%;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/*
게시판 뷰페이지 안에 관리자단에서 넣는 테이블에 영향을 미치므로 전역 css로 사용하지 않고 각각 table에 스타일 적용.
table { border-collapse:collapse; border-spacing:0; }
*/
div{word-break:keep-all;}
table caption, legend { display:none; }
em, address { font-style:normal; }
img,
a img { border:none; display: block;}

body a { text-decoration:none; color:#000; }
body a:hover,
body a:focus{text-decoration:none;}
body .nav>li>a:hover,
body .nav>li>a:focus{background-color:initial}
fieldset{border:0 none;}

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;
	list-style:none
	}
body.admin nav ul li{background:none;}
button{border:0; padding:0; cursor: pointer;}
.blind { position: absolute; width: 1px; height: 0; font-size: 0; line-height: 0; text-align: left; text-indent: -999em; left: -9999px; overflow: hidden;}

div h1, div h2, div h3, div h4, div h5, div h6{margin:0; line-height:normal; font-weight: normal;}
div ul, div ol{margin:0; padding:0;}
div p{margin:0;}
div address{margin:0}

body li{line-height:normal;}

input::-ms-clear,
input::-ms-reveal {display: none; width : 0; height: 0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display: none; }

input{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-family: 'Pretendard';}
input, select{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
input[type=text], select, textarea{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; outline:none; /*-webkit-appearance: none;-moz-appearance: none;appearance: none;*/}

.mt40{margin-top:4rem  !important}
.mt50{margin-top:5rem  !important}
.mt30{margin-top:3rem}
.mb10{margin-bottom:1rem}
.mb15{margin-bottom:1.5rem}
.mb20{margin-bottom:2rem !important}
.r{text-align: right;}
.mb40{margin-bottom:4rem !important}
.mt20{margin-top:2rem}
.mt20{margin-top:2rem}
.mt10{margin-top:1rem}
.mt15{margin-top:1.5rem}
.pr10{padding-right:1rem}
.pt20{padding-top:2rem !important}
.pl0{padding-left:0 !important}
.ml10{margin-left:1rem}
/*.pl20{padding-left:2rem}*/
.mt80{margin-top:8rem !important}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.pb0{padding-bottom:0 !important}
.c{text-align: center !important;}
.mb30{margin-bottom: 3rem !important;}