@charset "utf-8";
/* CSS Document */

*{	margin:0px;
	padding:0px;
	font-family:"나눔고딕", YDIYGo520, Terminal;
	font-size:12px;
	font-style: #666;
	}
ul{list-style:none;}
a img{border:none;}
A:link{text-decoration:none;} 
A:visited{text-decoration:none;}


html{
/*	background:url(../images/bg.gif) repeat-x;*/
	}
body{}
div#wrap{
	width:960px;
	margin:0 auto;
	}	
	div#top{
		height:123px;
		position:relative;
		}
		div#top p.logo{
			position: absolute;
			top: 10px;
			left: 30px;}
		div#top ul{
			width: 240px;
			position: absolute;
			top: 10px;
			left: 680px;
			}
			div#top li{
				float:left;
				width:60px;
				height:15px;
				background:url(../images/div_05.gif) right no-repeat;
				}
				div#top li a{
					padding : 0 0 0 10px;}
		
		div#top p.mainnav{/*-------------------네비게이션-------*/
			position:absolute;
			top:63px;}

.gnb_wrap:before { content: ''; position: relative; }
.gnb_wrap { position: absolute; top: 73px; left: 25%; width: 960px; height: 50px;background: #15aec4; }
.gnb { overflow:hidden;clear:both;/*width:100%;*/ position:absolute; left:20%; top:15px; list-style:none; z-index:80;}
.gnb ul { font-size: 16px; font-weight: bold; }
.gnb li{ float:left;position:relative; padding: 0 22px 0 0; list-style:none; z-index:90; }
.gnb li a{display:block; padding:0 36px; color:#fff;text-align:center;text-decoration:none; height: 32px; overflow:hidden; list-style:none; z-index:95; font-size: 14px; font-weight: bold;  }
.gnb li a:hover { color: #333; }
.lang { position: absolute; top: 48px; right: 6px;  z-index: 81;  }
.lang ul { list-style: none;padding-left: 0px; }
.lang li { float: left; width: 55px; } 
.lang li a { padding: 0; width: 80px; color: #777; }
.lang li a:hover { color: #074d8e; transition: .5s; }
.lang li a img { padding-right: 10px; vertical-align: middle; }
.lang li a:hover img{ margin-top: 0; }
div.end { position: absolute; top: 0; right: 0; padding:0; background:none; }
div.end .topmenu{width:269px;}
div.end .topmenu a{float:left; padding:0 10px;display:block; padding-top:12px;}
div.end a { padding-left: 20px; position: relative; color: #777; font-weight: bold;}
div.end a:after { display: inline-block; content: '|';position: absolute; top: 12px; right: 0; width: 1px; height: 5px; color: #ccc; }
div.end a:nth-child(4):after { display: none; }
li.end a:hover img,
li.end a.active img { margin-top: 0px; }

.gnb_open { /*width:100%;*/ min-width:960px; height:0;margin: 0 auto; position:absolute; top: 48px; overflow:hidden;background:#ffffff url(../images/line_bg.png) no-repeat center top; z-index:100; /*border-bottom:1px solid #dddddd;*/ }
.gnb_open .menu_area { width: 980px; min-height:202px; height:auto; margin: 0 auto; z-index:200;border-top: 0px #f5f5f5 solid;}
.gnb_open .menu_area .total_menu { clear:both;  margin-left:210px;  z-index:300;}
.gnb_open .menu_area .total_menu li { float:left; border-left: 1px #eaeaea solid; list-style:none; }
.gnb_open .menu_area .total_menu li.m1 { width:150px; height:240px; padding: 10px 0; margin-left: -7px; }
.gnb_open .menu_area .total_menu li.m2 { width:140px; height:240px; padding: 10px 0; margin-right: 12px; }
.gnb_open .menu_area .total_menu li.m3 { width:135px; height:240px; padding: 10px 0; margin-right: 17px; }
.gnb_open .menu_area .total_menu li.m4 { width:148px; height:240px; padding: 10px 0;border-right: 1px #eaeaea solid; }

.gnb_open .menu_area .total_menu .sm { list-style:none; margin: 0 5px 0 5px; clear:both;  z-index:19000;}
.gnb_open .menu_area .total_menu .sm li { letter-spacing: -0.5px; margin-bottom: 5px; clear:both; border:0; list-style:none;  }
.gnb_open .menu_area .total_menu .sm li a { display:block; padding: 5px 5px 5px 15px; color:#666; background:url(../images/sm_back.gif) no-repeat left top; }
.gnb_open .menu_area .total_menu .sm li a:hover,
.gnb_open .menu_area .total_menu .sm li a.active { background-position:left bottom; color:#074d8e; font-weight:bold; }
.gnb_open .menu_area .total_menu .m1 .sm li a { width:120px; }
.gnb_open .menu_area .total_menu .m2 .sm li a { width:120px; }
.gnb_open .menu_area .total_menu .m3 .sm li a { width:120px; }
.gnb_open .menu_area .total_menu .m4 .sm li a { width:80px; }
.gnb_open .gnb_close{ width: 980px; height:3px;position:absolute;left:0;bottom:0; background:#ff1800; border:1px solid #000000; }

	div#title{/*-------------------메인타이틀-------*/
			width:960px;
			height:420px;}
		
	div#contents{/*-------------------공지사항 및 뉴스 컨텐츠-------*/
		height:150px;
		position:relative;
		background: #dae8ee;
		}
		
		div#contents ul{}
			div#contents ul li{}
			div#contents ul li.first{
				position:absolute;
				left:33px;
				top:20px;
				width:290px;
				height:106px;
				background:url(../images/con_div.gif) no-repeat right;
				}
				div#contents ul li.first ul.tab{
					width:250px;
					height:18px;
					border-bottom:1px #83a4c1 solid;
					}
					div#contents ul li.first ul.tab li{
						width:63px;
						height:19px;
						float:left;
						}
					div#contents ul li.first ul.tab p{
						margin:0 0 0 90px;
						float:right;
						}
				div#contents li.first ul.board{
					}
					div#contents li.first ul.board li{
						height:20px;
						}
			
			div#contents li.second{
				position:absolute;
				left:323px;
				top:20px;
				width:322px;
				height:106px;
				padding:0 0 0 10px;
				background:url(../images/con_div.gif) no-repeat right;
				}
				div#contents li.second h1{
					margin:0 0 9px 0;}
				div#contents li.second ul{
					/*width:287px;*/
					}
					div#contents li.second ul li{
						float:left;
						margin:0 0 0 15px;
						}
						div#contents li.second ul li p{}
						div#contents li.second ul li h2{
							padding:4px 0 0 10px;
							}
					div#contents li.second ul li.last{
						margin:0 0 0 15px;}
					
			div#contents li.third{
				position:absolute;
				left:650px;
				top:20px;
				width:294px;
				height:106px;
				padding:0 0 0 15px;
				background:url(../images/contents_3bg.gif)	no-repeat right;			
				}
				div#contents li.third h1{}
				div#contents li.third p{
					margin:15px 0 0 115px;}
				
	div#footer{
		padding:10px 0 0 0;
		height:100px;
		}
		div#footer p{margin:0 0 5px 0;}
		

/******************************************************* 홈페이지 전체 공통스타일 ****************************************************************/
html, div, p {margin:0px; border:0px; padding:0px;}
body {margin:0px; border:0px; padding:0px;}

img {border:0;}


/* 홈페이지 전체 테이블 기본값 및 기본 텍스트 */
table { border-collapse:collapse; border-spacing:0px; margin:0px; padding:0px}
td { padding:0; font-family:dotum; font-size:12px; color:#666666; }


/*롤오버 관련*/
a.rollover img.roll { border-width:0px; display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { border:0px; font-weight:bold; }
a.rollover:hover img.roll { display:none; }
a.rollover:hover img.over { display:inline; }

/*기본 링크 스타일 */
a:link    { font-size: 12px; color: #333; }
a:active  { font-size: 12px; color: #333; }
a:hover   { font-size: 12px; color: #333; text-decoration:none; }
a:visited { font-size: 12px; color: #333; }


/*탑서브메뉴 링크*/
/*a.tmenu:link    { font-family: dotum; font-size: 11px; color: #666666; }
a.tmenu:active  { font-family: dotum; font-size: 11px; color: #666666; }
a.tmenu:hover   { font-family: dotum; font-size: 11px; color: #0b5ea0; text-decoration:none; }
a.tmenu:visited { font-family: dotum; font-size: 11px;  }*/



 /*간격*/
.h5 { height:5px;}
.h10 { height:10px;}
.h15 { height:15px;}
.h20 { height:20px;}
.h25 { height:25px;}
.h30 { height:30px;}
.h40 { height:40px;}

/*.w1 { width:1px color:#999;}*/
.w5 { width:5px;}
.w10 { width:10px;}
.w15 { width:15px;}
.w20 { width:20px;}
.w30 { width:30px;}


/*정렬*/
.left { text-align:left}
.right { text-align:right; margin:0px 0px 0px auto;}
.center { text-align:center; margin:0px auto}
.vtop { vertical-align:top}
.middle { vertical-align:middle}
.bottom { vertical-align:bottom}


/*글자 크기,굵기,색상*/
.t_ss{ font-size:11px;}
.t_b { font-weight:bold}
.t_c_w { color:#ffffff}
.t_c_bk { color:#000000}
.t_c01 { color:#0b5ea0}

.tb960 { width:960px;} /*사이트 전체 폭*/
.tb720 { width:720px;} /*서브 컨텐츠 폭*/
.tb100 { width:100%}
.tb98 { width:98%}
.tb96 { width:96%}
.tb94 { width:94%}
.tb90 { width:90%}
.tb85 { width:85%}






/*탑메뉴*/
#menu_01 {
	left: 735px;
	top: 90px;
	width:140px;
	height:20px;
	display:none;
	position:absolute;
}

#menu_02 {
	left: 842px;
	top: 90px;
	width:300px;
	height:30px;
	display:none;
	position:absolute;
}

#menu_03 {
	left: 980px;
	top: 90px;
	width:390px;
	height:30px;
	display:none;
	position:absolute;
}

#menu_04 {
	left: 1215px;
	top: 90px;
	width:100px;
	height:30px;
	display:none;
	position:absolute;
}
#menu_05 {
	left: 1215px;
	top: 90px;
	width:330px;
	height:30px;
	display:none;
	position:absolute;
}
#menu_06 {
	left: 1215px;
	top: 90px;
	width:240px;
	height:30px;
	display:none;
	position:absolute;
}


/*바텀*/

.bottom_bg { background:url(/images/bottom_bg.jpg) repeat-x; height:32px;}



/***********************************************메인************************************************************************/
.m_visual_bg { background:#dae8ee; repeat-x; height:150px;}




/*메인 게시판*/
.m_bbs { width:265px;}
.m_bbs_t { text-align:left; line-height:18px;}
.m_bbs_d { text-align:right}
.m_tab_line { border-bottom:1px solid #7491ab; width:151px;}



/***********************************************서브************************************************************************/



/*팝업*/
.pop {width:360px;}
.pop_t { background:url(/images/pop_t.jpg) no-repeat; width:360px; height:185px;}
.pop_bg { background:url(/images/pop_bg.jpg) repeat-y; width:360px;}
.pop_txt { padding-left:30px; line-height:16px;}
.pop_close { background:#999999}