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

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

/* setting */
body {
	font: 80%/1.4 'Nanum Gothic', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/*layout*/




/* 공통(레이아웃)  */
html {overflow:hidden;}
body {width:100%;min-width:320px;height:100%;}


#wrap{width:100%; height:100%; }
#header {width:100%; 
		 height:35px;
		 background:#33363f;}

	h1 img{ margin-top:6px;  margin-left:6px; height:21px;}
#container {min-width:320px;width:100%;height:90%;padding:6px; overflow:hidden; position:absolute; top:auto;}
.container_sub {padding:6px; background:#efefef; height:100%; min-height:480px; }
.container_sub:after {content:""; display:block; clear:both;}



#footer { clear:both; height:35px;width:100%;position:fixed; bottom:0; z-index:1;}
#footer p{ line-height:280%; text-align:center;}
#footer p a {color:#3a7991;}


#footer_sub {height:35px;width:100%;position:relative; bottom:0; z-index:1; background:#33363f; display:table;}
#footer_sub p{ line-height:280%; text-align:center; color:#FFFFFF;}
#footer_sub p a {color:#FFFFFF; background:#000000; padding:2px;}


/* 공통(레이아웃) 컨텐츠 */
#container {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;}
	.menu1{width:49%;
		   height:62%; 
           background:#4bb8bd; 
           margin-bottom:6px; 
           float:left; }
	.menu1 p{position:relative; top:10%; left:12%;}	   
	.menu1 p img{ width:110px;}	   
	.menu2{width:49%; 
           height:30.5%; 
           background:#579dd1; 
           margin-bottom:6px; 
           float:right;}
	.menu2 p{position:relative; top:30%; left:12%;}	    	   
	.menu3{width:49%; 
           height:30.5%; 
           background:#ff912f; 
           margin-bottom:6px;
           float:right;}
	.menu3 p{position:relative; top:30%; left:12%;}	    	   
	.menu4{width:49%; 
           height:32%; 
           background:#5a64d1; 
           float:left;}
	.menu4 p{position:relative; top:30%; left:12%;}	   	   
	.menu5{width:49%; 
           height:32%; 
           background:#8eca36; 
           float:right;}
	.menu5 p{position:relative; top:30%; left:12%;}	   	   



/*서브*/
.sub_tit{ background:#FFF; border-bottom:1px solid #b9b9b9; text-align:center; color:#000; font-size:18px; font-weight:bold; line-height:200%;}
.sub_tit span{ position:absolute; left:10px; padding-top:7px;}


.sub_menu{ background:#fff; height:100%; min-height:480px; }
.sub_menu dl dt{ background:#fff; color:#000000; font-size:16px; border-bottom:1px solid #c6c6c6; font-weight:bold; line-height:300%; padding:0 10px;}
.sub_menu dl dd{ background:#f3f3f3; color:#444444; font-size:14px; border-bottom:1px solid #d8d8d8;font-weight:bold; line-height:240%; padding:0 10px 0px 20px;}
.sub_menu dl dd a{ color:#444444; display:block; width:100%; height:100%;}
.sub_menu dl dt span{ padding-top:20px;}
.sub_menu dl dd span{ padding-top:10px;}

.info{}
.info dd{color:#444444; }
.info dt{color:#000000; font-size:16px; font-weight:bold; margin:20px 0px;  }



.search_frm { width:99.5%;  }
.search_frm ul { overflow:hidden; }
.search_frm li { float:left; margin-right:6px; line-height:260%;}

select, option{ padding:5px;}
.w48{ width:48px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w110{ width:110px;}
.w200{ width:200px;}

.data1{ width:100%;}
.data1 thead{ width:100%;}
.data1 thead th{ background:#4099d5; color:#FFF; border-bottom:1px solid #79b7e1; line-height:240%;}
.data1 thead th.lineR{ border-right:1px solid #79b7e1;}
.data1 tbody td{ background:#fff; border-bottom:1px solid #e2e2e2; line-height:240%; font-family:"Malgun Gothic"; text-align:center;}
.data1 tbody td.lineR{ border-right:1px solid #e2e2e2;}
.data1 tbody td.bg_gray{ background:#F6F6F6;}


.data2{ width:100%;}
.data2 thead{ width:100%;}
.data2 thead th{ background:#61bb90; color:#FFF; border-bottom:1px solid #a0d6bc; line-height:240%;}
.data2 thead th.lineR{ border-right:1px solid #a0d6bc;}
.data2 tbody td{ background:#fff; border-bottom:1px solid #e2e2e2; line-height:240%; font-family:"Malgun Gothic"; text-align:center;}
.data2 tbody td.lineR{ border-right:1px solid #e2e2e2;}

.data3{ width:100%;}
.data3 thead{ width:100%;}
.data3 thead th{ background:#898989; color:#FFF; border-bottom:1px solid #a0d6bc; line-height:240%;}
.data3 thead th.lineR{ border-right:1px solid #a0d6bc;}
.data3 tbody td{ background:#fff; border-bottom:1px solid #e2e2e2; line-height:240%; font-family:"Malgun Gothic"; text-align:center;}
.data3 tbody td.lineR{ border-right:1px solid #e2e2e2;}
.data3 tbody td.bg_gray{ background:#F6F6F6;}
.basket_expense {margin-top:12px; margin-bottom:3px;}
.basket_list {margin-top:20px;}
.search_frm ul li.search_orange {margin:0px;}

/*---------------------------------------------------------------------------------------------------------------------------*/
/*element*/
.of_h { overflow:hidden;}
.block { display:block;}

.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;} 

.t_left { text-align:left;}
.t_right { text-align:right;}
.t_center { text-align:center;}


.bold { font-weight:bold;}
.normal { font-weight:normal;}

.black{ color:#000000;}
.orange{ color:#f1aa80;}
.hidden {margin:0; padding:0; font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}

.clear	{ clear:both};

/*---------------------------------------------------------------------------------------------------------------------------*/

.mb10{ margin-bottom:10px;}
.mt10{ margin-top:10px;}
.bullet_orange{ color:#eb7448;}
.bullet_blue{ color:#56aaec;}