.sound-only, .screen_out, .sound_only { visibility:hidden;overflow:hidden;position:absolute;left:-9999px;width:0;height:0;font-size:0;line-height:0;}
#container { position:relative;width:100%;}
#wrap {display:block;margin:0 auto;width:1000px;overflow:hidden;}

/* Sub : ŸÀÌƲ, À§Ä¡ */
.sub_visual {display:block;width:100%;height:150px;background:url('../images/sub_visual.png') #E9E9E9 center no-repeat;}

#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('../images/common/home-icon.png') center no-repeat}
.location-gt {display:inline-block;float:left;width:30px;height:39px;background:url('../images/common/location-gt.png') 9px center no-repeat}

/*ÇöÀçÀ§Ä¡*/
#location-wrap {height:40px;line-height:40px;background:#454545}
#location-wrap ul {display:block;width:1000px;margin:0 auto;overflow:hidden;}
#location-wrap ul li {background:url('../images/common/location.png') right no-repeat}
#location-wrap ul li:last-child {background:none;}
#location-wrap ul li a {margin:5px 35px 0 20px;}
#location-wrap ul li a {color:#AAA}
#location-wrap ul li a:hover {text-decoration:underline}
#location-wrap ul li:first-child a {padding-left:25px;background:url('../images/common/home-icon.png')  left 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:800px;margin-left:200px;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:90px;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;}


/* 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;padding-top:2px;}
.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 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;}

/* ÆäÀÌ¡ */
.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}

/* °øÅë¿ä¼Ò */
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}


.align-left {text-align:left !important;padding-left:10px !important;}
.css_td1 { }

.form-print-dl { width:1200px;}
.form-print-dl dt {float:left;width:50%;text-align:center;}
.form-print-dl dd {float:right;width:50%;text-align:center;}
.form-print { width:1200px;padding:10px;text-align:center;}
.form-print .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}

.sub-write-area { /*display:none;*/}
.sub-write-area h4 { margin:10px 0 0;color:#000;font-size:16px;font-weight:600;}
.sub-new-area { display:none;position:relative;}
.sub-new-area-btn { display:none;}

.td_line_heigh1 {height:1px !important;background-color:#333;}

.login_su_ck, .login_bal_ck, .login_pw_ck {position:absolute;line-height:20px;vertical-align:top;}
.login_su_ck input, .login_bal_ck input, .login_pw_ck input {width:15px;height:13px;}
.login_su_ck { top:18px;left:260px;}
.login_bal_ck { top:35px;left:260px;}
.login_pw_ck { top:65px;left:260px;}

.notice_layer {position:absolute;display:none;width:600px;height:500px;overflow:auto;background-color:#fff;top:57px;border:2px solid #ccc;z-index:122;left:50%;margin-left:-250px;}

.div_app_name {display:none;background-color:#ccc;width:60px;height:24px;position:absolute;top:1px;left:101px;color:white;font-weight:bold;text-align:center;padding-top:5px;z-index:1;}

.div_app_choice {display:none;background-color:#ccc;width:160px;height:89px;position:absolute;top:1px;left:1px;color:white;font-weight:bold;}
.div_app_choice h3 {font-size:16px;margin:3px;}
.div_app_choice ul { margin:3px;padding:3px;}
.div_app_choice ul li {font-size:11px;float:left;margin-right:10px;margin-bottom:3px;}
.div_app_choice ul li input[type=radio] {font-size:12px;width:12px;height:12px;}
.div_app_choice a { position:absolute;left:65px;top:65px;padding:3px 7px 3px 7px;}

.close_button {width:100%;padding:20px 0 0 0;text-align:center;}
.close_button > input[type='button'] {padding:5px;border:1px solid #ccc;}

.content_hidden {display:none;}

.item_tab { margin-top:10px;}
.item_tab_navi { overflow: hidden;height:42px;border-bottom: 1px solid #999;}
.item_tab_navi a {
	display:block;float:left;margin-right:7px;width:120px;height:42px;
	font-size:1.125em;font-weight:600;text-align:center;line-height:42px !important;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:120px;height:41px;font-size:15px;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%; }
.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 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:15px;}

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

.cust_modal1, 
.cust_modal2 { border:0px solid #e1e1e1;width:700px;padding:10px;font-size:13px }
.cust_modal3 {width:1200px !important;}
.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; }
.input_readonly {background:#E9E9E9;}
.width_500 { width:500px !important;}
.width_80 { width:80px !important;}
.width_40 { width:40px !important;}
.width_20 { width:20px !important;}
.width_60 { width:60px !important;}
.width_120 { width:120px !important;}
.width_200 { width:200px !important;}
.width_300 { width:300px !important;}
.width_400 { width:400px !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;

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