@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css"); 
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block; }
audio,video { display: inline-block; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button { margin: 0; padding: 0;font-family:'맑은 고딕', 'Malgun Gothic' }
h1,h2,h3,h4,h5,th,strong{font-weight:normal;}
hr{display:none;}
fieldset,img { border: 0; }
dl,ul,ol,menu,li { list-style: none; }
blockquote,q { quotes: none; }
input, textarea { vertical-align: middle; }
button, select { vertical-align: middle;cursor: pointer; }
input[type=button]{-webkit-appearance: none; appearance: none; -webkit-appearance: none !important;  border: none; }
input[type=submit]{-webkit-appearance: none; appearance: none; -webkit-appearance: none !important;  border: none; }
button { border: 0; background-color: transparent; cursor: pointer; }
table { border-collapse: collapse; border-spacing: 0; }
caption {display: none;}
a { text-decoration: none; color: #323232; }
b, strong, em, i { font-style: normal; }
input { font-size: 15px;}
html { width: 100%; height: 100%; -webkit-touch-callout: none; -webkit-user-select: text; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body { width: 100%; height: 100%; -webkit-text-size-adjust: none; background: #fff; font-size: 16px; line-height: 1.3; color: #4f5d73; overflow-x:hidden;}
.loginBg {background:#000 url(../images/login_back.png) no-repeat 50% 50%; width:100%; height:100%; min-width:320px; min-height:400px; position:relative; z-index:0}
.loginBox {position:absolute; left:50%; top:200px; border-top:1px solid #4765a0; background:#3c5c9a; padding-top:1px; z-index:10; width:388px; margin:0 0 0 -194px}
.loginBox .loginBoxInner {border-top:1px solid #e5e9f2; background:#fff; padding:33px 20px 40px}
.loginBox .loginBoxInner h1 {text-align:center; margin-bottom:7px; height:50px;}
.loginBox .loginBoxInner h1 img {vertical-align:top; width:250px; }
.loginBox .loginBoxInner .selCompany {border-bottom:1px solid #eee; border-top:1px solid #eee;  padding-bottom:6px; padding-top:10px; text-align:center; position:relative}
.loginBox .loginBoxInner .selCompany input[type='radio'] {width:1px; height:1px; overflow:hidden; opacity:0; filter: alpha(opacity = 0); position:absolute;}
.loginBox .loginBoxInner .selCompany label {height:23px; line-height:23px; cursor:pointer}
.loginBox .loginBoxInner .selCompany label img {vertical-align:top; padding-top:3px;}
.loginBox .loginBoxInner .selLang {border-bottom:1px solid #eee; padding-bottom:12px; padding-top: 12px; text-align:center; position:relative}
.loginBox .loginBoxInner .selLang input[type='radio'] {width:1px; height:1px; overflow:hidden; opacity:0; filter: alpha(opacity = 0); position:absolute;}
.loginBox .loginBoxInner .selLang label {height:23px; line-height:23px; margin:0 6px; cursor:pointer}
.loginBox .loginBoxInner .selLang label img {vertical-align:top}
.loginBox .loginBoxInner .selEtc {border-bottom:1px solid #eee; padding-bottom:12px; padding-top: 12px; text-align:center; position:relative}
.loginBox .loginBoxInner .selEtc input[type='checkbox'] {width:1px; height:1px; overflow:hidden; opacity:0; filter: alpha(opacity = 0); position:absolute;}
.loginBox .loginBoxInner .selEtc label {height:23px; line-height:23px; margin:0 6px; cursor:pointer}
.loginBox .loginBoxInner .selEtc label img {vertical-align:top}
.loginBox .loginBoxInner .selCompanyType {border-bottom:1px solid #eee; padding-bottom:15px; padding-top:15px; text-align:center; position:relative}
.loginBox .loginBoxInner .selCompanyType input[type='radio'] {width:1px; height:1px; overflow:hidden; opacity:0; filter: alpha(opacity = 0); position:absolute;}
.loginBox .loginBoxInner .selCompanyType label {height:23px; line-height:23px; margin:0 6px; cursor:pointer}
.loginBox .loginBoxInner .selCompanyType label img {vertical-align:top}
.loginBox .loginBoxInner .companySearchBox {border-bottom:1px solid #eee; padding:22px 20px 10px 20px}
.loginBox .loginBoxInner .companySearchBox .company {border:1px solid #ccc; width:100%; height:32px; position:relative; margin-bottom:10px;}
.loginBox .loginBoxInner .companySearchBox .company input {border:0 none; height:31px; line-height:31px; padding-left:10px; width:275px;}
.loginBox .loginBoxInner .loginInputBox {border-bottom:1px solid #eee; padding:22px 0 20px}
.loginBox .loginBoxInner .loginInputBox ul {margin-bottom:20px}
.loginBox .loginBoxInner .loginInputBox ul li {font-size:12px; background:url(../images/bul_dot.png) no-repeat left 8px; padding-left:6px;}
.loginBox .loginBoxInner .loginInputBox .userId,
.loginBox .loginBoxInner .loginInputBox .email,
.loginBox .loginBoxInner .loginInputBox .pass {border:1px solid #ccc; width:100%; height:32px; background:url(../images/bul_id.png) no-repeat 14px 11px; position:relative; margin-bottom:10px;}
.loginBox .loginBoxInner .loginInputBox .pass {background:url(../images/bul_pass.png) no-repeat 14px 11px;}
.loginBox .loginBoxInner .loginInputBox .email {background:url(../images/bul_email2.png) no-repeat 14px 11px;}
.loginBox .loginBoxInner .loginInputBox input {border:0 none; border-left:1px solid #ccc; margin-left:40px; height:31px; line-height:31px; padding-left:10px; width:275px;}
.loginBox .loginBoxInner .loginInputBox label {position:absolute; left:55px; top:10px; font-size:12px; color:#999}
.loginBox .loginBoxInner .loginInputBox .security {height:40px;}
.loginBox .loginBoxInner .loginInputBox .security img {float:left; margin:3px 2px 0 0}
.loginBox .loginBoxInner .loginInputBox .security .btnRefresh {background:url(../images/btn_refresh.png) no-repeat 0 0; width:24px; height:24px; display:inline-block;float:left;margin-top:8px}
.loginBox .loginBoxInner .loginInputBox .security input {border:1px solid #ccc; height:32px; line-height:32px; width:190px; margin:3px 0 0 0; padding:0; float:right; text-align:center}
.loginBox .loginBoxInner .selEtc .btn_findpass {background:url(../images/bul_arr.png) no-repeat right 50%; height:16px; line-height:16px;margin:15px auto 0;}
.loginBox .loginBoxInner .selEtc .btn_findpass span {color:#0c489e; padding-left:0px;height:16px; line-height:16px;display:inline-block; width:140px;}
.loginBox .loginBoxInner .loginInputBox .info { font-size:13px; padding-bottom:5px;}
.loginBox .loginBoxInner .loginInputBox .info p { margin-bottom:5px; }
.loginBox .loginBoxInner .companyBox {text-align:center}
.loginBox .loginBoxInner .btnLogin {background:#4765a0; font-size:20px; font-weight:bold; color:#fff; height:34px; line-height:34px; width:100%; margin:24px 0 20px;}
.loginBox .loginBoxInner .link {overflow:hidden}
.loginBox .loginBoxInner .link a {display:block; float:left; width:115px; color:#555; font-size:12px; height:36px;}
.loginBox .loginBoxInner .link .linkBusiness {background:url(../images/bul_doc.png) no-repeat left 50%; padding-left:50px; margin-right:18px;}
.loginBox .loginBoxInner .link .linkContact {background:url(../images/bul_email.png) no-repeat left 50%;padding-left:50px; line-height:36px}
.wrap {max-width:1080px; margin:0 auto; padding-left:10px;padding-right:10px}
header {position:relative}
header .util {background:#203048; height:38px; line-height:38px; text-align:right}
header .util a {background:url(../images/util_bar.png) no-repeat right 1px; height:12px; line-height:12px; display:inline-block;margin-right:8px; padding-right:10px}
header .util a span {font-weight:bold; color:#a3acb8; padding-left:16px; height:12px; line-height:12px; display:block; font-size:11px}
header .util a.home span {background:url(../images/bul_home.png) no-repeat left top}
header .util a.logout span {background:url(../images/bul_out.png) no-repeat left top}
header .util a.member {background:none}
header .util a.member span {background:url(../images/bul_mem.png) no-repeat left top;color:#c8cfda}
header h1 {margin-top:30px; float:left}
header h1.menuover {position:absolute; left:10px; top:-20px; background:url(../images/Mlogo.png) no-repeat left top;width:100px; height:18px; background-size:100px}
header h1.menuover img {opacity:0; filter: alpha(opacity = 0);}
header nav {width:767px; float:left; margin-top:30px; position:relative; z-index:1; height:70px;overflow:hidden; letter-spacing:-1px}
header nav .mobileMenu,
header nav .mobileTop {display:none}
header nav ul.show {display:block !important; overflow:hidden}
header nav ul li {float:left; width:12%; position:relative; list-style:none; margin:0; padding:0;}
/*header nav > ul > li {min-width:132px;}*/
header nav ul li a {font-size:15px; font-weight:bold; color:#000; height:40px; line-height:40px; text-align:center; display:block; width:90%; margin:0 auto; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
header nav > ul > li.over > a,
header nav > ul > li > a:hover {background:#2893de; color:#fff; border-radius:6px}
header nav ul li ul {padding-top:30px; margin-top:31px; border-right:1px solid #ececec; width:100%; display:none}
header nav ul li ul li {float:none; width:90%; font-size:14px; color:#4e566b;text-align:left;margin:3% 0 0 10%; padding:0}
header nav ul li ul li a,
header nav ul li ul li a.on {font-size:15px; color:#4e566b; height:30px; line-height:30px;text-align:left; margin:0; width:100%;}
header nav ul li ul li ul {position:relative; left:auto; top:auto; padding-top:0; margin:0}
header nav ul li ul li ul li {margin-left:3%; width:97%}
header nav ul li ul li ul li a,
header nav ul li ul li ul li a.on {font-size:13px; color:#2893de; height:24px; line-height:24px; background:url(../images/bul_dot2.png) no-repeat left 11px; padding-left:3%; width:90%;}
header nav ul li ul li ul li ul li a,
header nav ul li ul li ul li ul li a.on {font-size:11px; color:#9abed7; height:18px; line-height:18px; background:url(../images/bul_sub3.png) no-repeat left 50%;margin-left:7px; width:87%}
header .navLine {position:absolute; left:0; top:138px; background:#798391; height:1px; width:100%; overflow:hidden; display:none; border:none}
header .navLine2 {position:absolute; left:0; top:617px; background:#798391; height:1px; width:100%; overflow:hidden; display:none !important; border:none}
section {clear:both;position:relative; z-index:0}
a.mainLink {padding:12px 87px 12px 20px; color:#fff; font-size:14px; font-weight:bold }
.mainGraphy {background:url(../images/main_bg01.png) no-repeat 50% 50%; height:460px; overflow:hidden; position:relative; }
.mainGraphy h2 {position:absolute; left:-200px; top:190px; color:#fff; font-size:60px; font-weight:bolder; margin-left:-115px}
.mainGraphy p {position:absolute; left:50%; top:500px; color:#fff; font-size:28px; margin-left:-270px; text-align:center}
.quickLink {padding:66px 0 64px; background:#fff; width:100%; max-width:1190px; text-align:center; margin:0 auto; min-height:250px}
.quickLink a {display:inline-block; width:315px; text-align:center}
.quickLink a span {font-size:13px; color:#888; display:block; margin-bottom:12px;transition: font-size 300ms ease-out;}
.quickLink a span.img {display:block; height:146px;}
.quickLink a span.img img{height:122px;transition: height 300ms ease-out;}
.quickLink a:hover span.img img,
.quickLink a:focus span.img img {height:135px}
.quickLink a span.title {font-size:25px; color:#333;transition: font-size 300ms ease-out;height:33px; line-height:33px}
.quickLink a:hover span.title,
.quickLink a:focus span.title {font-size:23px}
.submenuLink {background:url(../images/main_bg02.png) repeat left top;}
.submenuLink .wrap{ position:relative; padding:60px 10px 45px;}
.submenuLink h2 {color:#333; font-size:30px;margin-bottom:25px; font-weight:bold}
.submenuLink p {color:#555; font-size:13px; word-break:break-all; word-wrap:break-word; max-width:550px; margin-bottom:25px; width:50%; position:relative; z-index:10}
.submenuLink .submenuLinkBg {position:absolute; right:0; top:36px;background:url(../images/main_img04.png) no-repeat left top; width:50%; max-width:541px; height:364px}
.submenuLink ul {width:450px; overflow:hidden}
.submenuLink ul li {float:left; width:225px; margin-bottom:8px}
.submenuLink ul li a {color:#555; background:url(../images/main_bul01.png) no-repeat left 50%; padding-left:20px; display:block; font-size:14px}
.submenuLink2 .submenuLink2Bg {background:url(../images/main_img05.png) no-repeat 50% 85px; width:50%;min-height:320px; display:inline-block; max-width:590px}
.submenuLink2 .submenuLink2con { display:inline-block; width:45%; text-align:center}
.submenuLink2 h2 {color:#333; font-size:30px;margin:20px 0 25px; font-weight:bold}
.submenuLink2 p {font-size:14px; color:#777; margin-bottom:25px;word-break:break-all; word-wrap:break-word;}
.submenuLink2 a.mainLink{background:#3498db url(../images/main_bul05.png) no-repeat right 50%;}
.submenuLink3 {min-height:217px; padding-top:53px; background:#000 url(../images/main_img09.png) no-repeat 50% 50%; margin-top:80px}
.submenuLink3 h2 {font-size:30px; font-weight:bold; color:#fff; text-align:center; margin-bottom:28px}
.submenuLink3 p {font-size:14px; color:#fff; text-align:center; margin-bottom:25px;word-break:break-all; word-wrap:break-word;}
.submenuLink3 .btnLst {text-align:center}
.submenuLink3 a.mainLink {background:url(../images/main_bul05.png) no-repeat right 50%; border:1px solid #fff;display:inline}
.submenuLink4 {text-align:center; padding-top:40px}
.submenuLink4 h2 {color:#333; font-size:30px;margin:20px 0 25px; font-weight:bold}
.submenuLink4 p {font-size:14px; color:#777; margin-bottom:25px;word-break:break-all; word-wrap:break-word;}
.submenuLink4 .wrap div {display:inline-block; text-align:left; width:335px; background:url(../images/main_img06.png) no-repeat 50% top; padding-top:240px; vertical-align:top; margin:0 25px 70px 0; overflow:hidden}
.submenuLink4 h3 {font-size:25px; color:#333; background:url(../images/main_bar.png) no-repeat left bottom; padding-bottom:5px; margin-bottom:15px}
.submenuLink4 ul {margin-bottom:30px}
.submenuLink4 li {background:url(../images/main_bul02.png) no-repeat left 50%; padding-left:7px;}
.submenuLink4 li a {color:#777; font-size:13px}
.submenuLink4 li span{color:#333; font-weight:bold}
.submenuLink4 .wrap .faq{background:url(../images/main_img07.png) no-repeat 50% top;}
.submenuLink4 .wrap .qna{background:url(../images/main_img08.png) no-repeat 50% top; margin-right:0}
.submenuLink4 .mainMore {border:1px solid #dadada; color:#999; font-size:10px; font-weight:bold; height:22px; line-height:22px; display:inline-block; padding:0 13px 0 25px; background:url(../images/main_bul03.png) no-repeat 10px 50%;}
footer {background:#222; padding:30px 10px 70px;}
footer address,
footer p {color:#828282; font-size:14px; text-align:center; font-style:normal;word-break:break-all; word-wrap:break-word;}

/*  subpage - management */
.communication {background:url(../images/bg_communication.png) no-repeat 50% 50%; height:220px;}
.environment {background:url(../images/bg_environment.png) no-repeat 50% 50%; height:220px;}
.management {background:url(../images/bg_manager.png) no-repeat 50% 50%; height:220px;}
.order {background:url(../images/bg_order.png) no-repeat 50% 50%; height:220px;}
.privacy {background:url(../images/bg_privacy.png) no-repeat 50% 50%; height:220px;}
.communication h2,
.environment h2,
.management h2,
.order h2,
.privacy h2 {top:75px}
.grid {padding:40px 10px 15px; margin:0 auto; min-height:100px; overflow:hidden;}
.grid h2 {font-size:30px; color:#333; font-weight:bold; background:url(../images/bul_h2.png) no-repeat left 50%; padding-left:30px; float:left}
.grid hr {clear:both; display:block; height:1px; width:100px; border:0 none; opacity:0; filter: alpha(opacity = 0);}
.location {float:right; overflow:hidden; margin-top:15px; text-align:right}
.location * {vertical-align:top; line-height:14px; height:14px; display:inline-block;font-size:12px;}
.location a { color:#888; }
.location .bar {background:url(../images/locationBg.png) no-repeat left 5px; width:4px;  text-indent:-999px; overflow:hidden; margin:0 5px}
.location .page {color:#333; font-weight:bold}

/* btn */
.btnArea {text-align:center; margin-bottom:100px}
.btn {min-width:40px;line-height:25px; overflow:hidden;  text-align:center; padding:5px 60px 5px 15px; background:#77c542; color:#fff; font-weight:bold; font-size:14px; border-radius:4px; background-position:right 50%; background-repeat:no-repeat; margin-left:10px; margin-bottom:5px}
.btnUpdate,
.btnSave     {background-image:url(../images/btn_save.png)}
.btnSearch   {background-image:url(../images/btn_search.png)}
.btnWrite    {background-image:url(../images/btn_write.png) }
.btnRetrieve {background-image:url(../images/btn_retrieve.png)}
.btnExcel    {background-image:url(../images/btn_excel.png); background-color:#616872;}
.btnAdd      {background-image:url(../images/btn_add2.png); background-color:#616872;}
.btnApproval {background-image:url(../images/btn_approval.png); background-color:#616872;}
.btnList     {background-image:url(../images/btn_list.png); background-color:#616872;}
.btnRemove   {background-image:url(../images/btn_delete.png); background-color:#616872;}
.btnReply    {background-image:url(../images/btn_reply.png); background-color:#616872;}
.btnSend {
   background-color:#77c542;     width: 100px;
    padding-right: 15px;
}
.btnClose    {background-color:#616872;}
.btnCalendar {background:url(../images/btn_calendar.png) no-repeat left top; width:16px; height:15px; overflow:hidden; display:inline-block; text-indent:-999px}
/* searchForm */
.searchForm {clear:both; padding-top:20px; text-align:center; margin-bottom:11px; overflow:hidden }
.searchForm .searchBox {border:1px solid #ddd; border-left:0 none; border-bottom:0 none; overflow:hidden; margin-bottom:13px}
.searchForm .searchInner {width:50%; float:left; height:41px;}
.searchForm .searchInner span {border-left:1px solid #ddd;border-bottom:1px solid #ddd; float:left;text-align:left; padding:0 0 0 2%; width:68.4%;height:40px; line-height:38px; font-size:13px}
.searchForm .searchInner label,
.searchForm .searchInner span.label {background:#f6f6f6; border-left:1px solid #ddd;border-bottom:1px solid #ddd; text-align:center;float:left; width:29%; height:40px; line-height:38px; font-size:12px; font-weight:bold; color:#666; padding:0}
.searchForm .searchInner label.label2,
.searchForm .searchInner span.label2 {width:45%; text-align:left; padding-left:2%}
.searchForm .searchInner span.double {line-height:16px; height:32px; padding-top:4px;padding-bottom:4px}
.searchForm .searchInner span.span2 {width:50.5%;}
.searchForm .searchInner select {border:1px solid #ddd;height:27px; padding:0 0 0 2%; margin:0 0 0 5px; text-align:center;white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
.searchForm .searchInner input {border:1px solid #ddd; width:85%; height:27px; line-height:27px; padding:0 5%; text-align:left;white-space:nowrap; text-overflow:ellipsis;overflow:hidden;font-size:13px}
.searchForm .searchInner input[type='file'] {border:none; width:auto; line-height:normal; height:auto; padding:0}
.searchForm .searchInner input.check,
.searchForm .searchInner input[type='radio'],
.searchForm .searchInner input[type='checkbox'] {width:auto; height:auto; line-height:normal; border:0 none; padding:0;}
.searchForm .searchInner input.textType2 {width:30%; padding:0 1%}
.searchForm .searchInner a {color:#2893de; display:block; font-size:13px; text-decoration:none; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
.searchForm .searchInner2 {width:100%}
.searchForm .searchInner2 label,
.searchForm .searchInner2 span.label {width:14.5%}
.searchForm .searchInner2 span {width:84.3%; padding:0 0 0 0.8%}
.searchForm .searchInner2 label.label2,
.searchForm .searchInner2 span.label2  {width:22.5%; padding-left:1%}
.searchForm .searchInner2 span.span2 {width:75.2%; padding-left:1%;}
.searchForm .searchInner3 {width:33.3%}
.searchForm .searchInner3 label {width:35%}
.searchForm .searchInner3 span {width: 62.2%; position:relative}
.searchForm .searchInner select,
.searchForm .searchInner3 select {margin:0; width:96%;}
.searchForm .searchInner4 {width:66.6%}
.searchForm .searchInner4 label {width:17.5%}
.searchForm .searchInner4 span {width:81%; padding-left:1%}
.searchForm .searchInner4 span input {width:92%; padding:0 3%}
.searchForm .searchInner5 {width:100%}
.searchForm .searchInner5 label {width:11.7%}
.searchForm .searchInner5 span {width:87.4%; padding-left:0.6%}
.searchForm .searchInner5 span input {width:96.6%; padding:0 1%}
.searchForm .searchInner6 select {margin:0; width:48%;}


.searchForm .searchInner3 .btnSearch2 {background:url(../images/btn_search2.png) no-repeat left top; width:22px; height:23px; display:block; overflow:hidden; text-indent:-999px; position:absolute; right:5%; top:9px}
.searchForm .searchBox2 {width:380px; float:left}
.searchForm .searchBox2 .searchInner {width:100%}
.searchForm .searchBox2 .searchInner span {text-align:left; position:relative;}
.searchForm .searchBox2 .searchInner input {border:0 none; width:70%;}
.searchForm .searchBox2 .searchInner .btnSearch2 {position:absolute; right:5px; top:0; width:21px; height:40px; display:block; overflow:hidden; text-indent:-999px; background:url(../images/bul_search.png) no-repeat 50% 50%}
.searchForm2 .btn {float:right}


/* table */
table span.nowrap {white-space:nowrap}
.tableInfo {clear:both; overflow:hidden; font-size:13px; color:#666; margin-bottom:10px}
.tableInfo .count {float:left}
.tableInfo .count span {color:#2893de}
.tableInfo .sort {float:right}
.tableInfo .sort select {border:1px solid #ddd;height:24px; min-width:50px; text-align:center}
.tableInfo h3 {font-size:16px; font-weight:bold; color:#333; clear:both; background:url(../images/bul_h3.png) no-repeat left 10px; padding-left:8px}
.tableInfo label {cursor:pointer}
.ultList_div,.jqgridTable {border:1px solid #2893de; margin:0 auto 45px; clear:both; overflow-y:hidden; overflow-x:auto}
.ultList_divTable { overflow:auto;}
.ultList_div table { text-align:center; width:100%; min-width:850px; }
.ultList_div table thead th {color:#fff; background:#2893de; font-size:14px; font-weight:bold; padding:12px; border-bottom:1px solid #ddd}
.ultList_div table td {font-size:13px; color:#666; border-bottom:1px solid #ddd; padding:10px}
.ultList_div table td.title {text-align:left}
.ultList_div table td.blue {color:#2893de}
.ultList_div table tr:nth-child(2n) {background:#fcfcfc}
.ultList_div table .textType1 {border:1px solid #d6d6d6; width:45px; height:27px; line-height:27px; padding:0 5px; text-align:right}
.ultList_div table .textType2 {border:1px solid #d6d6d6; width:170px; height:27px; line-height:27px; padding:0 5px}
.ultList_div table .textType3 {border:1px solid #d6d6d6; width:130px; height:27px; line-height:27px; padding:0 5px}
.ultList_div table select {border:1px solid #d6d6d6; height:27px; line-height:27px; padding:0 0 0 5px; text-align:center; min-width:50px}
.ultList_div table td .btnSearch {border:1px solid #d6d6d6;font-size:11px; font-weight:normal; color:#666; background:#fcfcfc; height:29px; line-height:27px; margin-left:-7px; display:inline-block; padding:0 5px}

.viewSroll {background:#000; opacity:0.2; filter: alpha(opacity = 20%); height:10px; display:none; padding:2px 0; border-radius:3px; position:absolute; left:0; bottom:0; width:100%}
.viewSroll div {background:url(../images/scrollArrLeft.png) no-repeat 3px 50%;height:10px; padding-right:3px; opacity:0.5; filter: alpha(opacity = 50%);}
.viewSroll div div {background:url(../images/scrollArrRight.png) no-repeat right 50%;height:10px;opacity:1; filter: alpha(opacity = 100%);}
.MultiHeader table thead th {border-right:1px solid #ddd}
.paging {text-align:center}
.paging a {height:35px; line-height:35px; display:inline-block; margin:0 2px}
.paging a img {cursor:pointer; vertical-align:middle}
.paging a span {cursor:pointer; display:block; width:34px; height:35px; font-size:14px; font-weight:bold; color:#fff; background:#ccc}
.paging a span.on {background:#2893de;}

.tableType1 {clear:both; margin:20px 0 45px 0; border-top:5px solid #2893de;}
.tableType1 table {text-align:left; border:1px solid #2893de; width:100%}
.tableType1 table th {padding:15px 20px; background:#f7f7f7; border-bottom:1px solid #d6d6d6; color:#666; font-weight:bold; font-size:13px; }
.tableType1 table th span {color:#fd5555}
.tableType1 table td {padding:0 20px;  border-bottom:1px solid #d6d6d6; min-height:43px;color:#666; font-size:13px;}
.tableType1 table td select,
.tableType1 table td input {margin:0 5px}
.tableType1 table td hr {display:none}
.tableType1 table .textType1 {border:1px solid #d6d6d6; width:160px; height:27px; line-height:27px; padding:0 5px}
.tableType1 table .textType2 {border:1px solid #d6d6d6; width:100px; height:27px; line-height:27px; padding:0 5px; text-align:center}
.tableType1 table .textType3 {border:1px solid #d6d6d6; width:260px; height:27px; line-height:27px; padding:0 5px}
.tableType1 table .textType4 {border:1px solid #d6d6d6; width:90%; height:27px; line-height:27px; padding:0 5px}
.tableType1 table select {border:1px solid #d6d6d6; height:27px; line-height:27px; padding:0 5px}
.tableType1 table textarea {border:1px solid #d6d6d6; padding:0 5px; width:90%; margin:10px 5px}
.tableType1 table td label {margin-right:20px; cursor:pointer; white-space:nowrap}

/* tabMenu */
.tabMenu {clear:both; padding-top:20px; position:relative}
.tabMenu .searchForm {position:absolute; right:0; top:0}
.tabMenu .menu {border-bottom:1px solid #2893de; height:46px;}
.tabMenu .menu li {border-top:6px solid #c1c1c1; border-right:1px solid #ddd; float:left; height:40px; background:#fff;border-bottom:1px solid #2893de; }
.tabMenu .menu li.first {border-left:1px solid #ddd;}
.tabMenu .menu li a {padding:11px 20px; display:block; min-width:75px; border-top:1px solid #ddd;font-size:13px; font-weight:bold;color:#666;white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
.tabMenu .menu li.on {border-bottom:1px solid #fff;border-top:6px solid #2893de;border-right:1px solid #2893de;border-left:1px solid #2893de;}
.tabMenu .menu li.on a {color:#2893de}
.tabMenu .tabCon {border:1px solid #2893de; border-top:0 none; display:none; padding:0; margin-bottom:50px}
.tabMenu .tabCon .ultList_div {border:0 none; margin-bottom:0}


.OrderDoc {border:1px solid #409fe2;  overflow:auto;  margin-bottom:10px}
.OrderDocInner {min-width:1038px;padding:28px 20px;}
.OrderDoc h4 {color:#003291; font-size:30px; font-weight:bold; margin:0 0 35px 5px;}
.OrderDoc dl {font-size:13px; overflow:hidden; margin-left:5px;margin-bottom:20px; columns:2; width:80%}
.OrderDoc dt {font-weight:bold; color:#333;clear:both; float:left; width:130px; padding-right:0px; margin-bottom:10px;}
.OrderDoc dd {color:#888;float:left; width:200px; margin-bottom:10px; break-before:avoid}
.OrderDoc .nameCard {position:relative; margin-right:10px;}
.OrderDoc .nameCard img {position:absolute; right:0; bottom:100px}
.OrderDoc table {border:1px solid #2893de;border-top:none; border-left:none; margin-bottom:15px; width:100%}
.OrderDoc table th {background:#2893de; font-size:12px; font-weight:bold; color:#fff; text-align:center; padding:10px 0}
.OrderDoc table td {font-size:13px; color:#888; padding:10px 5px;border:1px solid #2893de; border-bottom:none; border-right:none; text-align:center}
.OrderDoc table tfoot td {font-size:13px; color:#333; font-weight:bold}
.OrderDoc table tfoot td.total {text-align:right} 
.OrderDoc p {colo:#294356; font-size:12px}
.OrderDoc p span {colo:#333; font-size:10px; font-weight:bold}


/* jqgrid */
.ui-jqgrid-view {border:1px solid #2893de;}
.ui-jqgrid-view  {/*margin-bottom:45px;*/ clear:both; overflow:auto}
.ui-jqgrid-view  table { text-align:center; width:100%;min-width:850px; }
.ui-jqgrid-view  table thead th {color:#fff; background:#2893de; font-size:14px; font-weight:bold; padding:12px; border-bottom:1px solid #ddd}
.ui-jqgrid-view  table td {font-size:13px; color:#666; border-bottom:1px solid #ddd; padding:10px}
.ui-jqgrid-view  table td.title {text-align:left}
.ui-jqgrid-view  table td.blue {color:#2893de}
.ui-jqgrid-view  table tr:nth-child(2n) {background:#fcfcfc}
.ui-jqgrid-view  table .textType1 {border:1px solid #d6d6d6; width:45px; height:27px; line-height:27px; padding:0 5px; text-align:right}
.ui-jqgrid-view  table .textType2 {border:1px solid #d6d6d6; width:170px; height:27px; line-height:27px; padding:0 5px}
.ui-jqgrid-view  table .textType3 {border:1px solid #d6d6d6; width:130px; height:27px; line-height:27px; padding:0 5px}
.ui-jqgrid-view  table select {border:1px solid #d6d6d6; height:27px; line-height:27px; padding:0 0 0 5px; text-align:center; min-width:50px}
.ui-jqgrid-view  table td .btnSearch {border:1px solid #d6d6d6;font-size:11px; font-weight:normal; color:#666; background:#fcfcfc; height:29px; line-height:27px; margin-left:-7px; display:inline-block; padding:0 5px}

.ui-jqgrid-view  table th.nocon,
.MultiHeader table th.nocon {padding:0; display:none}

.Calendar {
    padding: 0px 1% !important;
    width: 90px !important;
}

/* Login List */

div.companyList {
    padding-top:5px;
    font-size:13px;
    max-height:110px;
    overflow:hidden;
    border-bottom:1px solid #e9e9e9;
}
    div.companyList > ul > li {
        margin-left:20px;
        list-style:disc
    }

    div.companyList > ul > li > a:hover {
        background-color:#E6E6E6;
    }
    
/* media */
@media (max-width:929px) and (min-width:768px){
    header h1,
	header h1.menuover {position:absolute; left:10px; top:-20px; background:url(../images/Mlogo.png) no-repeat left top;width:100px; height:18px; background-size:100px}
	header h1 img,
	header h1.menuover img {opacity:0; filter: alpha(opacity = 0);}
}
@media (max-width:767px) and (min-width:659px){
	body {min-width:320px}
	.loginBox {width:320px;margin-left:-160px}
	.loginBox .loginBoxInner input {width:217px !important;}
	.loginBox .loginBoxInner .security input {width:135px !important;}
	.loginBox .loginBoxInner .link .linkBusiness {padding-left:42px; margin-left:5px; margin-right:0}
	.loginBox .loginBoxInner .link .linkContact {padding-left:42px; width:60px}
	header {background:#203048; height:60px}	
	header .util {display:none;}
	header .util a {background:url(../images/util_bar.png) no-repeat right top; height:10px; line-height:10px;margin-right:4px; padding-right:5px}
	header .util a span {font-size:10px;padding-left:12px; height:11px; line-height:11px;}
	header .util a.home span { background-size:11px}
	header .util a.logout span {background-size:11px}
	header .util a.member span {background-size:11px}	
	header h1,
	header h1.menuover {position:absolute; left:25px; top:22px; margin-top:0; background:url(../images/Mlogo.png) no-repeat left top;width:100px; height:18px; background-size:100px}
	header h1 img,
	header h1.menuover img {opacity:0; filter: alpha(opacity = 0);}
	header nav {margin-top:0; min-height:64px; width:100%; float:right; overflow:visible !important}
	header nav .mobileMenu {display:block; position:absolute; right:20px; top:18px; background:url(../images/mobile_menu.png) no-repeat left top; width:25px; height:20px; text-indent:-999px; overflow:hidden; background-size:25px}
	header nav .mobileTop {display:none; position:absolute; left:25px; top:35px; background:url(../images/mobile_top.png) no-repeat left top; width:33px; height:45px; text-indent:-999px; overflow:hidden;}
	header nav ul {display:none;  width:60%;min-width:230px; position:absolute; right:-10px; top:60px; background:#fff; box-shadow:0 -2px 5px 0 #203048  }
	header nav ul li {float:none; margin:0; width:100% !important; border-bottom:1px solid #e9e9e9}
	header nav ul li a,
	header nav > ul > li.over > a,
	header nav > ul > li > a:hover {color:#4e566b; font-size:18px; padding:10px 2%; text-align:left; background:url(../images/mobile_menu_off.png) no-repeat right 15px; background-size:50px; font-weight:normal; height:26px; line-height:26px; width:96%; border-radius:0}
	header nav ul li a.on,
	header nav ul li.over a {color:#fff;background:#2893de url(../images/mobile_menu_on.png) no-repeat right 15px;background-size:50px;border-radius:0}

	header nav ul li ul {left:auto; top:auto;right:0; position:relative; padding-top:0; width:100%; margin:0; border:0 none;box-shadow:none}
	header nav ul li ul li {border-bottom:0 none; width:100% !important; margin:0}
	header nav ul li ul li a,
	header nav ul li ul li a.on,
	header nav ul li.over ul li a,
	header nav ul li.over ul li a.on {font-size:15px; color:#364e72; background:#fff url(../images/bul_mobile.png) no-repeat 4% 16px; padding:5px 0 5px 6%; background-size:3px; height:22px; line-height:22px; width:94%}
	header nav ul li ul li a span {background:url(../images/mobile_menu_off.png) no-repeat right 5px;display:block; background-size:40px}
	header nav ul li ul li a.on span {background-image:url(../images/mobile_menu_on.png);}
	header nav ul li ul li ul li a span {background-size:30px}
	header nav ul li ul li ul li a,
	header nav ul li ul li ul li a.on,
	header nav ul li ul li ul li ul li a,
	header nav ul li ul li ul li ul li a.on {font-size:13px;color:#364e72;background:url(../images/bul_mobile2.png) no-repeat 6% 15px; padding:4px 0 4px 8%;background-size:3px 1px; height:20px; line-height:20px; width:92%;}
    header nav ul li ul li ul li ul li a,
	header nav ul li ul li ul li ul li a.on{font-size:11px; background-position:8% 14px; padding:3px 0 3px 10%; width:90%}
	header .navLine,
	header .navLine2 {display:none !important}
	.mainGraphy {display:none}	
	.submenuLink p {text-shadow:0 0 2px #fff; color:#333;}
	.submenuLink ul {width:320px;}
	.submenuLink ul li { width:150px;}
	.submenuLink .submenuLinkBg	{right:0; z-index:0; opacity:0.25; filter: alpha(opacity = 25%);}
	a.mainLink {padding:12px 40px 12px 20px}
	.submenuLink3 {padding-top:40px; min-height:230px}
	.submenuLink3 h2 {margin-bottom:25px}
	.submenuLink3 p {margin-bottom:20px}
	.submenuLink4 .wrap div {width:300px;}

}
@media (max-width:658px){
	body {min-width:320px}
	.loginBox {width:320px;margin-left:-160px}
	.loginBox .loginBoxInner input {width:217px !important;}
	.loginBox .loginBoxInner .security input {width:135px !important;}
	.loginBox .loginBoxInner .link .linkBusiness {padding-left:42px; margin-left:5px;margin-right:0}
	.loginBox .loginBoxInner .link .linkContact {padding-left:42px; width:60px}
	header {background:#203048; height:60px}	
	header .util {display:none;}
	header .util a {background:url(../images/util_bar.png) no-repeat right top; height:10px; line-height:10px;margin-right:4px; padding-right:5px}
	header .util a span {font-size:10px;padding-left:12px; height:11px; line-height:11px;}
	header .util a.home span { background-size:11px}
	header .util a.logout span {background-size:11px}
	header .util a.member span {background-size:11px}	
	header h1,
	header h1.menuover {position:absolute; left:25px; top:22px; margin-top:0; background:url(../images/Mlogo.png) no-repeat left top;width:100px; height:18px; background-size:100px}
	header h1 img ,
	header h1.menuover img {opacity:0; filter: alpha(opacity = 0);}
	header nav {margin-top:0; min-height:64px; width:100%; overflow:visible !important}
	header nav .mobileMenu {display:block; position:absolute; right:20px; top:18px; background:url(../images/mobile_menu.png) no-repeat left top; width:25px; height:20px; text-indent:-999px; overflow:hidden; background-size:25px}
	header nav .mobileTop {display:none; position:absolute; left:25px; top:35px; background:url(../images/mobile_top.png) no-repeat left top; width:33px; height:45px; text-indent:-999px; overflow:hidden;}
	header nav ul {display:none;  width:60%;min-width:230px; position:absolute; right:-10px; top:60px; background:#fff; box-shadow:0 -2px 5px 0 #203048  }
	header nav ul li {float:none; margin:0; width:100% !important; border-bottom:1px solid #e9e9e9}
	header nav ul li a,
	header nav > ul > li.over > a,
	header nav > ul > li > a:hover {color:#4e566b; font-size:18px; padding:10px 2%; text-align:left; background:url(../images/mobile_menu_off.png) no-repeat right 15px; background-size:50px; font-weight:normal; height:26px; line-height:26px; width:96%; border-radius:0}
	header nav ul li a.on,
	header nav ul li.over a {color:#fff;background:#2893de url(../images/mobile_menu_on.png) no-repeat right 15px;background-size:50px;border-radius:0}
	header nav ul li ul {left:auto; top:auto;right:0; position:relative; padding-top:0; width:100%; margin:0; border:0 none;box-shadow:none}
	header nav ul li ul li {border-bottom:0 none; width:100% !important; margin:0}
	header nav ul li ul li a,
	header nav ul li ul li a.on,
	header nav ul li.over ul li a,
	header nav ul li.over ul li a.on {font-size:15px; color:#364e72; background:#fff url(../images/bul_mobile.png) no-repeat 4% 16px; padding:5px 0 5px 6%; background-size:3px; height:22px; line-height:22px; width:94%}
	header nav ul li ul li a span {background:url(../images/mobile_menu_off.png) no-repeat right 5px;display:block; background-size:40px}
	header nav ul li ul li a.on span {background-image:url(../images/mobile_menu_on.png);}
	header nav ul li ul li ul li a span {background-size:30px}
	header nav ul li ul li ul li a,
	header nav ul li ul li ul li a.on,
	header nav ul li ul li ul li ul li a,
	header nav ul li ul li ul li ul li a.on {font-size:13px;color:#364e72;background:url(../images/bul_mobile2.png) no-repeat 6% 15px; padding:4px 0 4px 8%;background-size:3px 1px; height:20px; line-height:20px; width:92%;}
    header nav ul li ul li ul li ul li a,
	header nav ul li ul li ul li ul li a.on{font-size:11px; background-position:8% 14px; padding:3px 0 3px 10%; width:90%}
	header .navLine,
	header .navLine2 {display:none !important}
	.mainGraphy {display:none}	
	
	.submenuLink .wrap {padding:30px 10px 25px; text-align:center; }
	.submenuLink p {text-shadow:0 0 2px #fff; color:#333; width:100%;max-width:none}
	.submenuLink ul {width:320px; margin:0 auto; text-align:left}
	.submenuLink ul li { width:150px;}
	.submenuLink .submenuLinkBg	{position:relative; left:auto; right:auto; top:auto; width:100%; margin:0 auto 10px}
	a.mainLink {padding:12px 40px 12px 20px}
	.submenuLink2 .submenuLink2Bg {width:100%; margin:0 auto}
	.submenuLink2 .submenuLink2con {width:100%}
	.submenuLink3 {padding-top:40px; min-height:230px}
	.submenuLink3 h2 {margin-bottom:25px}
	.submenuLink3 p {margin-bottom:20px}
	.submenuLink4 .wrap div {width:300px;margin-right:0}
	.searchForm .searchInner input.textType2 {width:27%;padding:0; letter-spacing:-1px;}

}
@media (min-width:1100px) {
    /* tree */
.contentTree {margin:0 auto; width:100%; max-width:1060px; border:1px solid #ddd;  overflow:auto}
.contentTree .contentTreeBox {width:1060px; overflow:hidden}
.treemenu {float:left; width:310px; vertical-align:top;}
.treecontent {float:right; width:750px; vertical-align:top}
.treecontent .searchForm {padding-top:0;}
.treecontent .ultList_div,
.treecontent .jqgridTable {margin-bottom:0;}
.treecontent .searchForm .searchBox {border-top:1px solid #ddd;border-right:0;}
ul.dynatree-container {border:0 none !important}
.treecontent .ultList_div table,
.treecontent .jqgridTable table {min-width:600px;}
.grid {
    padding:40px 70px 15px !important;
}

}
@media (max-width:1100px) and (min-width:860px) {
    /* tree */
.contentTree {margin:0 auto; width:100%; max-width:840px; border:1px solid #ddd;  overflow:auto}
.contentTree .contentTreeBox {width:840px; overflow:hidden}
.treemenu {float:left; width:240px; vertical-align:top;}
.treecontent {float:right; width:600px; vertical-align:top}
.treecontent .searchForm {padding-top:0;}
.treecontent .ultList_div,
.treecontent .jqgridTable {margin-bottom:0;}
.treecontent .searchForm .searchBox {border-top:1px solid #ddd;border-right:0;}
ul.dynatree-container {border:0 none !important}
.treecontent .ultList_div table,
.treecontent .jqgridTable table {min-width:550px;}
.grid {
    padding:40px 35px 15px !important;
}
}
@media (max-width:860px){
	.grid { padding:15px 10px 15px}	
	.location {width:100%; margin-top:0; letter-spacing:-1px}
	.searchForm .searchInner {width:100%; height:40px}
	.searchForm .searchInner label {width:30%;box-sizing:border-box;}
	.searchForm .searchInner span,
	.searchForm .searchInner span.span2 {width:70%;box-sizing:border-box;padding-left:2%; overflow:hidden;}
	.searchForm .searchBox2 .searchInner input {box-sizing:border-box;}
	.searchForm .searchInner2,
	.searchForm .searchInner span.span2 {height:40px;}	
	.searchForm .searchInner label.label2, 
	.searchForm .searchInner span.label2,
	.searchForm .searchInner label, 
	.searchForm .searchInner span.label{width:30%; padding-left:2%; overflow:hidden;}
	.searchForm .searchBox2 {width:auto; float:none}
	.searchForm .searchInner4 span input,
	.searchForm .searchInner5 span input {width:85%; padding:0 5%;}
	.searchForm2 .btn {float:none; clear:both;}
	.searchForm .searchInner input.textType2 {width:27%; padding:0 1%;}
	
	.tabMenu {clear:both; padding-top:80px; position:relative}
	.tabMenu .searchForm {position:absolute; left:0; top:0}
	
	.tableType1 table th {padding:10px;}
	.tableType1 table td {padding:0 10px;}
	.tableType1 table td select,
	.tableType1 table td input {margin:0 5px}	
	.tableType1 table td label {margin-right:30px}
	.tableType1 table td hr {display:block}
	.tableType1 table .textType1 {width:39%;padding:0 1%}
	.tableType1 table .textType2 {width:20%;padding:0 1%}
	.tableType1 table .textType3 {width:50%;padding:0 1%}
	.tableType1 table .textType4 {width:90%;padding:0 1%}		
	
	.btn {min-width:10px;line-height:25px; padding:4px 30px 4px 7px; font-size:13px; margin-left:5px}
	.tabMenu .menu li a {min-width:0px; padding:11px 5px}
	.ultList_div,.jqgridTable {overflow-x:scroll; -webkit-overflow-scrolling:touch; width:100%}
	.ultList_div table {min-width:320px}
    .treecontent .ultList_div table,
    .treecontent .jqgridTable table {min-width:550px;}
}

@media (max-width:1000px) and (min-width:851px){
	.viewLevel1 {display:none}	
}
@media (max-width:850px) and (min-width:701px){
	.viewLevel1,
	.viewLevel2 {display:none}	
}
@media (max-width:700px) and (min-width:601px){
    header nav { float: right; }
	.viewLevel1,
	.viewLevel2,
	.viewLevel3 {display:none}	
}
@media (max-width:600px){
    header nav { float: right; }
	.viewLevel1,
	.viewLevel2,
	.viewLevel3,
	.viewLevel4 {display:none}	
}


@media (min-width:1570px) {
    
    .SMSSender {
        float: left;
        width: 410px;
        vertical-align: top;
        padding-left: 22%;
    }

    .SMSReceiver {
        float: right;
        
        vertical-align: top;
        padding-right: 22%;
    }

    /*.grid {
        padding: 40px 70px 15px !important;
    }*/
}
@media (max-width:1570px) and (min-width:1415px) {
    /* tree */
    
    .SMSSender {
        float: left;
        width: 390px;
        vertical-align: top;
        padding-left: 20%;
    }

    .SMSReceiver {
        float: right;
        vertical-align: top;
        padding-right: 20%;
    }

}

@media (max-width:1415px) and (min-width:1218px) {
    /* tree */
    
    .SMSSender {
        float: left;
        width: 390px;
        vertical-align: top;
        padding-left: 15%;
    }

    .SMSReceiver {
        float: right;
        vertical-align: top;
        padding-right: 15%;
    }

}

@media (max-width:1218px) {
    /* tree */
    
    .SMSSender {
        float: left;
        width: 390px;
        vertical-align: top;
        padding-left: 8%;
    }

    .SMSReceiver {
        float: right;
        vertical-align: top;
        padding-right: 8%;
    }

}