/*///////////////////////////////////////////////////////////////////////////////////
//
//	공통
//
///////////////////////////////////////////////////////////////////////////////////*/
/* common */
body,
td,
input,
div,
form,
textarea,
center,
pre,
blockquote,
textfield,
select {font-family:돋움; font-size:9pt; color:#333333; line-height:160%;}
table,
img,
fieldset {border:0;}
p,
form, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {margin:0;}
ul, 
li {list-style:none; padding:0; margin:0;}
li img {vertical-align:top;}
dl,
dt,
dd {margin:0; padding:0;}
.input {border:1px solid #C7C7C7;} 
.ea {width:30px; height:20px; border:1px solid #A5ACB2; color:#4E4E4E;}
a {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
.bottomBtn {margin:20px 0;}
.png24 {tmp:expression(setPng24(this));}
/* paging */
.paging {text-align:center; padding:10px;}
.paging li {display:inline;}
.paging * {vertical-align:middle;}
.paging .box {padding:3px 5px; border:1px solid #e0e0e0; background:#f1f1f1;}
.paging .nostyle {padding:0 8px; color:#999999;}

/*///////////////////////////////////////////////////////////////////////////////////
//
//	레이아웃
//
///////////////////////////////////////////////////////////////////////////////////*/
#layout {width:100%;}
#container {position:relative; width:1020px; margin:0 auto; text-align:left;}

#header {position:relative; height:365px;}
#header h1 {position:absolute; left:0; top:49px;}
#header .menu {float:right; padding:12px 120px 0 0;}
#header .menu li {float:left; padding-left:12px;}
#header #topmenu {position:absolute; right:85px; top:30px;}
#header .topfla {padding:90px 0 0 228px;}

#wrapper {float:left; width:100%;}
#cnt {width:672px; min-height:400px; height:auto !important; height:400px; margin:0 120px 50px 228px; text-align:center;}
#cnt .location {float:right; height:45px; padding-left:46px; background:url('/_image/_title/bg.gif') no-repeat left top;}
#cnt .location p {padding-top:15px; color:#9f9f9f; font-size:11px; font-family:Gulim;}
#cnt h2 {clear:both; padding-bottom:33px; text-align:left;}

#snb {float:left; width:228px; margin-left:-1020px;}

#ext {float:left; width:120px; margin-left:-120px;}
#ext #quickmenu ul li {width:70px; border-bottom:1px solid #f1f1f1;}

#bottom {width:100%; height:134px; border-top:1px solid #e0e0e0; text-align:center;}
#footer {width:1020px; height:134px; margin:0 auto; text-align:left; background:url('/_image/common/bg_logo.gif') no-repeat left 32px;}
#footer .menu {padding:22px 0 0 228px;}
#footer .menu li {float:left;}
#footer .info {clear:both; padding:5px 0 0 228px;}

#main {position:relative; width:100%; height:175px; text-align:left;}
#main .tab {width:410px; height:28px; background:url('/_image/common/tab_line.gif') repeat-x left bottom;}
#main .tab li {float:left;}
#main .tab li.more {float:right;}
#main .tab li.more img {margin:9px 11px 0 0;}
#main .list {clear:both; padding-top:10px;}
#main .list li {clear:both; padding:0 0 0 10px; color:#65860e; background:url('/_image/common/bar.gif') no-repeat left 45%;}
#main .list li a {color:#808080;}
#main .list li p.subject {float:left; width:330px; font-family:Gulim;}
#main .list li p.date {float:left; font-family:verdana; font-size:11px;}
#main .menu {position:absolute; right:0; top:27px;}
#main .menu li {float:left;}

/*///////////////////////////////////////////////////////////////////////////////////
//
//	회원
//
///////////////////////////////////////////////////////////////////////////////////*/
/*메시지 - 가입완료, 정보수정완료, 1:1상담완료*/
font.completion_msg {font-size:11pt; font-weight:bold; color:#614716;}
/* login.php */
#login {width:626px; margin:24px 0 0 0;}
#login .loginBox {position:relative; width:626px; height:326px; background:url('/_image/member/bg_login.jpg') no-repeat;}
#login .loginBox .loginMsg {position:absolute; top:188px; left:74px; color:#767bd6;}
#login .loginBox p {margin-left:74px;}
#login .loginBox p.top {padding:230px 0 8px 0;}
#login .loginBox p .input {width:166px; border:1px solid #c9c9c9;}
#login .loginBox .inputBtn {position:absolute; top:229px; left:298px;}
#login .btn {text-align:right; padding-top:25px;}
#login .btn img {margin:0 18px;}
/* find_step1.php */
#find {margin-top:24px;}
#find .title {margin-bottom:44px;}
#find .findBox {position:relative; width:583px; height:100px; background:url('/_image/member/find_line.gif') repeat-y left top;}
#find .findBox p {margin-left:123px; padding:3px 0;}
#find .findBox p.top {padding:28px 0 3px 0;}
#find .findBox p.top2 {padding:15px 0 3px 0;}
#find .findBox p .input {width:164px;}
#find .findBox .inputBtn {position:absolute; left:366px; top:26px;}
#find .findMsg {padding-bottom:10px; text-align:center;}
/* join_step2.php */
#join {text-align:center;}
#join .boxStyle .prdName {background:#d8d6d4;}
#join .boxStyle tfoot tr td {padding:10px 20px; text-align:right; background:#f7f5f2; }
/* join_step3.php */
.finishBox {width:430px; height:160px; margin:50px 0 0 100px; text-align:center; background:#fafafa;}
.finishBox div {width:410px; height:138px; margin:10px auto; border:1px solid #dedede; background:#fff;}
/* edit_step1.php */
#editStpe1 {width:486px; height:154px; margin:30px 0 0 100px; background:url('/_image/member/bg_edit.gif') no-repeat;}
#editStpe1 p {padding:80px 0 0 160px;}
/* ?cont=uselaw */
#uselaw {padding:20px 0;}
#uselaw iframe {border:1px solid #dedfde;}
#uselaw p {padding:10px 0 20px 0; text-align:right;}
#uselaw p.btn {text-align:center;}
/* ?cont=join_rull */
#join_rull {width:100%; text-align:left; background:#fff;} 
#join_rull dt {margin:0; padding:0; font-weight:bold;}
#join_rull dd {margin:0; padding:0; margin-bottom:20px;}
#join_rull ol {margin:0 0 0 0; padding:0 0 10px 30px;}
#join_rull li {margin:2px;}
/* ?cont=privacy */
#privacy * {margin:0; padding:0;}
#privacy {padding:5px; text-align:left; background:#fff;}
#privacy dt {padding:3px 0 0 20px; font-weight:bold; background:url('/_image/content/p_arrow.gif') no-repeat 0 3px;}
#privacy dd {margin:5px 0 10px 20px;}
#privacy dd dl dt {padding:0 0 0 18px; font-weight:normal; background:url('/_image/content/c_arrow.gif') no-repeat 0 3px;}
#privacy dd dl dd {margin:0 0 0 18px;}
#privacy ul {list-style-type:disc; margin:5px 0 5px 25px;}
#privacy ol {margin-left:30px;}
#privacy iframe {border:1px solid #dedfde;}

/* 회사소개 - HISTORY, 오시는길 */
.conlist li {padding:50px 0;}
.conlist2 li {padding:30px 0;}
.conlist3 li {padding:30px 0; border-bottom:1px solid #e2e2e2;}
.conlist li.top,
.conlist2 li.top,
.conlist3 li.top {padding-top:0; border:0;}

/* 페이지탭 - 환경사업, clean주유소, clean탱크 */
.contenttab li {float:left; padding-bottom:30px;}