@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* CSS Document */
img{border:0;}
a,img {outline: none;selector-dummy:expression(this.hideFocus=true);}
a,area { blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; } 

/* body 공통속성 */
body, table, tr, td, form{margin:0 auto; padding:0; font:normal Verdana, Geneva, sans-serif, dotum,'돋움'; color:#6b6b6b; font-size:12px;}
body{ min-width:1000px; }
a {outline:none; select-dummy: expression(this.hideFocus=true);}  /* <- 링크클릭시점선안생김*/

body{ overflow-x:hidden; overflow-y:scroll;}   /* <-body에만*/ 


a:link, a:active, a:visited { font-size:12px; color:#6b6b6b; text-decoration:none; }
a:hover { font-size:12px; color: #6b6b6b; text-decoration: underline;}


/* quick */
#container { margin: 0 auto; width: 960px;}
#floatdiv {position:absolute; width:20px; height:32px; left:0px; top:500px; margin-left:10px; visibility:hidden;}







/* bg */
.m_bg{
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}


/* gallery line */  /*사진테두리*/
.gallery_line{ border:solid #b4b4b4 1px;}





/* font */
.news_font01 {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	color: #666;
}
.news_font02 {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	color: #949393;
}
.page_font01 {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	color: #666;
}
.page_font02 {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	color: #111;
	font-weight: bold;
}





/*old_ font */
.page_font01 {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	line-height: 1.0em;
	color: #999;
}
.page_font02 {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	color: #999;
}
.page_font03 {
	font-family: "돋움", "돋움체";
	font-size: 11px;
	line-height: 1.3em;
	color: #666;
	font-weight: bold;
}


/* 메인메뉴 */
#gnb_nav{width:700px; height:20px; position:relative; padding-left:40px; box-sizing:border-box;list-style:none;}
#gnb_nav li{float:left; padding:0 35px;list-style:none;border-right: solid 1px #ddd;}
#gnb_nav li:first-child{padding-left:0;}
#gnb_nav li:last-child{padding-right:0;border:none;}
#gnb_nav li h2{margin:0; padding:0;}
#gnb_nav li h2 a{display:block; font-size:16px; color:#0b0b0b; font-weight:400; letter-spacing:-0.03em;font-family: 'Noto Sans KR', sans-serif;}
#gnb_nav li h2 a.on{color:#fb7000;}
#gnb_nav li h2 a:hover{text-decoration:none;}

/* 메인 비주얼 */
.main_vis {position:relative;width: 1000px;height: 385px;}
.main_bg, .main_vis_img1, .main_vis_img2, .main_vis_img3, .main_vis_txt {position:absolute;}
.main_bg {bottom: 0px;}
.main_vis_txt {top:50px;right:0px}
.main_vis_img1 {top:10px;left:0px;animation: fadeOut1 0.8s 0s linear normal;}
.main_vis_img2 {top:100px;left: 240px;animation: fadeOut2 0.8s 0.8s linear normal;}
.main_vis_img3 {top:190px;left: 10px;animation: fadeOut3 0.8s 1.6s linear normal;}
@keyframes fadeOut1 {
  0% {
    opacity: 0;left:-50px;
  }
  100% {
    opacity: 1;left:0px;
  }
}
@keyframes fadeOut2 {
  0% {
    opacity: 0;top:50px;
  }
  100% {
    opacity: 1;top:100px;
  }
}
@keyframes fadeOut3 {
  0% {
    opacity: 0;left:-40px;
  }
  100% {
    opacity: 1;left:10px;
  }
}

/*서브 비주얼 */
.sub_visual{width:1000px; height:226px; position:relative; background:url("../img/sub_visual_bg.png") center bottom no-repeat;}
.sub_visual .sub_txt1 {position:absolute;top:50px;left:40px; animation:subFade 0.8s 0.5s linear both;}
.sub_visual .sub_txt2 {position:absolute;top:80px;left:40px; animation:subFade 0.8s 1.5s linear both;}
@keyframes subFade { 0%{opacity:0;} 100%{opacity:1;} }

/* 서브 왼쪽메뉴 */
#sub_select{width:219px;  box-sizing:border-box;list-style: none;margin: 0;padding: 0;}
#sub_select li{}
#sub_select li a{display:block;background-color:#fff; font-size:14px; line-height:35px; color:#fff; font-weight:500; font-family: 'Noto Sans KR', sans-serif; text-decoration:none;}
#sub_select li a:hover{transition: 0.2s;-webkit-transition: 0.2s;padding-left: 20px;background-color:#70be41;}
#sub_select li a.on{transition: 0.2s;-webkit-transition: 0.2s;padding-left: 20px;background-color:#70be41;}