@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
	
	/* -------- 태그초기화 -------- */
	body, h1, h2, h3, h4, h5, ul, dl, dd, p, hr{margin:0px;padding:0px}
	body{background:#fff;font-family:"Nanum Gothic", Dotum, Arial, Sans-serif;font-size:13px;color:#222;line-height:1.6}
	h1, h2, h3, h4, h5{font-size:100%}
	ul{list-style:none;}
	a{text-decoration:none;color:#222;}
	a:hover, a:active{color:#0552a9;text-decoration:none}
	img{border:0px;vertical-align:top}
	address{font-style:normal}
	hr{width:0px;height:0px;overflow:hidden;position:absolute;top:0px;left:-9999px;visibility:hidden}
	header,nav,section,article,footer{display:block;}
	fieldset {border:0; margin:0; padding:0;}
	textarea{font-family:inherit}

	/* -------- 공통클래스 모음 -------- */
	.f_l{float:left;}
	.f_r{float:right;}
	.p_r{position:relative;}
	.p_a{position:absolute;}
	.clear{*zoom:1}
	.clear:after{display:block;content:"";clear:both;}
	.blind{font-size:0px;line-height:0px;overflow:hidden;position:absolute;top:0px;left:-9999px}
	.bor_r{border-right:1px solid #aaa}
	.bor_b{border-bottom:1px solid #aaa}

	.hidden {display: block; width: 0; text-indent:-9000px; overflow: hidden;}
	.emp_font{color:#dd0000; font-weight:bold} /* red font red_font */
	

	/* chkbox */
	.checkbox_wrap{position:relative;}
	.chk_pos{position:absolute;}
	.label_pos{position:absolute;left:23px;}


	/* select, text */
	input[type=text], textarea, select{border:1px solid #aeaeae}
	input[type=text]{height:30px; font-family:inherit; font-size:inherit;}
	select{margin:0px;padding:0px;height:34px;font-family:inherit; font-size:inherit}


	/* 버튼 */
	.reply_btn, .cancel_btn, .back_btn, .main_btn{border:0px;background:#1351a4;color:#fff;font-family:inherit;cursor:pointer}
	.reply_btn, .send_btn{background:#1351a4;} /* 파란색 */
	.cancel_btn, .main_btn{background:#808080;} /* 회색 */
	.font-blue{color:#1351a4}


	/* -------- skip navigation -------- */
	#skip a{position:absolute;top:0px;left:-9999px}
	#skip a:focus,#skip a:active{left:0px;width:100%;text-align:center;padding:10px 0;background:#000;color:#fff;font-weight:bold}

	/* header */

	.top{width:100%;height:30px;line-height:30px;background:#404040;}
	.top_width{width:1000px;margin:0px auto;}
	.top_cnt{float:right;}
	
	.top_cnt li{float:left; margin-right:20px; font-size:12px;}
	.top_cnt li:last-child{margin-right:0}
	.top_cnt li a{color:#fff}
	.top_cnt li span{color:#fff}

	.menu_area{width:100%;height:60px;border-bottom:1px solid #ebebeb;}
	.area_width{position:relative;width:1000px;margin:20px auto;}

	.logo{width:210px;position:absolute;top:10px;}


	/* gnb */
	.gnb{position:absolute;top:-20px;left:0px;width:100%;z-index:10;background:#fff url(../../../images/egovframework/dip/main/gnb_bg.jpg) no-repeat; background-position:-10px 309px; }

	.gnb .area{width:800px;height:80px; border-bottom:1px solid #eee; padding-left:240px; }
	.gnb .area > ul > li{float:left;}
	.gnb .area > ul > li:nth-child(1){float:left;width:140px;}
	.gnb .area > ul > li:nth-child(2){float:left;width:167px;}
	.gnb .area > ul > li:nth-child(3){float:left;width:140px;}
	.gnb .area > ul > li:nth-child(4){float:left;width:140px;}

	.gnb .area > ul > li > ul{ height:230px; border-top:5px solid #edf3f9; margin-bottom:5px}
	.gnb .area > ul > li:hover > ul{display:block; background:#f5f5f5;border-top:5px solid #0053a3;} 
	.gnb .area ul li a{display:block;}

	.gnb .area > ul > li > a{font-size:16px;font-weight:bold;height:18px;margin:30px;} 

	.gnb .area ul li.on ul{background:#f8f8f8;}
	.gnb .area ul li ul li:first-child{padding-top:10px}
	.gnb .area ul li ul li{height:40px;line-height:40px;}
	.gnb .area ul li ul li a{padding-left:30px; color:#666;}
	.gnb .area ul li ul li a:hover, .gnb .area ul li ul li a:focus{color:#5d9ecc;text-decoration:underline;padding-left:30px;}

	/* 검색 */
	.search_box{position:absolute;top:25px;right:0px;background:#f1f1f1;width:160px;height:35px; padding-left:15px;
	border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;
	border:1px solid #ddd}
	.search_txt{background:none; border:0px; position:absolute; top:3px;width:115px; height:30px;font-family:inherit; font-size:12px;}

	.search_btn{background:none; border:0;position:absolute; top:0px; right:15px; width:20px; height:20px}



	/* footer */
	.footer{background:#fcfcfc; border-top:1px solid #f1f1f1}
	.footer .area{position:relative;width:1000px; height:170px;margin:0px auto;}

	.footer .service_list, .footer address{left:0px;}

	.footer .service_list{position:absolute; top:40px;}
	.footer .service_list li{float:left;}
	.footer .service_list li a{font-weight:bold}
	.footer address{width:550px; position:absolute; top:70px; color:#666; line-height:23px}

	.family_site{position:absolute; right:10px; top:25px; width:160px; height:27px; font-family:inherit}

	.footer .area .footer_logo{width:290px;height:75px;position:absolute; margin-top:70px;right:0px;opacity:0.5;filter:Alpha(opacity=50);}
	.footer .area .footer_logo li a{float:left;background:url(../../../images/egovframework/dip/main/footer_site.jpg) no-repeat; text-indent:-9999px; overflow:hidden;}
	.footer .area .footer_logo li:nth-child(1) a{width:130px;height:40px;background-position:0 0}
	.footer .area .footer_logo li:nth-child(2) a{width:160px;height:40px;background-position:-130px 0}
	.footer .area .footer_logo li:nth-child(3) a{width:130px;height:40px;background-position:0px -40px}
	.footer .area .footer_logo li:nth-child(4) a{width:160px;height:40px;background-position:-130px -40px}



	/* login page */	
	.login_wrap{margin:30px auto; width:500px;}

	.login_wrap a{font-size:14px; font-weight:bold; color:#666;}
	.login_wrap .join_txt{color:#1351a4;}

	.login_deco{font-size:46px;font-weight:bold;color:#1351a4; margin-top:100px}
	.login_box{position:relative;border:1px solid #e2e2e2;width:400px;height:150px;margin-top:-10px; padding:50px}
	
	.login_box .login_id, .login_box .login_pw{width:250px; height:20px; background:#f9f9f9;margin-bottom:10px; padding:10px; font-family:inherit;}
	.login_box .login_btn{width:100px; height:93px;position:absolute; top:82px;right:70px;font-family:inherit; font-size:18px;font-weight:bold;background:#1351a4; color:#fff; border:0; cursor:pointer}

	.login_box .id_save_box{position:relative;}
	.login_box #loginIdSave{position:absolute;top:0px;}
	.login_box label[for="loginIdSave"]{position:absolute;left:20px;font-weight:bold; color:#666}

	.login_box .log_form .login_join{margin-bottom:10px}

	.login_join{margin-bottom:10px}


	/* 아이디/비밀번호 찾기 login_find.html */
	.login_find_wrap{margin-bottom:400px}
	.login_find_wrap li{border:1px solid #dfdfdf;border-left:0;border-right:0;width:350px;padding:50px;position:relative;float:left;}
	
	.login_find_wrap li:first-child, .find_wrap_tit li:first-child{margin-right:100px}
	.find_wrap_tit li{width:450px;float:left;}

	.login_find_wrap li .find_id_txt, .login_find_wrap li .find_pw_txt{height:30px;width:200px;background:#f9f9f9;margin-bottom:5px;padding:5px;}
	.find_id_btn{width:100px; height:90px;background:#1351a4; color:#fff;border:0;font-weight:bold;position:absolute;top:50px;left:270px;cursor:pointer}

	

	/* 비밀번호 찾기 login_find_pw.html, 에러페이지, join_com_wrap */
	.find_id_wrap, .error_wrap, .join_com_wrap{border:3px solid #eee;text-align:center;width:500px;margin:100px auto;font-size:16px}
	.find_id_wrap{width:500px;padding:60px 0;}

	.find_id_wrap{text-align:center}
	.error_wrap, .join_com_wrap{text-align:left;padding-left:30px}

	.find_id_wrap .send_btn, .find_id_wrap .cancel_btn{margin-top:20px; border:0px; color:#fff; font-family:inherit;padding:10px; cursor:pointer}



	/* 에러페이지
	------------------------------------------------------ */
	.error_txt{font-size:22px}
	.error_wrap li{height:150px;background:url("../images/error.jpg") no-repeat;padding-left:200px;padding-top:0px}
	.error_wrap{width:700px;padding:50px 30px 20px 50px;}
	.join_com_wrap{width:700px;padding:60px 30px 0px 0px;border-left:0;border-right:0}
	.join_com_wrap li{height:200px;background:url("../images/join_com.jpg") no-repeat;padding-left:200px;padding-top:0px}

	.back_btn, .main_btn{padding:7px 15px; margin-top:10px}