@charset "euc-kr";

/*
	Publishing by.LH (yj84@lh.co.kr)
	Daelim-apt
	Main
*/


/* main layout */
.main #main_container {position:relative; width:825px; padding:5px;}
.main #main_contents {z-index:10; overflow:hidden; position:relative; width:100%;}
.main #footer {position:relative; clear:both; width:655px; height:25px; padding-top:35px; padding-left:177px; background:url("/images/common/bg_mfooter.gif") no-repeat left 27px;}


.main #main_container .opacity {position:absolute; left:0; top:0; width:835px; height:460px; background-color:#fff; z-index:1;
	opacity:0.05;
	filter: alpha(opacity=5); /* for ie5-7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"; /* for ie8 */}


/* left_column */
.left_column {position:relative; float:left; width:590px;}
.left_column .req_login {position:absolute; left:0; top:0;} /* ·Î±×ÀÎÀÌ ÇÊ¿äÇÕ´Ï´Ù ¹®´Ü */

/* login */
.loginbx {width:232px; height:143px; margin-bottom:10px; background:url("/images/main/bg_login.gif") no-repeat left top; color:#A19F9C;}
.loginbx a {color:#A19F9C;}
.loginbx h2 {height:44px; padding-top:10px; text-align:center;}
.loginbx .login_cont {overflow:hidden; position:relative; width:190px; height:68px; margin:0 auto;}
.loginbx .login_cont .id,
.loginbx .login_cont .pw {width:117px; height:20px; margin-bottom:4px; _margin-bottom:3px; border:1px solid #414141; background:#1E1E1E url("/images/main/bg_login_input.gif") no-repeat 5px 5px; color:#A19F9C;}
.loginbx .login_cont .pw {background-position:5px -20px;}
.loginbx .login_cont span.checkbx {position:absolute; right:10px; top:5px;}
.loginbx .login_cont .btn {position:absolute; right:10px; bottom:19px;}
.loginbx .login_cont .etc_link {overflow:hidden; width:100%; margin-top:5px; font-size:95%; letter-spacing:-1px;} 
.loginbx .login_cont .etc_link a {margin-left:-6px; padding:0 7px; border-left:1px solid #A19F9C;}
.loginbx .login_cont .etc_link .join {color:#DE8A28; font-weight:bold;}
.loginbx .login_cont p {padding-top:15px; text-align:center;}
.loginbx .login_cont p .logout {display:block; margin-top:15px;}

/* energy */
.energy {position:relative; width:214px; height:128px; margin:10px 0; padding:15px 10px 0; background:url("/images/main/bg_energy.gif") no-repeat left top;}
.energy h2 {margin-bottom:8px; text-indent:52px;}
.energy .e_spend {width:215px;}
.energy .e_spend thead th {width:50px; height:21px; color:#DFDBD7;}
.energy .e_spend tbody th {width:50px; color:#8C8986;}
.energy .e_spend th {font-weight:normal;}
.energy .e_spend th span {display:none;}
.energy .e_spend td {height:21px; color:#8C8986; text-align:center;}
.energy .more {position:absolute; right:12px; top:12px;}

/* expense */
.expense {position:relative; width:214px; height:128px; margin:10px 0 0; padding:15px 10px 0; background:url("/images/main/bg_expense.gif") no-repeat left top;}
.expense h2 {margin-bottom:8px; text-indent:52px;}
.expense p.unit {padding-top:4px; color:#C6B7B7; text-align:center;}
.expense li {padding:7px 0 0; text-align:center;}
.expense .more {position:absolute; right:12px; top:12px;}

/* visual */
.visual {position:absolute; right:9px; top:0;}

/* notice */
.notice {position:absolute; right:9px; bottom:0; width:303px; height:129px; padding:16px 15px 0 20px; background:url("/images/main/bg_notice.gif") no-repeat left top;}
.notice h2 {padding-bottom:4px; border-bottom:1px solid #3F3F3F;}
.notice ul {overflow:hidden; width:100%; height:90px;}
.notice li {width:290px; padding:5px 0 3px 13px; border-bottom:1px solid #E7E7E7; background:url("/images/bullet/bu_dot.gif") no-repeat 6px 10px;}
.notice li a {color:#858585;}
.notice .more {position:absolute; right:28px; top:18px;}

/* weather */
.weather {float:right; width:234px; height:143px; margin-bottom:8px; padding:0; background:url("/images/main/bg_weather.gif") no-repeat left top;}
.weatherarea {position:relative; width:100%;} /* ³¯¾¾iframe */
.weatherarea h2 {margin-bottom:10px;}
.weatherarea h3 {position:absolute; right:15px; top:0; font-weight:normal;}
.weatherarea ul {overflow:hidden; width:100%; background:url("/images/main/bg_weather_sect.gif") no-repeat center top;}
.weatherarea li {position:relative; float:left; width:98px; padding-top:72px; text-align:center; color:#8C8C8C;}
.weatherarea li img {position:absolute; left:50%; top:0; margin-left:-35px;}

/* bnr */
.bnr {float:right; width:234px;}
.bnr li {margin-bottom:10px; font-size:1%; line-height:1%;}

/* helpdesk */
.helpdesk {float:right; width:200px; height:73px; padding:23px 17px 0; background:url("/images/main/bg_helpdesk.gif") no-repeat left top;}
.helpdesk h2 {margin-bottom:22px; text-indent:20px;}
.helpdesk li {display:inline; margin-right:15px;}