@charset "utf-8";
@font-face {font-family: "NanumBarunGothic";src: url("../font/NanumBarunGothic.eot");src: url("../font/NanumBarunGothic.eot?#iefix") format("embedded-opentype"),url("../font/NanumBarunGothic.svg") format("svg"),url("../font/NanumBarunGothic.ttf") format("truetype"), url("../font/NanumBarunGothic.woff") format("woff"), url("../font/NanumBarunGothic.woff2") format("woff2");font-weight: normal;font-style: normal;}
@font-face {font-family: "NanumBarunGothic";src: url("../font/NanumBarunGothicBold.eot");src: url("../font/NanumBarunGothicBold.eot?#iefix") format("embedded-opentype"),url("../font/NanumBarunGothicBold.svg") format("svg"),	url("../font/NanumBarunGothicBold.ttf") format("truetype"),url("../font/NanumBarunGothicBold.woff") format("woff"),url("../font/NanumBarunGothicBold.woff2") format("woff2");font-weight: bold;font-style: normal;}
/* =================================================================================
* @ Project Name: POSCO INTERNATIONAL
* @Version: 1.0
* @Create Date: 2019-09-25
* ================================================================================= */
/* ===== Default ===== */
hr {margin:50px 0}
dl,ul,ol,menu,ul,li {list-style:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,label,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
body, * {font-family:'NanumBarunGothic', sans-serif;color:#333;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;word-break:keep-all;}
html, body {font-size:16px;font-weight:500;-webkit-margin-start:0;-webkit-padding-start:0px;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
element::-webkit-scrollbar { display: none; }
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}
a {text-decoration:none; -webkit-tap-highlight-color: rgba(0,0,0,0.0); cursor:pointer}
a img {border:none;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
caption {display:none;}
button {outline:0 none;border:none;background:none;cursor:pointer;height:35px;font-size:13px;border-radius: 2px;margin-left:10px;}
fieldset {display:block;border:0;}
fieldset legend label {display:none;}
input, button {-webkit-appearance:none;-moz-appearance: none;-o-appearance: none;}
input:focus {outline:none;}
table, tr, th, td {border-collapse: collapse;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*p, em, strong, span, h1, h2, h3, h4, button, label, i, tr, td, th, dl, dt, dd, ul, li, input[type="radio"], input[type="checkbox"], img, a, #header *, .mainMenu * {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}*/
.skip-navigation a {display:block;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;overflow:hidden;font-size:0;line-height:0;}
.skip-navigation a:hover,.skip-navigation a:active,.skip-navigation a:focus {position:fixed;top:0;left:0;width:100%;height:auto;padding:8px 0 12px;font-weight:bold;font-size:14px;color:#fff;font:Tahoma;line-height:1;text-align:center;text-decoration:none;background:black;}
.hide {display:none !important;}
input[type="text"],   input[type="tel"],   input[type="email"],
input[type="number"], input[type="date"],  input[type="password"], input[type='submit'], input[type='search'] {font:13px 'NanumBarunGothic';caret-color:#2F6FBB;vertical-align:middle;border:1px solid #d5d5d5;background:#fff;width:180px;height:30px;padding:0 10px;margin-left:10px;box-sizing:border-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;outline:0 none;border:none;}
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus,
input[type="number"]:focus, input[type="date"]:focus, input[type="password"]:focus {background:#fff}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {margin:0;-webkit-appearance:none;}
input::-ms-check {display:none}
input::-webkit-input-placeholder {color:#D6D6D6;font-size:12px;}
input:-moz-placeholder {color:#D6D6D6;opacity:1;font-size:12px;}
input::-moz-placeholder {color:#D6D6D6;opacity:1;font-size:12px;}
input:-ms-input-placeholder {color:#D6D6D6;opacity:1;font-size:12px;}
/* select {appearance: none;-webkit-appearance:none;-moz-appearance:none;} */
/* select::-ms-expand {display: none;} */
select {
   -webkit-appearance:none; /* for chrome */
   -moz-appearance:none; /*for firefox*/
   appearance:none;
}

select::-ms-expand{
   display:none;/*for IE10,11*/
}
select {
   background:url('../images/select_arrow.png') no-repeat right center;width:31px;height:100%;
   background-color : #fff;
}
/* === Button === */
.btnArea {padding:20px 0;width:100%;overflow: hidden;}
.btn {float:right;}
.btn-blue, .btn-white, .btn-gray, .btn-search, .btn-print {display:inline-block;font-family:'NanumBarunGothic', sans-serif;}
.btn-blue {padding:0 20px;color:#fff;background:#2475d0;box-sizing:border-box;}  /* 파란색 배경 버튼 */
.btn-white {padding:0 20px;color:#2475d0;border:1px solid #2475d0;box-sizing:border-box;}	/* 하얀색 배경 버튼*/
.btn-gray {padding:0 20px;color:#2475d0;background:#dee5ef;box-sizing:border-box;}  /* 회색 배경 버튼 */
.btn-search {color:#fff;background:#032C47;box-sizing:border-box;width:65px;height:30px;font-size:12px;padding:0 10px;float:right;}	/* 조회 버튼*/
.btn-search .icon {display:inline-block;width:14px;height:16px;margin-right:5px;background:url('../images/btn_search.png') no-repeat center center;vertical-align: sub;}
.btn-print {color:#2475d0;border:1px solid #2475d0;box-sizing:border-box;height:35px;padding:0 20px;float:right;} /* 출력 버튼 */
.btn-print .icon {display:inline-block;width:25px;height:35px;margin-right:5px;background:url('../images/btn-print.png') no-repeat center center;vertical-align: middle;}
/* === Header ===*/
#header {height:116px;background:#f9f9f9;border:1px solid #e1e1e1;}
#header .user {overflow: hidden}
#header .user .inner {float:right}
#header .user .inner a {display: inline-block;padding:11px 20px;font-size:12px}
#header .user .inner a .icon_user {display:inline-block;width:12px;height:12px;background:url('../images/icon_user.png') no-repeat 0 0;background-size:100% 100%;margin-right: 5px;}
#header .user .inner a .icon_log {display:inline-block;width:12px;height:12px;background:url('../images/icon_log.png') no-repeat 0 0;background-size:100% 100%;margin-right: 5px;}
/* === GNB ===*/
/* #gnb {overflow: hidden;} */
/* #gnb .inner {overflow: hidden;} */
#gnb .inner h1 {float:left;width:206px}
#gnb .inner h1 a {display:block;margin:0 auto;width:167px;height:42px;background:url('../images/logo.png') no-repeat center center;text-indent: -999px;font-size:1px;overflow:hidden;}
#gnb .inner nav {display:inline-block;min-width:700px;padding:0 20px;}
#gnb .inner nav .gnb-depth01 {position: relative;display: inline-block;}
#gnb .inner nav .gnb-depth01 > li {float:left;padding:0 50px 10px 0;}
#gnb .inner nav .gnb-depth01 > li a span {font-weight: bold;}
#gnb .inner nav .gnb-depth01 li .gnb-depth02 {display: none;width:100%;height:27px;background:#2F6FBB;border-radius: 4px;position: absolute;top:36px;left:0;}
#gnb .inner nav .gnb-depth01 li .gnb-depth02 li {float:left;padding:7px 3%;font-size: 12px;}
#gnb .inner nav .gnb-depth01 li .gnb-depth02 li a {color:#fff}
/* === LNB === */
.lnb {position:absolute;width:206px;/* height:100vh; */border-left:1px solid #C5C5C5;/* border-right:1px solid #C5C5C5; */}
.lnb .inner .title {padding:18px 0 5px 14px;border-bottom:3px solid #306FBC;}
.lnb .inner .title .icon_admin {display:inline-block;width:30px;height:30px;background:url('../images/icon_lnb_admin.png') no-repeat center center;}
.lnb .inner .title .icon_credit {display:inline-block;width:30px;height:30px;background:url('../images/icon_lnb_credit.png') no-repeat center center;}
.lnb .inner .title .icon_monitoring {display:inline-block;width:30px;height:30px;background:url('../images/icon_lnb_monitoring.png') no-repeat center center;}
.lnb .inner .title .icon_predict {display:inline-block;width:30px;height:30px;background:url('../images/icon_lnb_predict.png') no-repeat center center;}
.lnb .inner .title .text {display:inline-block;color:#306FBC;font-size:21px;font-weight:bold;vertical-align: super;padding-left: 10px;}
.lnb .inner .list ul li a {height:46px;display:block;padding:2px 15%;font-size:14px;color:#000;border-bottom:1px solid #C5C5C5;background:url('../images/lnb_dot.png') no-repeat 20px center;background-size:3px 3px;}
.lnb .inner .list ul li a .on {display:inline-block;width:150px;height:40px;margin-top:1px;border:2px solid #306fbc;border-radius: 3px;background:url('../images/lnb_on.png') no-repeat 90% center;}
.lnb .inner .list ul li a span {line-height: 3.3;padding-left:9px;}
/* === Main === */
#container_main {overflow:hidden;width:100%;height:90vh;background:#F6F6F6;}
.content_wrap {overflow:hidden;width:1024px;margin: 0 auto;}
.content_left {float:left;width:540px;height:90vh;background:url('../images/main_logo.png') no-repeat 80px 36%;}
.content_left span {text-indent: -999em;font-size:0;}
.content_right {position:relative;float:right;width:484px;height:90vh;}
.content_right .box {position: absolute;top: 50%;left: 50%;width: 320px;height: 470px;margin: -285px 0 0 -160px;}
.content_right .card_wrap {padding:0 0 30px 0;}
.content_right .card_wrap a {position:relative;display:block;width:317px;height:173px;margin:0 auto;}
.content_right .card_wrap a span {position:absolute;left:30px;bottom:36px;font-size:25px;font-weight: bold;}
.content_right .card_wrap .card-1 {background:url('../images/main_card_1.png') no-repeat center center;}
.content_right .card_wrap .card-2 {background:url('../images/main_card_2.png') no-repeat center center;}
.content_right .card_wrap .card-3 {background:url('../images/main_card_3.png') no-repeat center center;}
.content_right .card_wrap .card-1 span {color:#eb1c74;}
.content_right .card_wrap .card-2 span {color:#ff9016}
.content_right .card_wrap .card-3 span {color:#eee835;display:inline-block;}
#footer {width:100%;height:10vh;background:#F6F6F6;}
#footer .foot_wrap {overflow:hidden;width:1024px;margin:0 auto;}
#footer .foot_wrap .foot_logo {float:left;width:25%;height:31px;padding: 32px 0 0 0;background:url('../images/footer_logo.png') no-repeat center center;text-indent: -999em;}
#footer .foot_wrap .foot_logo span {text-indent: -999em;font-size:0;}
#footer .foot_wrap .foot_info {float:left;padding:19px 0 0 0}
#footer .foot_wrap .foot_info p {font-size:12px;line-height:18px;color:#888;}
#footer .foot_wrap .foot_info p.copyright {padding-top: 8px}
#footer .foot_wrap .foot_info p span {padding-left:20px;color:#888;}
/* === Container === */
#container {width:1000px;margin-left:207px;padding:26px 37px 100px 37px;border-left: 1px solid #C5C5C5;}
#container_print {width:1000px;padding:26px 37px 100px 37px;}
h2 {margin-bottom:25px;font-size:20px;font-weight: normal;background:url('../images/lnb_dot.png') no-repeat 0 center;background-size:5px 5px;padding-left:20px;}
h3 {margin:40px 0 20px 0;font-size:16px;font-weight: normal;color:#2f6fbb;background:url('../images/lnb_dot.png') no-repeat 0 center;background-size:4px 4px;padding-left:20px;}
.h3_span {float: right;}
h4 {display:inline-block;overflow:hidden;margin:20px 0 15px 0;font-size:16px;font-weight: normal;color:#2f6fbb;padding-left:20px;}
.h4_span {float: right;}
/* === Form layout === */
.formArea {overflow:hidden;padding:20px 20px 0 20px;background:#DEE5EF;border-radius: 5px;}
.formWrap {width:100%;overflow:hidden;margin-bottom:20px;}
/* === Select menu === */
.selectBox {display:inline-block;padding:0 20px;}
.selectBox-right {float:right;}
.frm-select {position: relative;display:inline-block;}
/* .frm-select::before {content:'';background:url('../images/select_arrow.png') no-repeat right center;width:31px;height:100%;box-sizing: border-box;border:1px solid #cdcdcd;position: absolute;top:0;right:0;} */
.frm-select label {margin-right: 10px;font-size:13px;}
/* .frm-select select {width:150px;height:30px;padding:0 10px;background:#fff;border:1px solid #cdcdcd;box-sizing:border-box;vertical-align: middle;} */
.frm-select select {width:150px;height:30px;padding:0 28px 0 10px;border:1px solid #cdcdcd;box-sizing:border-box;vertical-align: middle;}
/* === Input menu === */
.inputBox {display:inline-block;padding:0 20px;}
.frm-input {display:inline-block}
.frm-input label {margin-right: 10px;font-size:13px;}
.frm-input .input {width:250px;display:inline-block;margin:0 20px;}
/* === Input menu - border === */
.inputBox-border {display:inline-block;padding:0 20px;}
.inputBox-border .frm-input-border {display:inline-block}
.inputBox-border .frm-input-border label {margin-right: 10px;font-size:13px;}
.inputBox-border .frm-input-border .input {width:150px;display:inline-block;margin:0 20px;border:1px solid #cdcdcd;text-align: right;}
/* === Table === */
#table_list {position:relative;width:100%;margin: 20px 0;border:1px solid #cfcfcf;word-break:break-all;}
#table_list::before {content:'';position:absolute;top:0px;left:0;width:100%;height:2px;background:#2F6FBB;}
#table_list thead {background:#f2f2f2;}
#table_list thead tr th {height:45px;border:1px solid #cfcfcf;table-layout: fixed;}
#table_list tbody {font-size:13px;}
#table_list tbody tr th {color:#666;padding:4px 0;}
#table_list tbody tr th:first-child {border-top:1px solid #cfcfcf;}
#table_list tbody tr td {height:35px;border:1px solid #cfcfcf;}
.total {padding:10px 0;}
.total span {font-size:13px;}
.total2 {padding:0px 0px 20px 0px;text-align: right;}
.total2 span {font-size:13px;}

/* === Table === */
#table_list_10 {position:relative;width:100%;margin: 20px 0;border:1px solid #cfcfcf;word-break:break-all;}
#table_list_10 thead {background:#f2f2f2;}
#table_list_10 thead tr th {height:45px;border:0px solid #cfcfcf;table-layout: fixed;}
#table_list_10 tbody {font-size:13px;}
#table_list_10 tbody tr th {color:#666;padding:4px 0;}
#table_list_10 tbody tr th:first-child {border-top:1px solid #cfcfcf;}
#table_list_10 tbody tr td {height:35px;border:1px solid #cfcfcf;}
.total {padding:10px 0;}
.total span {font-size:13px;}
/* === Table 2 === */
.table_list_2 {position:relative;width:100%;margin: 20px 0;word-break:break-all;border-top:2px solid #2F6FBB}
.table_list_2 thead {background:#f2f2f2;}
.table_list_2 thead tr th {height:55px;table-layout: fixed;}
.table_list_2 tbody {font-size:13px;border-bottom: 2px solid #707580}
.table_list_2 tbody tr th {color:#404040;padding:4px 0;}
.table_list_2 tbody tr th:nth-child(2n+1) {width:120px;background:#f2f2f2;border-bottom:1px solid #E4E8EE;text-align: right;padding:3px 13px 0 13px;}
.table_list_2 tbody tr th td:nth-child(2n+1) {background:#f2f2f2;border-bottom:1px solid #cfcfcf;text-align: left;padding:3px 13px 0 13px}
.table_list_2 tbody tr td {height:40px;border-bottom:1px solid #E4E8EE;text-align:left;padding:3px 13px 0 13px;color:#666;}
.table_list_2 tbody tr td.orange {color:#ff9900;}
tbody tr td.orange {color:#ff9900;}
.table_list_2 tbody tr td .link {text-decoration: underline;color:#2F6FBB;}
.table_list_2 tbody tr td .address {margin:0 7px 0 20px;font-size:11px;padding:3px 3px 2px 3px;color:#fff;background:#b0b6c4;border-radius: 4px}
/* === Table 3 === */
.table_3 {width:100%;overflow:hidden}
.table_wrap_3 {/* display: flex; */width:49%;float:left;padding:0 0 20px 0;}
.table_wrap_3:nth-child(2n) {margin-left:20px;}
.table_list_3 {position:relative;width:100%;border:1px solid #cfcfcf;word-break:break-all}
.table_list_3::before {content:'';position:absolute;top:0px;left:0;width:100%;height:2px;background:#2F6FBB;}
.table_list_title {position: relative;padding:20px 0 5px 20px;font-size:15px;}
.table_list_title::before {content:'';position:absolute;top:26px;left:6px;width:4px;height:4px;background:#2F6FBB;}
.table_list_title span {float: right;}
.table_list_3 thead {background:#f2f2f2;}
.table_list_3 thead tr th {height:55px;border:1px solid #cfcfcf;table-layout: fixed;padding: 6px 0 0 0;font-weight: bold;}
.table_list_3 tbody {font-size:15px;}
.table_list_3 tbody tr th {color:#666;padding:4px 0;}
.table_list_3 tbody tr th:first-child {border-top:1px solid #cfcfcf;}
.table_list_3 tbody tr td {height:35px;border:1px solid #cfcfcf;}
/* === Table 4 === */
.inner_wrap {margin:20px 0;}
.table_list_4 {position:relative;width:100%;word-break:break-all;border-top:2px solid #2F6FBB}
.table_list_4 thead {background:#f2f2f2;}
.table_list_4 thead tr th {height:55px;table-layout: fixed;}
.table_list_4 tbody {font-size:13px;border-bottom: 2px solid #707580}
.table_list_4 tbody tr th {color:#404040}
.table_list_4 tbody tr th:nth-child(2n+1) {width:120px;background:#f2f2f2;border-bottom:1px solid #E4E8EE;text-align: left;padding:3px 13px 0 13px}
.table_list_4 tbody tr th td:nth-child(2n+1) {background:#f2f2f2;border-bottom:1px solid #cfcfcf;text-align: left;padding:3px 13px 0 13px}
.table_list_4 tbody tr td {height:40px;border-bottom:1px solid #E4E8EE;text-align:left;padding:3px 13px 0 13px;color:#2475d0;}
/* === Table 5 === */
.table_list_5 {position:relative;width:100%;margin:0 0 20px 0;word-break:break-all;border-top:2px solid #2F6FBB}
.table_list_5 thead {background:#f2f2f2;}
.table_list_5 thead tr th {height:55px;table-layout: fixed;}
.table_list_5 tbody {font-size:15px;border-bottom: 2px solid #707580}
.table_list_5 tbody tr th {color:#404040;padding:4px 0;}
.table_list_5 tbody tr th:nth-child(2n+1) {width:200px;background:#f2f2f2;border-bottom:1px solid #E4E8EE;text-align: left;padding:3px 13px 0 13px;}
.table_list_5 tbody tr th td:nth-child(2n+1) {background:#f2f2f2;border-bottom:1px solid #cfcfcf;text-align: left;padding:3px 13px 0 13px}
.table_list_5 tbody tr td {height:40px;border-bottom:1px solid #E4E8EE;border-left: 1px solid #E4E8EE;text-align:left;padding:3px 13px 0 13px;color:#666;}
/* === Table 6 === */
.table_6 {width:100%;overflow:hidden}
.table_wrap_6 {width:100%;float:left;padding:0 0 20px 0;}
.table_list_6 {position:relative;width:100%;border:1px solid #cfcfcf;word-break:break-all}
.table_list_6::before {content:'';position:absolute;top:0px;left:0;width:100%;height:2px;background:#2F6FBB;}
.table_list_title {position: relative;padding:20px 0 5px 20px;font-size:15px;}
.table_list_title::before {content:'';position:absolute;top:26px;left:6px;width:4px;height:4px;background:#2F6FBB;}
.table_list_title span {float: right;}
.table_list_6 thead {background:#f2f2f2;}
.table_list_6 thead tr th {height:55px;border:1px solid #cfcfcf;table-layout: fixed;padding: 6px 0 0 0;font-weight: bold;}
.table_list_6 tbody {font-size:15px;}
/* .table_list_6 tbody tr:nth-child(2n) {background:#f2fafe;} */
.table_list_6 tbody tr th {color:#666;padding:4px 0;}
.table_list_6 tbody tr th:first-child {border-top:1px solid #cfcfcf;}
.table_list_6 tbody tr td {height:35px;border:1px solid #cfcfcf;}
/* === Table 7 === */
.table_7 {width:100%;overflow:hidden}
.table_wrap_7 {width:50%;float:left;padding:0 0 20px 0;}
.table_list_7 {position:relative;width:100%;border:1px solid #cfcfcf;word-break:break-all}
.table_list_7::before {content:'';position:absolute;top:0px;left:0;width:100%;height:2px;background:#2F6FBB;}
.table_list_title {position: relative;padding:20px 0 5px 20px;font-size:15px;}
.table_list_title::before {content:'';position:absolute;top:26px;left:6px;width:4px;height:4px;background:#2F6FBB;}
.table_list_title span {float: right;}
.table_list_7 thead {background:#f2f2f2;}
.table_list_7 thead tr th {height:55px;border:1px solid #cfcfcf;table-layout: fixed;padding: 6px 0 0 0;font-weight: bold;}
.table_list_7 tbody {font-size:15px;}
.table_list_7 tbody tr:nth-child(2n) {background:#f2fafe;}
.table_list_7 tbody tr th {color:#666;padding:4px 0;}
.table_list_7 tbody tr th:first-child {border-top:1px solid #cfcfcf;}
.table_list_7 tbody tr td {height:35px;border:1px solid #cfcfcf;}
/* === Table 8 === */
.table_8 {width:100%;overflow:hidden}
.table_wrap_8 {/* display: flex; */width:58%;float:left;padding:0 0 20px 0;}
.table_wrap_8:nth-child(2n) {margin-left:20px;}
.table_list_8 {position:relative;width:100%;border:1px solid #cfcfcf;word-break:break-all}
.table_list_8::before {content:'';position:absolute;top:0px;left:0;width:100%;height:2px;background:#2F6FBB;}
.table_list_title {position: relative;padding:20px 0 5px 20px;font-size:15px;}
.table_list_title::before {content:'';position:absolute;top:26px;left:6px;width:4px;height:4px;background:#2F6FBB;}
.table_list_title span {float: right;}
.table_list_8 thead {background:#f2f2f2;}
.table_list_8 thead tr th {height:55px;border:1px solid #cfcfcf;table-layout: fixed;padding: 6px 0 0 0;font-weight: bold;}
.table_list_8 tbody {font-size:15px;}
.table_list_8 tbody tr th {color:#666;padding:4px 0;}
.table_list_8 tbody tr th:first-child {border-top:1px solid #cfcfcf;}
.table_list_8 tbody tr td {height:35px;border:1px solid #cfcfcf;}
/* === Table 9 === */
.table_9 {width:100%;overflow:hidden}
.table_wrap_9 {/* display: flex; */width:19%;float:left;padding:0 0 20px 0;}
.table_wrap_9:nth-child(2n) {margin-left:20px;}
.table_list_9 {position:relative;width:100%;border:1px solid #cfcfcf;word-break:break-all}
.table_list_9::before {content:'';position:absolute;top:0px;left:0;width:100%;height:2px;background:#2F6FBB;}
.table_list_title {position: relative;padding:20px 0 5px 20px;font-size:15px;}
.table_list_title::before {content:'';position:absolute;top:26px;left:6px;width:4px;height:4px;background:#2F6FBB;}
.table_list_title span {float: right;}
.table_list_9 thead {background:#f2f2f2;}
.table_list_9 thead tr th {height:55px;border:1px solid #cfcfcf;table-layout: fixed;padding: 6px 0 0 0;font-weight: bold;}
.table_list_9 tbody {font-size:15px;}
.table_list_9 tbody tr th {color:#666;padding:4px 0;}
.table_list_9 tbody tr th:first-child {border-top:1px solid #cfcfcf;}
.table_list_9 tbody tr td {height:35px;border:1px solid #cfcfcf;}
/* === Chart === */
.chart {width:90%;height:280px;}
.chart_wrap {display:block;padding:20px; margin:0 auto;}
.chart_wrap_print {display:block;padding:20px 270px 20px 20px; margin:0 auto;}
/* === Card === */
.card {display: flex;width:720px;margin:20px auto 0 auto;}
.card_body {display:inline-block;width:200px;height:130px;margin:0 20px;border-bottom:2px solid #707580;}
.card_title {text-align: center;height:30px;font-size:13px;color:#fff;background: #707580;line-height: 2.5;padding: 0 15px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.card_text {position:relative;height:93px;padding:0 15px;font-size:15px;color:#2475d0;border-left:1px solid #e4e8ee;border-right:1px solid #e4e8ee;}
.card_text .info-1 {text-align: center;display:block;padding:20px 0 10px 0;font-size:15px;font-weight:bold;color:#2475d0;}
.card_text .info-2 {text-align: center;display:block;font-size:12px;color:#666;}
.card_text .date {text-align: center;position:absolute;left:0;bottom:0px;padding:0 15px;font-size:12px;color:#666;}
.card_text .chart {text-align: center;display:inline-block;width:100%;height:61px;font-size:12px;color:#666;}
/* === Tab === */
.tab {margin:50px 0 10px 5px}
.tab ul .tablinks {display: inline-block;width:120px;height:40px;background: #fafbfd;border:1px solid #c5cbd6;font-size: 15px;line-height: 2.7;color:#666;text-align: center;margin-left:-4px;margin-right:0;cursor: pointer;}
.tab ul .tablinks.active {width:130px;border:1px solid #3f72b5;background:#fff;border-bottom: none;color:#3f72b5;font-weight: bold;}
.tab ul .tablinks.active:nth-child(2n) {margin-right:1px}
.tab ul .tablinks.active:nth-child(6) {margin-right:0}
/* === Paging === */
.paging {display:block;text-align: center}
.paging a {position: relative;display: inline-block;width:28px;height:28px;border:1px solid #d9d9d9;box-sizing:border-box;font-size:14px;vertical-align: middle;line-height: 2;}
.paging a.first::before {content: "";width: 10px;height: 20px;position: absolute;left: 8px;top: 3px;background: url(../images/btn_first.png) no-repeat center center;}
.paging a.prev::before {content: "";width: 10px;height: 20px;position: absolute;left: 8px;top: 3px;background: url(../images/btn_prev.png) no-repeat center center;}
.paging a.next::before {content: "";width: 10px;height: 20px;position: absolute;left: 8px;top: 3px;background: url(../images/btn_next.png) no-repeat center center;}
.paging a.last::before {content: "";width: 10px;height: 20px;position: absolute;left: 8px;top: 3px;background: url(../images/btn_last.png) no-repeat center center;}
.paging a.on {background:#2475d0;color:#fff;}
/* === Checkbox === */
.checkbox-group {display: inline-block;padding:6px 0;}
.checkbox-wrap {display: inline-block;position: relative;}
.checkbox-wrap input[type="checkbox"] {position:absolute;top:11px;left:13px;width:17px;height:17px;}
.checkbox-wrap label {position:relative;display: block;width: 100%;padding-left: 29px;cursor: pointer;}
.checkbox-wrap label::before {content: '';position: absolute;top: 0px;left: 14px;width: 17px;height: 17px;margin-top:12px;background:url(../images/checkbox_off.png) no-repeat 0 0;}
.checkbox-wrap input[type="checkbox"]:checked+label::before {background:url(../images/checkbox_on.png) no-repeat 0 0;}
.checkbox-wrap input[type="checkbox"]:disabled+label::before {background:url(../images/checkbox_disabled.png) no-repeat 0 0;}
.checkbox-wrap p {padding:11px 15px 7px 45px;}
/* === Radio === */
.radio-group {display: inline-block;padding:6px 0;}
.radio-wrap {display: inline-block;position: relative;}
.radio-wrap input[type="radio"] {position:absolute;top:10px;left:14px;width:18px;height:18px}
.radio-wrap label {position:relative;display: block;width: 100%;padding-left: 29px;cursor: pointer;}
.radio-wrap label::before {content: '';position: absolute;top: 0;left: 14px;width: 18px;height: 18px;margin-top:12px;background:url(../images/radio_off.png) no-repeat 0 0;}
.radio-wrap input[type="radio"]:checked+label::before {background:url(../images/radio_on.png) no-repeat 0 0;}
.radio-wrap input[type="radio"]:disabled+label::before {background:url(../images/radio_disabled.png) no-repeat 0 0;}
.radio-wrap p {padding:11px 15px 7px 45px;}
/* === CheckboxList=== */
.checkbox-list-group {display: inline-block;padding:6px 0;}
.checkbox-list-wrap {display: inline-block;position: relative;}
.checkbox-list-wrap input[type="checkbox"] {position:absolute;top:11px;left:13px;width:17px;height:17px;}
.checkbox-list-wrap label {position:relative;display: block;width: 100%;padding-left: 29px;cursor: pointer;}
.checkbox-list-wrap label::before {content: ''; position:absolute;top:-2px;left: 7px;width:17px;height:17px;margin-top: -9px;background: url(../images/checkbox_off.png) no-repeat 0 0;}
.checkbox-list-wrap input[type="checkbox"]:checked+label::before {background:url(../images/checkbox_on.png) no-repeat 0 0;}
.checkbox-list-wrap input[type="checkbox"]:disabled+label::before {background:url(../images/checkbox_disabled.png) no-repeat 0 0;}
.checkbox-list-wrap p {padding:11px 15px 7px 45px;}

/* 200225  Start */
/* === Grade === */
.grade {overflow:hidden;width:100%;margin:40px 0 0px 0;}
.grade table {float:right;width:35%;}
.grade table thead tr th {width:7%;padding:3px 10px;font-size:14px;font-weight:bold;text-align:center;color:#fff;}
.grade table thead tr th:first-child {background:#4CAF50;border-radius: 4px 0 0 4px;}
.grade table thead tr th:nth-child(2) {background:#2196F3}
.grade table thead tr th:nth-child(3) {background:#fdd835}
.grade table thead tr th:nth-child(4) {background:#FF9800}
.grade table thead tr th:last-child {background:#F44336;border-radius: 0 4px 4px 0;}
.grade table tbody tr td {width:20%;padding:3px 8px;color:#555;font-size:12px;font-weight:bold;}
/* === check-count === */
.check-count {overflow:hidden;float:right;margin:10px 0;}
.check-count table {font-size:13px;}
.check-count table tr th {padding:5px 34px;font-weight:bold;background:#f2f2f2;border:1px solid #cfcfcf;}
.check-count table tr td {padding:5px 40px;border:1px solid #cfcfcf;font-weight: bold;}
.check-count table tr td.orange {color:#ff9900;font-weight: bold;}
/* 200225  End  */

/* === Footer === */
#foot {/* width:1038px; *//* height:10vh; *//* width:1045px; */width:100%;padding:25px 0;/* padding:6px 0 20px 0; *//* background:#F6F6F6; */border-top:1px solid #C5C5C5;}
#foot .foot_wrap {overflow:hidden;width:1024px;/* margin:0 auto; */padding:6px 0 20px 0;margin-left:206px;}
#foot .foot_wrap .foot_logo {float:left;width:25%;height:31px;padding: 32px 0 0 0;background:url('../images/footer_logo.png') no-repeat center center;text-indent: -999em;}
#foot .foot_wrap .foot_logo span {text-indent: -999em;font-size:0;}
#foot .foot_wrap .foot_info {float:left;padding:5px 0 0 0}
#foot .foot_wrap .foot_info p {font-size:12px;line-height:18px;color:#888;}
#foot .foot_wrap .foot_info p.copyright {padding-top: 8px}
#foot .foot_wrap .foot_info p span {padding-left:20px;color:#888;}
/* ==================================== The end ==================================== */
.pop-layer .pop-container {
  padding: 20px 25px;
}

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}

.pop-layer .btn-r {
  width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #DDD;
  text-align: right;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 70%;
  left: 50%;
  width: 700px;
  height: auto;
  background-color: #fff;
  border: 1px solid #3571B5;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
  display: inline-block;
  height: 25px;
  padding: 0 14px 0;
  border: 1px solid #304a8a;
  background-color: #3f5a9d;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
}

a.btn-layerClose:hover {
  border: 1px solid #091940;
  background-color: #1f326a;
  color: #fff;
}