@charset "euc-kr";

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


/* Layout ***********************************************************************/
#Wrapper_outer_index {width:100%; margin:0 auto; background:#fff url('/images/main_bg.gif') repeat-x top;}
#Wrapper_outer {width:100%; margin:0 auto; background:#fff url('/images/sub_bg.gif') repeat-x top; font-family:'NanumGothic';}
#Wrapper { width:100%; margin:0 auto; position:relative; padding:0px; text-align:left;}


	/* Skip Navigation */

	#skipnavigation {list-style:none; margin:0 auto; padding:0; width:100%;}

	a.skip_navi {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1.3em;}
	a.skip_navi:hover,
	a.skip_navi:focus,
	a.skip_navi:active {position: absolute; top: 0; left:0; padding: 15px 0; font-weight:bold; color:#fff; background:#389fd1; z-index:500; width:100%; margin:0 auto;}


	.skipNavigation{ display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;}
	.skipnavigation:hover,
	.skipnavigation:active,
	.skipnavigation:focus{ width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important;}

	.skip { position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }



#header { width:100%; height:155px; margin:0 auto; position:relative;}  


	#Frontheader{width:1000px; margin:0 auto; height:80px;}

			/* ·Î°í Ä®¶ó ¹Ù²Ù±â */
			.logo { float:left; margin:30px 0px 0px 10px; width:300px; height:47px;}	

			/*gnb*/	
			#util { float:right; margin-top:30px;}

			.home {float:right; padding:3px 10px 0px 0px;} 
			.home ul {list-style:none;} 
			.home li { float:left; margin:0; padding:0px 11px; font-size:0.9em; display:inline; background:url("/images/home_line.gif") no-repeat left;}
			.home li a {color:#414141;}
			.home li.first { padding-left:0px; background:none;}	



		/* ž¸Þ´º2 */	
		.gnb_bg{background:url(/images/gnb_sub_pat.png); width:100%; height:45px; display:none;z-index:1;position:absolute;left:0; margin-top:0px;}
		#gnb{position:relative;height:50px;width:1000px;margin:0 auto; }
		#gnb>ul>li {float:left;list-style:none;position:relative;z-index:100;}
		#gnb>ul>li>ul>li {float:left;list-style:none; background:url("/images/icon_circle_r.png") no-repeat 0px 9px;}
		#gnb>ul>li ul{position:absolute;display:none;z-index:100; width:450px; padding-top:10px;}
		#gnb ul li.on ul{display:block;}
		#gnb>ul>li>a{display:block;height:37px;padding-top:13px; background: url(/images/gnb_m_bg-.png) right bottom no-repeat; color:#353535; font-weight:600; font-size:16px;text-align:center;letter-spacing:-0px;}

		#gnb .m1>a{width:140px;}
		#gnb .m2>a{width:140px;}
		#gnb .m3>a{width:140px;}
		#gnb .m4>a{width:140px;}
		#gnb .m5>a{width:170px;}
		#gnb .m6>a{width:140px;}
		#gnb .m7>a{width:130px; background-position:0 bottom !important}
		#gnb>ul>li>a:active, #gnb>ul>li>a:hover, #gnb>ul>li>a:focus, #gnb>ul>li.on>a, #gnb>ul>li.active>a{background:url(/images/gnb_sub_-pat.png);color:#5baf09;}

		#gnb ul li ul li a{color:#fff; display:inline-block; white-space:nowrap; height:20px; padding-bottom:10px;}
		#gnb .t1, #gnb .t2, #gnb .t3, #gnb .t4, #gnb .t5, #gnb .t6, #gnb .t7{display:none; height:48px;width:1000px;padding-bottom:0;margin:20px 0 20px -40px; border-bottom:1px solid rgba(255,255, 255, .22); background:url(/images/gnb_m_bg_t_1.gif) no-repeat; color:#fff;font-size:23px;line-height:120%;font-weight:bold;text-indent:45px}

		#gnb .m1 ul{position:absolute;z-index:40;padding-left:20px;}
		#gnb .m2 ul{position:absolute;left:-0px;z-index:40;padding-left:0px;}
		#gnb .m3 ul{position:absolute;left:-0px;z-index:40;padding-left:0px;}
		#gnb .m4 ul{position:absolute;left:-0px;z-index:40;padding-left:0px;}
		#gnb .m5 ul{position:absolute;left:-0px;z-index:40;padding-left:20px;}
		#gnb .m6 ul{position:absolute;left:-0px;z-index:40;padding-left:0px;}
		#gnb ul li ul li{}
		#gnb ul li ul li:first-child{padding:0 20px 0 15px;}
		#gnb ul li ul li{padding:0 20px 0 15px;}


/* ž¸Þ´º
	#header #menu {z-index:200; position:relative; display:inline-block; vertical-align:middle; padding-top:17px; width:1000px; height:33px; background:#414141; margin:0px 0px 20px 0px;}
	#header #menu .m_menu {display:inline-block; vertical-align:middle; margin:0px; height:33px;}
	#header #menu .m_main li {position:relative; float:left; display:inline; height:16px; background:url("/images/icon_circle_r-.png") left no-repeat;}
	#header #menu .m_main li.start {background:none;}
	#header #menu .m_main a {display:inline-block; vertical-align:middle; padding:0 40px; height:33px; font:16px Nanum Gothic; color:#45464a; letter-spacing:-1px; line-height:33px;}
	#header #menu .m_main a:hover {color:#517AC4;}
	#header #menu .m_main a.on {color:#517AC4; font-weight:bold;}
	#header #menu .m_main li:hover .m_sub {display:inline-block; }
	#header #menu .m_sub span {width:11px; height:6px; background:url(/images/menu_arrow.png) no-repeat ;}
	#header #menu .m_sub {z-index:99999; position:absolute; left:10px; top:33px; display:none; vertical-align:middle; padding:5px 0; width:150px; border:#041D4B solid 4px; background:#fff; 
											-moz-border-radius:0px;
											-webkit-border-radius:0px;
											border-radius:0px }
	#header #menu .m_sub li {display:inline-block; vertical-align:middle; margin:0; width:100%; height:30px; background:none;}
	#header #menu .m_sub li a {display:block; margin:0 5px; padding:0 0 0 10px; height:30px; font:12px Nanum Gothic; color:#484848; letter-spacing:0px; line-height:30px; text-align:left; background:none;}
	#header #menu .m_sub li a:hover {color:#fff; background:#041D4B; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;}
 */	


#Main_img {padding:0px; width:1000px; height:300px; margin:0 auto;}


#Mainwrapper {position:relative; margin:0px 0px 0px 0px; padding:30px 0px 0px 0px; width:1000px; margin:0 auto; overflow:hidden;}


	/* ¸ÞÀÎ  Áß¾Ó ·Î±×ÀÎ */
	#login_main {overflow:hidden; width:100%; height:40px; padding:10px 0px 0px 0px; margin:0px 0px 30px 0px; background:#edecec; letter-spacing:-0px;}
	#login_main p a {float:left; padding:4px 0px 0px 15px; color:#000;}
	#login_main .login_box {float:right; text-align:left; width:600px;}
	#login_main .login_box .item {float:left; text-align:left; width:500px;}
	#login_main .login_box .item .input {width: 90px; height:18px; padding:4px 0px; border: 1px solid #a1a1a1; }
	#login_main .login_box .item .input2 {width: 100px; height:18px; padding:4px 0px; border: 1px solid #a1a1a1; }
	#login_main .login_box .item a img {margin: 0px 0px 0px 5px; vertical-align:middle;}
	#login_main .login_box .item_bu {float:right; height: 28px; margin: 0px 5px 0px 0px;}
	#login_main .login_box .item_bu a {margin: 0px 7px 0px 0px; vertical-align:middle;}
	#login_main .login_box .item_bu .bu_login {width:86px; height:28px; vertical-align:middle;}


	#MainLeft	{float:left; z-index:10; width:665px; margin:0px 0px 40px 0px;}
		.columnA{overflow:hidden; float:left; width:330px; padding:0px 0 0px 0; margin:0px 5px 0px 0px;}
		.columnB{overflow:hidden; float:right; width:330px;}

    #MainRight	{float:right; z-index:10; width:330px; margin:0px 0px 40px 0px;}


#sub_img {margin:0px 0px 0px 0px; padding:0px; width:1000px; height:150px; overflow:hidden; margin:0 auto;}

#Subwrapper    {width:1000px; margin:0 auto; overflow:hidden; padding:40px 0px 30px 0px;}


	#Leftwrapper	{float:left; z-index:10; width:220px; height:100%; padding:0px 50px 0px 0px;}   
	
		#leftmenu{float:left; margin:0px 0 50px 0; padding:0px 0 0 0; width:220px;}
		#leftmenu h2 {padding:0px 0px 12px 0px; font-size:24px; color:#5E5E5E; font-weight:bold; letter-spacing:-1px; line-height:28px; border-bottom:2px solid #414141;}
		#leftmenu .s_list ul {display:inline-block; vertical-align:middle; width:100%;}
		#leftmenu .s_list li {display:inline-block; vertical-align:middle; width:100%; background:url(/images/leftmenu_bg.gif) no-repeat;}
		#leftmenu .s_list li a {display:block; vertical-align:middle; padding:0 0px 0 20px; height:40px; font-size:13px; color:#686868; font-weight:bold; letter-spacing:-0px; line-height:40px;}
		#leftmenu .s_list li a:hover {color:#4e9509;}
		#leftmenu .s_list li.on {background:url(/images/leftmenu_bgon.gif) no-repeat;}
		#leftmenu .s_list li.on a {font-size:13px; color:#fff; border-bottom:none;}
		
		#leftmenu .s_list li.on2 {background:url(/images/leftmenu_bg2on.gif) no-repeat;}
		#leftmenu .s_list li.on2 a {font-size:13px; color:#fff; border-bottom:none;}
		#leftmenu .s_list li ul.s_in {vertical-align:middle; padding:2px 0 5px 0; width:100%; border-bottom:#E5E5E5 solid 1px;}
		#leftmenu .s_list li ul.s_in li {display:inline-block; vertical-align:middle; width:100%; padding:0px 0px 0px 0px; background:url(/images/leftmenu_3depth.gif) no-repeat;}
		#leftmenu .s_list li ul.s_in li:first-child {display:inline-block; vertical-align:middle; width:100%; background:url(/images/leftmenu_3depth2.gif) no-repeat;}
		#leftmenu .s_list li ul.s_in li a {margin:0 0px; padding:0 0px 0 30px; height:31px; font-size:0.9em; font-weight:normal; color:#5C5C5C; letter-spacing:-0px; line-height:31px;}
		#leftmenu .s_list li ul.s_in li a:hover {color:#000; border-radius:10px;}
		#leftmenu .s_list li ul.s_in li a.on {color:#2E4E97; background:url(/images/leftmenu_3depth_on.gif) no-repeat; font-weight:bold;}


		#leftmenu .c_list ol {display:inline-block; vertical-align:middle; width:100%;}
		#leftmenu .c_list li {display:inline-block; vertical-align:middle; width:100%; background:none;}
		#leftmenu .c_list li a {display:block; vertical-align:middle; padding:0 0px 0 0px; height:40px; letter-spacing:-0px; line-height:40px;}

			  
#Rightwrapper {position:relative; float:right; width:730px; padding:0px 0px 20px 0px; }   
		
	    #body_head {width:730px; height:49px; margin:0px 0px 30px 0px; padding:0px; overflow:hidden; border-top:#D9D9D9 1px solid; border-bottom:#D9D9D9 1px solid;}
	
		
	 	  /*ŸÀÌƲ*/
	 	  #title { margin:0px; padding:0px; float:left;}
	 	  #title h2 { margin:0; padding:13px 0px 0 10px; font-size:15pt; color:#414141; line-height:20px; font-weight:bold;}

		
	 	  /*ÆäÀÌÁö°æ·Î*/
	 	  #location { margin-top:13px; padding:6px 10px 0 0; background:url(/images/ico_home.gif) no-repeat left 10px; float:right; }
		  #location .loca_text {  font-size:95%; vertical-align:middle; float:left; padding-left:15px; color:#757575; }
	 	  #location .loca_text a:first-child {background:none; padding:1px 3px 0 0px; }
	 	  #location .loca_text a { margin:0; padding:0 3px 0 10px; color:#757575; background:url(/images/ico_location_arrow.gif) no-repeat left; }
		  #location .loca_text span { padding:0 3px 0 10px; color:#333; font-weight:bold; background:url(/images/ico_location_arrow.gif) no-repeat left;}
		  
	    #body_print {margin:0px; padding:0px; width:690px;}
	    /*#body_print ul {background:#ececec; width:295px; height:11px; margin:7px 0 0 0; padding:4px 13px 7px 10px; list-style:none; float:right;}*/
		#body_print ul {background:#ececec; width:670px; height:11px; margin:0px 0 20px 0; padding:4px 10px 7px 10px; list-style:none; float:right;}
	    #body_print ul li {margin:0px; padding:0 17px 0 0px; display:inline; background:url(/img_2011/common/body_print_bar.gif) no-repeat top right; float:left;}
		#body_print ul li img {margin:0px; padding:0px;}
		#body_print ul li.last_btn { background:none; padding:0px; margin:0px;}
		  
		
		/*º»¹®¿µ¿ª*/
		#real_conts { margin:0px 0px 0px 10px; padding:0px 0 20px 0; width:720px; overflow:hidden; line-height:21px; }
		#real_conts p { line-height:25px;}

			#real_conts h3 { margin-top:0px; font-size:1.2em; font-weight:bold; padding-left:20px; background:url(/Images/b_h3.gif) no-repeat left 50%; }
			#real_conts .h3txt { padding:10px 0px 20px 20px;}
			#real_conts h4 { margin-top:10px; font-size:1.0em; margin-left:20px; padding-left:15px; padding-bottom:0px; background:url(/Images/b_h4.gif) no-repeat left 50%}
			#real_conts .h4txt { padding:0px 0px 0px 35px;}
			#real_conts h4.top { margin-top:1em; }
			#real_conts h5 { margin-top:10px; margin-left:30px; font-size:1.3em; padding-left:12px; padding-bottom:10px; background:url(/Content/Images/Common/b_h5.gif) no-repeat left 50%}
			#real_conts h5.top { margin-top:0; }
			#real_conts h6 { margin-top:10px; margin-left:45px; font-size:1.2em; padding-left:15px; padding-bottom:10px; background:url(/Content/Images/Common/b_h6.gif) no-repeat left 50%}
			#real_conts h5.top { margin-top:0; }


		#real_conts dl{overflow:hidden; }
		#real_conts dt{float:left;}
		#real_conts dt.ball{float:left; width:1.7%; padding:0px 0px 0px 0px; background:url('/images/ball2.gif') no-repeat 0 50%; color:#fff;}
		#real_conts dd{float:right; width:98.3%; display:block;}
		#real_conts dd.bold{float:right; display:block; font-weight:bold;}


	 	.stitle {clear:both; margin-bottom:20px; padding:0px 0px 0 20px; font-size:1.2em; font-weight:bold; color:#B43336; background:url(/images/stitle_bg.gif) no-repeat left 5px;}
	 	.stitle span { font-size:0.9em; font-weight:normal; color:#333;}


 /*Dz*/
#footerBox{width:100%; height:100px; clear:both; border-top:#EEEEEE 2px solid; font-family: "Nanum Gothic",Gulim,sans-serif !important;}
	#footer{width:1000px; margin:0 auto; padding:20px 0px 0px 0px;}
		.f_logo{float:left; padding:0px 30px 0px 0px;}
		.footerMenuAndCopyright{width:670px; margin:0px 0 0 0px; float:left;}
			.footerMenu{width:670px; color:#999; float:left;}
				.footerMenu a:link, .footerMenu a:visited, .footerMenu a:active{color:#444444; text-decoration:none; font-weight:bold;}
				.footerMenu a:hover{color:#000000; text-decoration:underline;}
			.copyright{width:670px; margin:4px 0 0; color:#444444; line-height:19px; float:left; text-align:left;}
		.f_top{padding-top:2px; float:right;}
	

/*Äü¸Þ´º*/	  
#top{margin:0 auto; width:1040px;text-align:left;}

#top_btn {}
.btn_t {position:absolute; left:1040px; top:194px;}

#top_btn2 {}
.btn_t2 {position:absolute; left:1040px; top:194px;}