@charset "euc-kr";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Noto+Sans+KR:wght@100..900&display=swap');


html, body, div, span,
h1, h2, h3, p,
a,
img, strong,
ol, ul, li,dl, dt, dd
{
	margin: 0;
	padding: 0;
	line-height:1.3;
	outline:none;
	color:#333;
}
body {
	font-family:'Noto Sans KR', 'Nanum Gothic', "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;/*¡Ú*/
	position:relative;
	background:url(../img/intro_bg.jpg) no-repeat center 0;
	margin: 0;
  display: flex;
  justify-content: center; /* °¡·Î Á¤·Ä */
  align-items: center;     /* ¼¼·Î Á¤·Ä */
  min-height: 100vh;       /* ºäÆ÷Æ® Àüü ³ôÀÌ ±âÁØ */
}
p,a{
	color:#474747;
}
ol, ul {
	list-style: none;
}
img{
	display:block;
	outline:none;
	border-width:0;
	margin:0;
	padding:0;
}

div{
	position:relative;
	border:0px solid red;		
	width: 1200px;
  height: 550px;  
  /* ³»¿ë¹°µµ Áß¾Ó Á¤·ÄÇÏ°í ½ÍÀ» °æ¿ì Ãß°¡ */
  display: flex;
  justify-content: center; /* °¡·Î Áß¾Ó Á¤·Ä */
  /* align-items: center; ´Â Á¦°ÅÇϰųª flex-start·Î º¯°æ (margin-topÀ» À§ÇØ) */
  align-items: flex-start;  
  gap: 200px;  
  background:url(../img/intro_logo.png) center top no-repeat;
  background-size:30%;  
	}
	
div a{
	text-decoration: none;
	font-family:'Noto Sans KR';
	font-size:60px;
	font-weight:300;
	color:#fff;
	line-height:3;
	text-align:center;
  width:410px;
  height:260px;
  border-radius: 15px;
  border:1px solid #fff;
  background:url(../img/intro_ar.png) center 70% no-repeat;
  transition: background-position 0.3s ease-in-out;
  margin-top:250px;
  overflow:hidden;
    }
a:hover {
    background-position: 80% 70%;
}