/********body 공통속성 ********/


a,area { blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; }

body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form p{
	margin:0;
	padding:0;
	}
body {
	font-family: 'Noto Sans KR', sans-serif, Helvetica; color:#444;letter-spacing: -0.09em; 
	font-size:12px;
	color:#999999;
	line-height:160%;
	text-align:center;
	}
ul,ol,dl {
	list-style:none;
	}
img {
	border:0;
	vertical-align:top;
	}
ul {
	list-style:none;
	padding:0;
	margin:0;
	}

/*/////////////////////////////전체감싸는 랩 ////////////////////////////*/
#wrap{
	width:100%;
	margin:0 auto;
	text-align:center;
	
}


/*////// 상단(로고, 섹션메뉴, 메뉴) ////////*/
#head{
	width:100%;
	height:80px;
	margin:0 auto;
	text-align:center;
	position:relative;background:#fff;
}


#head1200{
	width:1200px;
	height:80px;
	margin:0 auto;
	text-align:center;
	position:relative;background:#fff;
}



#logo{
	width:265px; 
	height:60px;
	margin:0 auto;
	float:left;
	text-align:right;
	padding:10px 0 0 0;background:#fff;
	}

#topbt{
	width:930px;
	height:40px; 
	margin:22px 0 0 0;  
	float:left; font-size:14px; color:#444;font-weight:600;
	padding:10px 0 0 0;text-align:right;background:#fff;
	}

#topbt a{
    font-size:14px; color:#666;font-weight:600;padding-right:10px;letter-spacing:-0.1em;

	}





#main_menu {
	width:1200px;
	height:70px;
	margin:0 auto;	text-align:center;
	}

#head1200_01{
	width:100%;
	height:54px;
	margin:0 auto;
	text-align:center;
	position:relative;background:#fa9f15;
}



#main_menu_wrap{
	width:1200px;
	/*background:url('/V2/img/menu_bg.png');*/
	background-repeat:repeat-x; 
	height:60px;	margin:0 auto;	text-align:center;
	clear:both;

	}
/*장혜경 메뉴 추가****************************************************************************************/
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {font-family: 'Noto Sans KR', sans-serif, Helvetica; color:#444;letter-spacing: -0.09em; 	color:#fff;font-weight:600;			z-index:900;
  margin: 0;
  padding: 0;
  position: relative;
  
}
#cssmenu {
  line-height: 1;
  border-radius: 0px 0px 0 0;
  -moz-border-radius: 0px 0px 0 0;
  -webkit-border-radius: 0px 0px 0 0;
 /*  
  background: #fff;
  background: -moz-linear-gradient(top, #3c7fbd 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c7fbd), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #3c7fbd 0%, #141414 100%);
  background: -o-linear-gradient(top, #3c7fbd 0%, #141414 100%);
  background: -ms-linear-gradient(top, #3c7fbd 0%, #141414 100%);
  background: linear-gradient(to bottom, #3c7fbd 0%, #141414 100%); */

  width: auto;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #fa9f15;
 width:100%;
  display: block;
  padding: 19px 42px;;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  display: inline-block;
  float: left;
  margin: 0;
}
#cssmenu.align-center {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}


#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}



#cssmenu > ul > li > a {

  font-size:16px;
  letter-spacing:-2em;font-weight:600:

}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 150%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu.align-right > ul > li:first-child > a,
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#cssmenu.align-right > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {  
}


#cssmenu .has-sub ul li:hover a {
  background: #909090;
}

#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}


/*서브메뉴 마웅스오버 색상*/
#cssmenu .has-sub ul li a {
  background: #909090;
  border-bottom: 1px solid #fff;
  font-size: 14px;
  display: block;
  line-height: 120%;
  padding: 15px;margin-left:20px;
  color: #fff;
}

/*서브메뉴 마웅스오버 선택 색상*/
#cssmenu .has-sub ul li:hover a {
  background: #70c539;
}
#cssmenu ul ul li:hover > a {
  color: #ffffff;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 100%;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #fc933d;
  border-bottom: 1px dotted #31b7f1;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #0a6d98;
}
#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {
  border-bottom: 0;
}
/*장혜경 메뉴 추가*/







/*//////// 컨텐츠 ///////////*/
#contents{
	width:100%; 
	height:374px;
background:#fff;	border-bottom: 1px solid #d9d9d9;

	
}

#contents_1000{
	width:1200px; 
	height:374px;
	margin:0 auto;background:#fff;
	text-align:center;
	
}

	#contents #con_wrap1{
		width:1200px; 
		height:320px; background:#fff
		margin:0 auto;
		text-align:center;
		position:relative;
		
	}



	#contents #con_wrap3{
		width:1200px; 
		height:320px; background:#fff
		margin:0 auto;padding-top:80px;
		text-align:center;

		
	}
		#main_visu
		{position:relative; 
		text-align:center; 
		z-index:100; 
		width:1200px;
		padding-left:0px; 
		margin:0 auto;

		}



		#contents #con_wrap1 #program{
			width:273px; 
			height:279px;
			float:left;
			z-index:200;
			position:absolute;
			top:300px;

			
		}

		#contents #con_wrap1 #popup{
			width:584px; 
			height:202px;
			text-align:left;
			float:right;
			z-index:200;
			margin-left:0px;
			position:absolute;
			top:0px;background:#f0f
			right:0;

		}

	#contents #con_wrap2{
		width:1200px; 
		height:120px;
		margin:0 auto;
		padding:0px 0px 0px 0px;
	}

		#contents #con_wrap3 #news{
			width:50%; 
			height:210px;background:#fff
			margin:0 auto;
			text-align:left;
			float:left;
		}

		#contents #con_wrap2 #photo{
			width:280px; 
			height:120px;
			margin:0 auto;
			background:url('/V2/img/photo_bg.gif'); background-repeat:no-repeat;background-position:top right;
			padding-left:16px;
			float:left;
		}

		#contents #con_wrap2 #board{
			width:130px; 
			height:120px;
			margin:0 auto;
			padding-left:17px;
			float:left;
		}

		#contents #con_wrap2 #quick{
			width:120px; 
			height:120px;
			margin:0 auto;
			padding-left:17px;
			float:left;
		}

/*메인 탭pc*/
#tabs_moral_wrap{float:left;width:50%;height:50px;margin-left:35px;text-align:left; }

ul.tabs_moral01 {margin-bottom:0px;padding:0;float:left;list-style: none;height:45px;width: 100%;border-bottom: 1px solid #5abc1a;}



ul.tabs_moral01 li{float:left;text-align:center;cursor: pointer;width:50%; margin:0 0px 0px 0px;padding:0; height: 45px; font-weight: 500; background: #f2f2f2; border-bottom: 1px solid #5abc1a;overflow: hidden;   position: relative;font-size:14px;line-height:40px;}



ul.tabs_moral01 li.active { background: #5abc1a; color:#fff;	height:45px;font-weight: 500;}

/* 메인 공지사항 더보기 추가 */
.notice_more {font-size: 20px;display: inline-block;padding: 3px 6px;line-height: 0.8;vertical-align: middle;position: absolute;right: 10px;top: 10px;}
.more_w {color:#fff}


.tab_container_moral01 { border-top: none;    float: left;  width:100%;	height:auto;margin-left:0px;}
.tab_content_moral01 {width:100%;float:left;padding:10px 0px 10px 0px;display: none;margin:10px 0 10px 0;font-size: 14px;}

/*메인 탭pc 끝*/

/*///// 페이지 /////*/
#sub_page_wrap{
	width:1200px; 
	margin:0 auto;
	text-align:center;
	height:0 auto;
}


	#sub_page_wrap #left_menu{
		width:240px;
		float:left;
		margin:0 auto;
		height:auto; 
		text-align:left;
		padding-top:50px;
	}
/*/
		#sidemenu ul{
			width:190px;
			background:url(/V2/img/menu_bg.gif) repeat-y;
		}

		#sidemenu UL LI{
			text-align:left;
			float:left;
		}

		#sidemenu UL LI IMG{
			display:block;
		}

		#sidemenu UL LI A{
			width:190px;
			height:29px;
			DISPLAY: block;
		}

		#sidemenu UL LI A.on {
			width:190px;
			background:url(/V2/img/menu_over.gif);
			color:#fff;
		}

		#sidemenu UL LI A:hover {
			width:190px;
			background:url(/V2/img/menu_over.gif);
			color:#fff;
		}

*/
	#sub_page_wrap #con{
		width:900px;
		height:0 auto;
		float:right;
		text-align:center;
		margin:52px 0px 30px 0px;
		padding:10px 0px 20px 50px;
	}

/*chk leftmenu 추가******************************************************************************************************** */



/* Base Styles */
#left_menu,
#left_menu ul,
#left_menu li,
#left_menu a {
  margin: 0;
  padding: 0 0 0 0px;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  position: relative;
  letter-spacing:-0.05em;font-weight:500;
}




#left_menu {
  
}
#left_menu a {
    line-height:36px;
}

#left_menu > ul > li {
  background: #fff;border-bottom: 1px solid #e6e6e6;width: 100%;margin: 0px 0 0px 0px;
}

#left_menu> ul > li:last-child {margin-bottom:30px;
}
#left_menu > ul > li:hover {


 }
#left_menu > ul > li > a {
  font-size: 14px; letter-spacing:-0.08em;
  display: block;
  background: url(images/pattern.png) top left repeat;
  color: #777;
  border-top: none;padding-left:40px;


}
#left_menu > ul > li > a > span {
  display: block;
  padding: 0px 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

}
#left_menu > ul > li > a:hover {
  text-decoration: none;

}



#left_menu > ul > li.active {
  border-bottom: none;
  border-bottom: 1px solid #afb2b8;
}
#left_menu > ul > li.has-sub > a span {
  background: url(images/icon_plus.png) 96% center no-repeat;
}
#left_menu > ul > li.has-sub.active > a span {
  background: url(images/icon_minus.png) 96% center no-repeat;
}







/* Sub menu */
#left_menu ul ul {
  display: none;
  background: #fff;

}
#left_menu ul ul li {
  padding: 0;

  border-top: none;
  background: #fff;
  line-height:10px;

}
#left_menu ul ul li:last-child {
  border-bottom: none;
}
#left_menu ul ul a {
  padding: 0px 10px 0px 25px;
  display: block;
  color: #676767;
  font-size: 14px;
  font-weight: normal;
  list-style:none;

}
#left_menu ul ul a:before {
  content: "»";
  position: absolute;
  left: 10px;
  color: #5abc1a;
}
#left_menu ul ul a:hover {
  color: #5abc1a;
}



/* 서브메뉴설정하기  */
h2.sub_left_title{width:240px;height:76px;margin:-90px 0 0 0;padding:130px 0 0 0;font-size:26px;font-weight:600;line-height:40px;text-align:center;color:#666;font-family:'맑은 고딕',malgun gothic,sans-serif;
margin-bottom:30px;letter-spacing:-0.09em;position:relative; background:url('../img/sub_left-top.gif') top  no-repeat;}

#sub_contents_left_layer{background:#fff; border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;height:auto;border-top-left-radius:20px;border-top-right-radius:20px;}


#sub_contents_left_layer_02{background:#fff; border-left: 1px solid #afb2b8;border-right: 1px solid #afb2b8;border-bottom: 1px solid #afb2b8;height:auto;text-align:center;padding-top:10px;margin-bottom:15px;}
#sub_left_tel{padding:20px 0 20px 20px;text-align:left;}
#pd03_11{margin: 5px 0 0px 0px;padding-left:20px;width: 155px;list-style: none;height:39px;background:#fff;line-height:36px;letter-spacing:-0.03px;}
/*chk leftmenu 추가******끝************************************************************************************************** */



/* quick_bnner */
.quick_bnner{overflow: hidden;margin: 15px 0;clear: both;width:1200px;		height:0 auto;		text-align:center;}
.quick_bnner li{ float: left; width:25%; height: 140px; overflow: hidden;}
.quick_bnner li:last-child{ width:25%;}
.quick_bnner li a{display: table;width:100%;height: 140px;padding: 20px 30px;position: relative;overflow: hidden;background-size:cover;background-repeat: no-repeat;background-position: 100% 

50%;z-index: 0;}
.quick_bnner li a .txtBox{display: table-cell;vertical-align: middle;z-index:2; position: absolute;}
.quick_bnner li a .txtBox .tit{color:#fff;font-size: 1.38em;font-weight: 700;text-align:left;}
.quick_bnner li a .txtBox .txt{color:#fff;font-size: 0.88em;font-weight: 300;letter-spacing: -0.05em;text-align:left;}
.quick_bnner li a:before {content:'';display: block;position: absolute;left: 0;top:0;width:100%;height: 100%;z-index: 1; transition: all 0.4s;}
.quick_bnner li:nth-child(1) a:before {background-color: #6fc191; opacity:0.8;}
.quick_bnner li:nth-child(2) a:before {background-color: rgba(255, 169, 34, 0.8);}
.quick_bnner li:nth-child(3) a:before {background-color: #90a2d0;opacity:0.8;}
.quick_bnner li:nth-child(4) a:before {background-color: rgba(8, 134, 134, 0.8);}
.quick_bnner li:nth-child(1) a{ background-image:url('/V2/img/quick_img01.jpg');}
.quick_bnner li:nth-child(2) a{ background-image:url('/V2/img/quick_img02.jpg');}
.quick_bnner li:nth-child(3) a{ background-image:url('/V2/img/quick_img03.jpg');}
.quick_bnner li:nth-child(4) a{ background-image:url('/V2/img/quick_img04.jpg');}

.quick_bnner li a:hover,
.quick_bnner li a:hover .txtBox .tit,
.quick_bnner li a:hover .txtBox .txt{text-decoration: none;}
.quick_bnner li a:hover:before { left: -45%;}
.quick_bnner li:nth-child(1) a:hover:before{ background-color:#499067;}
.quick_bnner li:nth-child(2) a:hover:before{ background-color:#d48711;}
.quick_bnner li:nth-child(3) a:hover:before{ background-color:#4765b3;}
.quick_bnner li:nth-child(4) a:hover:before{ background-color:#088686;}











/*///// 배너 /////*/
#banner{
	width:1200px;
	height:250px;
	margin:0 auto;
	text-align:center;
	padding-top:0px;	background:#fff;
	background:url(/*'/V2/img/link_bg.gif'*/) ; background-repeat:no-repeat;background-position:middle center;
}


/*///// 하단 /////*/
#footer{
	width:100%;
	text-align:center;
	padding-top:20px;
	clear:both;
	height:150px;
	border-top: 1px solid #d9d9d9;
}


#footer .copy_area{width:100%; max-width:1200px; margin:0 auto; padding:10px 0; }

#footer .copycenter{float:left; width:41%; height:auto;	}
#footer .copycenter p{ text-align:left; font-size:14px;letter-spacing: -0.09em; 	color:#8d8d8d;;font-weight:400;	padding-left:10px;line-height:24px; }
#footer .copycenter p span{  color:#8d8d8d;font-weight:500;	}
#footer .copyright{float:left; width:34%; height:auto;	text-align:left; font-size:17px;letter-spacing: -0.05em;	color:#333;line-height:10px;padding-top:10px; }
#footer .copyright img{float:left;  height:auto;	text-align:left; font-size:17px;letter-spacing: -0.05em;	color:#333;line-height:10px; padding-right:14px;padding-top:8px;}
#footer .copyright span{  color:#103185;font-weight:600;	font-size:17px;letter-spacing: -0.07em;padding-right:14px;line-height:25px;padding-top:10px; }
#footer .copy_logo { float:left; width:25%; }
#footer .copy_logo .f_title {display: inline-block;font-size: 14px;color: #626262;margin-top: -5px;}