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, strong, 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;
    font-size: 100%;
}
*{
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
	outline: 0;
}
html {
	/* scroll-behavior: smooth; */
    /* font-size: 40%; */
	font-size: 62.5%;
	font-family: 'Pretendard';
}
@media (max-width:767px) {
	html {
		font-size: 58.5%;
	}
}

body {
	/* position: relative; */
	width: 100%;
	/* overflow-x: hidden; */
	margin: 0;
	font-family: 'Pretendard';
	box-sizing: border-box;
	padding:0; 
	/* -webkit-text-size-adjust:none;     */
	/* background-color: initial; */
}
button{
	border:none;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
:focus{
	outline: none!important;
}
a{font:inherit; color: inherit; text-decoration: none;font-family: 'Pretendard';}
a:hover{text-decoration: none;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input{
	transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    -webkit-text-fill-color: #000;
}

:root{    
  --wrapper-mv:8rem; /*margin-vertical*/
  --wrapper-pv:3rem; /*padding-vertical*/
  --wrap-pv:3rem; /*padding-vertical*/
  --wrap-ph:2rem; /*padding-horizontal*/
  --wrap-maxWidth:150rem;
  --canvas-mv:6rem;
 
  --title-mv:3rem;
  --bullet-mv:3rem;
  --bullet2-mv:1.2rem;
  --target-mv:0rem;

  --font-size1:1rem;
  --font-size2:2rem;
  --font-size3:2.5rem;
  --font-size4:3rem;
  --font-size5:4rem;

  --line-height2:2.0rem;
  --line-height3:3.0rem;
  --color-blue:#0077cc;
  --color-blue1:#e8f0ff;
  --color-blue2:#749fee;
  --color-yellow1:#f9f6eb;
  --color-yellow2:#eddfaa;
  --color-black1:#333;
  --color-black2:#555;
  --color-gray2:#707070 ;
  
  --color-BandiBlue:#6682f6;
  --color-BandiYellow:#f2be42;
  --color-DeepBlue:#4054a6;
  --color-BrightBlue:#dfe2f1;
  --color-DarkNavy:#405970;
  --color-BandiNavy:#3c668c;
  --color-BandiGreen:#c5d80e;
  --color-BrightYellow:#eded61;

}
@media (max-width: 767px) {
  :root {
    --wrap-ph:1.5rem; 
  }
}

.mbr{display:none;}
@media (max-width:768px) {
	.mbr{display:block!important;}
}