@charset "utf-8";
	@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/css/fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/css/fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Medium.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/css/fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Bold.otf) format('opentype');
 }

html {overflow-y:scroll}
	.intro_wrap{ position:relative;  background:#eee url(/img/intro_bg_01.jpg) no-repeat top center;  background-size:100%; font:normal 12px/18px Malgun gothic; overflow:hidden }
	.center_wrap{ position:relative; max-width:1145px; margin:0 auto; }
	.intro_bg{ position:relative; width:100%; /*  min-height:700px;  */text-align:center; }
	.intro_slogan{ width:100%; margin:0 auto; text-align:center; padding:40px 0 0 0; }
	.intro_slogan img{ max-width:100%; }
	.intro_menu{ z-index:999; position:relative;  /* position:absolute; bottom:150px;  */width:100%; /*  height:420px;  */text-align:center; margin:-130px 0 0 0 /* */ }
	.intro_menu dl{ float:left;  width:18.7%; padding:35px 15px; background:#fff; /* border:1px solid #e7e7e7; */ border-width:1px 1px 0 1px; border-radius:5px; margin-right:1.3%; text-align:center; box-sizing:border-box;  cursor:pointer; overflow:hidden; vertical-align:bottom; }
	.intro_menu dl dt strong{ display:block; width:80%; margin:0 auto; border:solid 2px #555; color:#333; padding:7px 0;  font:500 18px/20px 'Noto Sans KR',Malgun Gothic; line-height:100%;  letter-spacing:-1px; border-radius:30px; overflow:hidden }
/* 	.intro_menu dl:nth-child(2) dt strong{ background:#001a57; }
	.intro_menu dl:nth-child(3) dt strong{ background:#79ac23; }
	.intro_menu dl:nth-child(4) dt strong{ background:#a9292a; } */
	.intro_menu dl:hover dt strong{ border-color:#ed3135; color:#fff; background:#ed3135 }
	.intro_menu dl dt span{ display:block; font-size:15px; letter-spacing:-.5px; padding:25px 0 30px 0; color:#666; }
	.intro_menu dl dd{ display:block; float:left;  padding:0; margin:0; overflow:hidden; width:100%; }	
	.intro_menu dl dd img{ text-align:center; border:1px solid #e7e6e4; max-width:99% }
	.intro_menu dl dd a{ display:block; width:30%; margin:25px auto 0; padding:1px 20px; font-size:13px; color:#666; text-decoration:none; border:1px solid #d5d5d5; border-radius:3px;  }
	.intro_menu dl:hover dd a{ border-color:#666; color:#fff; background:#666 }
	.intro_menu dl dd a i{ display:inline-block; margin-left:5px; font-size:10px; display:none;  }
	.intro_menu dl:nth-child(5){ margin-right:0;}
	.intro_menu dl:nth-child(4) dt span{ margin-left:-10px; margin-right:-10px }
/*     .intro_menu dl:nth-child(4) img{ width:186px; height:104px; } */
	footer{ clear:both; padding:50px 0; }
	footer > div {  text-align:center;  font-size:12px; color:#888; line-height:23px;  }

	@media (max-width:1145px) { 
	.center_wrap{  max-width:100%; width:100%; min-width:auto; }
	.intro_slogan{  margin:-20px 0 0 0}
	.intro_menu{  margin:-50px auto 0; }
	.intro_menu dl{ width:47%; margin:0 0 15px 2%; }
	.intro_slogan{ width:100%; position:relative; top:auto; left:auto; margin-left:0; }
	}
	@media (max-width:999px) { 
	.intro_slogan{ padding:40px 0 0 0; }
	.intro_menu{  margin:-30px auto 0; }
	.intro_menu dl{ width:94%;  margin:0 auto 15px; float:none;  }
	.intro_menu dl:nth-child(4){  margin:0 auto 15px; }
	footer{ clear:both; padding:30px 2%; }
	.intro_menu dl dt strong{  padding:5px 0 5px 0; }
	}