@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;padding: 0;	border:0;  line-height: 1.35; } 
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
img, fieldset{border:0 none;}
label{cursor:pointer;}
a{color:#000;text-decoration:none;}
a:link, a:visited{color:#686868;text-decoration:none;}
a:hover, a:active{text-decoration:none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-spacing:0; font-size:0.9em;} /* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;} 
/* reset style [end] */
legend {overflow:hidden; line-height:0; margin:0; padding:0; font-size:0;}
caption {overflow:hidden; line-height:0; margin:0; padding:0; font-size:0;}


input.textBox { height:20px; margin-bottom:1px; padding:0 2px; } 
input.radio, input.check { margin-bottom:-2px; }
textarea {border:1px solid #969696;}
hr {display: none;}
html, body {color:#666666; font-family:Tahoma, Dotum,"돋움","Verdana" ,arial,sans-serif; font-size:12px; }
/* 
#main_contents { width:950px; }
#main_contents .wrapper h1.pos_h1 { margin-top:38px; margin-left:16px;}

.gnb_cont .gnb_top {width:622px; height:25px; background: url(/img/gnb_top_bg.gif) 0 0 no-repeat; margin-top:-60px; margin-left:330px;}
.gnb_cont .gnb_top ul  {margin-left:328px; padding-top:10px; display:inline;}
.gnb_cont .gnb_top ul li {float:left;} */

#wrapper {width:965px; height:100%;}
 
#top {width:1005px; height:85px;}
#top h1.pos_h1 {margin-top:38px; margin-left:10px;}

#top h1 span { font: 12px "돋움",arial,sans-serif; font-weight: bold; color: #024B7D; vertical-align: middle; }
 
#top .gnb_top {width:740px; height:25px; position:relative; background: url(/img/gnb_top_bg.gif) no-repeat left; margin-top:-60px; margin-left:238px;}
#top .gnb_top p {position:absolute; top:5px; left:15px;}
#top .gnb_top p span {font-weight:bold; color:#ea7617; padding: 5px;}
#top .gnb_top ul { height:25px; background: url(/img/gnb_top_bg.gif) no-repeat right;}
#top .gnb_top ul.li_con  {margin-right:20px;_margin-right:10px; float:right; padding-right: 15px;}
#top .gnb_top ul.li_con li {float:left; margin-left:3px; margin-right:2px; padding-top: 5px; padding-left:5px; background: url(/img/top_img_bg.gif)  no-repeat 0 9px; }
#top .gnb_top ul.li_con li.none {background:none;}
 
#top .gnb_gtop {width:100%;}
#top .gnb_gtop ul.li_gcon  {margin-left:286px; padding-top:21px;}
#top .gnb_gtop ul.li_gcon li {float:left;  margin-right:40px; padding-left:55px; background: url(/img/top_gimg_bg.gif)  no-repeat 0 0;}
#top .gnb_gtop ul.li_gcon li.none02 {background:none;}

/*-------------*/
 
#top_1 {width:1005px; height:85px;}
#top_1 h1.pos_h1 {margin-top:38px; margin-left:10px;}

#top_1 h1 span { font: 12px "돋움",arial,sans-serif; font-weight: bold; color: #024B7D; vertical-align: middle; }

#top_1 .gnb_top {width:750px; height:25px; position:relative; background: url(/img/gnb_top_bg.gif) no-repeat left; margin-top:-60px; margin-left:228px;}
#top_1 .gnb_top p {position:absolute; top:5px; left:15px;}
#top_1 .gnb_top p span {font-weight:bold; color:#ea7617; padding: 5px;}
#top_1 .gnb_top ul { height:25px; background: url(/img/gnb_top_bg.gif) no-repeat right;}
#top_1 .gnb_top ul.li_con  {margin-right:20px;_margin-right:10px; float:right; padding-right: 15px;}
#top_1 .gnb_top ul.li_con li {float:left; margin-left:3px; margin-right:2px; padding-top: 5px; padding-left:8px; background: url(/img/top_img_bg.gif)  no-repeat 0 9px; }
#top_1 .gnb_top ul.li_con li.none {background:none;}
 
#top_1 .gnb_gtop {width:100%;}
#top_1 .gnb_gtop ul.li_gcon  {margin-left:186px; padding-top:21px;}
#top_1 .gnb_gtop ul.li_gcon li {float:left;  margin-right:45px; padding-left:70px; background: url(/img/top_gimg_bg.gif)  no-repeat 0 0;}
#top_1 .gnb_gtop ul.li_gcon li.none02 {background:none;}

/*--------------------------------------*/
 
#contentswrapper {overflow:hidden; width:980px; height:100%; background: url(/img/visual_bg_01.gif) 0 0 repeat-y;}
 
#visual {float:left; width:340px;}
 
#contents {float:left; width:640px;}
.notice {float:left;width:400px;}
.notice .notice_01 {margin-top:29px; margin-left:22px;}
.notice .notice_01 h2.plus_con {padding-left:14px; background: url(/img/con_plus_bg.gif)  no-repeat 0 3px;}
.notice .notice_01 ul {margin-top:3px; background: url(/img/con_line_bg.gif)  no-repeat 0 0;}
.notice .notice_01 ul li.ba_no_01 {padding-top:6px; background:none;}
.notice .notice_01 ul li a.text_to {padding-left:14px; padding-top:10px; background: url(/img/square.gif)  no-repeat 4px 15px; }
.notice .notice_01 ul li {position:relative; margin-top:7px; background: url(/img/not_line_bg.gif)  no-repeat 0 15px;}
.notice .notice_01 ul li a.text_to_02  {padding-top:15px; padding-left:14px; background: url(/img/square.gif)  no-repeat 4px 20px;}
.notice .notice_01 ul li span {position:absolute; right:25px; top:12px;}
.notice .notice_01 p {position:relative; top:-130px; left:326px;}

.notice_02 {width:380px; margin-top:15px; margin-left:15px; }
.notice_02 h2.plus_con {padding-left:14px; background: url(/img/con_plus_bg.gif)  no-repeat 0 3px;}
.notice_02 table.table_noti {margin-top:12px; background: url(/img/table_bg_01.gif)  no-repeat 0 0; border-bottom:2px solid #c0d5ec;}
.notice_02 table.table_noti thead tr th {background: url(/img/table_con_01.gif)  no-repeat 0 5px; color:#005288;}
.notice_02 table.table_noti thead tr th.none_th {background:none;}
.notice_02 table.table_noti tbody tr td {padding-left:10px; padding-top:6px; border-bottom:1px solid #c0d5ec;}
.notice_02 table.table_noti tbody tr td.line_no01 {border:none;}
.notice_02 p { position: relative; top: -155px; left: 325px;}

.notice_02 div.tab_01 {width:380px;}
.notice_02 div.tab_01 h2.plus_con_02 {float:left; padding-left:14px; background: url(/img//con_plus_bg.gif)  no-repeat 0 3px;}
.notice_02 div.tab_01 h2.h2_flo img {margin-left:7px; padding-left:8px; background: url(/img/table_con_01.gif)  no-repeat 0 1px;}
.notice_02 div.tab_01 p { position: relative; top: -6px; left: 325px;}
.notice_02 div.tab_01 table.table_noti {margin-top:8px; background: url(/img/table_bg_01.gif)  no-repeat 0 0; border-bottom:2px solid #c0d5ec;}

.notice p.bott_01 {margin-top:8px; margin-left:34px;}
.notice p.bott_01 img.live_le {margin-left:45px; padding-left:50px; background: url(/img/bott_bg.gif)  no-repeat 0 4px;}

.necessity {float:left; width:212px;}
.necessity div.login {width:212px; height:252px; margin-top:30px; margin-left:8px; background: url(/img/p10_epro_login_bg.gif)  no-repeat 0 0;}
.necessity div.login fieldset legend {padding-top:10px; padding-left:4px;}
.necessity div.login fieldset p.posi_01 {margin-top:28px; margin-left:4px;}

.necessity div.login fieldset p.posi_02 {margin-top:40px; margin-left:10px;}
.necessity div.login fieldset p.posi_02 input {width:110px; margin-left:55px; vertical-align:middle;}

.necessity div.login fieldset p.posi_03 {margin-top:8px; margin-left:10px;}
.necessity div.login fieldset p.posi_03 input {width:110px; margin-left:11px; vertical-align:middle;}

.necessity div.login fieldset p.posi_04 {margin-top:24px; margin-left:38px;}
.necessity div.login fieldset p.posi_04 img {margin-right:4px;}

.necessity div.nemywork {width:218px; margin-top:30px;}
.necessity div.nemywork h2 {float:left; margin-left:6px;_margin-left:2px;}
.necessity div.nemywork p img.img_le {margin-left:2px;}
.necessity div.nemywork p img.img_le_02 {margin-left:-2px;}
.necessity div.nemywork div.my_bg_01  {height:146px; background: url(/img/mywork_bg.gif)  no-repeat 0 0;}
.necessity div.nemywork div.my_bg_01 ul { margin: 0; padding: 0;}
.necessity div.nemywork div.my_bg_01 ul li {padding-top:7px; padding-left: 10px; margin-left:4px;  background: url(/img/mywork02_con.gif)  no-repeat 0 10px;}

.necessity div.nemywork_02 {width:218px; margin-top:30px;}
.necessity div.nemywork_02 h2 {float:left; width:144px; margin-left:4px;_margin-left:2px;}
.necessity div.nemywork_02 p img.img_le {margin-left:0px;}
.necessity div.nemywork_02 p img.img_le_02 {margin-left:-2px;}
.necessity div.nemywork_02 ul.my_bg_02 {height:123px; background: url(/img/mywork02_bg.gif)  no-repeat 0 0;}
.necessity div.nemywork_02 ul.my_bg_02 li {position:relative; padding-left:10px; padding-top:7px; margin-left:4px;  background: url(/img/mywork02_con.gif)  no-repeat 0 10px;}
.necessity div.nemywork_02 ul.my_bg_02 li span {display:block; width:20px; position:absolute; right:40px; top:6px;_top:5px; color:#ff6c17; font-weight: bold; text-align:center;}
.necessity div.nemywork_02 ul.my_bg_02 li span.my_g {position:absolute; right:6px; top:6px; color:#666; font-weight:normal;}

.necessity div.necpop {margin-top:-5px;}
.necessity p.bott_02 {width:218px; margin-top:8px; margin-left:2px;}
.necessity p.bott_02 img.live_le_02 {margin-left:4px;}

.sel_01 {clear:both; margin-top:8px; padding-top:2px; margin-left:20px; background: url(/img/dot_01.gif)  no-repeat 0 3px;}
.sel_01 fieldset {float:left; overflow:hidden; margin-top:12px; margin-right:5px;}
.sel_01 fieldset select {font-size:0.9em;}
.sel_01 fieldset select.sel {width:140px; margin-left:5px;}
.sel_01 fieldset select.sel_02 {width:125px; margin-left:10px;}
.sel_01 fieldset select.sel_03 {width:125px; margin-left:10px;}
.sel_01 fieldset select.sel_04 {width:150px; margin-left:10px;}

div.footer {clear:both; width:329px; margin-left:18px; margin-top:-20px;}
div.footer address {margin-bottom:5px;}
div.footer ul li {float:left;}
div.footer ul li.noim{background:none; padding-right:7px;}
div.footer ul li.noim_02 {padding-left:7px; background: url(/img/copy_bg.gif)  no-repeat 0 2px;}

/*팝업 css(s)*/
.pop_01 {width:800px; overflow:hidden; margin-left:80px;}
.pop_01 p {margin-top:40px;}
.pop_01 ul.ul_img {width:640px; margin-top:40px;}
.pop_01 ul.ul_img li {float:left; margin-left:30px;}

.pop_01 ul.che_01{width:800px;margin-top:20px; margin-left:-75px; _margin-left:-220px;}
.pop_01 ul.che_01 li {float:left; margin-left:170px;}

p.bt{margin-left:220px;_margin-left:245px;}

/*팝업 css(e)*/

/*2009-12-11 css(s)*/
.first_bg {margin-top:24px; margin-left:15px; width:362px; height:88px; background: url(/img/first_bg.gif)  no-repeat 0 0;}
.first_bg p.first_img01 {margin-top:6px; margin-left:15px;}
.first_bg p.first_img02 {margin-top:10px; margin-left:15px;}

.buy_01 {margin-top:24px; margin-left:15px; width:362px; height:83px; background: url(/img/buy_bg.gif)  no-repeat 0 20px;}
.buy_01 h2.plus_con {padding-left:14px; background: url(/img/con_plus_bg.gif)  no-repeat 0 3px;}
.buy_01 ul li.buy_con{float:left; margin-top:15px; margin-left:15px;_margin-left:7px; background: url(/img/buy_icon01.gif)  no-repeat 2px 6px;}
.buy_01 ul li.buy_con img {margin-left:10px;}
.buy_01 ul li.buy_con02 {margin-top:15px; float:left; padding-left:15px; background: url(/img/buy_icon01.gif)  no-repeat 16px 6px;}
.buy_01 ul li.buy_con02 img {margin-left:10px;}

.detail_01 {margin-top:24px; margin-left:15px; margin-bottom:40px; width:362px; height:123px; background: url(/img/detail_bg_new.gif)  no-repeat 0 20px;}
.detail_01 h2.plus_con {padding-left:14px; background: url(/img/con_plus_bg.gif)  no-repeat 0 3px;}
.detail_01 ul {float:left;margin-top:15px;}
.detail_01 ul li.detail_con{margin-top:4px;_margin-top:6px; margin-left:15px; background: url(/img/buy_icon01.gif)  no-repeat 2px 6px;}
.detail_01 ul li.detail_con img {margin-left:10px;}
.detail_01 ul.detail_ul {margin-top:15px; margin-left:20px;}
.detail_01 ul.detail_ul li.detail_con02{margin-top:4px;_margin-top:6px; margin-left:15px; background: url(/img/buy_icon01.gif)  no-repeat 2px 6px;}
.detail_01 ul.detail_ul li.detail_con02 img {margin-left:10px;}

.banner_01 {width:212px; height:50px;}

.necessity div.login fieldset p.posi_01_1 {margin-top:10px; margin-left:4px;}
/*2009-12-11 css(e)*/

/*2010-06-22 css(e) start */
.necessity div.login1 {width:211px; height:200px; margin-top:30px; margin-left:8px; background: url(/img/p10_epro_login_bg_1.gif)  no-repeat 0 0;}
.necessity div.login1 fieldset legend {padding-top:10px; padding-left:4px;}
.necessity div.login1 fieldset p.posi_01 {margin-top:0px;; margin-left:4px;}

.necessity div.login1 fieldset p.posi_02 {margin-top:40px; margin-left:10px;}
.necessity div.login1 fieldset p.posi_02 input {width:110px; margin-left:55px; vertical-align:middle;}

.necessity div.login1 fieldset p.posi_03 {margin-top:8px; margin-left:10px;}
.necessity div.login1 fieldset p.posi_03 input {width:110px; margin-left:11px; vertical-align:middle;}

.necessity div.login1 fieldset p.posi_04 {margin-top:24px; margin-left:19px;}
.necessity div.login1 fieldset p.posi_04 img {margin-right:4px;}
.necessity div.login1 fieldset p.posi_01_1 {margin-top:5px; margin-left:4px;}
/*2010-06-22 css(e) end */