@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face{


}
html {width:100%;height:100%;overflow-x:hidden;overflow-y:scroll}
body {padding:0;margin:0;font-size:12px;font-family: NanumGothic, dotum;width:100%;height:100%}
input,select,textarea {font-size:12px;}
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;}
li,ul {list-style:none;margin:0;padding:0; }
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
.clear:after { 
	content:"";
	height:0;
	visibility: hidden;
	display: block;
	clear: both; }
	.ie6 .clear:after { height: 1%; } /* IE6 */ 
	.ie7 .clear:after { min-height: 1px; } /* IE7 */
	.ie8 .clear:after { min-height: 1px; } /* IE8 */
}			
/*wrapper*/
body {
	/*background: #ffffff url(/img/...jpg) no-repeat 0 0 fixed;*/
}
#wrapper {
	width: 100%;
	height: 100%;
	margin: auto;
	position: relative
}

/*header*/
#header {
	width: 970px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	margin: 0 auto;
	height: 80px;}


	#header .logo {
		position: absolute;
		width: 400px;
		height: 60px;
		top: 15px;
		left: -40px;

	}
		
	.headerbg {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		background-color: #FFFFFF;
		background-image: url(/img/header_bg_00.png);
		/*filter: alpha(opacity=35);
		opacity: 0.35;*/
		height: 80px;
	}

	.etcbuttons /*시작페이지 링크*/
	{   position: absolute;
		padding: 0;
		width: 360px;
		text-align: left;
		top: 9px;
		left: 0px;
	}
	
	.etcbuttons a{
		color: 	#4C689B;
	}
    .etcbuttons a:hover {
		color: #b93b3b;
		}

	.searchbox   /* 검색버튼 */
	{
        position: absolute;
		padding: 0;
		width: 260px;
		text-align: right;
		top: 32px;
		/*right: 0px;*/
		left: 67.5%;
	}
	
	.globalmenu  /*홈 회원가입 로그인*/
	 {
		position: absolute;
		padding: 0;
		width: 360px;
		text-align: right;
		top: 17px;
		left:57%; /*700px*/
		}
					
		.globalmenu ul {
			padding: 0;
			margin: 0;
			letter-spacing: -1px;
		}
		.globalmenu li {
			list-style-type: none;
			display: inline;
			padding: 5px 0 5px 10px;
			font: normal 11px ;
		}
		.globalmenu a {
			color: #474747;
			
			font-size: 11px;
			font-weight: normal;
			letter-spacing: -1px
		}
		.globalmenu a:hover {
			color: #fce700;
		}

/*menubar*/
#menubar {
	width: 100%;
	position: absolute;
	margin: 0 auto;
	z-index: 2;
	/*height: 45px;*/
	border-bottom: 3px solid #9FC2D2;
	box-shadow: #8BAEC0 0px -0px 0px;}
				
	.menubar_back {
		width: 100%;
		position: relative;
		margin: 0 auto;
		z-index: 1;
		background-color: #FFFFFF;
		/*filter: alpha(opacity=80);
		opacity: 0.8;*/
		height: 75px;
	}
	.menubar_shadow {
		/*background: url(./img/mainmenu_shadow.png) repeat-x top;*/
		height: 25px;
	}
	
	.mainmenu {
		width: 1000px;
		margin: 0 auto;
		height: 40px;}
	
		/*mainmenu 1depth*/
		.mainmenu .menu_1d {
			position: relative;
			list-style: none;
			margin: 0;
			padding: 0;
			z-index: 100;
			margin: 0 auto;}
						
			.mainmenu .menu_1d .li_1d {
				position: relative;
				z-index: 4;
				float: left;
				zoom: 1;
				list-style: none;
				margin: 0;
				padding: 0;
			/*	background-image: url(../img/mainmenu_spliter.png);*/
                background-repeat: no-repeat;
                background-position: right center;
			}
			.mainmenu .menu_1d .li_1d > a {
				display: block;
				padding: 4px 8px;
				text-decoration: none;
				height: 40px;
				padding: 0 40px;
				font: normal 14px ;
				letter-spacing: -1px;
				display: inline-block;
				line-height: 40px;
				color: #5F5F5F;
                font-size: 13px;
               
                font-weight: bold;
			}
			.mainmenu .menu_1d .li_1d > a:hover {
				color: #ff6000
			}
			.mainmenu .menu_1d .li_1d:hover, .mainmenu .menu_1d .li_1d.m_selected {
				/*position: relative;*/
				/*z-index: 4;*/
				/*background: url(./img/mainmenu_hover_back.png)*/
				
				background: url(/img/btn_bg_00.png);

			}
			.mainmenu .menu_1d .li_1d.m_selected{
				
				background: url(/img/btn_bg_01.png);

			}
			.mainmenu .menu_1d .li_1d.m_selected:hover {
				/*position: relative;*/
				/*z-index: 5;*/
				/*background: url(../img/mainmenu_spliter.png)  no-repeat right center;*/
			}
			.mainmenu .menu_1d .li_1d > a:active, .mainmenu .menu_1d .li_1d.m_selected > a {
				color: #1D73BD;
			}
						
		/*mainmenu 2depth*/
		.mainmenu .menu_2d {
			width: 160px;
			list-style: none;
			/*visibility: hidden;*/
				display: none;
			position: absolute;
			top: 100%;
			left: 0;
			margin: 0;
			padding: 0;
			z-index: 4;
			border: 3px solid #9FC2D2;
			background: #fff;}
						
			.mainmenu .menu_2d li {
				position: relative;
				z-index: 7;
				float: none;
				filter: alpha(opacity=100);
				opacity: 1;
				height: 30px;
				margin: 0;
				padding: 0;
				
				border-top: 1px solid #eee;
			}
			.mainmenu .menu_2d li.hover, ul.mainmenu ul li:hover {
				position: relative;
				z-index: 5;
				background: #333333 url(../img/mainmenu_hover_back.png)
			}
			.mainmenu .menu_2d li > a {
				width: 100%;
				display: inline-block;
				height: 30px;
				padding: 0 10px;
				width: 140px;
				font: normal 11px;
				letter-spacing: -1px;
				color: #adadad;
				line-height: 30px;
				background-image: none;
			}
			.mainmenu .menu_2d li > a:hover {
				color: #549FFF;
				background: aliceblue;
				TEXT-DECORATION: none;
			}
			.mainmenu .menu_2d li > a:active, .mainmenu .menu_2d li.m_selected > a {
				color: #549FFF;
			}
			/*show mainmenu 2depth*/
			.mainmenu  .menu_1d .li_1d:hover > .menu_2d {
				display: block;
			}
			.mainmenu  .menu_1d .li_1d.m_selected:hover > .menu_2d {
				display: none;
			}


	
	.tsubmenu_wrap{
		background: #f7f7f7;
		border-top: 1px solid gainsboro;
	}
		.tsubmenu_outer{
			height: 30px;
			line-height: 30px;
			width: 1000px;  margin: 0 auto;
		}
			.tsubmenu{
				margin: 0px;
				padding: 0px;
			}
			.tsubmenu > li{
				float: left;
				list-style: none;
			}

			.tsubmenu > li > a{
				display: block;
				padding: 0 20px;
				line-height: 30px;
			}


			.tsubmenu > li > a:hover {
				TEXT-DECORATION: none;
				background-color: silver;
				color: white;
			}
			.tsubmenu > li.m_selected > a {
				background-color: #9FC2D2;;
				color: white;
			}
			.tsubmenu > li.m_selected > a:hover {
				background-color: #9FC2D2;
				cursor: default;
			}
			


/*middle*/

#middle {
	width: 1000px;
	position: relative;
	margin: 20px auto 20px auto;}
				
	.middle_inner {
		position: relative;
		background-color: #ffffff;
		/*border: 1px solid #d1d1d1;
		padding: 20px 25px 25px 25px;
		-webkit-border-radius: 1px 1px 1px 1px;
		-moz-border-radius: 1px 1px 1px 1px;
		border-radius: 1px 1px 1px 1px;
		-moz-box-shadow: 1px 1px 10px #5e4a2c;
		-webkit-box-shadow: 1px 1px 10px #5e4a2c;
		box-shadow: 1px 1px 10px #5e4a2c;*/
	}
	
	
	/*location info*/
		
	.location {
		clear: both;
		font: normal 11px;
		color: #999;
		padding: 0;
		text-align: right
	}
	.location a {
		color: #999;
		letter-spacing: -1px;
	}
	.location a:hover {
		color: #000
	}
	h3.content_title {
		margin: 0;
		padding: 0;
		border-bottom: 2px #ddd solid;
		font-size: 20px;
		/*font-family: nanumgothic, dotum;*/
		font-weight: bold;
		padding-bottom: 5px;
		letter-spacing: -1px;
		margin-bottom: 15px;
		color: #555;
		background: url(../img/content_title_icon.png) no-repeat;
		padding-left: 30px;
	}
#footerWrap {
    position: relative;
    height: 70px;
    }

    #footer {
    margin: 0;
    padding: 10px 0 20px 0;
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    z-index: 2;
    height: 70px;
    }

    #footer .footerCont {
    width: 990px;
    margin: 0 auto;
    display: block;
    position: relative;
    }

    #footer .footerCont div.footerMenu {
    text-align: center;
    margin-bottom: 10px;
    padding: 7px 20px;
    }

    #footer .footerCont div.footerSiteInfo {
   
    font-size: 11px;
    color: #999;
    text-align: center;
    width: 600px;
    margin: 0 auto;
    }
    #footerbg {
    margin: 0;
    padding: 10px 0 20px 0;
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    z-index: 1;
    border-top: 2px #ddd solid;
    height: 70px;
    }


	/*** main ***/

	/*
	.main_box_wrapper {
		float:left;
		width:275px;
		height:275px;
		border:1px solid #eee;
		margin-right: 10px; 
		padding:12px;
	}

	.main_box_in_left {
		float:left;
		width:130px;
		height:130px;
		border:1px solid #ddd;
	}
	.main_box_in_right {
		float:right;
		width:130px;
		height:130px;
		border:1px solid #ddd;
	}

	.mar_t10 {
		margin-top:10px;
	}
	.txt_center {
		text-align:center;
		padding-top:20px;
	}
*/

	.main_box_wrapper {
		float:left;
		width:940px;
		height:170px;
	
	}
	
	.main_box_285 {
		position:relative;
		float:left;
		width:285px;
		height:160px;
		border:1px solid #ddd;
		margin-right: 10px; 
		
	}
	
	.main_box_160 {
		position:relative;
		float:left;
		width:160px;
		height:160px;
		border:1px solid #ddd;
		margin-right: 10px; 
	}

	.mar_t10 {
		margin-top:10px;
	}
	.txt_center {
		text-align:center;
		padding-top:20px;
	}
	.center {
		text-align:center;
	}
	
	.main_subject {
		position:absolute;
		width:100%;
		height:30px;
		line-height:30px;
		background-color:#333;
		color:#fff;
		text-align:center;
		margin-top:-30px;
		opacity:0.6;

	}

	.main_subject a {
		text-decoration:none;color:#fff;
	}
	.main_subject a:hover {
		color:#449fca;
	}
	

	/*** //main ***/