@charset "utf-8";

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(/css/pretendard/woff2/Pretendard-Black.woff2) format('woff2'), url(/css/pretendard/woff/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(/css/pretendard/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(/css/pretendard/woff/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(/css/pretendard/woff2/Pretendard-Bold.woff2) format('woff2'), url(/css/pretendard/woff/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(/css/pretendard/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(/css/pretendard/woff/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(/css/pretendard/woff2/Pretendard-Medium.woff2) format('woff2'), url(/css/pretendard/woff/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(/css/pretendard/woff2/Pretendard-Regular.woff2) format('woff2'), url(/css/pretendard/woff/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(/css/pretendard/woff2/Pretendard-Light.woff2) format('woff2'), url(/css/pretendard/woff/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(/css/pretendard/woff2/Pretendard-ExtraLight.woff2) format('woff2'), url(/css/pretendard/woff/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(/css/pretendard/woff2/Pretendard-Thin.woff2) format('woff2'), url(/css/pretendard/woff/Pretendard-Thin.woff) format('woff');
}



html {font-family: 'Pretendard', sans-serif; scroll-behavior: smooth; color:#414141;}

html, body {display: block;	margin: 0;	height: 100%; }

	 
* {margin: 0; padding: 0; box-sizing:border-box;}

body {margin: 0; padding: 0; list-style: none; font-size:1.0rem; background-color:#fff; overflow-x: hidden; box-sizing:border-box; max-width: 100%;}
ul,li{list-style:none;}
a {color: inherit;text-decoration: none;}
input:focus {outline: none;} 


.superhero_body {
  width:100%;
  max-width:700px;
  margin: 0 auto;
}
.superhero_body img {
  width:100%;
}

.superhero_body2 {
  width:100%;
  height:100%;
  margin: 0 auto;
  text-align: center;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.superhero_body2 img {
  width:100%;
  max-width:800px;
}




@media (max-width: 768px)
{

.superhero_body {
  max-width: unset;
}



}