@font-face{font-family:'Nanum Gothic';font-style:normal;font-weight: 700;
src:url(../fonts/NanumGothic-Bold.eot);
src:url(../fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(../fonts/NanumGothic-Bold.ttf) format('truetype')}
@font-face{font-family:'Nanum Gothic';font-style:normal;font-weight: 400;
src:url(../fonts/NanumGothic-Regular.eot);
src:url(../fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
url(../fonts/NanumGothic-Regular.ttf) format('truetype')}
caption{ display:none}

/* body */
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: 400;
	background: #ffffff;
	color: #333;
}
body {
  overscroll-behavior: contain;
}
body::-webkit-scrollbar {
	display: none;
}

/* section */
.section {
	padding: 10px 0;
} 
.section-head {
	margin: 0 auto 5px auto;
}
.section-head h4 {
	margin-bottom: 5px;
}
.section-head i{font-size:18px;line-height:18px;color: #95073e;}
.section-head .underline {
	width: 100%;
	height: 2px;
	background: #038085;
	margin: 10px auto;
}

/* sub */
.sub {
    margin-bottom: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;}

/* margin */
.ml10{ margin-left:10px}
.mr10{ margin-right:0}
.mt5{ margin-top:10px}
.ml10_{ margin-left:8%}

/* height */
.h30{ height:30px}
.h50{height:50px}
.h60{height:60px; padding-top:12px;}

/* color */
.co0{ color:#000}
.color1{ color:#0054a6; font-weight:bold}
.color2{color:#f7921e; font-weight:bold}
.color3{color:#90c641; font-weight:bold}

/* h */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Nanum Gothic', sans-serif; font-weight: 700;
	padding: 0;
	margin: 0;
	color: #222;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
} 
h5 {
	font-size: 16px;
	line-height: 20px;
	font-weight:bold
}
h6 {
	font-size: 18px;
}
h5 span { float:right}

/* a */
a {
	text-decoration: none;
	color: #333;
}

/* p */
p {
	margin: 15px 0;
	line-height: 20px;
}

/* span */
span {
	color: #414141;
}

/* background */
.bg-second {
	background: #f4f4f4;
}

/* special */
.hidden{ display:none}

/* input */
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search] {
	background-color: transparent;
	border: none;
	border: 1px solid #ddd;
	border-radius: 0;
	outline: none;
	height: 3rem;
	font-size: 1rem;
	margin: 0;
	box-shadow: none;
	box-sizing: border-box;
	transition: all 0.3s;
	padding: 0 10px;
	background:#fff
}
/* 인풋 폭 */
input.wid70{width:70%;}
textarea,textarea.materialize-textarea {
	background-color: transparent;
	border: 1px solid #ddd;
	border-radius: 0;
	outline: none;
	width: 100%;
	font-size: 1rem;
	margin: 0 0 20px 0;
	padding: 12px 0;
	box-shadow: none;
	box-sizing: border-box;
	transition: all 0.3s;
	resize: none;
	padding: 10px;
}
.cntbox{width: 70px;    height: 35px;    text-align: center;}
input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border: 1px solid #ddd;
  box-shadow: none;
}	
::-webkit-input-placeholder { 
  color: #000;
}
::-moz-placeholder { 
  color: #000;
}
:-ms-input-placeholder { 
  color: #000;
}
:-moz-placeholder {
  color: #000;
}


/* 재 확인 시작 */

/*  */
.info_ti{font-size:14pt; font-weight:bold; color:#95073e}
.salesw{margin-top:7px; width:5%; float:left; text-align:center}
.salesw1{margin:7px 5.5% 0 5.5%; width:5%; float:left; text-align:center}



/*  */
.seartit{ float:left; margin-top:9px; font-weight:bold }
.seartit1{ float:left;  font-weight:400 }
.seartit2{ float:left;  font-weight:bold; font-size:15px }




/* Button */
.button-default {
	background: #ab436a;
	color: #ffffff;
	box-shadow: none;
	border-radius: 1px;
	margin: 20px 0px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #931c49;
	padding: 12px 0;
	display: inline-block;
	cursor: pointer;
	width: 20%;
	text-align: center;
	margin-left: 4%;
}

.button-default1 {
	background: #038085;
	color: #ffffff;
	box-shadow: none;
	border-radius: 1px;
	margin:0 0 20px 0px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #05666a;
	padding: 12px 0;
	display: inline-block;
	cursor: pointer;
	width: 100%;
	text-align: center;
}

.button-default1 a {
	color: #ffffff;
}

.button-default1:hover {
	background: #133d3f;
	opacity: 0.9;
	box-shadow: none;
}

.button-fullwidth {
	width: 100%;
	text-align: center;
}

.button-default a {
	color: #ffffff;
}

.button-default:hover {
	background: #7c0938;
	opacity: 0.9;
	box-shadow: none;
}


.form-control{display:block;width:100%;height:34px;padding:6px 3px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}



/* navbar */

.navbar-top {
	background: #fff;
	width: 100%;
	height:50px;
	padding:8px 20px;
	border-bottom: 2px solid #eeeeee;
	top: 0;
	right: 0;
	left: 0;
	text-align: center;
	position: fixed;
	z-index: 99;
}


.site-brand {
	text-align: center;
	display: inline-block;
	height: 40px;
	margin-top:7x;
	font-size: 12pt;
	font-weight:  bold;
}



.site-brand a h1 span {
	color: #e53934;
}

.side-nav a {
	font-size: 14px;
	height: 45px;
	padding: 0 16px;
}

.side-nav li.active {
	background: #fbfbfb;
}
.side-nav-panel-left {
	float: left;
	margin-top:4px;
}

.side-nav-panel-right {
	float: right;
	margin-top:5px;
}
.side-nav-panel-right a{
	color: #95073e;
	padding-top: 5px;
}
.side-nav-panel-right .collapsible {
	border: 0;
}

.side-nav-left {
	font-size: 28px;
	color: #009298;
}

.side-nav-left i,
.side-nav-right i,
.side-nav-right-icon i {
	font-size: 30px;
}

.side-nav-right-icon span i {
	font-size: 17px;
	margin-right: 10px;
}

.side-nav-panel {
	text-align: left;
	background: #fbfbfb;
}

.side-nav-panel .profil {
	background: linear-gradient( rgba(64, 71, 74, 0.1), rgba(64, 71, 74, 0.1));
	background-size: cover;
	padding: 50px 0 15px 18px;
	border-top: 0;
}

.side-nav-panel .profil img {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	border: 2px solid #ddd;
}

.side-nav-panel .profil h2 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 5px;
	cursor: default;
}

.side-nav-panel li a {
	color: #333;
	font-weight: normal;
}

.side-nav-panel li {
	font-weight: 700;
	border-bottom: 1px solid #f3f3f3;
	border-top: 1px solid #fefefe;
}

.side-nav-panel li:last-child {
	border-bottom: 0px solid #f5f5f5;
}

.side-nav-panel li.line{border-bottom: 2px #009498 solid}



.side-nav-panel .li-top {
	padding: 10px 0;
}

.side-nav-panel li a:hover {
	background: transparent;
}

.side-nav-panel li a i {
	margin: 15px 16px 0 0;
	font-size: 18px;
	color: #333333;
	line-height: 45px;
}
.side-nav-panel-left .collapsible {
	border: 0;
}

.side-nav .collapsible-body ul li a {
	font-weight: normal;
	color: #333;
	margin-left: 28px;
	font-size: 13px;
	line-height: 43px;
}

.side-nav .collapsible-header {
	padding: 0;
	color: #333;
	font-weight: normal;
	font-size: 14px;
}

.side-nav .collapsible-header > i {
	margin-right: 25px;
}

.side-nav .collapsible-header.active {
	border-bottom: 1px solid #f3f3f3;
}

.side-nav .collapsible-header:hover {
	background: transparent;
}

.side-nav .collapsible-header.active {
	background: #fbfbfb;
}

.collapsible-header i {
	width: auto;
	font-size: 18px;
	color: #333;
	margin-left: 17px;
	margin-top: 15px;
}

.collapsible-header span i {
	float: right;
	color: #666;
	font-size: 16px;
}





.cont{ margin-top:72px; margin-bottom:20px}



/* 재 확인 끝 */



/* 주문내역 */
 .item {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #E2E2E2;
	width:100%;
	float:left
}

.form-group{margin-bottom:15px}
.form-group1{ margin-left:1%; float:left; margin-bottom:15px}
.form-group2{text-align:center; float:left; width:100%}

.profile-holder {
    float: left;
    display: inline;
}
.info-holder {  margin-left:30px; font-size:15px;}
.info-holder p{ margin:0;  line-height:18px; font-size:15px;}
.info-holder p span{ line-height:18px; font-size:14px; float:right; font-weight:400}

.profile-holder1 {
    float: left;
    display: inline;
	margin-top:5px
}
.info-holder1 {  margin-left:40px; font-size:15px;}
.info-holder1 p{ margin:0;  line-height:18px; font-size:15px;}
.info-holder1 p span{ line-height:18px; font-size:14px; float:right; font-weight:400}


/* label */
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}
.label:empty{display:none}
.label-default{background-color:#999}
.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}
.label-primary{background-color:#428bca}
.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}
.label-success{background-color:#5cb85c}
.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}
.label-info{background-color:#5bc0de}
.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}
.label-warning{background-color:#f0ad4e}
.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}
.label-danger{background-color:#d9534f}
.label-danger1{background-color:#8c8887}

/* table */

/* 주문현황 */
table.notice{border-bottom:1px solid #e2e1e1; border-top: 1px solid #e2e1e1;  line-height: 20px; width:99%; margin-left:1%; font-size:10pt; }
table.notice th{text-align:center; border-bottom:1px solid #e2e1e1;font-weight:700; background:#fafafa}
table.notice tr:first-child{ border-top:0}
table.notice tr{ vertical-align:top;}
table.notice th.tl{ text-align:left}
table.notice th.tr{ text-align:right}
table.notice td{text-align:center; border-bottom: 1px solid #e2e1e1; padding:5% 1.5% }
table.notice td.tl{ text-align:left}
table.notice td.tr{ text-align:right}
	
/* 품목단가표 */
table.prdprice{border-bottom:1px solid #e2e1e1; border-top: 1px solid #e2e1e1;  line-height: 20px; width:99%; margin-left:1%; font-size:10pt; }
table.prdprice th{text-align:center; border-bottom:1px solid #e2e1e1;font-weight:700; background:#fafafa}
table.prdprice th.tl{ text-align:left}
table.prdprice th.tr{ text-align:right; }
table.prdprice tr:first-child{ border-top:0}
table.prdprice tr{ vertical-align:middle}
table.prdprice td{text-align:center; border-bottom: 1px solid #e2e1e1; padding:3% 2%}
table.prdprice td.tl{ text-align:left}
table.prdprice td.tr{ text-align:right; }

table.hp_prdprice{border-bottom:1px solid #e2e1e1; border-top: 1px solid #e2e1e1;  line-height: 20px; width:99%; margin-left:1%; font-size:10pt; }
table.hp_prdprice th{text-align:center; border-bottom:1px solid #e2e1e1;font-weight:700; background:#fafafa}
table.hp_prdprice tr:first-child{ border-top:0}
table.hp_prdprice tr{ vertical-align:middle}
table.hp_prdprice th.tl{ text-align:left}
table.hp_prdprice th.tr{ text-align:right;}
table.hp_prdprice td{text-align:center; border-bottom: 1px solid #e2e1e1; padding:3% 2%}
table.hp_prdprice td.tl{ text-align:left}
table.hp_prdprice td.tr{ text-align:right; font-size:11px}

table.hp_prdprice1{border-bottom:1px solid #e2e1e1; line-height: 20px; width:99%; margin-left:1%; font-size:10pt; }
table.hp_prdprice1 td{text-align:center; border-bottom: 1px solid #e2e1e1; padding:3% 2%}
table.hp_prdprice1 td.tl{ text-align:left}
table.hp_prdprice1 td.tr{ text-align:right; font-size:11px}

table.hp_prdprice2{border-bottom:1px solid #bebebe; line-height: 20px; width:99%; margin-left:1%; font-size:10pt; }
table.hp_prdprice2 tr{ border-top: 1px solid #bebebe; }
table.hp_prdprice2 tr.line{ border-top:1px dashed  #e2e1e1}
table.hp_prdprice2 tr.line1{ border-top:none}
table.hp_prdprice2 td{text-align:center; border-bottom: padding:3% 2%}
table.hp_prdprice2 td.tl{ text-align:left}
table.hp_prdprice2 td.tr{ text-align:right; font-size:11px}

table.hp_prdprice3{border-bottom:1px solid #e2e1e1; line-height: 20px; width:99%; margin-left:1%; font-size:10pt; }
table.hp_prdprice3 tr{border-top:1px solid #e2e1e1;}
table.hp_prdprice3 td{text-align:center; padding:3% 2%}
table.hp_prdprice3 td.tl{ text-align:left}
table.hp_prdprice3 td.tr{ text-align:right; font-size:11px}
table.hp_prdprice3 td.tr2{ text-align:right;}
table.hp_prdprice3 tr.line {border-top:2px solid #bebebe; }
table.hp_prdprice3 tr.line td{text-align:center; padding:3% 2%; font-weight:bold}

/*거래처원장상세 세로스크롤*/
table.hp_prdprice4{border-bottom:1px solid #e2e1e1; line-height: 20px; width:99%; margin-left:1%; font-size:10pt; }
table.hp_prdprice4 tr{border-top:1px solid #bebebe;}
table.hp_prdprice4 td.tl{ text-align:left}
table.hp_prdprice4 td.tr{ text-align:right;}
table.hp_prdprice4 tr.line1{ border-top:none}
table.hp_prdprice4 tr.line1 td{  text-align: center;}
table.hp_prdprice4 tr.line1 td.tl{text-align:left;  }
table.hp_prdprice4 tr.line1 td.tr{text-align:right; }
table.hp_prdprice4 tr.line{border-top:1px dashed  #e2e1e1}
table.hp_prdprice4 tr.line td{  text-align: center;}
table.hp_prdprice4 tr.line td.tl{text-align:left;  }
table.hp_prdprice4 tr.line td.tr{text-align:right;  }
table.hp_prdprice4 td.tl{ text-align:left}
table.hp_prdprice4 td.tr{ text-align:right;}

/* 고객정보,달력상세 */
table.contract{border-bottom:1px solid #e2e1e1; border-top: 1px solid #e2e1e1;  line-height: 20px; width:99%; margin-left:1%; font-size:10pt; }
table.contract th{text-align:center; border-bottom:1px solid #e2e1e1;font-weight:700; background:#fafafa}
table.contract th.tl{ text-align:left}
table.contract th.tr{ text-align:right}
table.contract tr:first-child{ border-top:0}
table.contract tr{ vertical-align:middle}
table.contract td{text-align:center; border-bottom: 1px solid #e2e1e1; padding:3% 1%}
table.contract td.tl{ text-align:left}
table.contract td.tr{ text-align:right}
table.contract td span.state10{ font-weight:bold; color:#00949b}
table.contract td span.state20{ font-weight:bold; color:#ff8f00}
table.contract td span.state30{ font-weight:bold; color:#95073e}
table.contract td span.state40{ font-weight:bold; color:#24a963}
table.contract td span.state90{ font-weight:bold; color:#e8c628}
table.contract td span.state99{ font-weight:bold; color:#848171}


table.inventoryprd{ float:left; width:100%}
table.inventoryprd tr{ border-bottom:1px solid #e2e1e1; }
table.inventoryprd th{ vertical-align:top}
table.inventoryprd tb span{ margin-bottom:5px; float:left}


.table-hover2{ height:370px;    overflow: auto;}

html { scrollbar-arrow-color: #efefef;

        scrollbar-Track-Color: #efefef; 
        scrollbar-base-color: #dfdfdf;

        scrollbar-Face-Color: #dfdfdf;

        scrollbar-3dLight-Color: #dfdfdf;         
        scrollbar-DarkShadow-Color: #dfdfdf;

        scrollbar-Highlight-Color: #dfdfdf;

        scrollbar-Shadow-Color: #dfdfdf}


::-webkit-scrollbar {width:5px; height:5px;  }
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment {display: block; width:5px;height:5px; background: url() rgba(0,0,0,.05);}
::-webkit-scrollbar-track {     background: rgba(0,0,0,.05); }
::-webkit-scrollbar-thumb {  background: rgba(0,0,0,.1);  }


.minw500{min-width:500px;}
.minw1000{min-width:1000px;}
.minw1200{min-width:1200px;}


#divHeadScroll {
	/* 
	 *  안의 내용이 790보다 길게 적용이 되므로 overflow-x, overflow-y를 hidden을 걸어줘서 설정한 가로너비만큼만 화면에 보이도록 잡아줍니다. 
	 */
	overflow-x: hidden;
	overflow-y: hidden;
 line-height: 20px; width:100%; }
.tblHead {
	/* 
	 *  Table의 필드명의 너비를 여기에서 지정합니다. 
	 *  필드명을 보여줄 테이블은 body보다 하나의 td를 더 가지며 마지막 td는 아무것도 입력하지 않고 크기만 잡아줍니다.
	 *  이렇게 하는 이유는 데이터를 보여주는 테이블은 세로 스크롤의 가로두께만큼 더 이동하기 때문입니다.
	 */
	table-layout: fixed;
	width:100%;
	height: 30px;
	border-collapse: collapse;
	text-align:center; border-bottom:1px solid #e2e1e1;font-weight:700; background:#fafafa;  border-top: 1px solid #e2e1e1;}

.well .tblHead th{text-align:center; font-size:14px;  padding:8px 3px;}
.well .tblHead th.tl{ text-align:left}
.well .tblHead th.tr{ text-align:right}
#divBodyScroll {
	/* 
	 *  overflow-x, overflow-y는 scroll로 지정하고,
	 *  height는 테이블의 데이터가 나올 기본 크기를 잡아줍니다.
	 *  세로길이를 잡아주지 않으면 overflow-y가 걸리지 않습니다.
	 */
	height:370px;
	overflow-x: scroll;
	overflow-y: scroll;
}
.tblBody {
	/* 
	 * tblBody의 데이터는 필요한 열의 수만큼만 만드시고 헤더와 col의 width는 동일해야 합니다.
	 */
	width:100%;
	table-layout: fixed;
	height: 30px;
	border-collapse: collapse;
}
.well .well table.tblBody th{text-align:center; border-bottom:1px solid #e2e1e1;font-weight:700; background:#fafafa; padding:8px 3px; border-top: 1px solid #e2e1e1;}
.well .well table.tblBody th.tl{text-align:left; }
.well table.tblBody th.tr{text-align:right; }
.well table.tblBody{ border-bottom: 1px solid #efefef; }
.well table.tblBody td{border-top: 1px solid #efefef;    padding:8px 3px;    text-align: center;}
.well table.tblBody td.tl{text-align:left; font-size:14px}
.well table.tblBody td.tr{text-align:right; font-size:14px}
.well table.tblBody tr.line td{  padding:8px 3px;    text-align: center; font-weight:bold; border-top:2px solid #efefef;}
.well table.tblBody tr.line td.tl{text-align:left; font-size:14px; font-weight:bold}
.well table.tblBody tr.line td.tr{text-align:right; font-size:14px; font-weight:bold}

.tblBody1 {
	/* 
	 * tblBody의 데이터는 필요한 열의 수만큼만 만드시고 헤더와 col의 width는 동일해야 합니다.
	 */
	width:100%;
	table-layout: fixed;
	height: 30px;
	border-collapse: collapse;
}

.well table.tblBody1{ border-bottom: 1px solid #bebebe; }
.well table.tblBody1 td{border-top: 1px solid #bebebe;    padding:8px 3px;    text-align: center;}
.well table.tblBody1 td.tl{text-align:left; font-size:14px}
.well table.tblBody1 td.tr{text-align:right; font-size:14px}

.well table.tblBody1 tr.co1{ background: #f2fbe1;}
.well table.tblBody1 tr.co2{ background: #fffbd7;}
.well table.tblBody1 tr.co3{ background: #fddddd;}

.well table.tblBody1 tr.line td{  padding:8px 3px;    text-align: center;  border-top:1px dashed  #e2e1e1}
.well table.tblBody1 tr.line td.tl{text-align:left; font-size:14px; }
.well table.tblBody1 tr.line td.tr{text-align:right; font-size:14px; }
.well table.tblBody1 tbody tr.line1 td{  padding:8px 3px;    text-align: center;  border-top:1px dashed  #e2e1e1}
.well table.tblBody1 tbody tr.line1{ border-top:none}
.well table.tblBody1 tbody tr.line1 td{  padding:8px 3px;    text-align: center; }
.well table.tblBody1 tbody tr.line1 td.tl{text-align:left; font-size:14px; }
.well table.tblBody1 tbody tr.line1 td.tr{text-align:right; font-size:14px; }


.table-responsive thead{table-layout: fixed;}
.table-responsive{width:100%;overflow-x:auto;	height:370px;	overflow-y: scroll; }
.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}
.table-responsive th{table-layout: fixed; text-align:center; border-bottom:1px solid #e2e1e1;font-weight:700; background:#fafafa; padding:4px 2px; border-top: 1px solid #e2e1e1;}
.table-responsive th.tl{text-align:left; }
.table-responsive th.tr{text-align:right; }
.table-responsive td{border-bottom: 1px solid #efefef;  padding:2px;    text-align: center;}
.table-responsive td.tl{text-align:left; font-size:14px}
.table-responsive td.tr{text-align:right; font-size:14px}


/* title */
.tit1{     text-align: center;
    width: 100%;
    background: #008e90;
    color: #fff;
    margin-top:50px;
    float: left;
    padding:10px 0;
    font-size: 16px;
    font-weight: bold;}
.tit1 span{ color: #fff;}
.tit{     text-align: center;
    width: 100%;
    background: #008e90;
    height:45px;
    color: #fff;
    margin-top:50px;
    float: left;
    padding-top:10px;
    font-size: 16px;
    font-weight: bold;}
.tit span{ color: #fff;}




/* 납품현황 */
.curren{ float:left; border-bottom: 1px solid #e2e1e1; width:100%;}
.curren p{float:left; text-align:left; font-weight:bold; width:39%; margin-left:1% }
.curren p.title {float:left;  width:100%; text-align:center;font-weight:bold;}
.curren ul{float:left; width:58%; margin-left:1%}
.curren ul li {float:left; width:100%}
.curren ul li span.itemC {float:left; width:68%; text-align:left}
.curren ul li span.volume{ float:left; width:32%;text-align:center}

.curren ul li.curr {float:left; width:100%; border-top:1px #e2e1e1 dashed; padding-top:10px; margin-top:10px}
.curren ul li.curr span.itemC {float:left; width:68%; text-align:left; font-weight:bold}
.curren ul li.curr span.volume{ float:left; width:32%;text-align:center; font-weight:bold}


.to-top {
    position: fixed;
    right: 15px;
    bottom: -100px;
    width: 50px;
    height: 50px;
    overflow: auto;
    line-height:24px;
    font-size: 20px;
    text-align:center;
    cursor: pointer;
   background: #038085;
    color: #fff;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    z-index: 111;
    border-radius: 5px;
    padding-top:10px}
.to-top a{ color:#fff; font-weight:bold}

/* 팝업 */
.Pstyle {
	opacity: 0;
	display: none;
	position: relative;
	padding:2%;
	background-color: #fff;
	width:90%;
	top:2px

}

.Pstyle {
	opacity: 0;
	display: none;
	position: relative;
	width:96%;
	padding:2%;
	background-color: #fff;

}

.b-close {

	display: inline-block;
	cursor: pointer;
}
.Pstyle p.tlt{ float:left;  color:#fff; font-weight:bold; text-align:left; font-size:18px; background:#ed5f12; padding:15px 10px;}
.Pstyle p.tlt span{ text-align:left; float:right}
.Pstyle p{ float:left;   width:100%; font-size:14px; text-align:justify}

.Pstyle .sech20  p{ float:left; width:100%; margin-top:80px; text-align:center;border:1px solid #fff;}
.Pstyle .sech20  p span{ float:left; width:100%; margin-top:20px; text-align:center}
.ite{ position:relative; height:354px; overflow:auto; float:left; width:100%; background:#fff }
.Pstyle1 {
	display: block;
	width: 100%;
	background: rgba(29, 28, 28, 0.74);
	height:100%;
	position:fixed;
	z-index:9999;
}
.Pstyle1 p{ float:left;  text-align:center; width:100%; margin-top:10%}




/* 로그인 */
.slider1 {margin-bottom:30px;float: left; width:100%; height:auto; margin-top:50px}


.slider1 img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}




.media-list1 li.media3{ float:left; border-top:1px  #ccc dashed;     width: 100%;   padding:2% 0 }
.media-list1 li.media3:first-child{border-top:none}

.media-list1 li.media4{ float:left; border-top:1px  #ccc dashed;     width: 100%;   padding:2% 0; font-weight:bold; color:#95073e }
.media-list1 li.media4 span{font-weight:bold; color:#95073e }

/* 주문등록 */
.media-list1{padding-left:0;list-style:none; float:left; margin-bottom:20px; width:96%; margin:1% 2%}
.media-list1 li{ float:left;   width: 100%;   padding:2% 0 }

.media-lis1{padding-left:0;list-style:none; float:left; margin-bottom:20px; width:96%; margin:10px 2%}
.media-lis1 li{ float:left;   width: 100%;   padding:5px 0 }





/* 품목 검색 팝업 */
.content{ background:#fff; padding:1% 2%;}
.content p.tlt {
    float: left;
    color: #fff;
    font-weight: bold;
    text-align: left;
    background: #008e90;
    padding: 5px 10px;
    width: 100%;
    font-size: 1.2em;}
	
.content p {
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    font-size: 14px;}
#popArea{ float:left; background:#fff;  width:100%; position:absolute; z-index:9999}


/* 비고 팝업 */
.Pstyle3 {
	opacity: 0;
	display: none;
	position: relative;
	width:96%;
	background-color: #fff;

}

.Pstyle3 textarea{ height:100px}
.Pstyle3 .content{padding:1% 2%; 0 2%}
.Pstyle3 .content p.tlt {
    float: left;
    color: #fff;
    font-weight: bold;
    text-align: left;
    background: #008e90;
    width: 100%;
    font-size: 1.2em;
	margin:0; padding:10px}
	
.Pstyle3 .content p {
    float: left;
    padding:0;
    text-align: center;
    width: 100%;
    font-size: 14px; margin:0 0 15px 0}
	
/* 프로세스 처리 진행 중 팝업 */
.content1{  padding:1% 2%;}	
.Pstyle2 {
	opacity: 0;
	position: relative;
	padding:5px;
	 background-color: rgba(19, 19, 19, 0);
	width:100%;
	display:none

}
.Pstyle2 p{ float:left; padding:5px 0;  text-align:center; width:100%; font-size:14px; color:#fff}  



.name1{ float:left; font-weight:400}
.name1 span{ text-align:left; margin-left:10px; font-weight:bold}