@charset "utf-8";

/* 초기화 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700');
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

* {box-sizing: border-box;}

/*
body {margin:0; font-family:"Noto Sans KR", "맑은고딕", 'Malgun Gothic', 돋음체,  Dotum; font-size:12px; background: url(img/subBg.jpg) repeat;}
*/

body {margin:0; font-family:"Noto Sans KR", "맑은고딕", 'Malgun Gothic', 돋음체,  Dotum; font-size:12px;}

DIV.main-gnb {
	WIDTH: 100%; HEIGHT: 50px; background: #07B53B;
}
DIV.main-gnb * {
	PADDING-BOTTOM: 0px;  MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 5px;
}
DIV.main-gnb img {
	PADDING-BOTTOM: 0px;  MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 5px; PADDING-TOP: 5px; 
}

/*** 기본 태그 스타일 ***/
body,table,textarea,input,select {
	font-family:"Noto Sans KR", "맑은고딕", 'Malgun Gothic', 돋음체,  Dotum; font-size:12px; color:#444;
}
img		{border:0px;}
form	{display:inline;}


/*** 하이퍼링크 ***/
a		{text-decoration:none; color:#000000;}
a:hover {text-decoration:none; color:#006697;}
a.white			{text-decoration:none; color:#FFFFFF;}
a.white:hover	{text-decoration:none; color:#FFFFFF;}


/*** 색상 ***/
.white {color:#ffffff}
.black {color:#000000}
.gray44 {color:#444444}
.greenp {color:#b8e91d}
.bluep {color:#84ccff}
.3CA {color:#3CA701}
.ACA {color:#ACACAC}


/*** 리스트형 테이블 레이아웃 ***/
.rnd {
	border-left:2px solid #ffffff;
	border-right:2px solid #ffffff;
	background-color:#657178;
	height:1px;
}
.rndbg {
	background: #aaa;
	letter-spacing:-1px;
	font-size:10px;
	padding-top:2px;
	height:26px;
	color:#ffffff;
	font-weight:400;
}
.rndbg th { 
	font-weight:400;
}
.rndline {
	height:1px;
	background-color:#DCD8D6;
}

.rndline2 {
	padding-top:3px;
	background-color:#cccccc;
}


/*** 영문폰트 ***/
.eng	{font:8pt 굴림;}
.engb	{font:bold 8pt 굴림;}
.end1	{font:8pt 돋움;letter-spacing:-1.0px;}
.ver9	{font:9pt verdana;}
.ver92	{font:9pt verdana;letter-spacing:-1.2px;}
.ver90	{font:9pt verdana;letter-spacing:-1.0px;}
.ver8	{font:8pt verdana;}
.ver81	{font:8pt verdana;letter-spacing:-1.8px;color:#444444;}
.ver811	{font:8pt verdana;letter-spacing:-1.8px;}
.ver7	{font:7pt verdana;letter-spacing:0px;}
.ver71	{font:7pt verdana;letter-spacing:-1.8px;}
.ta7	{font:7pt tahoma;letter-spacing:0px;}
.ta8	{font:8pt tahoma;letter-spacing:0px;}

/*** 색상 ***/
.white	{color:#FFFFFF;}
.blue	{color:#006594;}
.red	{color:#B50000;}
.gray	{color:#7D7D7D;}

/*** 포인터 ***/
.hand	{cursor:pointer;}

/*** 스크롤 ***/
.scroll	{
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#AFAFAF;
	scrollbar-highlight-color:#AFAFAF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#F7F7F7;
	scrollbar-arrow-color:#838383;
}

/*** 폼박스 보더 ***/
.line	{border:1px solid #cccccc; height:22px; padding-top:3px; padding-left:4px;}
.lline	{border:1px solid #cccccc; width:100%; height:22px; padding-top:3px; padding-left:4px;}
.rline	{border:1px solid #cccccc; height:22px; padding-top:3px; padding-left:4px;text-align:right;}
.cline	{border:1px solid #cccccc; height:22px; padding-top:3px; padding-left:4px;text-align:center;}
.tline	{border:1px solid #cccccc; padding-top:3px; padding-left:4px;}
.null	{border:0;}

/*** 폼박스 셀 ***/
.cellC {
	color:#333333;
	background:#EFEFEF;
	font:9pt tahoma;
	width:120px;
	text-align:left;
	padding-left:10px;
	padding-top:7px;
	font-weight:bold;
	letter-spacing:-1;
}
.cellL {padding-right:6px;padding-left:10px; background:#FFF;}
.cellR {text-align:right;padding-left:10px;}

/*** 폼박스 기본 설정 ***/
form input {border:1px solid #cccccc;  height:20px; }
form textarea {border:1px solid #cccccc;}
form .noline input {border:0px; }
form .button {
	margin:30px;
	text-align:center;
	letter-spacing:10px;
}
form .button input {border:0px;}

form .button_top {
	margin-top:10px;
	text-align:center;
}
form .button_top input {border:0px;}

form .button_popup {
	margin-top:10px;
	text-align:center;
}
form .button_popup input {border:0px;}

form select {border:1px solid #cccccc; height:25px;}


/*** 서브 메뉴 타이틀 ***/
.title {
	margin:20px 0px 8px 0px;
	padding:5px 8px 0px 8px;
	font-weight:bold;
	font-family:Dotum;
	font-size:14px;
	height:26px;
	letter-spacing:-1px;
}
.title_top {
	background:#aaa; margin-top:10px;
	color:#FFF;
}
.title_bottom {
	background:#1A2F63; margin-top:10px;
	color:#FFF;
}


/*** 왼쪽메뉴 네비게이션 ***/
div.left-menu {background:#FFF7F7;display:inline-block; vertical-align:top; padding:30px 10px 10px 10px; margin-right:0px; width:200px;}
div.left-menu h4 {margin:0;padding:4px 0 7px 10px;background:#EFEFEF;border-bottom:solid 0px #EBEBEB;font-size:14px;color:#333;letter-spacing:-1px;font-weight:bold;}
div.left-menu h4.fold {background:#aaa}
div.left-menu ul {margin:0;padding:0 5px 10px 5px;list-style:none;border-bottom:0px solid #ccc;}
div.left-menu ul li {font-size:14px; color:#666666;letter-spacing:-1px;padding:3px 0 3px 5px;border-bottom:solid 0px #E0E0E0;}
div.left-menu ul li.noborder {border-bottom:0}
div.left-menu ul li a {font-size:14px;color:#666666;}


	.ui-datepicker{ font-size:12px; }
	.ui-datepicker select.ui-datepicker-month{ width:30%; font-size: 11px;}
	.ui-datepicker select.ui-datepicker-year{ width:40%; font-size: 11px; }

/* 우측 메인 영역 */

.main_area {margin-top:30px; width:calc(100% - 204px); display:inline-block; padding:0 15px;}
.page_title {BORDER-BOTTOM: #aaa 1px solid; PADDING-BOTTOM: 3px; MARGIN: 0px 0px 20px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 16px}

/* 버튼 */

.btn_search {border-radius:3px;background:#19CE60; color:#FFF; padding:3px 8px 3px 8px;cursor:pointer;font-weight:400;font-size:12px;}
.btn_delete {border:3px solid #FFF;border-radius:3px;background:#f20c49; color:#FFF; padding:3px 10px 8px;cursor:pointer;font-weight:400;font-size:14px;}
.btn_insert {border:3px solid #FFF;border-radius:3px;background:#666; color:#FFF; padding:5px 15px 8px;cursor:pointer;font-weight:400;font-size:14px;}
.btn_list {border:3px solid #FFF; border-radius:3px;background:#1A2F63; color:#FFF; padding:5px 15px 8px;cursor:pointer;font-weight:400;font-size:14px;}
.btn_mes {border:3px solid #FFF; border-radius:3px;background:#F20C49; color:#FFF; padding:5px 15px 8px;cursor:pointer;font-weight:400;font-size:14px;}
.btn_delivery {border:1px solid #333; border-radius:3px;background:#EFEFEF; color:#333; padding:3px 8px 3px 8px;cursor:pointer;font-weight:400;font-size:12px;}
.btn_view {border:1px solid #333; border-radius:0px;background:#FFF; color:#666; padding:3px 3px 1px;cursor:pointer;font-weight:400;font-size:12px;line-height:1em;}
.btn_add {border:1px solid #666; border-radius:0px;background:#FFF; color:#666; padding:3px 3px 1px;cursor:pointer;font-weight:400;font-size:12px;line-height:1em;}
.btn_del {margin-left:5px;border:1px solid #666; border-radius:0px;background:#FFF; color:#666; padding:0px 3px 1px;cursor:pointer;font-weight:400;font-size:10px;line-height:1em;}

.btn_del_prod {border:1px solid #aaa; border-radius:3px;background:#FFF7F7; color:#666; padding:2px 5px;cursor:pointer;font-weight:400;font-size:12px;}
.btn_order_prod {border:1px solid #aaa; border-radius:3px;background:#EFEFEF; color:#666; padding:2px 5px;cursor:pointer;font-weight:400;font-size:12px;}
.btn_date {border:1px solid #aaa; border-radius:3px;background:#EFEFEF; color:#666; padding:2px 5px;cursor:pointer;font-weight:400;font-size:12px;}
.btn_pending {border:1px solid #aaa; border-radius:3px;background:#EFEFEF; color:#666; padding:2px 5px;cursor:pointer;font-weight:400;font-size:12px;}
.btn_accept {border:1px solid #aaa; border-radius:3px;background:#666; color:#FFF; padding:2px 5px;cursor:pointer;font-weight:400;font-size:12px;}


.menu_location {color: #444444; font-size: 11px}

.dev_note {font-size:14px; padding-top:10px; color:#666; line-height:1.5em;border-top:2px solid #333;}
.work_memo  {background:#666;color:#FFF;padding:3px 5px;border-radius:3px;font-size:10px}
.work_root  {background:#FFF;color:Blue;padding:3px 5px;font-size:10px}

#cover_paper_size {width:100px;text-align:center;}

.display_none {display:none;}
input:placeholder {color:Blue; font-size:12px;}
input::placeholder {
  color: #7FAAD4;
  font-style: normal;
  font-size:12px;
}
textarea::placeholder {
  color: #7FAAD4;
  font-style: normal;
  font-size:12px;
}