﻿/*LayOut */
body{margin:0px;font-size:9pt;font-family:'dotum','Tahoma';color:#666666;margin:0px; padding:0px;height:100%; width:100%; }
img {border:0px;}
input,select{vertical-align:middle;font-size:9pt;}
input[type=text]{border:1px solid #cccccc;font-size:9pt;height:16px;}
.input_t{margin:0;padding:0;border:1px solid #cccccc;padding:2px 0 0 2px;}
textarea{border:1px solid #cccccc;font-size:9pt;padding:2px;}
form {margin:0; padding:0;}
table{border-collapse:collapse;}
.wrap {width:970px; margin:0; padding:0; float:left;}
.header {float:left; width:970px; margin:0; padding:0; height:40px;}
.logo {float:left; margin:18px 0px 0px 13px; padding:0; display:inline;}
.clear{clear:both;}
.radio_b input{vertical-align:middle;}
h3 {clear:both;font-family:dotum;font-size:14px; background:url(../Images/join/icon.gif) left center no-repeat; padding:5px 0px 5px 20px;color:#339900;}
h4 {clear:both;font-family:Gulim;font-size:12px; background:url(../Images/bl_cptit.gif) left center no-repeat; padding:5px 0px 5px 10px;color:#339900;margin:0;}
.top_q {float:right; background:url(../images/sub/repeat_line.gif) repeat-x; margin:0; padding:0; list-style:none; height:36px; display:inline;}
.top_q li {float:left; margin:0; padding:11px 16px 0px 16px; height:29px;}
li.top_q_center{margin:0; padding:11px 0px 0px 16px;}
li.top_q_center_1{margin:0; padding:11px 0px 0px 0px;}
.top_q_left {float:left; background:url(../images/sub/q_left.gif) left top no-repeat; padding:0;margin:0; width:50px;}
.top_q_right{background:url(../images/sub/q_right.gif) right 0px no-repeat; padding:0;margin:0;}

.top {float:left; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../images/sub/top_bg1.gif) no-repeat;width:100%; height:25px;}
.top_menu {float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../images/sub/top_bg2.gif) no-repeat;width:100%;height:39px;}
.id_information {float:right;background:url(../images/sub/p_icon.gif) no-repeat;color:#ffffff;  margin:4px 12px 0px 0px; padding:0px 0px 0px 17px; line-height:120%; height:18px;display:inline; }
.id_information2 {float:right;color:#ffffff;  margin:4px 12px 0px 0px; padding:0px 0px 0px 17px; display:inline; line-height:120%;  height:18px;}
#logout {vertical-align:middle;padding:0; margin:0px; line-height:120%;border:1px solid blue;}
.top_b {clear:both;list-style:none; margin:0px 0px 0px 20px; padding:8px 0px 0px 0px;}
.top_b li {float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline;}
 

.sub_b {position:absolute; top:122px; width:142px; background:url(../images/sub/sub_top.gif) no-repeat; margin:0; padding:0; }
#sub4 { left:0px;      visibility:hidden;}
#sub5 { left:103px;    visibility:hidden;}
#sub6 { left:206px;  visibility:hidden;}
#sub7 { left:309px;  visibility:hidden;}
#sub8 { left:412px; visibility:hidden; }
#sub9 { left:515px;  visibility:hidden;}
#sub10 { left:618px;  visibility:hidden;}
#sub11 { left:721px;  visibility:hidden;}
#sub12 { left:824px;  visibility:hidden;}
.sub {float:left; margin:16px 0px 0px 0px; padding:7px 0px 10px 0px; width:142px; text-align:left; background:url(../images/sub/sub_bottom.gif) left bottom no-repeat;}
.sub li { font-size:9pt;   margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:122px;  background:url(../images/sub/sub_bottom_line.gif) 10px bottom no-repeat; }
.sub li.sub_text1 {padding:0px 0px 2px 20px ;margin:-6px 0px 0px 0px;   height:14px;  }
.sub li.sub_text {margin:0px 0px 0px 0px;padding:5px 0px 2px 20px;  height:14px;   }


.sub_box {float:left; background:url(../images/sub/sub/sub_navi.gif) no-repeat; margin:0px 0px 0px 0px;height:36px; padding:0px;width:968px;}
.page_bg {float:left; background:url(/images/sub/sub/line.gif) repeat-y;margin:0px; padding:0px;width:968px; }
.page { float:left; width:790px; margin:0px 0px 0px 5px;  padding:5px 0px 80px 10px; display:inline; min-height:645px;_height:645px;}
.page_bottom {float:left; background:url(../images/sub/sub/bottom.jpg) left bottom no-repeat; margin:0px; padding:0px; width:968px;}

.navi { float:right;margin:12px 25px 0px 0px; padding:0px;}

.left_b {float:left; background:url(../images/sub/sub/left_bottom.gif) left bottom no-repeat; margin:10px 0px 0px 9px; padding:0px 0px 38px 0px; width:146px; display:inline;}
.left_title {float:left; background:url(../images/sub/sub/left_top.gif) no-repeat;list-style:none; margin:0px;width:146px;  padding:0px;color:#ff6702; font-size:10pt; font-weight:bold;}
.left_title li {margin:15px 0px 0px 0px; padding:0px 0px 0px 25px;}

.left {clear:both; background:url(../images/sub/sub/left_bg.gif) repeat-y; margin:10px 0px 0px -25px; padding:10px 0px 0px 0px;list-style:none;width:146px;}
.left li {margin:0px 0px 0px 8px; padding:5px 10px 0px 20px;height:23px; width:99px;   font-weight:normal; font-size:9pt;}
.left li.left {background:url(../images/sub/sub/left.gif) 9px 6px no-repeat; }
.left li.left_in {background:url(../images/sub/sub/left_in.gif) no-repeat; }
.left li.left_in a {color:#fff;}
.copy {float:left; background:url(../images/sub/sub/copy_bg.gif) no-repeat; width:100%;margin:0px; padding:0px 0px 10px 0px;}
.add {float:left;  margin:11px 0px 0px 31px; padding:0px; display:inline;}

a{text-decoration:none;font-size:9pt;}
a:hover{	color:#9ECC00;}
a:link,a:visited{color:#626262;}
.ItemStyle{border:1px solid #cccccc;}
.NumStyle{text-align:right;padding:0px 2px 0px 0px; ime-mode: disabled;border:1px solid #cccccc;}
.eng_Key_2{ime-mode: disabled;}

/* ptitle_table */
.ptitle1_table{ background:url(/Images/sub/title_bar_repeat.gif) repeat-x; height:38px; padding:0; margin:0 0 5px 0; }
.ptitle1_left{ background:url(/Images/sub/title_bar_left.gif) no-repeat; height:38px; width:12px; padding:0px 40px 0px 0px;margin:0; }
.ptitle1_right{ background:url(/Images/sub/title_bar_right.gif) right top no-repeat; height:38px;  width:12px;padding:0px 0px 0px 20px;margin:0; }
.ptitle1_text{  padding:5px 0px 0px 0px; font-weight:bold; }
.ptitle1_nav{ height:35px;padding-top:4px;color:#999999;text-align:right; }



/* 게시판*/
.binput_btn {margin:0; height:22px; border:1px solid #7f9db9; line-height:17px;}
.binput_txt {margin:0; height:17px; border:1px solid #7f9db9; line-height:17px;}
.binput_txt2 {margin:0; height:17px; border:1px solid #7f9db9; line-height:17px; background-color:#eeeeee;}


.table_delete{border-top:2px solid #96976d; border-bottom:1px solid #96976d;}

.board_search td {font-family:'verdana','Gulim';}
.board_style1 {border-top:2px solid #5e5e5e; width:790px;border-collapse:collapse;font-family:'verdana','Gulim';}
.board_style1 th{height:31px; margin:0px; padding:0px;background-color:#f8f8f8;border-bottom:1px solid #eeeeee;}
.board_style1 td{text-align:center;color:#999999;border-bottom:1px solid #eeeeee;}
.board_style1 .title{padding:5px;text-align:left;color:#333333}

.board_style1_view{border-top:2px solid #5e5e5e; width:790px;border-collapse:collapse;font-family:'verdana','Gulim';}
.board_style1_view th{height:31px; background-color:#f8f8f8;border-bottom:1px solid #eeeeee;}
.board_style1_view td{padding:3px;border-bottom:1px solid #eeeeee;}
/* Pagination Reset */
.pagination{ padding:15px 0; margin:0; text-align:center;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#333; font-family:Tahoma, Sans-serif; vertical-align:middle;}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{ background-color:#f4f4f4 !important; }
.pagination strong{ color:#ff6600 !important;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }

/* Pagination A1 */
.pagination.a1 a,
.pagination.a1 strong{ margin:0 -4px; padding:1px 10px 1px 8px; border:none; border-left:1px solid #ccc; border-right:1px solid #ddd; font-weight:bold; font-size:12px; background:#fff;}
.pagination.a1 a.prev{ padding-left:5px;border:0px solid;}
.pagination.a1 a.prevEnd{ padding-left:5px;border:0px solid;}
.pagination.a1 a.next{ padding-right:5px;}
.pagination.a1 a.nextEnd{ padding-right:5px;}
/* 게시판 끝 */

/*table tab */
.tab_style{clear:both;padding:3px; border:1px solid #cccccc;}
.tab_list_style1{list-style:none;margin:10px 0px 7px 0px;padding:0px;float:left;border-right:1px solid #cccccc;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
.li_left{display:inline;padding:7px 15px 7px 15px;margin:0px;font-family:굴림;font-weight:bold; background-color:#ffffff;border-bottom:1px solid #ffffff;float:left}
.li_over{display:inline;padding:7px 15px 7px 15px;margin:0px;font-family:굴림;font-weight:bold; background-color:#ffffff;border-left:1px solid #cccccc;border-bottom:1px solid #ffffff;float:left}
.li_out{display:inline;padding:7px 15px 7px 15px;margin:0px;font-family:굴림;font-weight:bold;background-color:#f6f6f6;float:left;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.content_box{list-style:none; line-height:170%;}
.content_box dt{clear:both;font-size:12px;font-family:Gulim;font-weight:bold;color:#6f6f6f;margin-left:35px;}
.content_box dd img{border:1px solid #cccccc;margin-bottom:20px;}

/*페이지*/
.guide_list{list-style:none;padding:0px;margin:0}
.guide_list li{padding:3px 0px 0px 10px; background:url(../images/btn_next.gif) 0px 6px no-repeat;}
.Ptbox{font-family:Tahoma, Sans-serif;font-weight:bold;}
.GridStyle1{width:100%;border-top:2px solid #5e5e5e;border-left:1px solid #ddd;line-height:130%;}
.GridStyle1 th{background-color:#f5f5f5;height:30px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.GridStyle1 td{padding:0 3px;height:25px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}

.message{border:2px solid #cccccc;line-height:130%;margin-bottom:10px;padding:10px;}
.message p{font-size:8pt;margin:0;padding:0;}

.tblViewStyle{border-top:2px solid #5e5e5e;border-bottom:1px solid #5e5e5e;width:100%;line-height:180%;}
.tblViewStyle th{height:31px;width:130px;padding:0 3px;background-color:#f5f5f5;border-bottom:1px solid #ddd;}
.tblViewStyle td{padding:0 3px;border-bottom:1px solid #ddd;}

.tblInsStyle{border-top:2px solid #5e5e5e;border-bottom:1px solid #5e5e5e;width:100%;line-height:180%;}
.tblInsStyle th{height:31px;width:130px;padding:0 3px;background-color:#f5f5f5;border-bottom:1px solid #eeeeee;}
.tblInsStyle td{padding:0 3px;border-bottom:1px solid #eeeeee;}
.tblInsStyle td textarea{margin:3px 0;}

.tblSchStyle{border-top:2px solid #5e5e5e;border-bottom:1px solid #5e5e5e;width:100%;line-height:180%;font-family:'verdana','Gulim';}
.tblSchStyle th{height:31px;padding:0px;background-color:#f5f5f5;border-bottom:1px solid #eeeeee;}
.tblSchStyle td{padding-left:3px;border-bottom:1px solid #eeeeee;}
.tblSchStyle td .radio_b td{border:none}

.tblLstStyle {border-top:2px solid #5e5e5e; width:790px;border-collapse:collapse;font-family:'verdana','Gulim';}
.tblLstStyle th{height:31px; margin:0px; padding:0px;background-color:#f8f8f8;border-bottom:1px solid #eeeeee;}
.tblLstStyle td{text-align:center;color:#999999;border-bottom:1px solid #eeeeee;color:#333333;}
.tblLstStyle .title{padding:5px;text-align:left;}
/*권한페이지 */
.div_box {padding:10px;}
.div_box2 {	padding:0px;margin:0px;width:100%;height:130px;overflow-y:scroll; }
.div_box3 {	padding:0px;margin:0px;width:100%;  height:425px;overflow-y:scroll;}
.div_box4 {	padding:0px;margin:0px;width:100%;height:170px;overflow-y:scroll;}
.div_al_r { text-align:right;}
.div_al_l { text-align:left;}
.div_al_c { text-align:center;}
.table_half { width:100%;  border-collapse:collapse; font-size:9pt; margin:0px; padding:0px;}
.table_half_td { width:50%; padding:5px;text-align:left;color: #151515; vertical-align:top;}
.table_box2{width:100%; margin:6px 0px 0px 0px; padding:0;   border:1px solid #b0b597; }
.table_7{text-align:center;width:100%;  border-collapse:collapse; font-size:9pt;}
.table_7_sub{text-align:center;width:100%;  border-collapse:collapse; font-size:9pt; margin:0px; padding:0px;}
.table_7_th_0{text-align:center;height:20px;font-size:9pt; margin:0px; padding:2px 0px 0px 0px;border:1px solid #aaa; border-bottom:1px solid #7f9b00; border-top:1px solid #7f9b00;background-color:#e2e6df; color:#000;}
.table_7 .table_7_th{width:113px;text-align:center;height:20px;border:1px solid #aaa; background-color:#f5f5f5; color:#4b4b4b;}
.table_7_th_1{text-align:center;height:20px;font-size:9pt; border:1px solid #aaa; background-color:#f5f5f5;color:#4b4b4b;}
.table_7 .table_7_td{width:245px; height:20px;border:1px solid #aaa; color:#151515;padding:3px 5px;}
.table_7_td_c{text-align:center; height:20px;border:1px solid #aaa; color:#151515;padding:3px 5px;}
.table_7_td_l{text-align:left;border:1px solid #aaa; color:#151515;padding:0px;}
.table_7_td_1{text-align:center; height:20px; width:15%; border:1px solid #aaa;color: #151515;}
.table_7_td_2{text-align:center;height:20px; width:110px;border-collapse:collapse; font-size:9pt; margin:0px; padding:0px;border-right:1px solid #aaa;border-bottom:1px solid #aaa;}
.table_7_td_3{text-align:left;height:20px; font-size:9pt; margin:0px; padding:0px 5px;border-right:1px solid #aaa;border-bottom:1px solid #aaa;}
.table_7_td_4{height:20px; width:113px;font-size:9pt; margin:0px; padding-left:10px;border-right:1px solid #aaa;border-bottom:1px solid #aaa;}
.table_7_td_5{text-align:center;height:20px; width:112px;font-size:9pt; border-right:1px solid #aaa;border-bottom:1px solid #aaa;}

/*계산서*/
.bill {border-top:2px solid #586891; border-left:1px solid #c0c6d5;border-right:1px solid #c0c6d5;width:100%;border-collapse:collapse;font-family:'verdana','Gulim';border-bottom:1px solid #c0c6d5;color:#4e5b77;}
.bill th{height:20px; margin:0px; padding:0px;background-color:#f3f4f8;border-bottom:1px solid #c0c6d5;border-right:1px solid #c0c6d5;font-size:9pt;text-align:center;}
.bill td{text-align:center;border-bottom:1px solid #c0c6d5;border-right:1px solid #c0c6d5;padding:4px;}
.bill_last td{border:none;}
.radio_c td{border:none;}
.bill_title{height:40px;}
.bill_title th{font-size:14px;}
/*공급자 스타일*/
.red{border-top:2px solid #e08e92;color:#995051;border-right:1px solid #f6d6d5;background-color:#fff1f1;}
.red_title {background-color:#fed6d6; color:#c30923; padding:0; }
.red th{height:31px;border-bottom:1px solid #f6d6d5;border-left:1px solid #f6d6d5;}
.red td{border-bottom:1px solid #f6d6d5;border-left:1px solid #f6d6d5;color:#464646;text-align:left;background-color:#ffffff;padding-left:5px;}

/*공급받는자 스타일*/
.blue{border-top:2px solid #9ab4dc;background-color:#f1f3ff;border-right:1px solid #c0c6d5;}
.blue_title {color:#0c38b9;background-color:#bdd7f2;padding:0;}
.blue th{height:31px;border-bottom:1px solid #d6d8e4;border-left:1px solid #d6d8e4;color:#316d9d;}
.blue td{color:#464646;text-align:left;border-bottom:1px solid #d6d8e4;border-left:1px solid #d6d8e4;padding-left:5px;background-color:#ffffff;}

/*ERP*/

.ERP{line-height:240%; border-collapse:collapse; font-size:9pt;font-family:'verdana','Gulim'; border-bottom:1px solid #5e5e5e; border-right:1px solid #ccc; text-align:center;border-top:2px solid #5e5e5e;}
.ERP th{ color:#666666;border-bottom:1px solid #ccc; border-left:1px solid #ccc;background-color:#f5f5f5;}
.ERP .title {border-right:1.5px solid #5e5e5e;background-color:#f5f5f5;}
.ERP .title1{background-color:#f5f5f5;}
.ERP td{border-bottom:1px solid #ccc; border-left:1px solid #ccc;color:#333;background-color:white;}


.page_top{float:right; margin:0px 0px 10px 0px; padding:0px;}
.botton_text {background:url(../images/sub/table/botton1.gif) no-repeat;  float:left; margin:0px 0px 0px 7px; padding:4px 0px 3px 0px; width:37px;  border:0; font-size:9pt; color:#676767;}
.botton_text2 {background:url(../images/sub/table/botton2.gif) no-repeat;  float:left; margin:0px 0px 0px 7px; padding:3px 0px 1px 0px; width:59px;  border:0; font-size:9pt; color:#676767;}
.id_text {float:left;background:url(../images/sub/table/point_list.gif) left  8px no-repeat; margin:0px 0px 0px 15px; padding:0px 0px 0px 7px; display:inline;}
.id_text1{float:left;background:url(../images/sub/table/point_list.gif) left  8px no-repeat; margin:0px 0px 0px 15px; padding:0px 0px 0px 7px;  display:inline;}
.input_text {border:1px solid #bebebe; width:75px; height:15px;margin:0px 0px 0px 5px; padding:3px 0px 0px 0px; vertical-align:top;}
.tbl_style{border-top:2px solid #a0d95c;padding:0;margin:0;border-collapse:collapse;border-bottom:1px solid #a0d95c;}


