/*  Reset CSS  */
* { margin:0;  padding:0;}
ol,ul { list-style: none; }
a { outline:0; text-decoration:none; color:#555; }
img { border:0;}
body,p,input,select,textarea,td,th{ font:13px/1.6 AppleGothic; color:#555;}
fieldset { border: none;}

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family:'NanumGothic', '나눔고딕','NanumGothicWeb', '나눔고딕웹', Dotum,AppleGothic,Arial Unicode MS,sans-serif;
	font-size: 13px;
	color: #8C8C8C;
}

.subheading1 {
	font-weight: bold;
    font-size: 1em;
    color: #fff;
    background: #888;
    padding: 10px 10px;
    border-radius: 3px;
}


p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 180%;
}

strong {
}

a {
	color: #861004;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

/** WRAPPER */

#wrapper {
}

.container {
	width: 100%;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** ������� */

#header {
	overflow: hidden;
	height: 100px;
}
/*���̵�޴�, �α���*/

#sidemenu1 li {
    list-style: none;
    display: inline;
    float: right;
    margin-top: 20px;
    margin-right: 10px;
}
#sidemenu1 li a {
    text-decoration: none;
    color: #555;
    padding: 5px;
}
#sidemenu2 li {
    list-style: none;
    float: right;
    margin-top: 12px;
    margin-right: 10px;
    padding-right: 5px;
}
#sidemenu2 li a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    padding: 3px 5px;
    background: #79c255;
    border-radius: 3px;
}
#sidemenu1 ul li .fa {
    color: #555;
}
#sidebar {
    display: inline-block;
    float: right;
}

/** �ΰ� */

#logo {
	height: 100px;
    margin-left: 10px;
    margin-top: 25px;
    float: left;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	letter-spacing: -1px;
	text-transform: lowercase;
	font-size: 5em;
}

#logo p {
	margin-top: -20px;
	padding: 0px;
	font-size: 2em;
	color: #000000;
}

#logo p a {
	color: #000000;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #054175;
}

#logo img {
    margin-bottom: 10px;
}

/** ���θ޴� */

#menu {
	overflow: hidden;
	height: 50px;
}

#menu ul {
    list-style-type: none;
    margin: 0;
    padding-left: 5px;
    overflow: hidden;
    background-color: #0088cc;
}

#menu li {
	display: inline-block;
}

#menu a {
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 16px 16px;
    text-decoration: none;
}

#menu a:hover {
    background-color: #fff;
    color: #0088cc;
    padding: 8px 16px;
}

#menu .last {
	border-right: none;
}

/** ������ */

#page {
	overflow: hidden;
	padding: 0px 0px 40px 0px;
}

/** ������ */

#content {
	width: 100%;
}

#iframe {
    margin-left: 0;
}

ul.breadcrumb {
    padding: 8px 16px;
    list-style: none;
}
ul.breadcrumb li {display: inline;}
ul.breadcrumb li+li:before {
    padding: 5px;
    color: black;
    content: "/\00a0";
}
ul.breadcrumb li a {color: #555; text-decoration: none;}

hr {
	margin-left:14%;
    display: block;
    border-style: solid;
    border-width: 1px;
    color: #eaeaea;
}

/** ���ʸ޴� */

#sidebar1 {
	float: left;
	width: 15%;
	margin-right: 20px;
    margin-left: 10px;
}

#sidebar1 #box1 {
	margin-bottom: 30px;
    margin-left: 0px;
}
#sidebar1 #box1 ul {
    margin: 0;
    padding: 0;
}
#sidebar1 #box1 a {
    display: block;
    text-decoration: none;
    color: #111;
    padding: 0 10px;
}
#sidebar1 #box1 li:hover {
    background-color: #f8f8f8;
    color: #aeaeae;
    box-sizing: border-box;
}

/** ������ ���� */

#sidebar2 {
	float: right;
	width: 250px;
    margin-right: 20px;
}

/* Dz�Ϳ��� */

#footer {
	overflow: hidden;
	padding: 20px 0px 30px 0px;
	border-top: 1px solid #E5E5E5;
    width: 100%;
    margin: 0 auto;
}
#footermenu {
    margin-left: 18%;
}

#footertxt {
	text-align: left;
	font-size: 12px;
    color: #555;
    margin-left: 10px;
    clear: both;
    margin-left: 18%;
}

#footermenu li {
    list-style: none;
    float: left;
}

#footermenu a {
    text-decoration: none;
    color: #555;
}

/* ����Ʈ ��Ÿ�� 1 */

ul.style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style1 li {
	padding: 10px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style1 .first {
	padding-top: 0px;
	border-top: none;
}

/* ����Ʈ ��Ÿ�� 2 */

ul.style2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style2 li {
	padding: 25px 0px 15px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style2 .first {
	padding-top: 0px;
	border-top: none;
}

ul.style2 h3 {
	padding: 0px 0px 10px 0px;
	font-size: 1.50em;
}

ul.style2 h3 a {
	color: #101010;
}

ul.style2 a {
	text-decoration: none;
}

ul.style2 a:hover {
	text-decoration: underline;
}


/* ����Ʈ ��Ÿ�� 3 */

ul.style3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style3 li {
	padding: 20px 0px 20px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style3 p {
	margin: 0px;
	padding: 0px;
}

ul.style3 img {
	float: left;
	margin-top: 3px;
	margin-right: 20px;
}

ul.style3 .posted {
	padding: 10px 0px 10px 0px;
	font-size: 8pt;
	color: #A2A2A2;
}

ul.style3 .first {
	padding-top: 0px;
	border-top: none;
}

.link-style {
	display: inline-block;
	margin-top: 20px;
	padding: 7px 20px;
	background: #0C73D4;
	border-radius: 5px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
}

/* �� ���̾ƿ� */
.formContainer {
    width: 100%;
    /*border: 1px solid red;*/
    clear: both;
}
.divBox div, .formContainer div {
    width: 48%;
    margin: 20px 10px;
    float: left;
    padding: 10px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 5px #d1d1d1;
    box-sizing: border-box;
}

/* �� ��Ÿ�� */
h1,h2,h3 {
    margin-bottom: 10px;
    margin-left: 10px;
}
#fdivBox fieldset {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 5px #d1d1d1;
    margin: 10px 10px;
}

input[type=checkbox] {
	line-height: normal;
	cursor: pointer;
}

.loginCheckbox {
		margin-top: 20px;
		vertical-align: text-bottom;
	}

/*.branchCheck {
    width: 15px;
    margin-left: 10px;
	border: 2px solid;
    vertical-align: inherit;
}*/

/*.checkBtn {
     width: 15px; 
}*/

/* 입력 불가능한 폼엘리먼트 스타일 */
.readonlyelement {
	background: transparent !important;
	border: none !important;
}

label {
    display: inline-block;
    width: 60px;
    text-align: right;
}

input[type=text] {
    width: 150px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-color: #f1f1f1;
    padding: 2 5px;
    margin: 0;
	height: 25px; line-height: 1em;
}

input[type=password] {
    width: 100px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-color: #f1f1f1;
    padding: 2 5px;
    margin: 0;
	height: 25px; line-height: 1em;
}


textarea {
    width: 100px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-color: #f1f1f1;
    padding: 0 5px;
    margin: 0;
}
/* textarea:focus, input:focus {
    background-color: #e5f5fa;
} */
select {
    width: 100px;
    height: 25px;
    border: 1px solid #d1d1d1;
    padding: 2px 2px;
    border-radius: 2px;
    background-color: #f1f1f1;
    margin: 0;
}
th.srch {
    text-align: right;
    width: 80px;
}
th.srch7 {
    text-align: right;
    width: 54px;
}
th.srchex {
    text-align: left;
    width: 80px;
    color: #000000;
    /* background-color: #EAEAEA; */
    /* color: white; */
}

th.srchRe {
    text-align: center;
    border: 1px solid;
    padding: 3px;
    width:100px;
    font-weight: bold;
    background-color: #EAEAEA;
}

td.srchRe {
    text-align: center;
    border: 1px solid;
    padding: 3px;
    width:100px;
    font-weight: bold;
}

td.srchRe input {
	width : 100%;
	text-align: center;
}

td.srchex {
    text-align: left;
    width: 80px;
    color: #000000;
    font-weight: bold;
    /* background-color: #EAEAEA; */
    /* color: white; */
}

.searchBtn {
    width: 80px;
    background-color: #6495ED;
    border: none;
    color: #fff;
    padding: 1px 3px;
    text-decoration: none;
    cursor: pointer;    
}
.searchBtn:hover, .searchBtnTotal:hover {
    background-color: rgba(100, 149, 237, 0.81);
}

/* ǥ ��Ÿ�� */

.divBox table {
    border-collapse: collapse;
    width: 96%;
    margin: 20px 10px;
}
.divBox p {
    text-align: right;
    margin: 0 10px;
}
.contentbox1.th, .contentbox1 td {
    width: 80px;
    padding: 5px 5px;
    background: #fff;
}
td {
    text-align: left;
}

/* �ٿ�ε� ��ư�� */
#downBtn {
    clear: both;
    text-align: right;
    padding: 10px 10px;
}

.downBtn {
    width: 100px;
    cursor: pointer;
    border: none;
    background-color: white;
    color: black;
    border: 1px solid #e7e7e7;
    transition-duration: 0.4s;
    padding: 3px 0;
    border-radius: 3px;
}
.downBtn:hover {
    background-color: #008CBA;
    color: #fff;
}
.divBox hr {
    margin-bottom: 10px;
}

/* Heading �ؽ�Ʈ ��Ÿ�� */

.headingTxt {
    color: #fff;
    background: gray;
    display: inline;
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 10px;
}

/* ���̺� ��� ��Ÿ�� */



/* Div �����̳� */

.contentbox3 {
    width: 98%;
    margin: 20px 10px auto;
    border: 1px solid #ddd;
    border-top: 6px solid #d2d2d2;
    border-radius: 3px;
    padding: 10px 0;
    box-sizing: border-box;
}

.contentbox2 {
    width: 98%;
    margin: 20px 10px auto;
    border: 1px solid #ddd;
    border-top: 6px solid #d2d2d2;
    border-radius: 3px;
    padding: 10px 0;
    box-sizing: border-box;
}
.contentbox1 {
    width: 98%;
    margin: 20px 10px auto;
    padding: 10px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 5px #d1d1d1;
    box-sizing: border-box;
}
div.innerLeft {
    width: 42%;
    float: left;
    margin-bottom: 30px;
}

div.innerLeft2 {
    width: 48.2%;
    left:0%;
    float: left;
    margin-bottom: 30px;
}

div.innerRight {
    width: 42%;
    float: left;
    margin-bottom: 30px;
}

div.innerRight2 {
    width: 48.2%;
    left:0%;
    float: left;
    margin-bottom: 30px;
}

.btnSet1 {
    text-align: left;
    margin: 20px 0;
}
/* �˻���ư ��Ÿ�� */
.estimateBtn{ 
	width: 70px;
    background-color: #6495ED;
    border: none;
    color: white;
    padding: 2px 3px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer; 
}
.estimateBtn:hover{
	background-color: rgba(100, 149, 237, 0.81);
}
.searchBtn {
    width: 70px;
    background-color: #6495ED;
    border: none;
    color: white;
    padding: 2px 3px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
}
.searchBtnTotal {
    width: 70px;
    background-color: #6495ED;
    border: none;
    color: white;
    padding: 3px 3px;
    text-decoration: none;
    margin: 4px 2px;
    text-align: center;
    cursor: pointer;
}
.footerBtn {
    border: 1px solid #666;
    margin-left:10px; 
    display:inline-block; 
    width: 80px; 
    height: 27px; 
    line-height: 23px; 
    font-size:12px; 
    font-weight:bold; 
    text-align:center; 
    border-radius:12px;
	border: 1px solid ;
}
.footerBtn:hover {
    background: #666;
    color: #fff;
    border: 1px solid;
}

/* �α����� ��Ÿ�� */
#content form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.container { margin: 25px auto; position: relative; width: 1200px; }
#content {
    background: #f9f9f9;
    box-shadow: 0 1px 0 #fff inset;
    border: 1px solid #c4c6ca;
    margin: 0 auto;
    padding: 25px 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 400px;
}
#content h1 {
    color: #7E7E7E;
    letter-spacing: -0.05em;
    line-height: 20px;
    margin: 10px 0 30px;
}
#content form { margin: 0 20px; position: relative }
#content form input[type="text"],
#content form input[type="password"] {
    border-radius: 3px;
    box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    /*background: #eae7e7 url(/resources/images/login_icon.png) no-repeat;*/
    border: 1px solid #c8c8c8;
    color: #777;
    margin: 0 0 10px;
    padding: 15px 10px 15px 40px;
    width: 80%;
}
#content form input[type="text"]:focus,
#content form input[type="password"]:focus {
    box-shadow: 0 0 2px #ed1c24 inset;
    background-color: #fff;
    border: 1px solid #ed1c24;
    outline: none;
}
#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }
#content form input[type="submit"] {
    background: rgb(254,231,154);
    background: linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
    border: 1px solid #D69E31;
    color: #85592e;
    cursor: pointer;
    float: left;
    height: 35px;
    margin: 20px 0 35px 15px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    width: 120px;
}
#content form input[type="submit"]:hover {
    background: rgb(254,193,81);
}
#content form div a {
    color: #004a80;
    float: right;
    font-size: 12px;
    margin: 0 40px 0 90px;
    text-decoration: underline;
}


.input_txt40 {
    width: 40px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-color: #f1f1f1;
    padding: 0 5px;
    margin: 0;
}

.input_txt150 {
    width: 150px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-color: #f1f1f1;
    padding: 0 5px;
    margin: 0;
}

.input_txt200 {
    width: 200px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-color: #f1f1f1;
    padding: 0 5px;
    margin: 0;
}

.input_txt250 {
    width: 250px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-color: #f1f1f1;
    padding: 0 5px;
    margin: 0;
}

.input_txt300 {
    width: 300px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-color: #f1f1f1;
    padding: 0 5px;
    margin: 0;
}

.input_txt350 {
    width: 350px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-color: #f1f1f1;
    padding: 0 5px;
    margin: 0;
}
.input_txt400 {
    width: 400px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-color: #f1f1f1;
    padding: 0 5px;
    margin: 0;
}


/* 레이아웃 수정 CSS(2016.08.01) */
#mainContainer {
    width: 100%;
    margin: 0 auto;
}
#mainContainer {
    width: 100%;
}

/* width: 100%일 경우 화면하단 스크롤 생김, 98%가 적당함 */
#mainContainer header {
    width: 98%;
    height: 40px;
    padding: 10px;
}
#mainContainer nav {
    width: 100%;
    height: 36px;
    background: #37aab1;
}
#mainContainer nav ul {
    width: 510px;
    margin-left: 245px;
}
#mainContainer header .loginBox {
    text-align: right;
    float: right;
}
#mainContainer header .loginBox li {
    display: inline;
}
#mainContainer header .divContent2 a {
    color: #555;
}
.divTable {
    width: 100%;
    display: table;
}
.divContent1 {
    
}
.divContent2 {
    text-align: right;
}
#mainContainer .topNav li {
    float: left;
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-right: 1px solid #2ba0a7;
    padding: 0;
    cursor: pointer;
}
#mainContainer .topNav li:nth-child(1) {
    border-left: 1px solid #2ba0a7;
}
#mainContainer .topNav li a {
    display: block;
    width: 100px;
    color: #fff;
    font-weight: bold;
}
#mainContainer .topNav li a:hover {
    background: #138389;
}

#mainContainer .topAdminNav li {
    float: left;
    width: 65px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-right: 1px solid #2ba0a7;
    padding: 0;
    cursor: pointer;
}
#mainContainer .topAdminNav li:nth-child(1) {
    border-left: 1px solid #2ba0a7;
}
#mainContainer .topAdminNav li a {
    display: block;
    width: 65px;
    color: #fff;
    font-weight: bold;
}
#mainContainer .topAdminNav li a:hover {
    background: #138389;
}

footer div:nth-child(1) {
    width: 100%;
    height: 160px;
    background: #2b2b2b;
    border-bottom: 1px solid #1a1a1a;
}
footer div:nth-child(2) {
    width: 100%;
    height: 55px;
    background: #282828;
    border-top: 1px solid #3d3d3d;
    text-align: center;
    line-height: 55px;
}
footer div:nth-child(1) p {
    width: 1200px;
    margin: 0 auto;
    color: #888888;
    padding-top: 15px;
}
footer div:nth-child(1) a {
    color: #c4c4c4;
}
.leftMenu {
    width: 200px;
    margin-left: 10px;
}
.leftMenu h4 {
    border-left: 3px solid #1fa2d6;
    padding-left: 5px;
    margin-left: 5px;
    color: #111;
    margin-top: 20px;
}
.leftMenu ul {
    width: 100%;
    padding-top: 10px;
}
.leftMenu li {
    cursor: pointer;
    padding: 3px;
}
.leftMenu li a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 3px;
}
.leftMenu li a:hover {
    background: #7d7d7d;
    color: #fff;
    border-radius: 2px;
}

.leftMenu ul .leftsubmenu{
    display:none;
    width: 90%;
    padding-top: 10px;
    padding-left: 2px;
    margin-left: 30px;
}
.leftMenu ul .leftsubmenu{
    cursor: pointer;
    padding: 3px;
}
.leftMenu ul .leftsubmenu a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 3px;
}
.leftMenu ul .leftsubmenu a:hover {
    background: #7d7d7d;
    color: #fff;
    border-radius: 2px;
}

/* 비밀번호 변경 박스 */
#pwchangebox {
	position: absolute;
	width: 400px;
	left: 50%;
	top: 50%;
	background: white;
	border: 3px solid #E8E8E8;
}
.pwchangeheading {
	height: 50px;
	background: CornflowerBlue;
	color: #efefef;
	font-size: 1.4em;
	line-height: 50px;
}
.pwchangeheading img {
	float: right;
	margin-top: 15px;
	margin-right: 15px;
}
.pwchangeheading span {
	border-left: 4px solid #efefef;
	padding-left: 10px;
	margin-left: 15px;
	border-radius: 1px;
}
.pwchangeinput {
	background: #F0F0F0;
	margin: 10px 20px;
	padding: 15px;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}
#pwchangebox ul label {
	color: #555;
	width: 120px;
	margin: 3px 5px;
	font-size: 0.9em;
	/*font-weight: bold;*/
}
#pwchangebox form ul input {
    width: 150px;
    padding: 3px;
    padding-left: 5px;
    margin-bottom: 10px;
    background: white;
}
#pwchangebox .memberid {
    width: 150px;
    padding: 3px;
    padding-left: 5px;
    margin-bottom: 10px;
    background: transparent;
	border: none;
}
.pwchangeinfo {
	color: #ff4000;
	font-size: 0.9em;
	margin: 10px 20px;
}
.pwchangebtn button {
	background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 1.1em;
	padding: 5px 24px;
    cursor: pointer;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 15px;
}

/* 로그인 박스 */
#loginbox {
     position: absolute;
     width: 300px;
     height: 500px;
     left: 50%;
     top: 50%;
     margin-left: -150px;
     margin-top: -300px;
}
#loginbox div:nth-child(1) {
    width: 300px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 3px 15px;
    margin-bottom: 10px;
}
#loginbox div:nth-child(2) {
    width: 300px;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 2px 5px #c9c9c9;
    /*border-bottom: 20px;
    border-bottom-color: #5f90b0;*/
}
#loginbox div:nth-child(3) {
	width: 300px;
    color: #555;
    text-align: center;
    font-size: 0.9em;
    padding: 10px;
}
#loginbox img {
    padding: 5px 10px;
}
#loginbox p {
    color: #555;
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 3px;
}
#loginbox form .userid {
    width: 300px;
    height: 30px; line-height: 1em;
    padding: 5px;
    padding-left: 25px;
    background: #fff;
    background: url(/resources/images/icon_login_01.png) no-repeat;
    background-position:left center;
    margin-bottom: 10px;
}
#loginbox form .userpw {
    width: 300px;
    height: 30px; line-height: 1em;
    padding: 5px;
    padding-left: 25px;
    background: #fff;
    background: url(/resources/images/icon_login_02.png) no-repeat;
    background-position:left center;
    margin-bottom: 10px;
}
#loginbox form .loginbutton {
    width: 100%;
    background-color: #5f90b0;
    border: none;
    color: #f2f2f2;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.2em;
    margin: 4px 2px;
    border-radius: 3px;
    cursor: pointer;
}
#loginbox form .loginbutton:hover {
	background-color: #6e99b5;
}
#loginbox .callinfo {
	font-size: 0.9em;
	color: #555;
	text-align: center;
	padding-top: 20px;
}

/* 로그인 후 분기화면 */
#divergeBox
{
 position: absolute;
 width: 600px;
 height: 500px;
 left: 50%;
 top: 50%;
 margin-left: -300px;
 margin-top: -300px;
}
#divergeBox table {
    width: 600px;
    border-collapse: collapse;
}
#divergeBox table td {
	width: 200px;
    /*border: 1px solid red;*/  
}
#divergeBox .menuBox {
	background: #fff;
	padding: 15px;
	margin: 10px;
	border: 1px solid #dedede;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #ebebeb;
}

#divergeBox .divergeBtn{
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	background: #21b8c6;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
}
#divergeBox .divergeBtn:hover {
	background: #0c95a2;
}
#divergeBox .divergeBtn1{
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	background: #f3383f;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
}
#divergeBox .divergeBtn1:hover {
	background: #ed1c24;
}

/* 시리얼 관리페이지 */
.serialTable1 {
    width: 98%;
    margin: 20px 10px auto;
    padding: 10px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 5px #d1d1d1;
    box-sizing: border-box;
}
.serialTable1 table {
    border-collapse: collapse;
    width: 100%;
}

.serialTable1 th{
    text-align: center;
    padding: 8px;
    font-weight: bold;
    width: 200px;
}
.serialTable1 td {
    text-align: left;
    padding: 8px;
    font-weight: bold;
    /* width: 200px; */
}

.serialTable1 tr {
    border-bottom: 1px solid #e5e5e5;
    }
.serialTable1 tr:last-child {
   border-bottom: none;
}

/* 주문요청 상세페이지 */
.orderTable1 {
    width: 98%;
    margin: 20px 10px auto;
    padding: 10px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 5px #d1d1d1;
    box-sizing: border-box;
}
.orderTable1 table {
    border-collapse: collapse;
    width: 100%;
}

.orderTable1 th, .orderTable1 td {
    text-align: left;
    padding: 8px;
    font-weight: bold;
    /* width: 200px; */
}

.orderTable1 tr {
    border-bottom: 1px solid #e5e5e5;
    }
.orderTable1 tr:last-child {
   border-bottom: none;
}

.orderTable2 {
    width: 98%;
    margin: 20px 10px auto;
    padding: 10px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 5px #d1d1d1;
    box-sizing: border-box;
}
.orderTable2 table {
    border-collapse: collapse;
    width: 100%;
}

.orderTable2 th, .orderTable1 td {
    text-align: left;
    padding: 8px;
    font-weight: bold;
    /* width: 200px; */
}

.orderTable2 tr {
    border-bottom: 1px solid #e5e5e5;
    }
.orderTable2 tr:last-child {
   border-bottom: none;
}

.leftLabel {
    width: 80px;
    text-align: left;
	padding-left: 10px;
}
.customerSearch {
    border: 1px solid #5992ff;
    /*padding: 2px;*/
    background: #fff;
}

.contentbox2 ul li {
    width: 200px;
    display: inline-block;
}

/* 카테고리 타이틀 헤딩 */
.pagetitle {
    background-image: url(/resources/images/icon_bullet.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:25px;
    color: #555;
    font-weight: bold;
}

/* 팝업창 스타일 */
.popupContainer {
	width: 800px;
	padding-top: 10px;
}
.readTxt {
	width: 150px;
    border: none;
    text-align: left;
    color: #555;
    background: transparent;
	text-align: left;
}
.readTxt:focus {
    background-color: transparent;
}
.popupContainer h3 {
	color: #fff;
	display: block;
	background: skyblue;
	padding-left: 5px;
	border-radius: 2px;
}
.txtBold {
	color: #3232a8;
	font-weight: bold;
}

/* 전체 레이아웃 스타일(관리자 로그인) */
.clearfix {
	overflow-x:hidden; 
	overflow-y:auto;
}
.snb {
    float: left;
    width: 230px;
}
.mainsection {
    margin-left: 235px;
}

/* 전체 레이아웃 스타일(사용자 로그인) */
.mainsectionUser {
    margin: 10px;
}
#mainContainer nav .userNav {
    width: 510px;
    margin: 0;
}

/* 메뉴 액티브 스타일(active) */
#mainContainer .topNav .topnavActive {
    background: #138389;
}
#mainContainer .topAdminNav .topnavActive {
    background: #138389;
}
.leftMenu .leftmenuActive {
    background: #7d7d7d;
    color: #fff;
    border-radius: 2px;
}

/* 폼 엘리먼트 정렬,크기조정 */

.inputsize150 {
    width: 150px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-color: #f1f1f1;
    padding: 2 5px;
    margin: 0;
}

.inputsize200 {
    width: 200px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    background-color: #f1f1f1;
    padding: 2 5px;
    margin: 0;
}

.divalign {
	display: inline-block;
	vertical-align: inherit;
}

/* 고객주문현황-주문상세 팝업 */
.popupStatus {
	border-collapse: collapse;
	margin-bottom: 10px;
    width: 100%;
}
.popupStatus th, .popupStatus td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    /* border: 1px solid red; */ /* 테이블 데이터 컬럼 테스트용 */
}
.popupStatus tr:nth-child(even){background-color: #f2f2f2}


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

.pmTable {
	
padding : 20px;
width : 3%;
}
.leftLabel2 {
    width: 120px;
    text-align: left;
	padding-left: 10px;
}

.orderTable3 {
    width: 98%;
    margin: 20px 10px auto;
    
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 5px #d1d1d1;
    box-sizing: border-box;
}
.orderTable3 table {
    border-collapse: collapse;
    width: 100%;
}

.orderTable3 th {
    text-align: center;
    padding: 4px;
    font-size : 11px;
    border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-top: 1px solid black;
    /* width: 200px; */
}
.orderTable3 td {
	text-align: left;
    padding: 4px;
    font-size : 11px;
    border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-top: 1px solid black;
    /* width: 200px; */
}

.orderTable3 tr {
    border-bottom: 1px solid #e5e5e5;
    }
.orderTable3 tr:last-child {
   border-bottom: none;
}

.orderTable4 {
    width: 98%;
    margin: 20px 10px auto;
    padding: 10px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 5px #d1d1d1;
    box-sizing: border-box;
}
.orderTable4 table {
    border-collapse: collapse;
    width: 100%;
}

.orderTable4 th, .orderTable1 td {
    text-align: left;
    padding: 8px;
    font-weight: bold;
    /* width: 200px; */
}

.orderTable4 tr {
    border-bottom: 1px solid #e5e5e5;
    }
.orderTable4 tr:last-child {
   border-bottom: none;
}
.menuHide {
	display: none;
}
.menuShow {
	display: block;
}
th.srchex_as {
    text-align: left;
    width: 40px;
    color: #000000;
    /* background-color: #EAEAEA; */
    /* color: white; */
}

#divergeBox .divergeBtn2{
	display: block;
	width: 180px;
	height: 30px;
	line-height: 30px;
	background: #21b8c6;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
}
#divergeBox .divergeBtn2:hover {
	background: #0c95a2;
}

.enterbutton {
    width: 100%;
    background-color: #5f90b0;
    border: none;
    color: #f2f2f2;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.2em;
    margin: 4px 2px;
    border-radius: 3px;
    cursor: pointer;
}

.faqbutton {
    width: 100%;
    background-color: #5f90b0;
    border: none;
    color: #f2f2f2;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.2em;
    margin: 4px 2px;
    border-radius: 3px;
    cursor: pointer;
}

.table_div1 table{
	border:1px solid #000;
	border-collapse:collapse;
}
.table_div1 table th{
 	font-weight: bolder;
 	font-size: 14px;
 	width:100px;
 	color: black;
 	border:1px solid #000;
	border-collapse:collapse;
}
.table_div1 table td{
 	font-size: 12px;;
 	text-align: center;
 	color: black;
}
.table1_header{
 	background-color:#EAEAEA;
 	color: black ;
}
.table1_footer{
 	background-color:#EAEAEA
}
.table_div1 table td{
 	font-size: 12px;;
 	text-align: center;
 	border:1px solid #000;
	border-collapse:collapse;
}

.orderTable5 {
    width: 98%;
    margin: 20px 10px auto;
    padding: 10px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 5px #d1d1d1;
    box-sizing: border-box;
}
.orderTable5 table {
    border-collapse: collapse;
    width: 100%;
}

.orderTable5 th{
    text-align: center;
    padding: 8px;
    font-weight: bold;
    background: #c0c0c0;
    /* width: 200px; */
}

.orderTable5 td {
    text-align: left;
    padding: 8px;
    font-weight: bold;
    /* width: 200px; */
}

.orderTable5 .bgtd {
    text-align: left;
    padding: 8px;
    font-weight: bold;
    background: #c0c0c0;
    /* width: 200px; */
}

.orderTable5 tr {
    border-bottom: 1px solid #e5e5e5;
    }
.orderTable5 tr:last-child {
   border-bottom: none;
}

.orderTable6 {
    width: 98%;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 5px #d1d1d1;
    box-sizing: border-box;
}
.orderTable6 table {
    border-collapse: collapse;
    width: 100%;
}

.orderTable6 th{
    text-align: center;
    padding: 8px;
    font-weight: bold;
    background: #c0c0c0;
    /* width: 200px; */
}

.orderTable6 td {
    text-align: left;
    padding: 8px;
    font-weight: bold;
    /* width: 200px; */
}

.orderTable6 .bgtd {
    text-align: left;
    padding: 8px;
    font-weight: bold;
    background: #c0c0c0;
    /* width: 200px; */
}

.orderTable6 tr {
    border-bottom: 1px solid #e5e5e5;
    }
.orderTable6 tr:last-child {
   border-bottom: none;
}

.orderTable7 {
    width: 98%;
    margin: 20px 10px auto;
    padding: 10px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 5px #d1d1d1;
    box-sizing: border-box;
}
.orderTable7 table {
    border-collapse: collapse;
    width: 100%;
}

.orderTable7 th {
    text-align: center;
    padding: 8px;
    font-weight: bold;
    border-collapse:collapse;
    border-right:1px solid  #e5e5e5;
    background-color: #d1d1d1;
    /* width: 200px; */
}

.orderTable7 td {
    text-align: left;
    padding: 8px;
    font-weight: bold;
    border-collapse:collapse;
    border-right:1px solid  #e5e5e5;
    /* width: 200px; */
}

.orderTable7 tr {
    border-bottom: 1px solid #e5e5e5;
    }
.orderTable7 tr:last-child {
   border-bottom: none;
}

.pks_loading{
	width:100%;
	height:100%;
	position:fixed;
	background:#fff;
	opacity:0.9;
	z-index:99000;
}
.pks_loading .ico_loading{
	width:32px;
	height:32px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-16px;
	margin-top:-16px;
}

#divergeBox1
{
 position: absolute;
 width: 100%;
 height: 500px;
 /* left: 50%; */
 top: 50%;
 /* margin-left: -300px; */
 margin-top: -300px;
}
#divergeBox1 table {
    width: 100%;
    border-collapse: collapse;
}
#divergeBox1 table td {
	width: 200px;
    /*border: 1px solid red;*/  
}
#divergeBox1 .menuBox {
	background: #fff;
	padding: 15px;
	margin: 10px;
	border: 1px solid #dedede;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #ebebeb;
}

#divergeBox1 .divergeBtn{
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	background: #21b8c6;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
}
#divergeBox1 .divergeBtn:hover {
	background: #0c95a2;
}
#divergeBox1 .divergeBtn1{
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	background: #f3383f;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
}
#divergeBox1 .divergeBtn1:hover {
	background: #ed1c24;
}

.sptable {
	border-collapse: collapse;
	border: 1px solid;
	margin: 10px 0;
}
.sptable th {
	padding: 5px 5px;
    background: #fff;
}
.sptable td {
	 padding: 5px 5px;
    background: #fff;
}

th.srch8 {
    text-align: center;
    border: 1px solid;
    padding: 3px;
    width:100px;
    font-weight: bold;
}
td.srch9 {
	border: 1px solid;
	padding: 3px;
	text-align: center;
}
td.srch9 input {
	text-align: center;
}

.actionBtn {
    width: 100%;
    background-color: #6495ED;
    border: none;
    color: #fff;
    padding: 1px 3px;
    text-decoration: none;
    cursor: pointer;    
}
.actionUl li {
	margin-bottom: 10px;
}

.asTable {
    width: 98%;
    margin: 10px 10px 10px;
    padding: 10px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 5px #d1d1d1;
    box-sizing: border-box;
}

.asTable {
    width: 98%;
    margin: 10px 10px 10px;
    padding: 10px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 5px #d1d1d1;
    box-sizing: border-box;
}

.asTable table {
    border-collapse: collapse;
    width: 100%;
}

.asTable th, .asTable td {
    text-align: left;
    padding: 8px;
    font-weight: bold;
    /* width: 200px; */
}

.asTable tr {
    border-bottom: 1px solid #e5e5e5;
    }
.asTable tr:last-child {
   border-bottom: none;
}

.table_history th{
	text-align: center;
	background-color: beige;
}