/* 마진 패딩 초기화 */
* { padding: 0; margin: 0; }
/* 페이지 기본 글꼴과 크기 설정 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
}
body { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; }
img { border: 0;}
ul { list-style-type: none; }
/* <a> 태그 기본 설정 */
a { display: inline-block; text-decoration: none; }
a:link { text-decoration:none; color: #222222; }
a:hover { text-decoration:none; color: #222222; }
a:visited { text-decoration:none; color: #222222; }
a:active { text-decoration:none; color: #222222; }
/* 상단 헤더 */
#top { position: relative; width: 1000px; height: 80px; margin: 0 auto; }
#top h3 { display: inline-block; position: absolute; top: 25px; left: 40px; font-size: 16px; }
#top img { display: inline-block; position: absolute; top: 12px; left: -12px; }
#top #top_menu { float: right; margin: 30px 60px 0 0;}
#top #top_menu li { display: inline; }
#menu_bar { height: 48px; background-color: #443e58; font-size: 16px; text-align: center;}
#menu_bar ul { width: 1000px; margin: 0 auto; padding-top: 14px; }
#menu_bar li { display: inline; margin-left: 90px; color: white; }
#menu_bar #li_first {margin: 0;}
#menu_bar a:link { color: white; }
#menu_bar a:hover { color: white; }
#menu_bar a:visited { color: white; }
#menu_bar a:active { color: white; }
/* 상단 이미지 */
#top_img_bar {
  width: 100%;
  height: 174px;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  margin-bottom: 30px;
}

#top_img_bar img{
  opacity: 50%;
}

#img_title{
  height: 174px;
  opacity: 50%;
}
/* 메인 이미지 슬라이드 */
.slideshow{
  position: relative;
  background-color: #fff;
  overflow: hidden;
  height: 960px;
}
#main_img_bar img{
  width: 100%;
}
#main_img_bar {
   margin-bottom: 30px;
position: absolute;
width: 100%;
height: 100%;
 }
#main_img_bar a {position: absolute; width: 100%; height: 100%;
 left:0; top: 0;
  text-align: center;
}
/* 양쪽 화살표를 중앙에 배치시키기 */
/* 이미지 스프라이트 */
#slideshow_nav a{
  position: absolute;
  width: 71px;
  height: 71px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
  transform: translateY(-50%);
  text-indent: -99999em;
}
#slideshow_nav a.prev{
  background: url(../images/sprites.png) no-repeat 0 -20px;
  margin-left: -640px;
}
#slideshow_nav a.next{
  background: url(../images/sprites.png) no-repeat -81px -20px;
  margin-left: 569px;
}
#slideshow_nav a.disabled{ display: none;}
#slideshow_indi{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  text-align: center;
}
#slideshow_indi a{
  width: 8px;
  height: 8px;
  background: url(../images/sprites.png) no-repeat -114px -4px;
  margin: 4px;
  text-decoration: none;
  display: inline-block;
}
#slideshow_indi a.active{
  background: url(../images/sprites.png) no-repeat -134px -4px;

}
/* 하단 푸터 */
footer { height: 120px; background-color: #2c2a29; z-index: 1;}
#footer_content { position: relative; width: 1000px; margin: 0 auto; color: #dddddd; }
#footer_logo { position: absolute; top: 30px; left: 50px; font-size: 16px; }
#footer_logo span { color: yellow; }
#download { position: absolute; top: 30px; left: 400px; }
#author { position: absolute; top: 30px; left: 700px; }
#footer_copyright { position: absolute; top: 90px; left: 350px; color: gray; }