.container_wrap {font-size:0.9em;}

#sub-title { margin-top:30px;height:39px;line-height:39px;border-bottom:1px solid #E1E1E1;}
#sub-title h2 {display:inline-block;float:left;color:#000;font-size:24px;}
.sub-location {float:right;font-size:13px;}
.sub-location a {display:inline-block;float:left;color:#999;}
.home {width:20px;height:39px;background:url('../img/home-icon.png') center no-repeat}
.location-gt {display:inline-block;float:left;width:30px;height:39px;background:url('../img/location-gt.png') 9px center no-repeat}

#sub-contents-area {/*margin-top:10px*/}

/* Sub : 거래처정보  */
.sub-btn-area {position:relative;margin-top:10px;height:28px}
.sub-btn-area .sub-notice {position:absolute;left:0}
.sub-btn-area .sub-btn {position:absolute;left:0;top:0px;font-size:13px;font-weight:600;}
.sub-btn-area .sub-btn > select { margin-right:5px;}
.sub-btn-area .sub-btn-search {text-align:right;width:1100px;margin-left:100px;position:relative;}

.sub-btn-area3 h3 {margin-top:10px;margin-bottom:10px;line-height:21px;font-size:21px}

.sub-notice {height:28px;font-size:14px}
.sub-notice dt, .sub-notice dd {float:left;line-height:28px}
.sub-notice dt {width:90px;text-align:center;font-size:15px;font-weight:600;background:url('./images/common/sub-notice-tab.png') right no-repeat}
.sub-notice dd {line-height:38px}
.sub-notice dd .title {float:left;width:200px;padding-left:20px}
.sub-notice dd .date {float:right;width:100px}

.sub-btn a, .sub-btn-foot a {
	display:inline-block;margin-left:5px;width:100px;height:28px;line-height:28px;color:#FFF;font-size:13px;text-align:center;font-weight:600;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.sub-btn a:first-child, .sub-btn-foot a:first-child {margin-left:0}
.sub-btn-foot a.right {float:right}

/* Sub : 검색 */
.sub-order-area {margin-top:20px;position:relative;}
.sub-order-area h3 {margin-bottom:10px;line-height:21px;font-size:21px}
.sub-order-area h3 span {float:right;font-size:13px;}
.sub-order-area h3 span em {font-weight:600}
.form-search {height:49px;border-top:2px solid #000;border-bottom:1px solid #E1E1E1;}
.form-search dt {float:left;width:160px;text-align:center;line-height:49px;font-weight:600;background:#f7f7f7}
.form-search dd {float:right;width:780px;line-height:49px}

#select_box1, #select_box2 {position:relative;float:left;margin:10px 5px 0 0;border:1px solid #E1E1E1;background:url('../images/common/select_arrow.png') no-repeat}
#select_box1 {width:100px;height:28px;background-position:75px center}
#select_box2 {width:70px;height:28px;background-position:48px center}
#select_box1 .order_date, 
#select_box2 .deliver,
#select_box2 .listcol 
{position:absolute;top:0px;left:10px;height:28px;line-height:28px}
#select_box1 #order_date, #select_box2 #deliver, #select_box2 #listcol {width:100%;height:25px;min-height:20px;line-height:20px;cursor:pointer;opacity: 0;filter: alpha(opacity=0)}

.form-search .light-blue-btn {display:inline-block;margin-right:1px;width:50px;height:28px;line-height:28px;text-align:center;color:#FFF;background:#5994cc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.form-search .search_date {margin:0 2px 0 5px;padding-left:5px;width:90px;height:28px;line-height:28px;border:1px solid #E1E1E1;}
.form-search .calendar {display:inline-block;width:24px;height:28px;line-height:28px}
.form-search .black-btn {display:inline-block;margin-left:5px;width:80px;height:28px;line-height:28px;text-align:center;color:#FFF;font-weight:600;background:#000;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.form-search .gray-btn {display:inline-block;margin-left:5px;width:80px;height:28px;line-height:28px;text-align:center;color:#FFF;font-weight:600;background:#777;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}

.css-label {display:none;}


/* 탭 영역  */
.item_tab { margin-top:10px;}
.item_tab_navi { overflow: hidden;height:41px;border-bottom: 1px solid #999;}
.item_tab_navi a {
	display:block;float:left;margin-right:5px;width:100px;height:42px;
	font-size:1.025em;font-weight:600;text-align:center;line-height:42px;cursor:pointer;
	box-shadow:inset 0px 1px 1px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(0.09, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 90%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 90%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 90%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 90%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 90%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.item_tab_navi a span { position:absolute;display:block;width:100px;height:41px;font-size:10.5px;border:1px solid #ddd;border-bottom:0px;}
.item_tab_navi a.on span { 
	border:1px solid #999;border-bottom:0px none;padding-bottom: 1px;
	background:#fff;
	-webkit-transition: .3s;
	transition: .3s;
 }

 /* 리스트 테이블 */

.div-list-area { margin-top:20px;}
.cust-list-area { overflow-x:auto;border-top:1px solid #e0e0e0;}
.order-sheet2 { /*width:1350px;*/table-layout: fixed;width:100%;/* font-size:0.9em;*/}
.order-sheet2 tr {border-right:1px solid #E1E1E1;}
.order-sheet2 th {height:30px; line-height:30px; text-align:center; font-weight:600; border-bottom:1px solid #E1E1E1; background:#f7f7f7; border-left:1px solid #E1E1E1; }
.order-sheet2 td {height:30px; line-height:30px; text-align:center; border-bottom:1px solid #E1E1E1;border-left:1px solid #E1E1E1;}
.order-sheet2 td input[type=text] {padding:0 5px; width:170px; height:24px; line-height:24px}
.order-sheet2 td input.long-text {width:810px}
.order-sheet2 .step span {font-weight:600}
.order-sheet2 td.dark-border {border-bottom:1px solid #888}
.order-sheet2 td.total-bgcolor {color:#333; font-weight:600; background:#9ac4eb}
.order-sheet2 td.cost {padding-right:3px; text-align:right}
.order-sheet2 th.cost {padding-right:3px; text-align:right}
.order-sheet2 td.linetxt {padding-left:3px; text-align:left}
.order-sheet2 td.tcenter {padding-right:3px; text-align:center}
.order-sheet2 td.beginning-balance {color:#2f6ba9; font-size:14px; font-weight:600; background:#FFC}
.order-sheet2 tfoot th, .order-sheet tfoot td {height:36px; line-height:36px;  text-align:center; font-weight:600; border-bottom:1px solid #000; background:#E8E8E8}
.order-sheet2 .class_td_tfoot {height:36px; line-height:36px;  text-align:center; font-weight:600; border-bottom:1px solid #000; background:#E8E8E8}
.order-sheet2 .class_td_tfoot td{border-bottom:1px solid #333 !important; }
.order-sheet2 tfoot th {background:#E1E1E1}
.order-sheet2 tfoot td {font-size:14px;}

.paging_sel_class { width:80px;}
.group-add-btn { width:25px;padding:3px 0px;}
.glass_class {cursor:pointer;}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;width:32px;height:32px;line-height:32px;color:#000;font-size:13px;text-align:center;letter-spacing:0;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#f7f7f7;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:600}

/* Sub : 테이블 */
.order-sheet-area {margin-top:10px; width:960px; border-top:2px solid #000}
.order-sheet {width:100%}
.order-sheet th {height:30px; line-height:30px; text-align:center; font-weight:600; border-bottom:1px solid #E1E1E1; background:#f7f7f7}
.order-sheet td {height:30px; line-height:30px; text-align:center; border-bottom:1px solid #E1E1E1}
.order-sheet td input[type=text] {padding:0 5px; width:170px; height:24px; line-height:24px}
.order-sheet td input.long-text {width:810px}
.order-sheet .step span {font-weight:600}
.order-sheet td.dark-border {border-bottom:1px solid #888}
.order-sheet td.total-bgcolor {color:#333; font-weight:600; background:#9ac4eb;}
.order-sheet td.cost {padding-right:3px; text-align:right}
.order-sheet th.cost {padding-right:3px; text-align:right}
.order-sheet td.linetxt {padding-left:5px; text-align:left}
.order-sheet td.addcolor {background:#FFFFE0;text-align:right;padding-right:10px;}
.order-sheet td.beginning-balance {color:#2f6ba9; font-size:14px; font-weight:600; background:#FFC}
.order-sheet tfoot th, .order-sheet tfoot td {height:36px; line-height:36px;  text-align:center; font-weight:600; border-bottom:1px solid #000; background:#E8E8E8}
.order-sheet .class_td_tfoot {height:36px; line-height:36px;  text-align:center; font-weight:600; border-bottom:1px solid #000; background:#E8E8E8}
.order-sheet .class_td_tfoot td{border-bottom:1px solid #333 !important; }
.order-sheet tfoot th {background:#E1E1E1}
.order-sheet tfoot td {font-size:15px;}

.step-contents {margin:0 auto;width:700px}
.step-contents a {display:block;float:left;margin-left:-9px;width:140px;height:27px;line-height:27px;color:#FFF;background:url('../images/common/step-contents.png') no-repeat}
.step-contents a.step-finish {background-position:center 0;cursor:default;}
.step-contents a.step-ongoing {background-position:center -30px;cursor:default;}
.step-contents a.step-prearrange {background-position:center -60px;cursor:default;}

/* 공통 요소 */

select{
	width:100px;height:24px;
	border:1px solid #cfcfcf;
	border-radius:2px;
	background: #fff;
}
 input[type='text'], textarea { border:1px solid #e0e0e0;height:22px;}

.cost {/*font-size:14px;*/text-align:right}
.light-blue {color:#5a94ce;font-weight:600}
.blue {color:#4d6288;font-weight:600}
.red {color:#E30000;font-weight:600}
.orange {color:#ff5000;font-weight:600}
.gray {color:#656565}
.black {color:#000;font-weight:600}
.blue0 {color:#2f6ba9;}
.red0 {color:#E30000;}

a.lignt-blue-btn {background:#5a94ce}
a.lignt-blue-btn2 {background:#5a94ce}
a.blue-btn {background:#2f6ba9}/*2f6ba9*/
a.gray-btn {background:#656565}
a.black-btn {background:#353535}


.cust_modal1, 
.cust_modal2 { border:0px solid #e1e1e1;width:1200px;padding:10px;font-size:13px;}
.cust_modal3 {width:1200px !important;}
.cust_modal4 {width:100%;margin:20px;}
.cust_modal1 h4, 
.cust_modal2 h4 { position:relative;top:-5px;font-size:14px;font-weight:bold;}
.cust_modal2 { margin-top:0px;}
.table-top-border tbody { border-top:1px solid #e1e1e1;}
.cust_modal1 table tbody td,
.cust_modal2 table tbody td { text-align:left;padding-left:5px; }
.cust_modal1 table tbody td input,
.cust_modal2 table tbody td input{ border:1px solid #e9e9e9; }
.cust_modal1 strong { color:#ff3061; font-weight:bold; }
.input_readonly {background:#E9E9E9;}
.width_40 { width:40px !important;}
.width_60 { width:60px !important;}
.width_80 { width:80px !important;}
.width_100 { width:100px !important;}
.width_120 { width:120px !important;}
.width_150 { width:150px !important;}
.width_180 { width:180px !important;}
.width_200 { width:200px !important;}
.width_220 { width:220px !important;}
.width_280 { width:280px !important;}
.width_300 { width:300px !important;}
.width_400 { width:400px !important;}
.width_500 { width:500px !important;}
.width_pname { width:145px !important;}
.width_pnorm { width:115px !important;}
.width_punit { width:40px !important;}
.width_pqty { width:30px !important;}
.width_pprice { width:60px !important;font-size:10px;text-align:right;}

.width_psump_amt { width:75px !important;font-size:10px;text-align:right;}
.width_pvat { width:55px !important;font-size:10px;text-align:right;}
.width_ptot_amt { width:75px !important;font-size:10px;text-align:right;}
.width_premarks { width:85px !important;}
.width_ptaxno { width:105px !important;}
.width_pdate { width:105px !important;font-size:11px;}

.ori_line_div {display:none;}

.td_sugum_class { color:blue;}
.click_edit {cursor:pointer;}
.sale_list_area {overflow-x:hidden;max-height:300px;border-top:0px; }
#sum_select {position:absolute;top:5px;right:16px;}

.cust_sum_class { background:#D3E7FF; padding-left:20px;}
.cost_color_db { color: darkblue; font-size:1.1em; }

input[name='statebt'] {padding:5px 10px 5px 10px; border:0px solid #e0e0e0; background:#f0f0f0; }
.blue1 {color:#3b7de1;font-weight:bold;}
.green1 {color:#6c9f13;font-weight:bold;}
.orange1 {color:#F60;font-weight:bold;}
.black1 {color:#000;font-weight:bold;}
.red1 {color:#F00;font-weight:bold;}
.light_gray1 {color:#939393;font-weight:bold;}

.blueBtn {background:#3a6ab2 !important;color:#fff !important;}
.grayBtn {background:#939393 !important;color:#fff !important;}
.redBtn {background:#f36054 !important;color:#fff !important;}
.blackBtn {background:#000 !important;color:#fff !important;}
.light_blueBtn {background:#84a9e3 !important;color:#fff !important; }

.ta_padding {padding:10px;}
.ta_margin {margin:20px;}

.padd_5px { padding:5px !important; }
.padd_3px { padding:3px !important; }
.ori_img { display:none; }
.help_info { font-size:0.85em;color:#999; }
.meta_ta { width:1000px;height:200px;margin-top:5px;}

.bank_table { margin:5px 5px; border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; }
.bank_table th, .bank_table td { border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }

.btn_frmline {display:inline-block;padding:0 7px;height:24px;border:0;background:#444;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle;line-height:2em; cursor:pointer;} /* 우편번호검색버튼 등 */
.btn_frmline2 {margin-left:5px;margin-top:5px;display:inline-block;padding:0 7px;height:24px;border:0;background:#444;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle;line-height:2em; cursor:pointer;} /* 우편번호검색버튼 등 */
.tcenter2 {text-align:center !important;padding-left:0px !important; }
.content_class {min-height:200px !important;}

.notice_class td { font-weight:bold; background:#f9f9f9; }
.cursor_p { cursor:pointer; }

.price_explain_div { padding:13px; background:#f0f0f0; }
.ul_updown_list li { float:none !important; line-height:23px; }
.price_engine { margin:10px;  }
.price_engine dt { font-weight:bold; text-decoration: underline; margin-top:10px; }
.price_engine dd ul {list-style:disc;}
.price_engine dd ul li { margin-left:20px;}
.font-weight-bold { font-weight:600; }

.ch_red_btn { font-size:12px; border:0px; background:#ff3061; padding:5px; color:#fff; cursor:pointer; }

.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}