body{margin:0; padding:0; font-family:Tahoma, Arial, Helvetica, sans-serif, Dotum;}
h1, h2, li, ul, dl, dt, dd, a, img, p{padding:0; margin:0; list-style:none; border:none;}
a{color:#444; text-decoration:none;}
a:hover{color:#ff6000; text-decoration:underline;}
hr{display:none;}

#main .mainCon div ul li.setting{position:relative; top:0; left:0;}
#main .mainCon div ul li.setting div{position:absolute; top:0; right:0; width:58px; height:59px; background: rgba(255, 255, 255, 0.8); display:block;
 /* IE5.5 ~ 7 전용 속성 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff0, endColorstr=#9ffffff0);
/* IE8, IE9 전용 속성*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff0, endColorstr=#9ffffff0)";}
 
#main{margin:0 auto; width:798px; padding:140px 0 0 0; text-align:left; overflow:hidden;}
#main h1{float:left; display:inline; margin:18px 0 0 0;}
#main h2{float:right; display:inline; margin:3px 22px 0 0;}
#main .mainCon{float:left; clear:both; width:778px; padding:40px 10px 20px 10px; position:relative; top:0; left:0;}
#main .mainCon div{float:left; line-height:0; font-size:0;}
#main .mainCon div.con1 a, #main .mainCon div ul li a{display:block; line-height:0; font-size:0;}
#main .mainCon div ul, #main .mainCon div dl{float:left; clear:both; width:316px;}
#main .mainCon div ul li{float:left;}
#main .mainCon div ul li.setting{width:78px; height:91px; text-align:right; background:url(/Images/setting_bg.jpg) no-repeat 0 0;}
#main address{float:left; clear:both; width:100%; text-align:center;}
#main .mainCon div dl{height:200px; width:283px; padding-left:33px; background:url(/Images/login_bg.jpg) no-repeat 0 0; overflow:hidden;}
#main .mainCon div dl.login dt{height:75px; float:left; clear:both; width:100%;}
#main .mainCon div dl.login dt img{margin:40px 0 0 3px;}
#main .mainCon div dl.login dd input.input{display:block; color:#4c6eac; width:150px; height:26px; height:21px; border:none; padding:0 0 0 4px; padding:5px 0 0 4px; margin:0 0 4px 0; margin:0 0 1px 0; background:url(/Images/login_input.gif) no-repeat 0 0; font-size:12px; line-height:16px;}
#main .mainCon div dl.login dd{float:left;}
#main .mainCon div dl.login dd.btn{padding:0 0 0 5px; font-size:12px; color:#b5c5e4; line-height:14px; text-align:left;}
#main .mainCon div dl.login dd.btn label{display:block; padding:2px 0 7px 0;}
#main .mainCon div dl.login dd.pw{font-size:12px; color:#b5c5e4; line-height:14px; text-align:left; float:left; width:55%; clear:both; padding:5px 0;}
.login .cbox{font-size:12px; color:#b5c5e4; line-height:14px; text-align:right; font-weight:normal; float:right;}
#main .mainCon div dl.login dd.pw a{background:url(/Images/login_blt.gif) no-repeat 2px 9px; color:#b5c5e4; padding:3px 0 0 12px;}
#main .mainCon div dl.login dd.pw a:hover{color:#fff;}
#main .mainCon div dl.login dd.dn{font-size:12px; color:#b5c5e4; line-height:14px; text-align:left; float:left; width:85%; clear:both; padding:5px 0;}
#main .mainCon div dl.login dd.dn a{background:url(/Images/login_blt.gif) no-repeat 2px 9px; color:#b5c5e4; padding:3px 0 0 12px;}
#main .mainCon div dl.login dd.dn a:hover{color:#fff;}
main .mainCon div dl.logout dt{height:70px; float:left; clear:both; width:100%;}
#main .mainCon div dl.logout dt img{margin:40px 0 0 0;}
#main .mainCon div dl.logout dd img{float:left; border:1px solid #5773a9;}
#main .mainCon div dl.logout dd p{float:left; width:200px; display:inline; margin:10px 0 0 10px; line-height:18px;}
#main .mainCon div dl.logout dd{color:#fff; font-size:13px; letter-spacing:1px; float:none;}
#main .mainCon div dl.logout dd span{color:#ffdf0a;}
#main .mainCon div dl.logout dd.btn{width:250px; float:none; clear:both; padding:15px 0; text-align:center;}
#main .mainCon div dl.logout dd.btn img{float:none;}

#main .mainCon .procurement, #main .mainCon .subcontracting, #main .mainCon .logistics{position:absolute; top:25px; left:0; width:472px; background: rgba(255, 255, 255, 0.9);
 /* IE5.5 ~ 7 전용 속성 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff0, endColorstr=#9ffffff0);
/* IE8, IE9 전용 속성*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff0, endColorstr=#9ffffff0)";
}
#main .mainCon .subcontracting{height:326px; top:28px; padding-left:199px; width:273px;}
#main .mainCon .logistics{height:176px; top:28px; padding:150px 0 0 199px; width:273px;} 
.onbtn{position:absolute; top:25px; left:0; width:472px; height:326px; z-index:10; background: rgba(255, 255, 255, 0.8);
 /* IE5.5 ~ 7 전용 속성 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff0, endColorstr=#9ffffff0);
/* IE8, IE9 전용 속성*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff0, endColorstr=#9ffffff0)";
}
.onbtn a{position:absolute; z-index:50;}
.onbtn a.m{top:15px; left:10px;}
.onbtn a.s{top:15px; left:241px;}
.onbtn a.l{top:165px; left:10px;}
.onbtn a.p{top:165px; left:241px;}
#main .mainCon div ul li.setting{position:relative; top:0; left:0;}
#main .mainCon div ul li.setting div{position:absolute; top:0; right:0; width:58px; height:59px; background: rgba(255, 255, 255, 0.8); display:block;
 /* IE5.5 ~ 7 전용 속성 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff0, endColorstr=#9ffffff0);
/* IE8, IE9 전용 속성*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff0, endColorstr=#9ffffff0)";}

#con address{border-top:1px solid #dedede; padding:15px 0; overflow:hidden; margin-top:0px;}
span.org{color:#ff5400;}
strong.g{color:#00a80c;}
strong.r{color:#ff3000;}

input, textarea{font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif, Dotum; line-height:16px;}
input.input{border:1px solid #ccc; height:16px;}
input.input:focus{border:1px solid #ff6000;}
input.input_bg, input.input_bg:focus{border:1px solid #ccc; background:#d9d9d9; color:#666;}
.left{text-align:left;}
.right{text-align:right;}
.blue{color:#3f67bc;}
.btns2, .btns4, .btns6, .btns8, .btns10{cursor:pointer; border:none; overflow:hidden; text-align:left; font-size:11px; height:20px; letter-spacing:-0.05em; padding:2px 0 0 5px;}
.btns2{background:url(/Images/btns_bg2.gif) no-repeat 0 0; width:47px; height:21px; }
.btns4{background:url(/Images/btns_bg4.gif) no-repeat 0 0; width:67px; height:21px; }
.btns6{background:url(/Images/btns_bg6.gif) no-repeat 0 0; width:90px; height:21px; }
.btns8{background:url(/Images/btns_bg8.gif) no-repeat 0 0; width:110px; height:21px; }
.btns10{background:url(/Images/btns_bg10.gif) no-repeat 0 0; width:130px; height:21px;}

#con h2{background:url(/Images/blt_h2.gif) no-repeat 0 7px; background-position:0 3px; font-size:12px; color:#444; padding:5px 0 5px 15px; margin-top:10px; }
#con2 h2{background:url(/Images/blt_h2.gif) no-repeat 0 7px; background-position:0 3px; font-size:12px; color:#444; padding:5px 0 5px 15px; margin-top:10px; }
/***** popup css *****/
#popup{ overflow:hidden; width:100%; background:url(/Images/popup_bg.gif) repeat-x 0 0; font-size:12px; line-height:16px;}
#popup .pop_tit{overflow:hidden; height:40px; position:relative; top:0; left:0;}
#popup .pop_tit h1{float:left;}
#popup .pop_tit p{float:right; padding-right:50px;}
#popup .pop_tit span{position:absolute; top:0; right:0;}
#popup #con{width:97%; padding:20px 0 20px 20px;}
#popup #con2 .popcon{padding:0px 10px;}

.tc{text-align:center;}