@import url( com.css);
@import url( 'block/header.css');
@import url( 'block/login.css');

body { margin: 0px; padding: 0px; background: url( '/html/images/sub-bg.jpg') center top repeat-x; background-position:fixed; }

#wrap { width: 100%; text-align: center; }
#container { display: inline-block; margin: 0 auto; width: 1240px; }
#container div.leftmenu { clear: both; float: left; width: 220px; text-align: left; margin-top: 0px; }
#container div.leftmenu div.title { clear: both; float: left; width: 220px; font-size: 16px; font-weight: bold; margin-top: 0px; padding: 6px 0 6px 0; text-align: center;
	background: #83afce; color: #fff; }
#container div.leftmenu ul.menu { clear: both; float: left; width: 220px; margin-top: 0px;
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */
}
#container div.leftmenu ul.menu li { clear: both; float: left; width: 200px; padding: 4px 10px 4px 10px; font-size: 14px; border-bottom: 1px dotted #ccc; }
#container div.leftmenu ul.menu li { line-height: 160%;  font-size: 14px; margin-right: 0px; }
#container div.leftmenu ul.menu li a { font-size: 16px; }
#container div.leftmenu ul.menu li.on { text-decoration: italic; font-weight: bold; }
#container div.leftmenu ul.menu li.on a { color: #83afce; text-decoration: italic; font-weight: bold; }

div.cmenu { float: right; width: 220px; margin-top: 10px; }
div.cmenu ul { float: left; width: 220px; }
div.cmenu ul li {
	clear: both;
	display: inline-block;
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */
}
div.cmenu ul li.customer { clear: both; width: 220px; *width: 212px; height: 136px; *height: 128px; margin-top: 0px; border: 4px solid #ccc; }
div.cmenu ul li.customer h1 { clear: both; float: left; margin: 4px 10px 2px 10px; font-family: Arial; font-size: 20px; font-weight: bold; color: #929292; }
div.cmenu ul li.customer h1 span { font-size: 20px; font-family: Arial; color: #ff6600; }
div.cmenu ul li.customer span.phone { clear: both; float: left; width: 220px; *width: 212px; margin: 4px 10px 2px 10px; font-size: 19px; font-weight: bold; color: #ff9900; }
div.cmenu ul li.customer span.fax { clear: both; float: left; width: 220px; *width: 212px; margin: 2px 10px 3px 10px; font-size: 19px; font-weight: bold; color: #ff9900; }
div.cmenu ul li.customer span.text { clear: both; float: left; width: 80%; margin: 2px 10px 0 10px; font-size: 12px; }

div.cmenu ul li.delivery { clear: both; width: 220px; *width: 212px; height: 121px; *height: 113px; margin-top: 9px; border: 4px solid #ccc; }
div.cmenu ul li.delivery h1 { clear: both; float: left; margin: 10px 10px 10px 10px; font-size: 20px; font-weight: bold; color: #929292; }
div.cmenu ul li.delivery h1 span { font-size: 20px; color: #ff6600; }
div.cmenu ul li.delivery div { clear: both; float: left; margin: 2px 10px 2px 10px; width: 91%; }
div.cmenu ul li.delivery span.text { float: left; font-size: 12px; }
div.cmenu ul li.delivery span.time { float: right; color: #ff6600; margin-top: -2px; font-size: 14px; font-weight: bold;  }

#container div.location { float: right; width: 1000px; line-height: 200%; text-align: left; margin-top: 0px;
	background: #eee;
	border: 1px solid #ccc;
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */

}
#container div.location div.title { float: left; display: inline-block; width: 40%; font-size: 20px; line-height: 150%; margin-left: 8px; font-weight: bold;  }
#container div.location div.path { float: right; display: inline-block; width: 55%; font-weight: bold; margin: 6px 8px 2px 0px; text-align: right; }
#container div.contents { float: right; width: 1000px; margin-top: 10px; text-align: left; background: #fff; }

#footer { clear: both; width:100%; height: 80px; margin-top: 30px;  }
#footer div.wrap { clear: both; margin:0 auto; width: 1240px; padding-top: 10px; border-top: 1px dotted #dedede; text-align: center; }

/* 입력폼 */
select { font-size:12px; padding: 1px; *padding: 2px 1px 2px 1px; border: 1px solid #d3d3d3; vertical-align: middle; }
input { font-size:12px; padding: 2px; *padding: 3px 2px 3px 2px; border: 1px solid #d3d3d3; vertical-align: middle; }
input[type=password] { font-size:12px; padding: 2px; border: 1px solid #d3d3d3; }
input[type=file] { font-size:12px; padding: 2px; border: none; }
input[type=button] { -webkit-appearance: none; background-color: #ccf2cc;  border: 1px solid #d3d3d3; margin: 0px; padding: 2px 4px 2px 4px; *padding: 0px; color: #000000; cursor: pointer; }

/* 입력폼 */
button { background-color: #ccf2cc;  border: 1px solid #d3d3d3; margin: 1px; padding: 4px; *padding: 0px; color: #000000; cursor: pointer; }
button.small { background-color: #ccf2cc;  border: 1px solid #d3d3d3; margin: 1px; padding: 4px; color: #000000; cursor: pointer; }

ul, li, ol { list-style: none; }
.subullet { padding-left: 16px; background: url("/html/_image/bullet_arrow.gif") no-repeat left top; font-weight:bold; }

/* 페이징 */
div.groups { float:left; margin:1px; }
.pagelist a { font-size:12px; text-decoration:none; }
.pagelist a:hover { text-decoration:underline; }
.pagelist a.page { padding-left:6px; padding-right:6px; }
.pagelist a.select { font-size:12px; font-weight:bold; color:red; }

div.search { padding: 7px; border: 1px solid #ababab; background: #eeeeee; }
div.search1 { padding: 7px; border: 1px solid #ababab; background: #eeeeee; }
div.search2 { padding: 7px; border: 1px solid #ababab; background: #eeeeee; }

div.listhead { clear: both; float: left; width: 100%; }
div.listhead div.total { float: left; width: 50%; }
div.listhead div.page { float: right; width: 50%; }

.ui-dialog-buttonpane button { height: 32px; padding: 5px; }


@media only screen and ( max-width: 1280px) {
	body { width: 100%; overflow-x: auto; }
	#wrap { width: 1024px; margin: 0 auto; text-align: center; }
	div.leftmenu { display: none; }
	#container { width: 1024px; margin: 0 auto; }
	#container div.location { float: none; margin: 0 auto; display: inline-block; width: 1000px; }
	#container div.contents { float: none; margin: 0 auto; display: inline-block; width: 1000px; margin-top: 10px; }

	#header { width: 1024px; margin:0 auto; height: 115px; }
	#footer { clear: both; 1024px; margin:0 auto; height: 80px; margin-top: 30px;  }
	#footer div.wrap { clear: both; margin:0 auto; width: 1000px; padding-top: 10px; border-top: 1px dotted #dedede; text-align: center; }
		
	*::-webkit-scrollbar {
		width:16px;
	}
	*::-webkit-scrollbar-thumb {
		background-color: #dddddd;
	}
	*::-webkit-scrollbar-thumb:hover {
		background-color: #eeeeee;
		border:1px solid #cccccc;
	}
	*::-webkit-scrollbar-thumb:active {
		background-color:#d1d1d1;
		border:1px solid #cccccc;
	} 
}


.knwtab-data { *width: 980px; }