@charset "euc-kr";

/*
Title   : EPS ÀÎÆ®¶ó³Ý 
Day     : 2009-07-06
*/

@import url("common.css");
@import url("content.css");
@import url("board.css");
@import url("button.css");

div#wrap {width:100%; margin:0 auto;}

div#header {height:20px; width:100%; background:url(../img/inc/top01_bg.gif) repeat-x left top;}
div#header div.first {height:20px; background:url(../img/inc/top01_first.gif) no-repeat left top;}

div#snb {width: 247px; height:100%;}
div#snb div.logo {height: 55px; text-align:center; background:url(../img/inc/left01_bg_logo.gif) no-repeat left top;}
div#snb div.info {height: 54px; background:url(../img/inc/left01_bg_box1.gif) no-repeat left top;}
div#snb div.info ul {width: 200px; margin:0 auto;}
div#snb div.info ul li {padding:0 0 0 20px; margin-top:7px; background:url(../img/inc/left01_ico_info.gif) no-repeat left 0; color:#fff; line-height:16px;}
div#snb div.info ul li img {vertical-align:middle; padding-left:3px;}
div#snb div.dir {height: 45px; text-align:center; background:url(../img/inc/left01_bg_box2.gif) no-repeat left top;}
div#snb div.menu1 {padding:0 15px; background:url(../img/inc/left01_bgbox1.gif) repeat-y left top;}
div#snb div.menu2 {padding:0 15px; background:url(../img/inc/left01_bgbox2.gif) repeat-y left top;}
div#snb div.end1 {height:85px; background:url(../img/inc/left01_bg_box3.gif) no-repeat left top;}
div#snb div.end2 {height:85px; background:url(../img/inc/left01_bg_box4.gif) no-repeat left top;}
div#snb div.btn1 {width:196px; height:23px; background:url(../img/inc/left01_btn1.gif) no-repeat left top;}
div#snb div.btn1 p {padding:6px 0 0 25px; font-size:12px; font-weight:bold; color:#386bb9;}
div#snb div.workList {width:194px; background:#fff; border-left:1px solid #9fc3de; border-right:1px solid #9fc3de; border-bottom:1px solid #9fc3de;}
div#snb div.workList ul li {padding:0 0 0 10px; margin:7px 0 7px 15px; font-size:11px; color:#386bb9; background:url(../img/inc/dot.gif) no-repeat left center;}
div#snb div.workList ul li a {font-size:11px; color:#386bb9;}
div#snb div.btn2 {width:196px; height:23px; background:url(../img/inc/left01_btn2.gif) no-repeat left top;}
div#snb div.btn2 p {padding:6px 0 0 25px; font-size:12px; font-weight:bold; color:#386bb9;}

div#content {width:95%; padding:15px 15px 20px 25px;}

div#loginWrap {width:645px; margin:0 auto;}
div#loginWrap div.login {position:relative; width:645px;height:368px;margin-top:150px;background:url(/comm/img/login_bg.jpg) no-repeat left top;}
div#loginWrap div.login h1 {position:absolute; left:119px; top:49px;}
div#loginWrap div.login div.loginfo {position:absolute; left:247px; top:49px;}
div#loginWrap div.login div.loginfo dl {width:280px;}
div#loginWrap div.login div.loginfo dl dt {float:left;margin:3px 7px 0 0;}
div#loginWrap div.login div.loginfo dl dd {margin-bottom:5px;}
div#loginWrap div.login div.btn {position:absolute; left:425px; top:49px;}
div#loginWrap div.login div.text {position:absolute; left:115px; top:112px;}
div#loginWrap div.login div.text dl {width:350px;}
div#loginWrap div.login div.text dl dd {margin:0 0 8px 6px; padding:0 0 0 8px; background:url(/comm/img/login_dot.gif) no-repeat left center;}
div#loginWrap div.login div.text dl dd img {margin:-2px 5px -2px 5px;}

div#errorWrap {width:623px; margin:0 auto; margin-top:120px;}
div#errorWrap div.error {position:relative; width:623px; padding-bottom:130px; background:url(/comm/img/error_body.jpg) no-repeat bottom left;}
div#errorWrap div.error h2 {position:relative; width:623px; height:108px; background:url(/comm/img/error_title.jpg) no-repeat top left;}
div#errorWrap div.error span.info {position:absolute; left:260px; top:50px; color:#7c9ab7;}
div#errorWrap div.error dl {width:490px; margin:0 auto; padding:20px; background:#f2f6f9;border:1px dotted #80b0cf;}