@import url("common.css");

/*-------------------------------------------------------------------------------------
	layout
--------------------------------------------------------------------------------------*/

#LogWrap { background:url("../images/log_bg.gif") repeat-x left 0px; width:100%; height:100%; min-height:100%; padding-top:180px;}
#Wrap { width:100%; height:100%;}


/*-------------------------------------------------------------------------------------
	header
--------------------------------------------------------------------------------------*/
div.header { height:61px; border-top:4px solid #094c90; border-bottom:1px solid #6a9aca; width:100%; background:url("../images/mnu/top_bg.gif") repeat-x;}
div.header h1.logo { float:left; width:198px; height:61px; background:url("../images/mnu/logo.gif") no-repeat; cursor:pointer; }
div.header h1.logo a { width:198px; height:61px; }
div.header ul { float:left; display:block;}
div.header ul li { background:url("../images/mnu/top_1.gif") no-repeat; width:634px; height:61px;}
div.header p { float:right;	background:url("../images/mnu/btn_logout.png") no-repeat left 15px; width:99px; height:61px; cursor:pointer;}


/*-------------------------------------------------------------------------------------
	content
--------------------------------------------------------------------------------------*/
div.content { float:left; margin:30px 0px 20px 40px; width:78%; }
div.content .subTitle { height:45px; border-bottom:4px solid #a2b66a; }
div.content .subTitle h3 { float:left; padding-left:10px; line-height:30px; margin-top:15px; *font-size:14px; }


/*-------------------------------------------------------------------------------------
	left
--------------------------------------------------------------------------------------*/
div.left { float:left; width:196px; min-height:100%; background:#f4f4f4; border-left:1px solid #8ab6e3; border-right:1px solid #8ab6e3; border-bottom:1px solid #8ab6e3; padding-top:50px; padding-bottom:50px; }


/*-------------------------------------------------------------------------------------
	footer
--------------------------------------------------------------------------------------*/
.foot_clear { clear:both;}
#Footer { clear:both; width:100%; border-top:1px solid #c5c5c5; padding-top:15px; height:77px; }
#Footer p img { float:left; padding:0 25px 0 25px; }
#Footer .footer_left { float:left; width:400px; }
#Footer .footer_left .address { margin:5px 0 0 50px; color:#7d7d7d; line-height:18px; width:500px; font-size:11px; }
#Footer .footer_left .address p { color:#7d7d7d; line-height:18px; }
#Footer .footer_left .address p span { color:#4272a2; font-weight:bold;}



/* left menu */
div.left dl { width:158px; margin-top:20px; font-family:dotum; margin-left:18px;}
div.left dl dt{ background:url("../images/mnu/left_title.gif") no-repeat; color:#fff; font-weight:bold; height:22px; padding:5px 0px 0px 28px;}
div.left dl dt a { color:#fff; cursor:pointer;}
div.left dl dt:hover { background:url("../images/mnu/left_title_over.gif") no-repeat; color:#fff; font-weight:bold; height:22px; padding:5px 0px 0px 28px;}
div.left dl dd { background:url("../images/mnu/left_dd_bg.gif") no-repeat 15px 5px; color:#7f7e7e; height:20px; padding:2px 0px 0px 30px; cursor:pointer;} 
div.left dl dd:hover { background:#dbe2f5 url("../images/mnu/left_dd_bg.gif") no-repeat 15px 5px; font-weight:bold;}



/* --------------------------------------------------------------------------
	=경로 알려주는 스타일
-------------------------------------------------------------------------- */
p.path { float:right; font-size:11px; color:#898989;  background: url("../images/sub/path_home.gif") no-repeat left top; padding-left:18px; height:13px; margin:0px;}
p.path a { color:#898989; background: url("../images/sub/path_bul.gif") no-repeat right center; padding-right:8px; }
p.path strong { color:#699ebd; }


/*-------------------------------------------------------------------------------------
	logoin box
--------------------------------------------------------------------------------------*/

div.logobox { width:444px; height:258px; margin:0px auto; background:url("../images/log_box.gif") no-repeat right 51px; }
div.logobox p { margin:0; height:51px; }
div.logobox p img { float:right; cursor:pointer; }
div.logobox ul { float:left; display:block; margin:105px 0px 10px 70px; width:180px;}
div.logobox ul li { height:25px; padding-top:3px;}
div.logobox ul li input { border:1px solid #c6c8c9; height:18px; width:153px;}
div.logobox ul li.admid { background:url("../images/log_id.gif") no-repeat left 5px; padding-left:80px;}
div.logobox ul li.adpsw { background:url("../images/log_psw.gif") no-repeat left 5px; padding-left:80px;}
div.logobox ul.btn { float:left; width:59px; height:57px; background:url("../images/log_btn.gif") no-repeat; cursor:pointer;}
div.logobox ul.btn li:hover{ background:url("../images/log_btn_over.gif") no-repeat; cursor:pointer; width:59px; height:57px;}


/* -------------------------------------------------------------------
	=PAGE 기본페이징
------------------------------------------------------------------- */
.page { margin:15px 0 0; text-align:center; font:11px verdana; }
.page span { vertical-align:middle; margin:0; }
.page a { vertical-align:-1px; margin:0 3px; }
.page a:hover { color:#1b749e; text-decoration:none; }
.page strong { color:#1b749e; font-weight:bold; }
.page .first { display:inline-block; width:18px; height:16px; background:url("../images/sub/page.gif") no-repeat; cursor:pointer; } 
.page .pre { display:inline-block; width:33px; height:16px; background:url("../images/sub/page.gif") -18px 0 no-repeat; cursor:pointer; } 
.page .next { display:inline-block; width:33px; height:16px; background:url("../images/sub/page.gif") -51px 0 no-repeat; cursor:pointer; } 
.page .last { display:inline-block; width:18px; height:16px; background:url("../images/sub/page.gif") -84px 0 no-repeat; cursor:pointer; } 
.page .first a, .page .pre a, .page .next a, .page .last a { height:16px; margin:0; display:block; text-indent:-999999em; }
.page .first a, .page .last a { width:18px; } 
.page .pre a, .page .next a { width:33px; }
.page .line { background:url("../images/sub/page_line.gif") no-repeat right 3px; padding-right:10px; }


/* -------------------------------------------------------------------
	=pop page
------------------------------------------------------------------- */
#popdel { width:757px;}
#popdel ul li { margin:0px; list-style:none; }
#popdel ul li.title { background:url("../images/sub/pop_title.png") no-repeat; height:22px; color:#fff; font-weight:bold; padding:15px 0px 0px 15px;	} 
#popdel ul li.cnt { padding:10px 30px 20px 20px;  background:url("../images/sub/pop_bodybg.png") repeat-y left 0px; }

#popdel2 { width:500px;}
#popdel2 ul li { margin:0px; list-style:none; }
#popdel2 ul li.title { background:url("../images/sub/pop_title.png") no-repeat; height:22px; color:#fff; font-weight:bold; padding:15px 0px 0px 15px;	} 
#popdel2 ul li.cnt { padding:10px 30px 20px 20px;  background:url("../images/sub/pop_bodybg.png") repeat-y left 0px; }

#popdel3 { width:900px;}
#popdel3 ul li { margin:0px; list-style:none; }
#popdel3 ul li.title { background:url("../images/sub/pop_title_2.png") no-repeat; height:22px; color:#fff; font-weight:bold; padding:15px 0px 0px 15px;	} 
#popdel3 ul li.cnt { padding:10px 30px 20px 20px;  background:url("../images/sub/pop_bodybg_2.png") repeat-y left 0px; }