@charset "utf-8";
/*****************************************************
title       : Hanwha EPS System CSS
date        : 2014-08-22
author		: 
******************************************************/

#eps_Wrap {width:100%; height:100%; background:url(/webeps/img/ver1/main/eps_bg.jpg) repeat-x;}
#eps_Container {width:1000px; height:auto; margin:auto; overflow:hidden; padding-bottom:30px;}
#eps_Contents {margin-top:70px;}

h1.eps {position:relative; top:30px; display:block; width:350px; height:49px; background:url(/webeps/img/ver1/main/top_logo.jpg) no-repeat; text-indent:-9999px;}
h1.eps a {display:block; width:273px; height:49px;}
h2.eps {font-weight:bold; font-size:14px; color:#0646a4; background:url(/webeps/img/ver1/main/bult_tit.gif) no-repeat; padding-left:20px; padding-bottom:10px; border-bottom:2px solid #3865a7;}
h3.eps {padding-bottom:10px;}
h3 {font-weight:bold; padding-bottom:15px;}

#eps_mainWrap {width:100%; height:100%; background:url(/webeps/img/ver1/main/main_bg.jpg) repeat-x;}
#eps_mainContainer {width:1060px; height:auto; margin:auto; overflow:hidden;}
.eps_mainImg {display:block; margin-top:52px; width:1060px; height:500px; background:url(/webeps/img/ver1/main/main_img.jpg) no-repeat; background-size: 1063px 502px; background-position: -1px; text-indent:-9999px}
#eps_mainContents {padding-top:15px; width:1000px; height:auto; margin:auto; margin-bottom:20px;}
#eps_mainContents .notice_area {float:left; width:440px; padding-top:22px;}
#eps_mainContents .notice_area .title {display:block; width:177px; height:16px; background:url(/webeps/img/ver1/main/main_img2.png) no-repeat 0 0; text-indent:-9999px;}
#eps_mainContents .notice_area .title a {display:block; width:177px; height:16px;}
#eps_mainContents .notice_area .notice_list {margin-top:20px;}
#eps_mainContents .notice_area .notice_list li {width:380px; position:relative; height:14px; margin-bottom:10px;}
#eps_mainContents .notice_area .notice_list li .list {height:14px; background:url(/webeps/img/ver1/main/main_img2.png) no-repeat 0 -150px;}
#eps_mainContents .notice_area .notice_list li .list a {max-width:270px; display:inline-block; line-height:14px; padding-left:8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#eps_mainContents .notice_area .notice_list li .list a:hover {color:#d54d03 !important;}
#eps_mainContents .notice_area .notice_list li .list img {position:relative; top:-3px;}
#eps_mainContents .notice_area .notice_list li .date {position:absolute; right:0; top:0; text-align:right; width:80px; color:#999 !important;}

#eps_mainContents .banner_area {float:left; margin-top:5px; display:block; width:300px; height:118px; padding-top:22px; overflow:hidden;}
#eps_mainContents .banner_area a {display:inline-block; width:75px; height:118px; text-indent:-9999px; background:url(/webeps/img/ver1/main/main_banner.png) no-repeat; float:left;}
#eps_mainContents .banner_area a.banner01 {background-position:0 0;}
#eps_mainContents .banner_area a.banner02 {background-position:-75px 0 !important;}
#eps_mainContents .banner_area a.banner03 {background-position:-150px 0 !important;}
#eps_mainContents .banner_area a.banner04 {background-position:-225px 0 !important; } 
#eps_mainContents .banner_area a.banner01:hover {background-position:0 -118px;}
#eps_mainContents .banner_area a.banner02:hover {background-position:-75px -118px !important;}
#eps_mainContents .banner_area a.banner03:hover {background-position:-150px -118px !important;} 
#eps_mainContents .banner_area a.banner04:hover {background-position:-225px -118px !important;} 

#eps_mainContents .login_area {float:right; width:220px;}
#eps_mainContents .login_area .login {}
#eps_mainContents .login_area .login input {margin-bottom:6px;}
#eps_mainContents .login_area .login input[type=text] {width:140px; height:23px;}
#eps_mainContents .login_area .login input[type=password] {width:140px; height:23px;}
#eps_mainContents .login_area a {text-decoration:underline;}
#eps_mainContents .login_area a:hover {text-decoration:underline; color:#347bce;}
.btn_login {display:block; width:59px; height:56px; background:url(/webeps/img/ver1/main/main_img2.png) no-repeat 0 -20px; text-indent:-9999px;}
.btn_login2 {display:block; width:220px; height:47px; background:url(/webeps/img/ver1/main/main_img2.png) no-repeat 0 -80px; text-indent:-9999px;}
 
#eps_footer {width:100%; background:#f5f5f5;}
#eps_footArea {width:990px; margin:auto; padding-top:30px; padding-bottom:15px;}
#eps_footArea .address {display:inline-block;}
#eps_footArea .address p {color:#999; font-size:11px; padding-bottom:5px;}
#eps_footArea .address p em {font-style:normal; color:#5d7caa;}
#eps_footArea ul {}
#eps_footArea ul li {float:left; height:22px;}
#eps_footArea ul li a {line-height:22px; padding-left:5px; color:#777; font-size:11px;}
#eps_footArea ul li a:after {content:'          │';}
#eps_footArea ul li a:hover {color:#333;}
#eps_footArea ul li select {margin-left:5px; color:#777;}

.join_ruleArea {width:988px; border:1px solid #ccc; padding-left: 10px;}
.join_ruleArea textarea {width:988px; border:none; padding-top:10px; padding-bottom:10px;}
.rule_ch {padding-top:10px; text-align:right;}
.btn_center {display:table; overflow:hidden; margin:auto !important;}

.table_type02 {border-top:2px solid #c3cedf;}
.table_type02 th {position:relative; border:1px solid #ddd; text-align:left; padding:7px 0 7px 15px; background:#f2f5f9;}
.table_type02 td {border:1px solid #ddd; text-align:left; padding:7px 0 7px 10px;}
.join_req {font-weight:bold; color:red; position:absolute; left:6px; top:6px;}
.table_type02 td.mult_input input {margin-bottom:3px; display:inline-block;}
.table_type02 td span.src {position:relative; top:3px; color:#999; padding-left:7px;}
.table_type02 td .btn_gray {margin-left:5px;}