@charset "UTF-8";
html, body{height: 100%;}

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, 
a, em, img, b, u, i, center,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    font-family: '맑은고딕', 'Malgun Gothic', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
-ms-overflow-style: -ms-autohiding-scrollbar;

article, aside, details, figcaption, figure, footer, header,
hgroup, main, menu, nav, section, summary{
    display: block;
}
audio, canvas, progress, video{
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]){
    display: none;
    height: 0;
}
[hidden],
template{
    display: none;
}
a {
    display: inline-block;
    outline: 0;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title]{
    border-bottom: 1px dotted;
}
b, strong{
    font-weight: bold;
}
dfn{
    font-style: italic;
}
h1{
    font-size: 2em;
    margin: 0.67em 0;
}
mark{
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub, sup{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup{
    top: -0.5em;
}
sub{
    bottom: -0.25em;
}
/* img {
    border: 0;
    vertical-align: middle;
} */
ol, ul, li {
    list-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code, kbd, pre, samp{
    font-family: monospace, monospace;
    font-size: 1em;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0; 
}
button {
    overflow: visible;
}
button, select{
    text-transform: none;
}
button,
html input[type="button"], input[type="reset"], input[type="submit"]{
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled]{
    cursor: default;
    border-color: #CCCCCC;
    background-color: #EAEAEA;
    color: #959595;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
    border: 0;
    padding: 0;
}
input{
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"]{
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
    height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
    -webkit-appearance: none;
}
input[type="text"]{color: #5A5A5A;}
input[type="text"]:focus{outline-style: none; -webkit-appearance: none;}
fieldset{
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend{
    border: 0;
    padding: 0;
}
textarea{
    overflow: auto;
    border: 1px solid #CCCCCC;
    padding: 6px 8px;
    box-sizing: border-box;
    line-height: 22px;
    word-break: keep-all;
    white-space: pre-line;
}
optgroup{
    font-weight: bold;
}
table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #CCCCCC;
    table-layout: fixed;
}
thead{
    border-bottom: 1px solid #A5A5A5;
}
th.noline{border-bottom: none;}

th{
    height: 31px;
    padding: 8px;
    font-weight: bold;
    color: #5A5A5A;
}
td{
    height: 40px;
    padding: 11px 8px;
    line-height: 18px;
}
table tbody td:last-of-type, table thead th:last-of-type{border-right: none;}
table thead tr:last-of-type th{border-bottom: none;}
table tbody{letter-spacing: -0.7px;}

/* select */
select{
    font-family:'NanumSquare';
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color:#fff; 
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-image: url("../images/ico_select_down.png") ;
    height: 32px;
    padding: 0 32px 0 8px;
    border: 1px solid #A5A5A5;
    vertical-align: middle;
    color: #000;
    font-size: 14px;
    line-height: 14px;
    box-sizing: border-box;
}
select::-ms-expand{
    display: none;
}
/* input */
input{
    height:  32px;
    /* padding: 7px 8px; */
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 14px;
    color: #000;
    background-color: #fff;
}
select.error, input.error{border-color: #FF5858; color: #959595;}
select:hover, input:hover{border-color: #666666;}
input:disabled, textarea:disabled, select:disabled,
input:read-only, textarea:read-only{border-color: #CCCCCC; background-color: #EAEAEA; color: #959595;}

/* checkbox */
/* 
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label{
    margin: 0;
    height: 20px; 
    line-height: 20px;
    display:inline-block;
    transform: none;
    margin-right: 34px;
}
input[type="checkbox"] + label:last-of-type{margin-right: 0;}
input[type="checkbox"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 8px 0 0;
    border: 1px solid #959595;
    background-color: #fff;
    cursor: pointer;
    transform: none;
    font-size: 16px;
    color: #333;
}
input[type="checkbox"]:checked + label span {
    background: url(../images/check_on.png) no-repeat left top;
    border: none;
}
input[type="checkbox"]:disabled + label span{
    border: 1px solid #D2D2D2;
    background-color: #F7F7F7;
    cursor: default;
}
input[type="checkbox"]:disabled:checked + label span{
    background: url(../images/check_select_dis.png) no-repeat left top;
}

input[type="checkbox"].indetermin + label span {
    background: url(../images/check_indetermin.png) no-repeat left top;
}
input[type="checkbox"]:disabled + label{color: #959595;}
input[type="checkbox"] + label span:hover{background-color: #F7F7F7;}
input[type="checkbox"]:checked + label span:hover{background: url(../images/check_on_hover.png) no-repeat left top;} */

/* radio */
/* 
input[type="radio"] {
    display: none;
}
input[type="radio"] + label{
    transform: none;
    margin-right: 34px;
}
input[type="radio"] + label:last-of-type{margin-right: 0;}
input[type="radio"]:first-of-type + label{margin-left: 0;}
input[type="radio"] + label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
    padding: 0 0 0 0;
    vertical-align: middle;
    background: url(../images/radio_off.png) no-repeat left top;
    cursor: pointer;
    transform: none;
}
input[type="radio"]:disabled + label span {
    background: url(../images/radio_disabled.png) no-repeat left top;
    cursor: default;
}
input[type="radio"]:checked + label span {
    background:url(../images/radio_on.png) no-repeat left top;
}
input[type="radio"]:disabled + label{color: #BDBDBD;}
label.radio{
	margin-right: 10px;
} */
/* placeholder */
::-webkit-input-placeholder {color: #a6a6a6 !important;}
::-moz-placeholder {color: #a6a6a6 !important;}
:-ms-input-placeholder {color: #a6a6a6 !important;}
:-o-input-placeholder {color: #a6a6a6 !important;}

input:focus::-webkit-input-placeholder, 
textarea:focus::-webkit-input-placeholder{ /* WebKit browsers */ 
    color:transparent !important;
} 
input:focus:-moz-placeholder, 
textarea:focus:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    color:transparent !important; 
} 
input:focus::-moz-placeholder, 
textarea:focus::-moz-placeholder{ /* Mozilla Firefox 19+ */ 
    color:transparent !important; 
} 
input:focus:-ms-input-placeholder, 
textarea:focus:-ms-input-placeholder{ /* Internet Explorer 10+ */
    color:transparent !important; 
}

.align_l{text-align: left!important;}
.align_c{text-align: center!important;}
.align_r{text-align: right!important;}
.bg_white a{ margin-left:-4px !important; width:254px !important;}
.Header-wrap {position:relative;background:#ffffff; z-index:1; min-width:1280px; border-bottom: 1px solid rgba(0,0,0,0.2); height: 50px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.Header-wrap .Header-contwrap {margin:0 30px; height: 50px;}
.Header-wrap .Header-contwrap .Logo {float:left; width:180px; text-align: left; font-size: 18px;color: #000000; height: 27px;line-height: 27px; margin-top:13px; font-weight: 300;}
.Header-wrap .Header-contwrap .Navigation-list {float:left;}
.Header-wrap .Header-contwrap .Navigation-list li {float:left;}
.Header-wrap .Header-contwrap .Navigation-list li a {padding:17px 20px 13px 20px;font-size:14px; height: 20px; line-height: 20px; color:rgba(0,0,0,0.6);  display: inline-block; font-weight:500;}
.Header-wrap .Header-contwrap .Navigation-list li a:hover{color:#000000 !important;font-weight:bold; background:rgba(37,90,212,0.06);  padding:17px 20px 13px 20px !important;font-size:14px; height: 50px; display: inline-block;font-weight: bold; box-sizing: border-box;}
.Header-wrap .Header-contwrap .Navigation-list li .hover {color:#000000 !important;font-weight:bold; background:rgba(37,90,212,0.06); border-bottom:4px solid #255ad4; padding:17px 20px 9px 20px !important;font-size:14px; height: 20px; line-height: 20px; display: inline-block; font-weight: bold;}
.Header-wrap .Header-contwrap .Idstate-wrap {float:right;}
.Header-wrap .Header-contwrap .Idstate-wrap .Name-wrap { }
.Header-wrap .Header-contwrap .Idstate-wrap .State-wrap { margin: 18px 5px 0 0; padding: 0 6px; font-size: 12px; height: 20px; line-height: 20px; border-radius: 2px; background: #f4f4f7; display: inline-block; color:rgba(0,0,0,0.6);}
.Header-wrap .Header-contwrap .Idstate-wrap a:hover{ color: #000000;}
.news_header{ background:url(../images/news_header.png) center no-repeat; float: right; width: 16px; height: 16px; background-size: 16px 16px; margin: 19px 0 0 10px; }
.ul_header_dropdown{position: absolute;top:49px; right: 0; background: #ffffff;border: 1px solid rgba(0,0,0,0.08); text-align: center; display: none;}
.ul_header_dropdown li{ line-height: 40px; width: 140px; border-bottom: 1px solid rgba(0,0,0,0.08); }
.ul_header_dropdown li a{ display:block; color:rgba(64, 75, 94, 0.6);height:100%; width:100%; }
.ul_header_dropdown li a:hover{color:rgba(64, 75, 94, 0.6);background:rgba(37,90,212,0.1); }
.ul_header_dropdown li:last-child{border:none;}
/******main_wrap***ctrl_bar******************/

.main_wrap {
	/*position:absolute;*/
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
	min-width: 1280px;
}

.main_wrap .ctrl_bar{padding:0 30px; background:#f4f4f7; border-bottom: solid 1px rgba(64, 75, 94, 0.2);}
.tab_tr43{width:60%}
.tab_tr43 h4{ height: 26px; line-height: 26px; font-size: 28px; color: #000000; padding: 26px 0 0 0; display: inline-block; margin: 0 20px 0 0; float: left}
.tab_tr43  a{display: inline-block; width: 60px; height: 26px;border: solid 1px rgba(64, 75, 94, 0.4); line-height: 26px; text-align: center;color: #404b5e; box-sizing: border-box; background: #ffffff;  float: left; margin: 26px 0 0 0;}
.tab_tr43  a:last-child{ border-left:0;}
.tab_tr43 .hover{ background:#255ad4; color: #ffffff;}
.main_wrap .ctrl_bar .tab_table{height: 170px; margin: 0; padding: 0; width: 100%; overflow: hidden;}
.main_wrap .ctrl_bar .tab_table tr td{ padding:0; margin:0;}
.main_wrap .ctrl_bar .tab_table .td_left{height: 90px;  width: 55%;vertical-align:bottom  }

 .main_wrap .ctrl_bar .tab_table .td_left  ul{ height: 90px;   width: 100%; max-width:860px; min-width: 670px;  display: block;}
 .main_wrap .ctrl_bar .tab_table .td_left  ul li{ margin: 0; padding: 0; width: 20%; float: left;box-sizing: border-box;}
 .main_wrap .ctrl_bar .tab_table .td_left  ul li:last-child{border-right: solid 1px rgba(64, 75, 94, 0.2);}

.main_wrap .ctrl_bar .tab_table .td_left  a{height: 90px;display:block;width:100% !important; border-left:solid 1px rgba(64, 75, 94, 0.2);position: relative; background: #ffffff;   border-top: solid 1px rgba(64, 75, 94, 0.2); box-sizing: border-box;}
.main_wrap .ctrl_bar .tab_table .td_left a em{ font-style: normal; position: absolute;top: 16px;left: 24px;font-weight: 500; font-size: 14px;color:rgba(0,0,0,0.8);font-weight: bold;}
.main_wrap .ctrl_bar .tab_table .td_left a span{  position: absolute;top: 15px;left: 46px;font-weight: 500; font-size: 14px;color:rgba(0,0,0,0.8); display: block; height: 20px; line-height: 20px; font-weight: bold;}
.main_wrap .ctrl_bar .tab_table .td_left a p{ position: absolute;top: 13px;left: 15px;width: 26px; height: 26px;}
.main_wrap .ctrl_bar .tab_table .td_left a .pic_1{ background:url(../images/nor1.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left a .pic_2{ background:url(../images/nor2.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left a .pic_3{ background:url(../images/nor4.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left a .pic_4{ background:url(../images/nor5.png) center no-repeat;}

.main_wrap .ctrl_bar .tab_table .td_left a i{ font-style: normal; position: absolute; bottom:6px;right: 18px; font-size: 30px; font-family:"Roboto Regular";}

.main_wrap .ctrl_bar .tab_table .td_left ul li:nth-child(1) a i{ color: #767e8f;}
.main_wrap .ctrl_bar .tab_table .td_left ul li:nth-child(2) a i{ color: #ffb141;}
.main_wrap .ctrl_bar .tab_table .td_left ul li:nth-child(3) a i{ color: #03b1c5;}
.main_wrap .ctrl_bar .tab_table .td_left ul li:nth-child(4) a i{ color: #535966;}
.main_wrap .ctrl_bar .tab_table .td_left ul li:nth-child(5) a i{ color: #acb7c7}

.main_wrap .ctrl_bar .tab_table .td_left ul li:nth-child(1) .hover{ background-color: #767e8f !important;}
.main_wrap .ctrl_bar .tab_table .td_left ul li:nth-child(2) .hover{ background-color: #ffb141 !important;}
.main_wrap .ctrl_bar .tab_table .td_left ul li:nth-child(3) .hover{ background-color: #03b1c5 !important;}
.main_wrap .ctrl_bar .tab_table .td_left ul li:nth-child(4) .hover{ background-color: #535966 !important;}
.main_wrap .ctrl_bar .tab_table .td_left ul li:nth-child(5) .hover{ background-color: #acb7c7 !important;}

.main_wrap .ctrl_bar .tab_table .td_left .hover em, .main_wrap .ctrl_bar .tab_table .td_left .hover span{ color:rgba(255,255,255,0.8) !important;}
.main_wrap .ctrl_bar .tab_table .td_left .hover i{ color: #ffffff !important}
.main_wrap .ctrl_bar .tab_table .td_left .hover .pic_1{ background:url(../images/sel1.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left .hover .pic_2{ background:url(../images/sel2.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left .hover .pic_3{ background:url(../images/sel4.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left .hover .pic_4{ background:url(../images/sel5.png) center no-repeat;}

.main_wrap .ctrl_bar .tab_table .td_left2{height: 90px;  width: 60%;vertical-align:bottom }
.main_wrap .ctrl_bar .tab_table .td_left2  ul{ height: 90px;width: 100%; max-width:960px; min-width:740px;display: block;}
.main_wrap .ctrl_bar .tab_table .td_left2  ul li{ margin: 0; padding: 0; width: 16.6%; float: left;box-sizing: border-box;}
.main_wrap .ctrl_bar .tab_table .td_left2  ul li:last-child{border-right: solid 1px rgba(64, 75, 94, 0.2);}
.main_wrap .ctrl_bar .tab_table .td_left2  a{height: 90px;display:block;width:100% !important; border-left:solid 1px rgba(64, 75, 94, 0.2);position: relative; background: #ffffff;   border-top: solid 1px rgba(64, 75, 94, 0.2); box-sizing: border-box;}
.main_wrap .ctrl_bar .tab_table .td_left2 a em{ font-style: normal; position: absolute;top: 16px;left: 24px;font-weight: 500; font-size: 14px;color:rgba(0,0,0,0.8);font-weight: bold;}
.main_wrap .ctrl_bar .tab_table .td_left2 a span{  position: absolute;top: 15px;left: 46px;font-weight: 500; font-size: 14px;color:rgba(0,0,0,0.8); display: block; height: 20px; line-height: 20px; font-weight: bold;}
.main_wrap .ctrl_bar .tab_table .td_left2 a p{ position: absolute;top: 13px;left: 15px;width: 26px; height: 26px;}
.main_wrap .ctrl_bar .tab_table .td_left2 a .pic_1{ background:url(../images/nor1.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left2 a .pic_2{ background:url(../images/nor2.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left2 a .pic_3{ background:url(../images/nor3.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left2 a .pic_4{ background:url(../images/nor4.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left2 a .pic_5{ background:url(../images/nor5.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left2 a i{ font-style: normal; position: absolute; bottom:6px;right: 18px; font-size:30px; font-family:"Roboto Regular";}

.main_wrap .ctrl_bar .tab_table .td_left2 ul li:nth-child(1) a i{ color: #767e8f;}
.main_wrap .ctrl_bar .tab_table .td_left2 ul li:nth-child(2) a i{ color: #ffb141;}
.main_wrap .ctrl_bar .tab_table .td_left2 ul li:nth-child(3) a i{ color: #03b1c5;}
.main_wrap .ctrl_bar .tab_table .td_left2 ul li:nth-child(4) a i{ color: #5867c3;}
.main_wrap .ctrl_bar .tab_table .td_left2 ul li:nth-child(5) a i{ color: #535966;}
.main_wrap .ctrl_bar .tab_table .td_left2 ul li:nth-child(6) a i{ color: #acb7c7}


.main_wrap .ctrl_bar .tab_table .td_left2 ul li:nth-child(1) .hover{ background-color: #767e8f !important;}
.main_wrap .ctrl_bar .tab_table .td_left2 ul li:nth-child(2) .hover{ background-color: #ffb141 !important;}
.main_wrap .ctrl_bar .tab_table .td_left2 ul li:nth-child(3) .hover{ background-color: #03b1c5 !important;}  
.main_wrap .ctrl_bar .tab_table .td_left2 ul li:nth-child(4) .hover{ background-color: #5867c3 !important;}
.main_wrap .ctrl_bar .tab_table .td_left2 ul li:nth-child(5) .hover{ background-color: #535966 !important;}
.main_wrap .ctrl_bar .tab_table .td_left2 ul li:nth-child(6) .hover{ background-color: #acb7c7 !important;}



.main_wrap .ctrl_bar .tab_table .td_left2 .hover em, .main_wrap .ctrl_bar .tab_table .td_left .hover span, .main_wrap .ctrl_bar .tab_table .td_left2 .hover span{ color:rgba(255,255,255,0.8) !important;}
.main_wrap .ctrl_bar .tab_table .td_left2 .hover i{ color: #ffffff !important}
.main_wrap .ctrl_bar .tab_table .td_left2 .hover .pic_1{ background:url(../images/sel1.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left2 .hover .pic_2{ background:url(../images/sel2.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left2 .hover .pic_3{ background:url(../images/sel3.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left2 .hover .pic_4{ background:url(../images/sel4.png) center no-repeat;}
.main_wrap .ctrl_bar .tab_table .td_left2 .hover .pic_5{ background:url(../images/sel5.png) center no-repeat;}

.main_wrap .ctrl_bar .tab_table .list_news{height: 170px; vertical-align: top;  padding: 0 0 0 30px; box-sizing: border-box;}
.main_wrap .ctrl_bar .tab_table .list_news section{ height: 38px; border-bottom: 1px solid rgba(0,0,0,0.2);  box-sizing: border-box; position: relative; margin-top: 23px}
.main_wrap .ctrl_bar .tab_table .list_news section h4{ float:left; height: 24px; line-height: 24px; padding: 6px 0 10px 0; color: #000000; font-size: 16px;}
.main_wrap .ctrl_bar .tab_table .list_news section span{ float:left; text-align: center; background:none; padding: 0 10px; color: rgba(64, 75, 94, 0.6); font-size: 12px; margin: 10px 0 0 10px; font-weight: bold; border-left:1px solid rgba(0, 0, 0, 0.3);}
.main_wrap .ctrl_bar .tab_table .list_news section a{right: 0; color:rgba(0,0,0,0.6); font-size: 12px;height:18px;line-height: 18px; position: absolute;bottom: 10px; background: url(../images/rightLineNor.png) right center no-repeat; padding: 0 16px 0 0}
.main_wrap .ctrl_bar .tab_table .list_news section a img{ vertical-align: text-bottom}
.main_wrap .ctrl_bar .tab_table .list_news .scroll_box{width: 100%; height:90px; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 8px 0 0 0; }
.main_wrap .ctrl_bar .tab_table .list_news .scroll_box table{table-layout: fixed;word-wrap:break-word; font-size: 13px; text-align: left;}
.main_wrap .ctrl_bar .tab_table .list_news .scroll_box table tr td {height: 30px;}
.main_wrap .ctrl_bar .tab_table .list_news .scroll_box table tr td i{ width: 10px; height: 10px; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; display: inline-block; margin: 0 5px 0 0;}
.main_wrap .ctrl_bar .tab_table .list_news .scroll_box table .date_time{ color:rgba(0,0,0,0.4); padding-right:10px;width:68px; }
.main_wrap .ctrl_bar .tab_table .list_news .scroll_box table .numb{ color:rgba(0,0,0,0.8); padding-right:10px; width:110px;}
.main_wrap .ctrl_bar .tab_table .list_news .scroll_box table .text_centent{ color:rgba(0,0,0,0.8); text-decoration: underline !important; display: block;}
.main_wrap .ctrl_bar .tab_table .list_news .scroll_box table .state{ color:rgba(0,0,0,0.6);padding-left:10px; width:110px;}
/********seach_bar*********/

.main_wrap .seach_bar{ border-bottom:1px solid rgba(0, 0, 0, 0.8); height:80px; box-sizing: border-box; margin: 0 30px; position: relative;}
.main_wrap .seach_bar > h4{ display: block; position: absolute; bottom: 10px; left: 0; height: 32px; line-height: 32px; font-size: 20px;width: 50px;}
.main_wrap .seach_bar > i{ border-left: 1px solid #d9d9d9;margin-left: -1px;padding-left: 5px; height:18px; position: absolute;bottom: 18px; left:70px; }
.main_wrap .seach_bar .herf_btn{position: absolute;bottom: 12px; left:91px; width:130px;height:30px; }
.main_wrap .seach_bar .btn_60{float:left; margin:38px 10px 0 0; padding:0 20px; height:30px; box-sizing: border-box;}
.main_wrap .seach_bar .btn_60_2{ float:left; margin:38px 5px 0 0; padding:0 20px; height:30px; box-sizing: border-box;}
.main_wrap .seach_bar .btn_60_2 font{ color: #ffffff; margin:3px 0 0 5px;background:#255ad4;display: inline-block; width:22px; height:22px;border-radius:50%; line-height:22px;}

.number_tit{float:left; margin:46px 0 0 0; padding:0 10px;}
.number_tit i:first-child{ color:red;margin-right:3px;}
.number_tit i:last-child{margin-right:3px;}
.number_tit label{margin-right:3px;}
.main_wrap .seach_bar .gaoji_search{ width: 120px; height: 30px; position: absolute;right: 260px;bottom: 12px; border: solid 1px rgba(64, 75, 94, 0.4); background: url(../images/surfxia.png) 94px center no-repeat; text-align: left; box-sizing: border-box; padding-left: 10px; color: rgba(64, 75, 94, 0.6); font-size: 13px;}
.main_wrap .seach_bar .a_riht{ float:right;display: block;width: 24px; height: 24px; position: absolute; right: 0; bottom:15px; background: url(../images/dian.png) center center no-repeat;}
.main_wrap .seach_bar .sousuo{  width:220px !important; height: 30px; background-color: #ffffff; box-sizing: border-box; position: absolute;right: 30px; bottom: 12px; padding: 0;}

.main_wrap .seach_bar select{ }
.main_wrap .seach_bar .p_show{ position: absolute; top: 66px; right: 0; width: 130px; z-index: 99999999; background: #ffffff; display: none;}
.main_wrap .seach_bar .p_show > input[type="button"]{ width: 130px; height:30px;border: solid 1px rgba(64, 75, 94, 0.4);  background: #ffffff;color:rgba(64, 75, 94, 0.6); } 
.main_wrap .seach_bar .p_show > input[type="button"]:hover{ font-weight: bold; width: 130px; height:30px;border: solid 1px rgba(64, 75, 94, 0.4); background: rgba(37, 90, 212, 0.1); color: #404b5e; } 
.main_wrap .seach_bar .p_show > input[type="button"]:first-child{  border-bottom: none !important;}

/*****************table-style************************/
.data_box{ margin: 0; position:absolute;top:250px; left:30px; right:30px; bottom:25px; }
.thead_fixed{ border-collapse: collapse; table-layout: fixed;}
.thead_fixed thead tr{ border-bottom:1px solid  rgba(0, 0, 0, 0.3);}
.thead_fixed thead tr th{ height: 50px;font-size: 14px; color: #000000; position: relative; padding: 0; border-left: 1px solid rgba(0, 0, 0, 0.08);border-right: 1px solid rgba(0, 0, 0, 0.08);}
.thead_fixed thead tr th:first-child, .thead_fixed thead tr th:nth-child(2), .thead_fixed thead tr th:last-child{ border:none;}

.i{display: inline-block; vertical-align: middle;width: 16px; height: 16px; position: absolute;z-index: 999; margin: 0px 0 0 4px; cursor: pointer;background: url(../images/i.png) no-repeat left center;}
.i:hover{background: url(../images/ihover.png) no-repeat left center; }
.thead_fixed thead tr th span{ width: 14px; height: 14px;padding: 0 10px 1px 10px; margin: 0 0 0 4px; cursor: pointer; background: url(../images/downLineNor.png) no-repeat left center;}
.i2{display: inline-block; vertical-align: middle;width: 16px; height: 16px; position: absolute; top: 50%; left:60%; z-index: 999; margin: -8px 0 0 4px; cursor: pointer;background: url(../images/i.png) no-repeat left center;}
.i2:hover{background: url(../images/ihover.png) no-repeat left center; }
.thead_fixed thead tr th span{ width: 14px; height: 14px;padding: 0 10px 1px 10px; margin: 0 0 0 4px; cursor: pointer; background: url(../images/downLineNor.png) no-repeat left center;}

.i_xinxi{ position: absolute;top:43px; z-index:9999999; left: 40%; margin: 0 0 0 0; padding: 3px 12px 4px 12px; border: solid 1px rgba(64, 75, 94, 0.4); background: #ffffff; display: none}
.i_xinxi font, .i_xinxi img{ display:inline;padding: 0  12px 0 3px; vertical-align: middle; font-size: 13px; font-weight: bold; color: rgba(64,75,94,0.6)}
.i_xinxi em{display:inline-block;  vertical-align: middle; width: 12px; height: 12px; border-radius: 12px;-webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; }
.i_xinxi span{display:inline-block; background: url(../images/progr.png) no-repeat center center; width: 12px; height: 12px;padding: 0  12px 0 3px; }

.i_xinxi2{ position: absolute;top:43px; z-index:9999999; left: 30%; margin: 0 0 0 - padding: 3px 12px 4px 12px; border: solid 1px rgba(64, 75, 94, 0.4); background: #ffffff; display: none}
.i_xinxi2 font, .i_xinxi img{ display:inline;padding: 0  12px 0 3px; vertical-align: middle; font-size: 13px; font-weight: bold; color: rgba(64,75,94,0.6)}
.i_xinxi2 em{display:inline-block;  vertical-align: middle; width: 12px; height: 12px; border-radius: 12px;-webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; }
.i_xinxi2 span{display:inline-block; background: url(../images/progr.png) no-repeat center center; width: 12px; height: 12px;padding: 0  12px 0 3px; }

.ssk{background: #ffffff; z-index: 9999; position: absolute; width: 95.4%; display: block; top: 29px; border: solid 1px rgba(64, 75, 94, 0.4);  box-sizing: border-box;}
.ssk ul li{ padding: 6px 10px; font-size:13px; color: rgba(64,75,94,1); font-weight:500; cursor: pointer;}
.ssk ul li:last-child{ padding: 8px 10px; font-size:13px; color: rgba(64,75,94,1); font-weight:500; cursor: pointer; border-top:1px dashed rgba(64, 75, 94, 0.4); }
.ssk ul li:hover{ background: rgba(194,224,244,1.00);}
.ssk ul li span{ color:#FF7600; font-weight:500; margin: 0 8px;}

.tbody_box{ position: absolute; top: 50px; left: 0; right:0; bottom: 0;  overflow:auto;}
.tbody_scroll{ width: 100%;table-layout: fixed; border-collapse: collapse;}
.tbody_scroll tbody tr{border-bottom:1px solid  rgba(0, 0, 0, 0.08);}
.tbody_scroll tbody tr td{ height: 50px; font-size: 13px; color: #404b5e;border-left: 1px solid rgba(0, 0, 0, 0.08);border-right: 1px solid rgba(0, 0, 0, 0.08); }
.tbody_scroll tbody tr:hover{background-color:rgba(52,108,234,0.05)}
.tbody_scroll tbody tr td:first-child, .tbody_scroll tbody tr td:nth-child(2), .tbody_scroll tbody tr td:last-child{ border:none;}

.tbody_scroll tbody tr td i{ font-style:normal; margin-left: 10px; display:inline-block; width: 30px;line-height: 50px;}
.tbody_scroll tbody tr td em{ margin-top:18px;width: 12px; height: 12px; border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; display: inline-block;}
.tbody_scroll tbody tr td font{ margin:2px 3px 0 6px; font-size: 10px !important; line-height: 40px; border-radius:9px; color: #ffffff; padding:1px 8px 1px 8px;}
.tbody_scroll tbody tr td img{ vertical-align:middle; margin:-1px -16px 0 0;}
.tbody_scroll tbody tr td .text_a{ display: block; padding: 0 15px;  color: #404b5e; text-decoration: underline !important; box-sizing: border-box; width: 100%;}
.tbody_scroll tbody tr td cite{ display: block; margin: 10px 20px; height: 26px; font-style: normal; line-height: 26px; background-color: #ffffff; border: solid 1px rgba(64, 75, 94, 0.4);}

.div_td{position: relative; text-align: center; top:50%; margin: -8px 0 0 0; padding: 0 0 0 10px;width: 100%; left: 0; right: 0; box-sizing: border-box;}
.div_td font{ border-radius: 14px; padding: 2px 4px; color: #ffffff; font-size:10px !important;display: inline-block;height: 10px; line-height: 10px; }
.div_td span{font-size: 13px;}
.div_td em{width: 16px; height: 16px; background: url(../images/line.png) center center no-repeat; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0;}
.div_td i{ border-radius: 14px; padding: 2px 4px; color: #ffffff; font-size:11px !important;display: inline;height: 11px; line-height: 11px; float: left; font-style:normal;}
.div_td a{font-size: 13px; display: inline-block; box-sizing: border-box; width:calc(100% - 40px);float: left; text-align: left; margin-left: 4px;}                                               

.div_center{width: 103px;box-sizing: border-box;text-align:left;  margin:12px auto 0 auto; }
.div_center font{ border-radius: 14px; padding: 2px 4px; color: #ffffff; font-size:11px !important;display: inline-block;height: 11px; line-height: 11px; }
.div_center span{font-size: 13px;}

.div_td b{float: left;width: 12px; height: 12px; border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; display: inline-block;  margin: 2px 10px 0 0;}

.bg_search{width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999999}

.alert_seach{height: 310px; box-sizing: border-box; min-width:1150px; position: absolute; top: 300px; left: 0; right: 0; margin: 0 60px; background: #ffffff; z-index: 99;padding: 20px; box-shadow: 0 1px 10px rgba(0,0,0,0.6); display: none;}
.alert_seach_table{ vertical-align: middle; width: 100%;}
.alert_seach_table tr td{ border: 1px solid rgba(0, 0, 0, 0.08);padding: 6px 20px; font-size:14px; color:#404b5e; box-sizing: border-box; }
.alert_seach_table tr:first-child td{ border-top: 1px solid rgba(0, 0, 0, 0.8) !important;}
.alert_seach_table tr:last-child td{ border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important;}
.alert_seach_table tr td input[type="text"]{ height: 26px; width: 100%; box-sizing: border-box; border:solid 1px rgba(64, 75, 94, 0.4); padding: 0 10px;}
.alert_seach_table tr td .inputBtn[type="button"]{ width: 70px; height: 26px; background: #ffffff; border: solid 1px rgba(64, 75, 94, 0.4); font-size: 13px;font-weight: 500;  color: #404b5e;  line-height:20px; margin: 0 0 0 10px; color: #404b5e; font-size: 13px; cursor: pointer;}
.alert_seach_table tr td a{ display: inline-block; text-align: center;width: 50px; height: 26px; box-sizing: border-box; border: solid 1px rgba(64, 75, 94, 0.4); background: #ffffff;font-size: 13px;font-weight: 500; color: #404b5e; line-height: 20px; float: left; margin: 2px 0 0 0;}
.alert_seach_table tr td a:nth-child(2){ border-right:0; border-left:0;}
.alert_seach_table tr td .hover{background-color:#255ad4 !important; color: #ffffff !important;}
.alert_seach_table tr td span{height: 26px;}

.date_gaoji{ display:inline-block; width:130px !important; margin: 2px 0 0 0; float: left;}
.date_gaoji2{ display:inline-block; width:400px !important; margin: 2px 0 0 0; float: left;}
.sc_gaoji{ display:inline-block; width: calc(100% - 80px) !important; float: left; }

.paixu_box{ position: absolute; top: 50px; padding:10px 15px; background: #ffffff;border: solid 1px rgba(64, 75, 94, 0.4);z-index: 9; text-align: left; width: 100%; box-sizing: border-box; display: none;}
.paixu_box li{ display: block; font-size: 13px; font-weight: 500; color:rgba(64, 75, 94, 0.6); width: 100%; margin: 0 0 10px 0; }
.elt_btn_1,.elt_btn_2{ cursor: pointer}

.date_double > div > div:first-child,.date_double > div > div:last-child{ width:148px !important; height:24px !important;}
.date_double > div > div:nth-of-type(2){margin:0 5px; top:-10px !important;}

/*******************************************************************************************************************************************************
****************************************************************************************************************************************************************/

.ctrl_bar2{padding:0 60px; height: 100px; box-sizing: border-box; background:#f4f4f7; border-bottom: solid 1px rgba(0, 0, 0, 0.1);}

.left_are{ position:absolute; left: 0; top:100px; bottom: 0; width:250px; background: #f4f4f6; box-sizing: border-box;  overflow-y: auto; overflow-x: hidden; }
.left_ul{ height: 100%; border-right: 1px solid rgba(0, 0, 0, 0.08); }
.left_ul li{ width: 250px; height: 100px; display: block;}
.left_ul li a{ width: 249px; height: 100px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); display: block; line-height: 100px;border-right: 1px solid rgba(0, 0, 0, 0.08); font-size: 16px; color:rgba(64, 75, 94, 0.6); font-weight: bold; cursor: pointer; padding-left:108px; }
.left_ul .active{ width: 250px !important; display: block; box-sizing: border-box; height: 100px; border-right: 1px solid #ffffff; color: #404b5e; }
.left_ul .hover{width: 250px !important; display: block; box-sizing: border-box; height: 100px; border-right: 1px solid #ffffff; color: #404b5e; }
.left_ul li:nth-child(2) a{ background-image:url(../images/h2.png);background-repeat: no-repeat; background-position: 60px center;}
.left_ul li:nth-child(3) a{ background-image:url(../images/h3.png);background-repeat: no-repeat; background-position: 60px center;}
.left_ul li:nth-child(4) a{ background-image:url(../images/h4.png);background-repeat: no-repeat; background-position: 60px center;}
.bg_white{ background-color: #ffffff !important; border-left: 4px solid #255ad4;; background-position: 56px center !important; border-right: #ffffff 1px solid !important;}
.left_ul .active a{ background-image:url(../images/check.png) !important;  width: 250px !important; display: block; box-sizing: border-box; height: 100px; padding-left:108px !important; color: #404b5e; background-position: 60px center !important; background-repeat: no-repeat;}
.left_ul .hover a{ background-image:url(../images/bianji.png) !important; width: 250px !important; display: block; box-sizing: border-box; height: 100px; padding-left:108px !important; color: #404b5e;background-position: 56px center; background-repeat: no-repeat; }

.bg_white a{ margin-left:-4px !important; width:254px !important;}
.left_are_0{ position:absolute; left: 0; top:100px; bottom: 0; width:250px; background: #f4f4f6; box-sizing: border-box;  overflow-y: auto; overflow-x: hidden; }
.left_ul_0{ height: 100%; border-right: 1px solid rgba(0, 0, 0, 0.08); }
.left_ul_0 li{ width: 250px; height: 100px; display: block;}
.left_ul_0 li a{ width: 249px; height: 100px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); display: block; line-height: 100px;border-right: 1px solid rgba(0, 0, 0, 0.08); font-size: 16px; color:rgba(64, 75, 94, 0.6); font-weight: bold; cursor: pointer; padding-left:108px; }
.left_ul_0 .active{ width: 250px !important; display: block; box-sizing: border-box; height: 100px; border-right: 1px solid #ffffff; color: #404b5e; }
.left_ul_0 .hover{width: 250px !important; display: block; box-sizing: border-box; height: 100px; border-right: 1px solid #ffffff; color: #404b5e; }
.left_ul_0 li:nth-child(3) a{ background-image:url(../images/h2.png);background-repeat: no-repeat; background-position: 60px center;}
.left_ul_0 li:nth-child(4) a{ background-image:url(../images/h3.png);background-repeat: no-repeat; background-position: 60px center;}
.left_ul_0 li:nth-child(5) a{ background-image:url(../images/h4.png);background-repeat: no-repeat; background-position: 60px center;}
.left_ul_0 .active a{ background-image:url(../images/check.png) !important;  width: 250px !important; display: block; box-sizing: border-box; height: 100px; padding-left:108px !important; color: #404b5e; background-position: 60px center !important; background-repeat: no-repeat;}
.left_ul_0 .hover a{ background-image:url(../images/bianji.png) !important; width: 250px !important; display: block; box-sizing: border-box; height: 100px; padding-left:108px !important; color: #404b5e;background-position: 56px center; background-repeat: no-repeat; }
.bg_white a{ margin-left:-4px !important; width:254px !important;}

.ctrl_bar2 table{ height: 100px;}
.ctrl_bar2 table tr td{ height: 100px;}
.ctrl_bar2 table tr td dl{ border-left: 1px solid rgba(0,0,0,0.3);padding-left: 10px !important; height:44px;}
.ctrl_bar2 table tr td dl dt{display: block; height:18px; line-height:16px;}
.ctrl_bar2 table tr td dl dt a{ margin: 0 0 0 5px;}
.ctrl_bar2 table tr td dl dt a img{vertical-align:text-top;}
.ctrl_bar2 table tr td dl dt span{ font-size: 16px; color: #404b5e;font-weight:bold}
.ctrl_bar2 table tr td dl dd{ height: 26px;   margin: 8px 0 0 0;}
.ctrl_bar2 table tr td dl dd span{ font-size: 14px; color:rgba(64, 75, 94, 0.6); }
.ctrl_bar2 table tr td dl dd em {background:#df2836;font-size:11px; color: #ffffff;font-style: normal; border-radius: 10px; padding: 0 6px 3px 6px;height: 16px; text-align: center; margin: 4px 10px 0 0;}
.ctrl_bar2 table tr td dl dd input[type="button"]{ width: 80px !important; height: 26px;font-size: 13px; color: #404b5e; text-align: center; border: solid 1px rgba(64, 75, 94, 0.4); background: #ffffff; margin-left: 10px;}
.centent_hiden {display: block; border:none !important;}
.centent_hiden dd span{ display: block !important;float: left; width:95% !important;height: 20px !important; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.centent_hiden dd em{ display: block;float: left; width: 30px; height: 20px;}
.ctrl_bar2 table .right_b{width:250px;}
.ctrl_bar2 table .right_b a{float:right;display: block; width: 36px;height: 36px;box-sizing: border-box; border: 1px solid rgba(64, 75, 94, 0.4); background:#ffffff url(../images/dian.png) center center no-repeat;}
.ctrl_bar2 table .right_b > input[type="button"]{ float:right; width: 100px; height: 36px;  font-size: 13px; margin-right: 5px;}
.em_3-3{width: 30px; height: 20px; display:inline-block !important; margin:0 0 0 5px !important; }
.right_jt{ margin-right: 10px; cursor: pointer;width: 36px;height: 36px;box-sizing: border-box; border: 1px solid rgba(64, 75, 94, 0.4); background:#ffffff url(../images/Rt_jt.png) center center no-repeat; }
.right_jt2{ margin-right: 10px; cursor: pointer; width: 36px;height: 36px;box-sizing: border-box; border: 1px solid rgba(64, 75, 94, 0.4); background:#ffffff url(../images/sabhx.png) center center no-repeat; }

.change_inputtitle{ float:left;  width:95% !important; padding: 2px 10px 3px 0; font-size: 14px;}
.change_inputdate{ display: inline-block;  width:100px !important; padding: 2px 10px 3px 0; font-size: 14px; box-sizing: border-box;}


.flup_tit{ height: 53px; padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid rgba(0, 0, 0, 0.8); line-height: 34px; position: relative;}
.flup_tit font{ font-size:22px; color: #000000;}
.flup_tit a{ float:right; background:url(../images/top_sj.png) center center no-repeat; width:16px; height: 16px; display: block; margin: 8px 0 0 0;}
.flup_tit em{ width: 16px;height: 16px; display: inline-block; background: url(../images/QS.png) center center no-repeat; margin-left:10px; }
.flup_tit span{ margin-left:20px; border-left: 1px solid rgba(0,0,0,0.3); font-size:13px; color: rgba(0,0,0,0.6);  padding-left: 20px; height: 16px;}
.flup_tit span + span{border-left:none !important;padding-left:0 !important; margin-left:2px !important;}
.flup_tit input[type="button"]{ height: 26px; padding:0 15px; margin: 2px 0 0 0;}
.flup_tit .tit_inputBtn{ height: 26px;font-size: 13px; margin-left: 10px; }
.flup_tit .blue_quan{font-style: normal; color: #ffffff; font-size: 11px; background: #255ad4; position: absolute; height:16px; width: 34px; bottom: 16px; line-height: 14px;  text-align: center; margin: 0 0 0 5px; border-radius: 8px;}
.show_up{ background:url(../images/up_jt.png) center center no-repeat !important;}
.dropdown_list span{padding-left:0 !important; margin-left:0px !important; font-weight: bold; color:#404b5e !important;}
.dropdown_list > div > div > div {padding-left:0 !important; margin-left:0px !important; font-weight: bold; color:#404b5e !important;}


.table_box_fb{ width: 100%;}
.table_box_fb tr td{ border: 1px solid rgba(0, 0, 0, 0.08); padding:4px 20px;font-size: 14px; font-weight: bold; color: #404b5e;  }
.table_box_fb tr td > i{ color: #eb3338 !important;}
.top_input{ width:calc(100% - 20px); height:26px; padding：0 10px; border: solid 1px rgba(64, 75, 94, 0.4); background: #ffffff;line-height:28px; }
.table_box_fb tr .radio_box2{ width: 100%;}
.table_box_fb tr .radio_box2 li{ display: inline-block; margin: 0 15px 0 0;}
.table_box_fb tr .radio_box2 li:last-child{ margin: 0;}

.table_box_fb tr:last-child td{ border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.table_box_fb tr th:first-child,.table_box_fb tr td:first-child{ border-left:none !important;}
.table_box_fb tr th:last-child,.table_box_fb tr td:last-child{border-right:none !important;}

.text_box > input[type="text"]{ width:calc(50% - 60px); margin-right: 10px; height: 30px; box-sizing: border-box;border: solid 1px rgba(64, 75, 94, 0.4); background: #ffffff; padding: 0 10px; font-size: 13px; color: rgba(64, 75, 94, 0.6);}
.text_box > input[type="button"]{width: 100px !important; height: 30px; font-size: 13px;}
.table_box_fb textarea{ width: 100%; border:1px solid  rgba(64, 75, 94, 0.4); padding:5px 10px; font-size: 13px; color: rgba(64, 75, 94, 0.6);  height: 60px; line-height: 20px; overflow: auto;}

.updiv{background-color: rgba(0, 0, 0, 0.04); margin: 4px 20px 0 0; text-align: center; height:45px; clear: both; position:relative }
.updiv .box{position: absolute; top:0; left:0;  width:100%; height:45px;z-index:100; cursor:pointer; display:block;} 
.updiv p{ font-weight: normal; font-size: 12px; color: rgba(64, 75, 94, 0.4);  padding:0 !important;  }
.updiv h4{   padding:4px 0 1px 0; line-height:18px;}
.updiv h4 b{font-size:16px; color: rgba(64, 75, 94, 0.6);}
.updiv h4 strong{font-size:16px; color: rgba(64, 75, 94, 0.6);}



/* .updiv{background-color: rgba(0, 0, 0, 0.04); margin: 10px 20px 10px 0; text-align: center; height:70px; clear: both; position:relative } */
/* .updiv .box{position: absolute; top:0; left:0;  width:100%; height:70px;z-index:100; cursor:pointer; display:block;}  */
/* .updiv p{ font-weight: normal; font-size: 12px; color: rgba(64, 75, 94, 0.4);  padding:0 !important;  } */
/* .updiv h4{   padding:14px 0 8px 0; line-height:18px;} */
/* .updiv h4 b{font-size:18px; color: rgba(64, 75, 94, 0.6);} */
/* .updiv h4 strong{font-size:18px; color: rgba(64, 75, 94, 0.6);} */

.fb_dx{ width: 100%; height: 240px; overflow: auto;}
.fb_dx table{ text-align: center;}
.fb_dx table tr th{ height: 40px; font-size:14px;color: #404b5e; font-weight: bold; border: 1px solid rgba(0, 0, 0, 0.08); padding: 0 5px;}


.fb_dx table tr td{ height: 40px; padding: 0 5px; border: 1px solid rgba(0, 0, 0, 0.08);}
.fb_dx table tr td div{ padding: 0 10px; box-sizing: border-box;}
.centent_2{ margin: 30px 0;}
.fb_dx table tr th ul,.fb_dx table tr td ul{ margin: 0 0 0 12px;}
.fb_dx table tr th:first-child,.fb_dx table tr td:first-child{ border-left: none !important;}
.fb_dx table tr th:first-child,.fb_dx table tr td:first-child{ border-left: none !important;}
.fb_dx table tr th:last-child,.fb_dx table tr td:last-child{ border-right: none !important;}
.fb_dx table tr th:last-child,.fb_dx table tr td:last-child{ border-right: none !important;}

.wenBox{ margin: 40px 0 0 0;}
.wenBox textarea{width: 100%; padding: 5px 10px; line-height: 20px;  color: #404b5e;box-sizing: border-box;   font-size: 13px;  border: 1px solid  rgba(0, 0, 0, 0.4) !important; overflow-y: auto; overflow-x: hidden; height: 100px; margin: 5px 0; }


.rt_are_Fbrn{ height: 120px; clear: both; padding:50px 0 20px 0; box-sizing: border-box; }
.rt_are_Fbrn input[type="button"]{ width:120px; height: 40px; }
.rt_are_Fbrn input:last-child{ margin-right: 10px;}

.rt_are_Fbrn2{ clear: both;}
.rt_are_Fbrn2 input[type="button"]{ width:120px; height: 40px; margin:50px 0 20px 0; }
.rt_are_Fbrn2 input:last-child{ margin-right: 10px;}

/***********************************3************************************************/
/********************3-3_변경처리_변경계획**************************/

.h4_3_3{ height:50px; line-height: 50px;vertical-align: middle; }
.h4_3_3 strong{ font-size: 22px; color: #000000; height: 33px; line-height: 33px;  margin-top: 8px;}
.h4_3_3 em{ background: url(../images/QS.png) left center no-repeat;  height: 16px; width: 16px; margin-top: 19px; padding-right: 20px; border-right: 1px solid rgba(0,0,0,0.3);}
.h4_3_3 font{ color: rgba(0,0,0,0.6); font-size: 13px; margin-top:20px; height: 16px; line-height: 16px;}
.h4_3_3 span{ color: rgba(0,0,0,0.6); font-size: 13px; margin-top:20px; height: 16px; line-height: 16px;}
.h4_3_3 a{ background:url(../images/downLineNor.png) center center no-repeat; width: 16px; height: 16px;display:inline-block; margin-top:18px;}
.h4_3_3 input[type="button"]{ padding: 0 20px; height: 26px; margin-top:12px;}

.table_01 span:nth-child(4){
	float: right;
	display: block;
	width: 16px;
	height: 16px; 
	margin: 30px 0px 0  0;
	transform: rotateX(180deg);
	background: url(../images/top_sj.png) center center no-repeat;
}
.table_01 p{
	display: block;
	width: 219px;
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	margin: 30px 0 16px 0;
	border-left: 1px solid rgba(0, 0, 0, 0.3);
	float: left;
	opacity: 0.6;
  	font-size: 13px;
  	text-align: left;
  	color: #000000;
}
.table_02{
	width: 100%;
}
.table_02 table{
	width: 100%;
	height: auto;
}
.table_02 .tr_01{
	width: 100%;
}
.table_02 .tr_01 td{
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.table_02 .tr_01 td:nth-child(2){
	border-right: 1px solid rgba(0, 0, 0, 0.08);
	font-size: 14px;
  	font-weight: bold;
  	line-height: 1.54;
  	text-align: center;
  	color: #404b5e;
	padding: 10px 0 9px 0;
}
.table_02 .tr_01 td:nth-child(3){
	font-size: 14px;
  	font-weight: bold;
  	line-height: 1.54;
  	text-align: center;
  	color: #404b5e;
}
.table_02 .tr_02{
	width: 100%;
}
.table_02 .tr_02 td{
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.table_02 .tr_02 td:nth-child(1){
	text-align: center;
	vertical-align: middle;
}
.table_02 .tr_02 td:nth-child(2){
	font-size: 13px;
  	line-height: 1.54;
	border-right: 1px solid rgba(0, 0, 0, 0.08);
  	text-align: left;
  	color: #404b5e;
	padding: 10px 20px 10px 0;
}
.table_02 .tr_02 td:nth-child(3){
	font-size: 13px;
  	line-height: 1.54;
  	text-align: left;
  	color: #404b5e;
	padding-left: 20px;
}
.tr_border td{
	border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
}
.table_03{
	width: 100%;
	height: auto;
	margin: 47px 0 0 0;
}
.table_03 h4{
	
	height: 33px;
	font-size: 20px;
  	
  	text-align: left;
  	color: #000000;
}
.table_04{
	width: 100%;
	margin: 10px 0 0 0;
}
.table_04 table{
	width: 100%;
	height: auto;
	border: 1px solid rgba(0, 0, 0, 0.3);
}
.table_04 .tr_03 td:nth-child(1),.table_04 .tr_03 td:nth-child(3),.table_04 .tr_03 td:nth-child(5){
	font-size: 14px;
  	font-weight: bold;
  	line-height: 2.86;
  	text-align: left;
  	color: #404b5e;
	padding-left: 20px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-top: none;
	border-bottom: none;
}
.table_04 .tr_03 td:nth-child(1) i,.table_04 .tr_03 td:nth-child(3) i ,.table_04 .tr_03 td:nth-child(5) i{
	color: #eb3338;
}
.table_04 .tr_03 td:nth-child(2),.table_04 .tr_03 td:nth-child(4),.table_04 .tr_03 td:nth-child(6){
	font-size: 13px;
  	line-height: 1.54;
  	text-align: left;
  	color: #404b5e;
	padding:0 20px;
	border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.table_05 {
	width: 100%;
	margin: 40px 0 20px 0;
}
.table_05 input{
	width: 120px;
	height: 40px;
}
.table_05 input:nth-child(1){
	font-size: 13px;
  	font-weight:bold;
  	line-height: 2;
  	text-align: center;
  	color: #404b5e;
}
.table_05 input:nth-child(2){
	font-size: 13px;
  	font-weight:bold;
  	line-height: 2;
  	text-align: center;
  	color: #fff;
}
.table_05 input:nth-child(3){
	font-size: 13px;
  	font-weight:bold;
  	line-height: 2;
  	text-align: center;
  	color: #255ad4;
}
.table_05 input:nth-child(2),.table_05 input:nth-child(3){
	float: right;
	margin-left: 10px;
}


/******************************************************************************/
.table_80{ width: 100%;}
.table_80 table{ text-align: center;}
.table_80 table tr th{ height: 40px; font-size:14px;color: #404b5e; font-weight: bold; border: 1px solid rgba(0, 0, 0, 0.08); padding: 0 5px;}


.table_80 table tr td{ height: 40px; padding: 0 5px; border: 1px solid rgba(0, 0, 0, 0.08);}
.table_80 table tr td a{ padding: 0 10px; box-sizing: border-box; display: block;}

.table_80 tbody tr td font{ margin:2px 3px 0 0; font-size: 10px !important; line-height: 40px; border-radius:9px; color: #ffffff; padding:1px 8px 1px 8px; text-decoration: none !important;}

.table_80  .ul_chb{ margin: 0 auto; padding: 0; display: block; width: 20px; height: 20px; position: relative;}
.table_80 table tr th:first-child,.table_80 table tr td:first-child{ border-left: none !important;}
.table_80 table tr th:last-child,.table_80 table tr td:last-child{ border-right: none !important;}

/***********************************************************/
.table_2_1{ background: #ffffff;}
.table_2_1 table tr td{ padding: 9px 20px; border: 1px solid  rgba(0, 0, 0, 0.08); font-size: 14px; color: #404b5e; background: #ffffff;}

.table_2_1 table tr td textarea{ overflow: auto; height: 100px; padding-bottom: 5px; line-height: 20px; width: 100%; border: none;color: #404b5e; font-size: 13px; border-bottom: 1px solid  rgba(0, 0, 0, 0.08);}
.table_2_1 table tr td p{ height: 14px; line-height: 14px; padding-top: 10px;}
.table_2_1 table tr td > span{ font-size: 13px;color: #404b5e;}
.table_2_1 table tr td p span{ float:right; color: rgba(64, 75, 94, 0.6); font-size: 13px;}

.table_2_1 tr:last-child td{ border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.table_2_1 tr th:first-child,.table_2_1 tr td:first-child{ border-left:none !important;}
.table_2_1 tr th:last-child,.table_2_1 tr td:last-child{border-right:none !important;}




.table_2_1 table tr td p font{ float:right; position: relative; margin-right:30px; }
.up_2-1_tt{ height: 40px; line-height: 40px; border-bottom: 1px solid  rgba(0, 0, 0, 0.08); font-size: 13px;}
.up_2-1_tt span{ font-weight: normal; color:rgba(64, 75, 94, 0.6);  margin-left: 10px;}

.up_ul_2_1{ margin: 6px 0 4px 0; border-top:1px solid rgba(0, 0, 0, 0.08);}
.up_ul_2_1 li{ display: block; float: left; width:250px; height: 40px; box-sizing: border-box; margin: 4px 10px 0 0;  background-color: #ffffff;border: solid 1px rgba(0, 0, 0, 0.15); vertical-align: middle;}

.up_ul_2_1 li em{ float:left; margin:4px 10px 0 10px; height: 30px; width: 30px;display: inline-block;}
.up_ul_2_1 li .word_ico{ background: url(../images/doc.png) center center no-repeat !important;}
.up_ul_2_1 li .excel_ico{ background: url(../images/excel.png) center center no-repeat !important;}
.up_ul_2_1 li .ppt_ico{ background: url(../images/ppt.png) center center no-repeat !important;}
.up_ul_2_1 li .pdf_ico{ background: url(../images/pdf.png) center center no-repeat !important;}
.up_ul_2_1 li .pic_ico{ background: url(../images/pic.png) center center no-repeat !important;}
.up_ul_2_1 li .rar_ico{ background: url(../images/rar.png) center center no-repeat !important;}
.up_ul_2_1 li .jsp_ico{ background: url(../images/jsp.png) center center no-repeat !important;}
.up_ul_2_1 li .txt_ico{ background: url(../images/txt.png) center center no-repeat !important;}


.up_ul_2_1 li .common_ico{ background: url(../images/commom_ico.png) center center no-repeat !important;}
.up_ul_2_1 li dl{ float:left; font-size: 13px; color:rgba(64, 75, 94, 0.6); width: 160px; margin:2px 0 0 0; LINE-HEIGHT:16PX;}
.up_ul_2_1 li dl dt{  font-size: 13px; color:rgba(64, 75, 94, 0.6); width: 160px;  display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%; }
.up_ul_2_1 li dl dd{ font-size: 13px; color:rgba(64, 75, 94, 0.6); width: 160px;  }
.up_ul_2_1 li .input_up{display: inline-block; background: url(../images/close.png) no-repeat center center !important; float:right; width: 30px; height: 30px;  margin: 4px 0 0 0;  border: none;}
.up_ul_2_1 li .input_down{display: inline-block; background: url(../images/download.png) no-repeat center center !important; float:right; width: 30px; height: 30px;  margin: 4px 0 0 0;  border: none;}





/* .up_ul_2_1{ margin: 6px 0 14px 0; border-top:1px solid rgba(0, 0, 0, 0.08);} */
/* .up_ul_2_1 li{ display: block; float: left; width:250px; height: 54px; box-sizing: border-box; margin: 13px 10px 0 0;  background-color: #ffffff;border: solid 1px rgba(0, 0, 0, 0.15); vertical-align: middle;} */

/* .up_ul_2_1 li em{ float:left; margin:11px 10px 0 10px; height: 30px; width: 30px;display display: inline-block;} */
/* .up_ul_2_1 li .word_ico{ background: url(../images/doc.png) center center no-repeat !important;} */
/* .up_ul_2_1 li .excel_ico{ background: url(../images/excel.png) center center no-repeat !important;} */
/* .up_ul_2_1 li .ppt_ico{ background: url(../images/ppt.png) center center no-repeat !important;} */
/* .up_ul_2_1 li .pdf_ico{ background: url(../images/pdf.png) center center no-repeat !important;} */
/* .up_ul_2_1 li .pic_ico{ background: url(../images/pic.png) center center no-repeat !important;} */
/* .up_ul_2_1 li .rar_ico{ background: url(../images/rar.png) center center no-repeat !important;} */
/* .up_ul_2_1 li .jsp_ico{ background: url(../images/jsp.png) center center no-repeat !important;} */
/* .up_ul_2_1 li .txt_ico{ background: url(../images/txt.png) center center no-repeat !important;} */


/* .up_ul_2_1 li .common_ico{ background: url(../images/commom_ico.png) center center no-repeat !important;} */
/* .up_ul_2_1 li dl{ float:left; font-size: 13px; color:rgba(64, 75, 94, 0.6); width: 160px; margin:5px 0 0 0; } */
/* .up_ul_2_1 li dl dt{  font-size: 13px; color:rgba(64, 75, 94, 0.6); width: 160px;  display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%; } */
/* .up_ul_2_1 li dl dd{ font-size: 13px; color:rgba(64, 75, 94, 0.6); width: 160px;  } */
/* .up_ul_2_1 li .input_up{display: inline-block; background: url(../images/close.png) no-repeat center center !important; float:right; width: 30px; height: 30px;  margin: 11px 0 0 0;  border: none;} */
/* .up_ul_2_1 li .input_down{display: inline-block; background: url(../images/download.png) no-repeat center center !important; float:right; width: 30px; height: 30px;  margin: 11px 0 0 0;  border: none;} */








.fb_39{}
.fb_39 table tr th{ height: 40px; font-size:14px;color: #404b5e; font-weight: bold; border: 1px solid rgba(0, 0, 0, 0.08); padding: 0 5px;}
.fb_39 table tr td{ height: 40px; padding: 0 5px; border: 1px solid rgba(0, 0, 0, 0.08);}
.centent_fb_39{ margin: 30px 0;}
.fb_39 table tr th ul ,.fb_39 table tr td ul{ margin: 0 0 0 36px;}
.fb_39 table tr th:last-child,.fb_39 table tr td:last-child{ border-right: none !important;}
.fb_39 table tr th:first-child,.fb_39 table tr td:first-child{ border-left: none !important;}
.text_input39{  height: 30px;background-color: #ffffff;border: solid 1px rgba(64, 75, 94, 0.4); width: 100%; padding: 0 10px; box-sizing: border-box;}

.centent_fb_40{ margin: 30px 0;}
.table_box_40{ width: 100%;}
.table_box_40 tr td{ border: 1px solid rgba(0, 0, 0, 0.08); padding:11px 20px;font-size: 14px; color: #404b5e;  }
.table_box_40 tr td > i{ color: #eb3338 !important;}


.table_box_40 tr td:first-child{ border-left: none !important;}
.table_box_40 tr td:last-child{ border-right: none !important;}
.table_box_40 textarea{ width: 100%; border: none;  font-size: 13px; color: rgba(64, 75, 94, 0.6);  height: 60px; line-height: 20px; overflow: auto;}

.div_box40{ padding: 10px 30px 0 30px; border-bottom: 1px solid  rgba(0, 0, 0, 0.14);}
.table_min_40{ width: 100%;}
.table_min_40 tr th{ height: 50px; font-size:14px; font-weight: bold; text-align: center;border-bottom: 1px solid  rgba(0, 0, 0, 0.3); border-left: 1px solid  rgba(0, 0, 0, 0.08);}
.table_min_40 tr td{ text-align: center;height: 40px; font-size:14px;border: 1px solid  rgba(0, 0, 0, 0.08); padding: 0 10px;}
.table_min_40 tr td:last-child{ border-right: none !important;}

.tit_min_h4{ height: 54px; padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid rgba(0, 0, 0, 0.8); line-height: 34px; position: relative;}
.tit_min_h4 font{ font-size:18px; color: #000000;}
.tit_min_h4 a{ float:right; background:url(../images/../images/top_sj.png) right center no-repeat; width:66px; height: 33px; line-height: 33px; font-size: 13px; color: rgba(0,0,0,0.6); }
.tit_min_h4 em{ width: 16px;height: 16px; display: inline-block; background: url(../images/QS.png) center center no-repeat; margin-left:10px; }
.tit_min_h4 span{ margin-left:20px; border-left: 1px solid rgba(0,0,0,0.3); font-size:13px; color: rgba(0,0,0,0.6);  padding-left: 20px; height: 16px;}

.h4_min_39{ height: 40px; font-weight: normal; border-bottom: 1px solid rgba(0, 0, 0, 0.8); padding: 7px 0 0 0; box-sizing: border-box;}
.h4_min_39 input{ float: right; margin-left: 10px; height: 26px; padding: 0 20px;}


.mar{margin:0; position: absolute;top: 0; left: 0; bottom: 0; right: 0;overflow:hidden;}
.Right_list_nav{width: 340px; height: 100%;border-right:1px solid rgba(216, 216, 216, 0.3); box-sizing: border-box;  }

.Right_list_nav a{height: 100px; width: 340px; box-sizing:border-box;display: block; color:rgba(64, 75, 94, 0.6);}

.Right_list_nav .hover{height: 100px;width: 340px; display: block; box-sizing: border-box; }
.Right_list_nav dl{ height:100px; display: block; width: 280px; margin: 0 0 0 30px; height: 100px; background: #ffffff; box-sizing: border-box;border-bottom: 1px solid rgba(216, 216, 216, 0.3);}
.Right_list_nav .hover dl{background: #fff; border-left:4px solid rgba(54,46,227,1.00);border-bottom: 1px solid rgba(0, 0, 0, 0.08);border-top:1px solid rgba(0, 0, 0, 0.08);  height:99px; display: block; background: #ffffff; margin: -1px 0 0 0; box-sizing: border-box; width: 340px; padding: 0 0 0 26px; overflow: hidden;}
.Right_list_nav a dl dt{ height: 26px; line-height: 26px; padding: 20px 0 0 0;}
.Right_list_nav a dl dt span{ color:rgba(64, 75, 94, 0.6); font-size: 18px; font-weight: bold;  vertical-align: middle}
.Right_list_nav a dl dt font{ color:rgba(64, 75, 94, 0.6); font-size: 13px;  vertical-align: middle; margin-left: 10px;}
.Right_list_nav a dl dt input[type="button"]{ float: right; width: 44px; padding: 0; border: solid 1px #f84e56; border-radius:12px;font-size: 11px !important;font-weight: bold;text-align: center;color: #f84e56; margin: 7px 0 0 0; background: #ffffff;}
.Right_list_nav a dl dd{ height: 18px;  line-height: 18px; padding: 16px 0 0 0;}
.Right_list_nav a dl dd font{ color:rgba(64, 75, 94, 0.6); font-size: 13px;}
.Right_list_nav a dl dd strong{color:rgba(64, 75, 94, 0.6); font-size: 13px;font-weight: bold; margin-left: 10px;}
.Right_list_nav .hover dl dt span{ color: #255ad4 !important; }
.Right_list_nav .hover dl dt font, .Right_list_nav .hover dl dd font, .Right_list_nav .hover dl dd strong{ color: #404b5e !important;}
.Right_list_nav .hover dl dt input[type="button"]{ float: right; width: 44px; padding: 0 !important; border: solid 1px #9297a5; border-radius:12px;font-size: 11px !important;font-weight: bold;text-align: center;color: #969ba8; margin: 7px 30px 0 0; background: #ffffff;}
.Right_list_centent{ position: absolute; top: 20px; right:20px; bottom:20px; left: 370px; overflow-x:hidden; overflow-y: auto; padding-right: 30px; }

.Right_list_p{ margin: 20px 30px;}
.Right_list_p input[type="button"]{ padding:0 20px; height: 30px;}


.tab_box_5{}
.tab_h4_5{ border-bottom: 1px solid rgba(0,0,0,0.8); height:26px; line-height: 26px; font-size:22px; color: #000000; padding: 20px 0 12px 0; }
.tab_h4_5 input[type="button"]{ height:26px; padding: 0 20px;}
.tab_h4_5 font{ color:#000000; font-size: 14px; float: left; height: 13px; line-height: 13px; margin: 12px 0 0 0}
.tab_h4_5 em{  color:#000000; font-size: 14px; font-style: normal; line-height: 13px; padding: 0 0 0 10px; border-left:1px solid rgba(0,0,0,0.3); height: 13px; float: left;margin: 12px 0 0 10px; }
.tab_h4_5 a{ float:right; background:url(../images/../images/top_sj.png) center center no-repeat; width:16px; height: 16px; display: block; margin: 7px 0 0 0;}
.title_p_12{font-weight:bold;font-size: 22px; color:#000000;margin: 0; padding: 0;  height: 26px; line-height: 26px; margin: 30px 0 0 0;}
.title_p_12 span{font-weight:bold;font-size: 22px; color:#000000;margin: 0; padding: 0; display: inline;}
.title_p_12 input[type="button"]{ height: 26px; padding: 0 20px; display: inline;}


.tab_div_5{ border-bottom: 1px solid rgba(0,0,0,0.8); font-size:22px; color: #000000; }
.tab_div_5 input[type="button"]{ height:26px; padding: 0 20px; margin: 20px 0 0 0;}

.tab_h4_5b{ font-size:22px; color: #000000;  }
.tab_h4_5b input[type="button"]{ height:26px; padding:0 20px; margin:20px 0 12px 0;}

.nomal, .nomal_div_12{ height: 70px; width: 100%;background-color: #ffffff;}
.nomal_div_12  span{width: 100%; color: #404b5e; padding: 0 0 10px 0; }
.nomal_div_12 textarea {height:42px; margin: 8px 0 0 0}
.nomal_div_12 input[type="text"]{ width: 100%; height: 30px;padding: 0 10px; box-sizing: border-box; margin-top:10px}

.up_down_12a{ padding: 10px 15px;   border: solid 1px rgba(0, 0, 0, 0.08); margin: 15px 0 0 0;}
.up_down_12{ padding: 10px 15px;   border: solid 1px rgba(0, 0, 0, 0.4); margin: 15px 0 0 0;}
.up_2-1_tt2{ height: 24px; line-height: 24px;  font-size: 13px;}
.up_2-1_tt2 > span{ font-weight: normal; color:rgba(64, 75, 94, 0.6);  margin-left: 10px; float: right; font-size: 13px;}
.up_2-1_tt2 font{ font-weight: normal; color:rgba(64, 75, 94, 1.0);  margin-left: 10px; float: right; font-size: 13px;}
.up_2-1_tt2 font i{ margin-left:3px;}
.up_2-1_tt2 strong{ color: #000000; float:left; font-size: 14px;}
.up_2-1_tt2 input[type="button"]{ height: 26px;padding: 0 20px; font-size:13px;}


.up_tit{ height: 24px; line-height: 24px;  font-size: 13px;}
.up_tit > span{ font-weight: normal; color:rgba(64, 75, 94, 0.6);  margin-left: 10px; font-size: 13px;}
.up_tit font{ font-weight: normal; color:rgba(64, 75, 94, 1.0);float: left; font-size: 13px;}
.up_tit font i{ margin-left:3px;}
.up_tit input[type="button"]{ height: 26px;padding: 0 20px; font-size:13px;}



.top_mulu_12{ height: 40px; line-height: 40px;  font-size: 13px;}
.top_mulu_12 strong{ float:right; color:#000000;}
.top_mulu_12 span{ float:right; color:#404b5e;}
.top_mulu_12 i{ float:right; color:#404b5e; font-style: normal; margin: 0 8px 0 5px;}
.tb_12_textarea{ height: 100px;}
.title_sp2_min{ height: 40px;line-height: 40px;}
.title_sp2_min span{ font-size:14px; color:rgba(64, 75, 94, 0.6); }
.title_sp2_min em{ width:16px; height: 40px; background: url(../images/i.png) center center no-repeat;}
.title_sp2_min input[type="button"]{display: inline-block; height: 26px; padding: 0 20px; margin: 7px 0 0 10px;}

.title_tab_right{ height: 28px; line-height: 28px; padding: 0 0 20px 0; }
.title_tab_right a{width: 16px; height: 28px; background: url(../images/downLineNor.png) center center no-repeat; display: inline-block;vertical-align: middle;}
.title_tab_right b{ display: inline-block; color: #000000;font-size: 16px;}
.title_tab_right span{ display: inline-block; height:20px; line-height: 20px; padding: 0 0 0 20px; border-left: 1px solid rgba(0,0,0,0.3); font-size:13px; color:rgba(64, 75, 94, 0.6); }

.releasePannel{position:absolute;background-color:#ffffff;width:240px;height:136px;z-index: 1000; box-shadow: 0 0 10px rgba(0,0,0,0.8); padding: 0 20px;}

.releasePannel table{ width: 100%;}
.releasePannel table tr td{ width: 100%;}
.releasePannel table tr td div{ color:rgba(64, 75, 94, 0.6); font-size: 14px;}
.releasePannel table tr td strong{font-size: 14px; border-bottom: 1px solid rgba(0,0,0,0.4); display: block; height: 26px;}

.releasePannel table tr td input{  padding: 0 15px;}

.releasePannel2{position:absolute;top:184px;left:500px;background-color:#ffffff;width:320px;height:150px;z-index: 1000; box-shadow: 0 0 10px rgba(0,0,0,0.8); padding: 0 20px;}

.releasePannel2 table{ width: 100%;}
.releasePannel2 table tr td{}
.releasePannel2 table tr td div{ color:rgba(64, 75, 94, 0.6); font-size: 14px;}
.releasePannel2 table tr td strong{font-size: 14px; border-bottom: 1px solid rgba(0,0,0,0.4); display: block; height: 26px;}

.releasePannel2 table tr td input{  padding: 2px 15px;}

.show_up{ background:url(../images/up_jt.png) center center no-repeat !important;}
.div_code{ width:100%;}
.div_code input[type="text"]{ width:calc(100% - 60px); float: left;}
.div_code input[type="button"]{ width:50px; margin-left: 10px; float: left;}

.h3_147{ display: inline-block; margin: 24px 0 0 0;font-size:26px; color: #000000; }
.tabel_28_tit  td { padding: 10px 0 0 0;  height: 60px; box-sizing: border-box;}
.title_h4{ height: 26px;border-bottom: 1px solid rgba(0, 0, 0, 0.8); position: relative; padding: 20px 0;}
.title_h4 strong{ font-size:18px; color: #000000;}
.title_h4 a{ float:left; background:url(../images/top_sj.png) center center no-repeat; width:26px; height: 26px; display: block;}
.title_h4 span{ margin-left:20px; border-left: 1px solid rgba(0,0,0,0.3); font-size:13px; color: rgba(0,0,0,0.6);  padding-left: 20px; height: 16px;}
.title_h4 input[type="button"]{ height: 26px; padding:0 15px;}

.grid_a{display:block; padding:12px 0 0 10px}
.top_bar{ height: 80px; background:#f4f4f6; min-width: 1200px; padding: 0 30px;border-bottom: 1px solid rgba(0,0,0,0.2)}
.top_bar h4{ height: 80px; width: 50%; float: left; line-height: 80px; font-size: 28px; text-align: left;color: #000000; }
.top_bar input[type="button"]{ height: 36px; float:right; line-height: 36px; font-size: 13px; margin: 22px 0 0 0; padding: 0 26px;}
.main_index{ position: absolute; top: 81px; bottom: 20px; left: 30px; right: 30px; background: #ffffff;}
.index_left{ width: 55%;height: 100%; float: left; box-sizing: border-box; border-right: 1px solid rgba(0, 0, 0, 0.08); padding: 30px 0 0 0; position: relative;}
.index_right{ position: absolute; top:0;left:55%; bottom:10px;right:-30px; box-sizing: border-box; padding: 30px 30px 0 30px; overflow-y: auto;overflow-x: hidden;}

.index_h4{height: 26px; padding:10px 0 10px 0; line-height: 26px; }
.index_h4 strong{font-size: 18px; text-align: left; color: #000000;}
.index_h4 input[type="button"]{font-size: 13px; text-align: left;  height: 26px; padding: 0 20px;}
.index_h4 span{ font-size: 13px; color:rgba(0,0,0,0.4); margin: 0 0 0 15px; padding: 0 0 0 15px; font-weight: normal; border-left: 1px solid rgba(0,0,0,0.3)}
.index_h4 a{ font-size: 13px; color:rgba(0,0,0,0.6); float: right; font-weight: normal; background: url(../images/rightLineNor.png) right center no-repeat; padding-right: 20px;}


.time_line{ border-bottom: 1px solid rgba(0, 0, 0, 0.3);  height: 52px; margin: 20px 0 0 0; background: #ffffff; overflow: hidden; padding-right: 30px;}
.tab_ul_index{ height: 54px !important; overflow:hidden;}
.tab_ul_index li{ display:inline-block; padding: 13px 0; margin:0; box-sizing: border-box; height: 52px; }
.tab_ul_index li strong{ font-weight: bold; font-size: 16px;  color:rgba(0, 0, 0, 0.6); float: left; height: 16px; line-height: 16px;}
.tab_ul_index li span{ font-size: 16px; color:rgba(0, 0, 0, 0.6); padding: 0 5px 0 5px; border-left:1px solid rgba(0,0,0,0.1);float: left; height:16px; line-height: 16px;  }

.tab_ul_index .hover{ border-bottom: 3px solid  #255ad4;box-sizing: border-box; }
.tab_ul_index .hover strong{  color:#255ad4; }

.style_zt_index{position: absolute; top:87px; right:5px;}
.style_zt_index li{ float: right; padding:0 0 0 3px; margin:0; box-sizing: border-box; height: 54px; line-height:36px;}

.style_zt_index li em{ height: 10px;width: 10px; border-radius: 5px; display: inline-block}
.style_zt_index li span{ padding: 0 0 0 5px;}


.time_line_centent{background-color: #f9f9fb; padding: 0 20px 0 20px; overflow-y: auto; overflow-x:hidden; position: absolute; left: 0; right: 0; top: 142px; bottom: 0; }
.time_line_centent dl{ padding: 0; position: relative; margin: 0; height: 90px;}
.time_line_centent dl:last-child{ height: 100px;}
.time_line_centent dt{ padding: 10px 0 0 0; margin: 0; height: 90px; width: 186px;  box-sizing: border-box;  border-right: 1px dashed rgba(151,151,151,0.6); float: left;}
.time_line_centent dt span{ padding: 0; margin: 0; height: 80px; width: 186px; background: #ffffff; box-sizing: border-box;  border: solid 1px rgba(0, 0, 0, 0.06);display: block; border-right: 1px dashed rgba(151,151,151,0.6);}
.time_line_centent dt span em{ float: left; width: 36px; height: 16px; margin:18px 0 0 24px; border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; -mz-border-radius:8px; font-style: normal; text-align: center;line-height:16px; color: #ffffff; font-size: 11px;}
.time_line_centent dt span font{ float: left; margin:16px 0 0 12px;font-size: 13px; color: rgba(0,0,0,0.6);}
.time_line_centent dd{ padding: 10px 0 0 0; margin: 0; height: 90px; width:calc(100% - 186px);  box-sizing: border-box;float: left;}
.list_index_div{ padding: 0; margin: 0; height: 80px; width: 100%; background: #ffffff; box-sizing: border-box;  border: solid 1px rgba(0, 0, 0, 0.06); border-left:none; display: block;}
.name_60_1{ width: 102px; float: left; box-sizing: border-box; padding:16px 0 0 15px; color:#000000; font-size: 13px; font-weight: bold;}
.centent_60_1{ width:calc(100% - 104px); float: left; margin: 7px 0 0 0;}
.centent_60_1 p{ margin: 10px 0 0 0; padding: 0; width: 100%; clear: both; height: 13px;}
.centent_60_1 p font{ color: rgba(0,0,0,0.6);font-size: 13px; display: inline-block; width: 90px; float: left;}
.centent_60_1 p span{ color: rgba(0,0,0,0.6);font-size: 13px; border-right: 1px solid rgba(0,0,0,0.15); height: 13px; float: left; line-height: 13px; padding: 0 10px 0 0; margin-top: 3px;}
.centent_60_1 p a{ float: left; width: calc(100% - 180px) !important; padding: 0 0 0 10px; display: block; font-weight: bold; color:rgba(64, 75, 94, 0.6);}
.centent_60_1 p span:last-child{ border:none !important; padding-left: 10px;}
.centent_60_1 p span:nth-child(2){ padding-left: 10px;}
.centent_60_1 p em{float: left;width: 36px;height: 16px;margin: 0px 0 0 5px;border-radius: 8px;-webkit-border-radius: 8px;-o-border-radius: 8px;-mz-border-radius: 8px;font-style: normal;text-align: center;line-height: 16px; color: #ffffff;font-size: 11px;
}
.blod_blue{  font-weight: bold !important; color: #255ad4 !important;}
.time_line_centent dl > div{ width:12px; height: 12px; border-radius: 50%; -webkit-border-radius: 50%; -mz-border-radius: 50%; position: absolute; top: 31px; left: 180px; }
.week_div{ height:34px !important; overflow: hidden; }
.week_style{ position:absolute; top: 15px; left: 50%; margin:0 0 0 -60px; color:rgba(64, 75, 94, 0.6) !important; }

.index_list_info{ height: 70px; overflow: hidden; padding: 2px 0; margin: 10px 0;}
.index_list_info li{ height: 25px; line-height: 25px;}
.index_list_info li a{display: inline-block; float: left;text-decoration: underline; max-width:calc(100% - 180px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_list_info li span{  float: right; color: rgba(0,0,0,0.4); font-size: 13px;}
.index_list_info li i{ border-radius: 50%; -webkit-border-radius: 50%; line-height: 14px; text-align: center; margin: 7px 0 0 5px; background: #f59322; font-size: 9px; color:#ffffff; font-weight: bold; width: 14px; height: 14px; display: inline-block; float: left; }


.index_btn{ margin: 40px 0 0 0; height: 40px;}
.index_btn input[type="button"]{ height: 40px; box-sizing: border-box; width:calc(25% - 11px); margin-right: 10px;}

.div_60_4{ height: 60px; border-bottom: 1px solid rgba(0, 0, 0, 0.8); margin: 0 30px;}

.div_60_4 h4{ float:left; font-size: 18px;  margin: 20px 10px 0 0; color: #000000;}
.ul_60_4{float: left; width: 250px; height: 30px; margin: 22px 10px 0 20px;}
.ul_60_4 li{ width: 80px; display: inline-block; height: 30px; color: #404b5e; font-size: 13px;  line-height: 30px; text-align: center; border-color:rgba(64, 75, 94, 0.4);border-width: 1px 0 1px 1px; border-style: solid; background: #ffffff; cursor: pointer; float: left}
.ul_60_4 li:last-child{ border-width: 1px;}
.ul_60_4 .hover{ color: #ffffff !important; background:#255ad4 !important;}
.down_a{ width:30px; height: 30px; border: 1px solid rgba(64, 75, 94, 0.4); display: block; background: url(../images/download.png) center center no-repeat;}
.down_a2{ height: 40px; display:inline-block; background:url(../images/rightLineNor.png) right center no-repeat; line-height: 40px; padding-right: 20px;}
.chart_box{ margin: 20px 30px;}

.ul2_60_4{float: right; width:366px; height: 30px; margin: 15px 10px 0 20px;}
.ul2_60_4 li{ width: 180px; display: inline-block; height: 30px; color: #404b5e; font-size: 13px;  line-height: 30px; text-align: center; border-color:rgba(64, 75, 94, 0.4);border-width: 1px 0 1px 1px; border-style: solid; background: #ffffff; cursor: pointer;float: left;}
.ul2_60_4 li:last-child{ border-width: 1px;}
.ul2_60_4 .hover{ color: #ffffff !important; background:#255ad4 !important;}

.dropdown_index{ height: 28px; width: 136px; float: left; margin: 18px 0 0 0; }

.grid_index{ position: absolute;left: 30px; right: 30px; bottom: 20px; top: 402px;}

.dl_60_3{ width: 100%;}
.dl_60_3 dt{ width: 66%;  float: left;}
.dl_60_3 dd{ width: 34%;  float: left;}

.bor_span{ font-weight: normal; height: 50px; line-height: 50px; color: #404b5e !important;}
.bor_b{ border-bottom: 1px solid rgba(0, 0, 0, 0.08); height: 50px; line-height: 50px;}

.index_ul_60{ margin: 0 30px; }
.index_ul_60 ul{ width: 100%; height: 170px;overflow-y:auto; overflow-x: hidden; margin: 5px 0 0 0;}
.index_ul_60 ul li{  line-height: 2.15; margin: 0 5px 0 0;clear: both;}
.index_ul_60 ul li a{ font-size: 13px; color: rgba(0,0,0,0.6); display: inline-block; float: left;text-decoration: underline; width:calc(100% - 180px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_ul_60 ul li i{ border-radius: 50%; -webkit-border-radius: 50%; line-height: 14px; text-align: center; margin: 7px 0 0 5px; background: #f59322; font-size: 9px; color:#ffffff; font-weight: bold; width: 14px; height: 14px; display: inline-block; float: left; }
.index_ul_60 ul li span{ font-size: 13px; color: rgba(0,0,0,0.4); float: right; }

.line_index{width: 1px; background:rgba(0,0,0,0.08); height: 217px; float: left; margin-top:15px;}
.div_input{margin:7px 10px 0 10px;}
.div_input input[type="text"]{width: 100%;height: 24px;padding: 0 5px; box-sizing: border-box;}
.div_input input[type="radio"]{margin:6px 0 0 0;}
.div_input input[type="button"]{margin:0;}

.div_text{margin:10px 0 0 0;}









.Bodyheight-wrap {min-height:100%;margin:-61px 0 -77px;border-top:1px solid #efefef;background:#f7f7f7;box-sizing:border-box;}
* html .Bodyheight-wrap {height:100%;}
.Content-area {padding:61px 0 77px;}
.Contentswrap-box {overflow:hidden;width:1280px;margin:0 auto;box-sizing:border-box;}
.Contentswrap-box .Lnb-wrap {float:left;width:200px;padding-top:25px;box-sizing:border-box;}
.Contentswrap-box .Lnb-wrap .Lnb-list > li {/*border-bottom:1px solid #d8d8d8;*/padding: 0 20px;}
.Contentswrap-box .Lnb-wrap .Lnb-list > li > a {display:block;height:61px;line-height:20px;padding:20px 0;box-sizing:border-box;font-size:14px;font-weight:bold;}
.Contentswrap-box .Lnb-wrap .Lnb-list > li > a:hover {color:#2c49bf;}
.Contentswrap-box .Lnb-wrap .Lnb-list > li.current > a {font-weight:bold;color:#2c49bf;}
.Contentswrap-box .Lnb-wrap .Lnb-list li .Lnb-list-in01 {display:none;padding:10px 0;}
.Contentswrap-box .Lnb-wrap .Lnb-list li .Lnb-list-in01 > li > a {display:block;padding:12px 0 12px 25px;background:  url("../img/common/ico-search_2.png") no-repeat 5px 11px;font-size:13px;font-weight:bold;}
.Contentswrap-box .Lnb-wrap .Lnb-list li .Lnb-list-in01 > li > a:hover {color:#2c49bf;}
.Contentswrap-box .Lnb-wrap .Lnb-list li .Lnb-list-in01 > li .Lnb-list-in02 {display:none;}
.Contentswrap-box .Lnb-wrap .Lnb-list li .Lnb-list-in01 > li .Lnb-list-in02 li a {display:block;padding:8px 0 8px 40px;color:#000;font-size:13px;}
.Contentswrap-box .Lnb-wrap .Lnb-list li .Lnb-list-in01 > li .Lnb-list-in02 li a:hover {color:#2c49bf;}
.Contentswrap-box .Lnb-wrap .Lnb-list li .Lnb-list-in01 > li .Lnb-list-in02 li.current a {color:#2c49bf;font-weight:bold;}
.Contentswrap-box .Lnb-wrap .Lnb-list > li.Folding > a {background:  url("../img/common/ico-search_5.png") no-repeat right 50%;}
.Contentswrap-box .Lnb-wrap .Lnb-list > li.Folding.current > a {background:  url("../img/common/ico-search_6.png") no-repeat right 50%;color: #333333;}
.Contentswrap-box .Lnb-wrap .Lnb-list > li.Folding.current .Lnb-list-in01 {display:block;background-color: #f2f2f2;width: 180px;margin-left: -20px;padding-left: 20px;}
.Contentswrap-box .Lnb-wrap .Lnb-list li .Lnb-list-in01 > li.current > a {background:  url("../img/common/ico-search_3.png") no-repeat 5px 11px;}
.Contentswrap-box .Lnb-wrap .Lnb-list li .Lnb-list-in01 > li.current .Lnb-list-in02 {display:block;}

.Contentswrap-box .Lnb-wrap .Lnb-list > li.Folding.current .Lnb-list-in {display:block;}
.Contentswrap-box .Lnb-wrap .Lnb-list li .Lnb-list-in {display:none;padding:10px 0 0 0;/*border-top:1px solid #d8d8d8;*/}
.Contentswrap-box .Lnb-wrap .Lnb-list li .Lnb-list-in > li > a {display:block;padding:12px 0 12px 25px;font-size:13px;font-weight:bold;}
.Contentswrap-box .Lnb-wrap .Lnb-list li .Lnb-list-in > li > a:hover {color:#2c49bf;}
.Contentswrap-box .Lnb-wrap .Lnb-list li .Lnb-list-in > li.current > a {color:#2c49bf;}
/* [공통] 컨텐츠 감싸는 박스 */
.Contentswrap-box .Content-wrap {float:right;width:1050px;margin-top:25px;margin-right:30px;padding:20px 30px;background:#fff;box-sizing:border-box;}
.Contentswrap-box .Content-wrap.Content-wrap--full {overflow:hidden;width:1260px;height:806px;margin:10px auto;padding:0 78px 0 83px;box-sizing:border-box;background:#fff;} 

/* [공통]컨텐츠 상단 타이틀 + 로케이션 */
.Content-titlewrap {overflow:hidden;width:100%;padding-bottom:20px;}
.Hr-line {border:none;border-top:1px solid #e4e4e4;font-size:0;line-height:0;}
.Cont-tit {float:left;font-size:20px;;font-size: 20px;line-height: 1.2;color:#323232;}
.Location-wrap {float:right;margin-top:10px;}
.Location-wrap .Location-list {float:right;}
.Location-wrap .Location-list li {float:left;margin-left:10px;padding-left:15px;background:  url("../img/common/bg-location.png") no-repeat 0 2px;}
.Location-wrap .Location-list li a {font-size:13px;}
.Location-wrap .Location-list li:first-child {margin:0;padding:0;background:none;}

/* [공통] 컨텐츠 테이블 */
.Tbl-view-wrap {position:relative;width:100%;line-height: 1;}
.Tbl-view-wrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.Tbl-view-wrap .Tbl-view01 {width:100%;margin-top:9px;}
.Tbl-view-wrap .Tbl-view01 thead th {}
.Tbl-view-wrap .Tbl-view01 tbody th {padding:21px 10px 0 0;color:#323232;font-size:13px;text-align:left;vertical-align:top;line-height:18px;}
.Tbl-view-wrap .Tbl-view01 tbody th .Star-strong {display:inline-block;margin-left:3px;color:#ed4839;}
.Tbl-view-wrap .Tbl-view01 tbody td {padding:15px 10px;text-align:left;vertical-align:top}
.Tbl-view-wrap .Tbl-view01 tbody td .Txt-type {display:inline-block;padding:9px 0 8px;}
.Tbl-view-wrap .rowdetail-line {position: absolute;top:-24px;left:-33px;width:976px;border:none;border-top:1px solid #f0f0f0;}


/* [공통] 인풋 */

.Inputbox-wrap input {height:30px !important;padding:0 10px !important;border:1px solid #cbcbcb;box-sizing:border-box;}
.Form-right-txt {display:inline-block;margin-left:10px;color:#333;font-size:13px;vertical-align: middle;}


/* [공통] textarea박스 */
.Textarea-wrap textarea {width:100%;height:100px;padding:10px;border:1px solid #cbcbcb;box-sizing:border-box;}

/* [공통] 셀렉트박스 */
.Selectbox-wrap {display:inline-block;vertical-align: middle;}
.Selectbox-wrap .jqx-dropdownlist-state-normal {height:28px !important;}
.Selectbox-wrap .jqx-icon {width:28px !important;height:28px;}
.Selectbox-wrap .jqx-dropdownlist-content-template.jqx-dropdownlist-content {padding:3px 0 0 5px;box-sizing:border-box;}
.Selectbox-wrap .jqx-dropdownlist-content-template.jqx-dropdownlist-content  > span {display:inline-block;margin:-2px 0 0 0;}
.Selectbox-wrap + .Selectbox-wrap {margin-left:3px;}

/* [공통] 그리드속성 */
.Grid {margin-bottom: 17px;}
.Grid .jqx-grid .jqx-grid-header {border-top: none;border-top: 1px solid #e0e1e3;border-bottom: 1px solid #eaeaec;border-left: none;border-right: none;}
.Grid .jqx-widget-header {border: none;}
.Grid .jqx-grid-column-header, .Grid .jqx-grid-columngroup-header {border-width: 0;}
.Grid .jqx-grid .jqx-grid-column-header {background: #f4f4f5;}
.Grid .jqx-grid .jqx-grid-column-header > div > div {text-align: center !important;}
.Grid .jqx-grid .jqx-grid-column-header > div > div.iconscontainer,
.Grid .jqx-grid .jqx-grid-column-header > div > div.jqx-widget-header {margin-top: 0 !important;}
.Grid .jqx-grid .jqx-grid-column-header > div > div span {padding-top: 0;}
.Grid .jqx-grid-cell {border: none;cursor: pointer;}
.Grid .jqx-checkbox-default {border-color: #c8cacc;}
.Grid .jqx-fill-state-disabled {opacity: 0.8}

.Form-error {position:relative;}
.Form-error input {border-color:#ec4839 !important;}
.Form-error .Error-txt {position:absolute;top:34px;color:#ed4839;font-size:13px;}
.Form-select-disabled * {border-color:#e4e4e4 !important;color:#bfbfbf !important;}
.Form-select-disabled .jqx-icon-arrow-down {background: url("../img/common/icon_down_off.png") 0 0 no-repeat !important;}

.Checkbox-group .jqx-checkbox-checked .jqx-checkbox-hover.jqx-checkbox-default,
.Checkbox-group .jqx-checkbox-checked .jqx-checkbox-default {background:#2e49bd;border-color:#2e49bd;}
.Checkbox-group .jqx-checkbox-checked {color:#2c49bf;font-size:13px;}
.Checkbox-group > div {display:inline-block;}
.Checkbox-group > div:first-child {margin-top:1px;}
.Checkbox-group > div > div:first-child {margin-left:0;}
.Checkbox-group .Check-txt {display:inline-block;margin:1px 19px 0 5px;vertical-align:middle;}
.Checkbox-group .jqx-fill-state-disabled {background:none !important;border:none !important;}
.Checkbox-group .jqx-checkbox-disabled-box {background:#e5e5e5 !important;border-color:#e5e5e5 !important;}
.Checkbox-group .jqx-checkbox-disabled-box  .jqx-checkbox-check-checked {background: url("../img/common/bg-checkbox-off.png") 0 0 no-repeat !important;}
.Checkbox-group .jqx-checkbox-disabled .Check-txt {color:#b2b2b2 !important;}

.Radio-group .items {display:inline-block;margin:2px 19px 3px 5px;vertical-align:middle;}
.Radio-group .items:first-child {margin-left:0;}
.Radio-group .jqx-radiobutton.jqx-radiobutton-checked .jqx-radiobutton-default {width:16px !important;height:16px !important;background: url("../img/common/bg-radio-on.png") 0 0 no-repeat !important;border:none !important;}
.Radio-group .jqx-radiobutton .jqx-fill-state-pressed {display:none;}
.Radio-group .jqx-radiobutton.jqx-fill-state-disabled .jqx-radiobutton-default {border-color:#e6e6e6;background:none;}

.Date-button-group > .jqx-button {width:92px;height:30px;padding-top:7px !important;box-sizing:border-box;}
.Date-button-group .jqx-button.jqx-fill-state-hover,
.Date-button-group .jqx-button.jqx-fill-state-pressed {background:#2e49bd !important;border-color:#2e49bd !important;}

.Codepopup-wrap {width:283px !important;height:30px !important;}
.Codepopup-wrap input {display:inline-block;height:30px !important;padding:0 10px !important;border:1px solid #cbcbcb;box-sizing:border-box !important;}
.Codepopup-wrap input[disabled] {background:#f6f6f6 !important;}
.Codepopup-wrap .btn-img {display:inline-block;width:29px !important;height:30px !important;border:1px solid #cbcbcb;border-left:none;background: url("../img/common/ico-search.png")  no-repeat 6px 6px !important;}

.Timeselect-box {display:table;}
.Timeselect-box .Timeselect-wrap {display:table-cell;width:130px;}
.Timeselect-box .Timeselect-wrap .jqx-input {height:28px !important;}
.Timeselect-box .Timeselect-wrap .jqx-position-relative input {margin-top:0 !important;padding:7px 10px 5px !important;}
.Timeselect-box .Timeselect-wrap .jqx-action-button {width:28px !important;left:101px !important;}
.Timeselect-box .Timeselect-wrap .jqx-action-button .jqx-icon {width:28px !important;background: url("../img/common/ico-time.png")  no-repeat 6px 50%; !important;}
.Timeselect-box .Timeselect-txtspace {display:table-cell;width:18px;margin-left:1px;text-align:center;vertical-align: middle;}

.Calendarselect-box {display:table;}
.Calendarselect-box .Calendarselect-wrap {display:table-cell;width:130px !important; height:28px !important;}
.Calendarselect-box .Calendarselect-wrap .jqx-position-relative input {margin-top:0 !important;padding:7px 10px 5px !important;}
.Calendarselect-box .Calendarselect-wrap .jqx-action-button {width:28px !important;left:101px !important;}
.Calendarselect-box .Calendarselect-wrap .jqx-action-button .jqx-icon {width:28px !important;height:28px !important;background: url("../img/common/ico-calendar.png")  no-repeat 6px 13px !important;}
.Calendarselect-box .Calendarselect-txtspace {display:table-cell;width:18px;margin-left:1px;text-align:center;vertical-align: middle;}



.Button-box-wrap {margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5;}
.Button-box-wrap.ty01 {padding-top:0;border-top:none;}
.Button-box-wrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.Button-box-wrap .Btn-l {float:left;}
.Button-box-wrap .Btn-r {float:right;}

.Button {display:inline-block;font-size:13px;padding:0 20px;min-width:85px;height:30px;line-height:18px;border:1px solid #cccccc;background:#fff;box-sizing:border-box;text-align:center;color:#3b3b3b;font-weight:normal;}
.Button:hover {border-color:#999;background-color:#e5e5e5;}
.Button[disabled] {border-color:#e5e5e5;background:#fff;color:#b2b2b2;}
.Button.Button-blue {background:#2e49bd;border-color:#2e49bd;color:#fff;}
.Button.Button-blue:hover {background:#192a70;border-color:#192a70;}
.Button.Button-blue[disabled] {background:#b8c0e2;color:#d5d9ed;}
.Button + .Button  {margin-left:1px;}
.Button.Primary {border-color:#2c49bf;background:#fff;color:#2c49bf;}
.Button.Primary:hover {border-color:#2c49bf;}
.Button.Primary[disabled] {border-color:#2c49bf;color:#bcc2dc;}

.Total-number-wrap {padding:0 0 7px;background:#fff;}
.Total-number-wrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.Total-number-wrap .Total-wrap {float:left;font-size:13px;}
.Total-number-wrap .Number-wrap {float:left;margin-left:10px;}

.SearchBox-searchArea {width:100%;background: #f6f7f7;}
.SearchBox-searchArea tr:first-child th, .SearchBox-searchArea tr:first-child td {padding-top: 20px;}
.SearchBox-searchArea tr:last-child th, .SearchBox-searchArea tr:last-child td {padding-bottom: 20px;}
.SearchBox-searchArea th {height: 27px;padding: 10px 0 9px 20px;vertical-align: middle;text-align: left;}
.SearchBox-searchArea th:first-child {padding-left:30px;}
.SearchBox-searchArea td {height: 27px;padding-top: 9px;padding-bottom: 9px;vertical-align: middle;}
.SearchBox-searchArea td input[type="text"] {height:26px !important;}
.SearchBox-searchArea td .Datepicker {float:left;}
.SearchBox-searchArea td .Date-button-group {float:left;margin-left:10px;font-size:0;line-height:0;}
.SearchBox-searchArea td .Date-button-group .jqx-button {width:75px;height:26px !important;padding-top:4px !important;color:#333;font-size:13px;line-height:18px;}
.SearchBox-searchArea td .Date-button-group .jqx-button.jqx-fill-state-pressed {color:#fff !important;}
.SearchBox-searchArea td .Date-button-group .Button + .Button {margin:0;border-left:none;}
.SearchBox-searchArea td .Date-button-group button.active {border:1px solid #5160b5;background:#5160b5;color:#fff;}
.SearchBox-searchArea td .Calendarselect-box .Calendarselect-wrap {display:table-cell;width:106px !important; height:24px !important;}
.SearchBox-searchArea td .Calendarselect-box .Calendarselect-wrap .jqx-position-relative input {width:63px !important;margin-top:0 !important;padding:6px 0 5px 10px !important;}
.SearchBox-searchArea td .Calendarselect-box .Calendarselect-wrap .jqx-action-button {position:relative;width:26px !important;left:79px !important;}
.SearchBox-searchArea td .Calendarselect-box .Calendarselect-wrap .jqx-action-button .jqx-icon {top:0;bottom:0;width:26px !important;height:30px !important;background: url("../img/common/ico-calendar.png")  no-repeat 5px 12px !important;}
.SearchBox-searchArea td .Calendarselect-box .Calendarselect-txtspace {display:table-cell;width:18px;margin-left:1px;text-align:center;vertical-align: middle;}
.SearchBox-searchArea td.Btn-alignright {padding-right:30px;text-align:right;}
.SearchBox-searchArea + .Button-box-wrap {margin-top:10px;padding-top:0;border:none;}
.SearchBox + .Total-number-wrap {margin-top:30px;}


/* Step Area */
.step_area {position: relative;margin-bottom: 20px;width: 990px;background-color: #fff;z-index: 10;}
.step_area:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.step_area ul {width: 100%;display: table;border: 1px solid #e5e5e5;border-top: none;box-sizing: border-box;}
.step_area li {float: left;width: calc(33.3%);border-left: 1px solid #e5e5e5;min-height: 173px;box-sizing: border-box;position: relative;}
.step_area li:first-child {width: calc(33.4%);border-left: 0;}
.step_area li .step_tit {background: url("../img/common/step_r.png") 100% 0 no-repeat;height: 40px;box-sizing: border-box;padding: 12px 0 0 0;width: calc(100% + 21px);position: absolute;left: 0;top: 0;color:#666;font-size:13px;text-align:center;cursor: pointer;}
.step_area li .step_tit:hover {background: url("../img/common/bg-step-hover.png") 100% 0 no-repeat;}
.step_area li .step_tit strong {display:inline-block;padding:3px 0 3px;font-size: 12px;}
.step_area li .step_tit strong.Stepon {padding-left:28px;background: url("../img/common/bg-step-on.png") no-repeat 0 0;}
.step_area li .step_info {height: 158px;margin-top: 40px;padding: 10px 0 10px 22px;box-sizing: border-box;}
.step_area li table {width: 100%;}
.step_area li table th, .step_area li table td {height: auto;padding:11px 0;}
.step_area li table th {width: 90px;padding-right: 10px;font-size:13px;font-weight: normal;text-align: left;}
.step_area li table td {color: #919699;}
.step_area li.step_01 .step_tit {z-index: 5;}
.step_area li.step_02 .step_tit {z-index: 3;}
.step_area li.step_03 .step_tit {width: 100%;background-position: -2px 0;}
.step_area li.step_03.select .step_tit {width: calc(100% + 2px);background-position: 0 0;}
.step_area li.select .step_tit {background: url("../img/common/step_select_r.png") 100% 0 no-repeat;color: #fefeff;width: calc(100% + 21px);left: -1px;top:0;height:040px;padding-top: 14px;}
.step_area li.step_02.select .step_tit {background-image: url("../img/common/step_select_r02.png");}

.Footer {width: 100%;border-top:27px solid #f7f7f7;background-color: #ffffff;}
.Footer-inner {width: 1280px;height:50px;margin: 0 auto;background-color: #ffffff;}
.Footer-inner .copyright {display: inline-block; height: 12px; margin: 20px 0 0 20px; font-family:Arial, Dotum, "돋움", Helvetica, sans-serif; font-size: 11px; color: rgba(0, 0, 0, 0.6);}
.Footer-inner .footerLogo {float: right;margin: 13px 20px 0 0;}

/*.jqx-grid .jqx-grid-header {border-top:1px solid #cbcbcb !important;}*/

.Tbl-topbutton-wrap {overflow: hidden;position:relative;width:100%;border-top:1px solid #cbcbcb;padding:6px 0 6px 10px;box-sizing:border-box;font-size:0;line-height:0;}
.Tbl-topbutton-wrap button {min-width:60px;height:22px;margin-right:5px;border:1px solid #cbcbcb;box-sizing:border-box;color:#333;font-size:11px;text-align:center;}
.Tbl-topbutton-wrap button[disabled] {border-color:#e9e9e9;color:#e9e9e9;}
.Tbl-topbutton-wrap .Tbl-topbutton-left {float:left;}
.Tbl-topbutton-wrap .Tbl-topbutton-left button {margin-right:5px;}
.Tbl-topbutton-wrap .Tbl-topbutton-right {float:right;}
.Tbl-topbutton-wrap .Tbl-topbutton-right button {margin-left:5px;}


/* [공통] 테이블상단 add + Modify + Delete */
.gridToolbar {display:table;overflow: hidden;position:relative;width:100%;border-top:1px solid #cbcbcb;}
.gridToolbar button {min-width:60px;height:22px;margin-right:5px;border:1px solid #cbcbcb;box-sizing:border-box;background:#fff;color:#333;font-size:11px;text-align:center;}
.gridToolbar button[disabled] {border-color:#e9e9e9;color:#b2b2b2;}
.gridToolbar .gridToolbar-content {display:table-cell;padding:6px 0 6px 10px;box-sizing:border-box;}
.gridToolbar .gridToolbar-content button {margin-right:5px;}
.gridToolbar .gridToolbar-content--selected {padding:6px 0 6px 10px;box-sizing:border-box;background-color:#aaafb9;}
.gridToolbar .gridToolbar-selectionCountArea {display:inline-block;margin:0 10px 0 0;color:#fff;vertical-align:-1px;}

/* [단일] 셔플메뉴 타이틀 */
.Leftrightmove-tit {margin-bottom:15px;font-size:14px;font-weight:bold;}

/* [단일] File Attachment  */
.Fileattachment-titwrap {padding:10px 10px 10px 15px;border-top:1px solid #cbcbcb;border-bottom:1px solid #dfdfdf;background:#f6f6f6;font-size:0;line-height:0;}
.Fileattachment-titwrap.active {border-color:#8e9ac4;background:#d4daf1;}
.Fileattachment-titwrap.active .Total-txt {color:#2c49bf;font-weight:bold;}
.Fileattachment-titwrap .Total-txt {display:inline-block;margin-left:7px;color:#000;font-size:13px;line-height:15px;vertical-align: middle;}
.Fileattachment-titwrap button {width:70px;height:22px;margin-left:12px;border:1px solid #a9aec0;background:#fff;color:#333;font-size:11px;text-align:Center;vertical-align: middle;}
.Fileattachment-titwrap button[disabled] {border:1px solid #dcdcdc;background:#fff;color:#b2b2b2;cursor: default;}

.Fileattachment-input input[type="checkbox"] {position:absolute;left:-10000px;top:-10000px;width:23px;height:23px;margin:0;opacity:0;}
.Fileattachment-input input[type="checkbox"] + label {display:inline-block;width:14px;height:14px;border:1px solid #ababab;box-sizing:border-box;background:#fff;vertical-align: middle;}
.Fileattachment-input input[type="checkbox"]:checked + label {border:none;background: url("../img/common/bg-checkbox-on.png") no-repeat 0 0;}
.Fileattachment-listwrap {border-bottom:1px solid #cbcbcb;}
.Fileattachment-listwrap li {position:relative;height:37px;padding:11px 46px 11px 15px;border-top:1px solid #efefef;box-sizing:border-box;}
.Fileattachment-listwrap li:first-child {border-top:none;}
.Fileattachment-listwrap li .Fileattachment-txt {display:inline-block;margin:1px 0 0 7px;padding-left:29px;color:#333;font-size:13px;line-height:15px;vertical-align: middle;}
.Fileattachment-listwrap li .Fileattachment-txt.word {background: url("../img/common/bg-word.png") no-repeat 5px 0;}
.Fileattachment-listwrap li .File-down {position:absolute;right:16px;top:10px;width:16px;height:16px;background: url("../img/common/ico-download.png") no-repeat 0 0;font-size:0;line-height:0;text-indent:-333;}
.Fileattachment-listwrap li .File-delete {position:absolute;right:16px;top:10px;width:16px;height:16px;background: url("../img/common/ico-delete.png") no-repeat 0 0;font-size:0;line-height:0;text-indent:-333;}
.Fileattachment-listwrap li.active {border-top:1px solid #c6cbe1;background:#f3f5fc;}
.Fileattachment-listwrap li.active + li {border-top:1px solid #c6cbe1;}

.Addfilebox-wrap {padding:10px;border-bottom:1px solid #cbcbcb;box-sizing:border-box;background:#f9f9f9;}
.Addfilebox-wrap .Addfile-upload a {display:block;padding:10px 0 9px;border:1px dashed #adadad;color:#333;font-size:13px;text-align:center;}
.Addfilebox-wrap .Addfile-upload a:hover {background:#f1f1f1;}
.Addfilebox-wrap .Addfile-upload a .Addfile-click {display:inline-block;padding:3px 0 3px 26px;background: url("../img/common/ico-add.png") no-repeat 0 1px;}
.Addfilebox-wrap .Addfile-txt {padding:15px 0 6px 0;color:#b2b2b2;font-size:13px;text-align:center;}

.Expandgrid-tblview-wrap {width:940px;margin-top:18px;}
.Expandgrid-tblview-wrap th {height:42px;padding:0 10px;color:#000;font-size:13px;font-weight:bold;text-align:left;vertical-align:middle;}
.Expandgrid-tblview-wrap td {height:42px;color:#000;font-size:13px;text-align:left;vertical-align:middle;}
.Expandgrid-tblview-wrap td input {height:26px !important;}
.Expandgrid-btn {padding:24px 59px 0 0;text-align: right;}
.Expandgrid-btn button {margin-left:1px;}
.Expandgrid-tblview-wrap td .pub-area > div:first-child {margin-left:0px;}



.jqx-scrollbar .jqx-scrollbar-state-normal {background:#efefef !important;box-sizing:border-box;}


.Table-gapstyle-wrap .jqx-grid-cell {margin-left:1px;padding:5px 20px !important;box-sizing:border-box !important;}
.Table-gapstyle-wrap .jqx-grid-cell input[type="text"] {width:100% !important; height:26px !important;padding:0 10px !important;box-sizing:border-box !important; }
.Table-gapstyle-wrap .jqx-grid-cell input[type="textbox"] {width:100% !important; height:26px !important;padding:0 10px !important;box-sizing:border-box !important; }
.Table-gapstyle-wrap .jqx-grid-cell input[type="textbox"]:focus {border-color:#3250d2}
.Table-gapstyle-wrap .jqx-grid-cell input.Error-input {border-color:#ec4839;}
.Table-gapstyle-wrap .jqx-dropdownlist-state-normal {margin-top:5px;left: 518px !important;}
.Table-gapstyle-wrap .jqx-grid-content .jqx-dropdownlist-state-normal .jqx-icon-arrow-down {background: url(img/ico-down.png) center center no-repeat;}
.Table-gapstyle-wrap .jqx-icon-calendar {background: url("../img/common/ico-calendar.png")  no-repeat !important; top: 12px; left: -1px;}
.Table-gapstyle-wrap .jqx-datetimeinput {left:844px !important;height:24px !important;margin-top:5px;}
.Table-gapstyle-wrap .jqx-datetimeinput input {margin-top:5px !important;padding:0 10px !important;box-sizing:border-box !important;}
.Table-gapstyle-wrap .jqx-grid-cell-middle-align {margin-top:6px !important;}
.Table-gapstyle-wrap .jqx-grid-cell-left-align {margin:6px 0 0 !important;}
.Table-gapstyle-wrap .jqx-grid-cell-right-align {margin:6px 0 0 !important;}
.Table-gapstyle-wrap .jqx-widget-header > div > div:last-child {border-right:none;}
.Table-gapstyle-wrap .jqx-grid-content > div > div > div:last-child {border-right:none;}
.Table-first-scroll .jqx-widget-header > div > div:first-child {padding:0 !important;border-right:none;}
.Table-first-scroll .jqx-grid-content > div > div > div:first-child {padding:0 !important;border-right:none;}
.Table-first-scroll .jqx-grid-content > div > div > div:nth-of-type(2) {padding-left:2px !important;}
.Table-first-scroll .jqx-grid-content .jqx-icon-arrow-right {background-position:50% 50%;}
.Aggregatesgrid-wrap {border-color:#cbcbcb !important;}
.Aggregatesgrid-wrap input {box-sizing: border-box;padding:0 20px;}
.Aggregatesgrid-wrap .jqx-grid-statusbar {padding:0 !important;border-color:#cbcbcb !important;box-sizing:border-box;}
.Aggregatesgrid-wrap .jqx-grid-statusbar > div > div {margin-left:0;padding:0 !important;}
.Aggregatesgrid-wrap .jqx-grid-statusbar > div > div:last-child {border-color:#f6f6f6;}
.Aggregatesgrid-wrap .jqx-grid-statusbar > div > div > div {color:#2c49bf;font-weight:bold;text-align:right !important;padding-right:30px;font-family:Arial, Dotum, "돋움", Helvetica, sans-serif;}
.Aggregatesgrid-wrap .jqx-grid-statusbar > div > div > div.Min-max:last-child {margin: 4px;}
.Aggregatesgrid-wrap .jqx-grid-statusbar > div > div:last-child > div {padding-right:0px;}
.Aggregatesgrid-wrap .jqx-grid-statusbar > div > div > div:first-child {margin:25px 4px 5px !important;}
.Aggregatesgrid-wrap .Aggregatesgrid-footer-tit {margin:10px 0 0 17px;text-align:left !important;}
.Cellmerging-wrap .jqx-grid-cell {margin-left:0 !important;}
.Cellmerging-wrap .jqx-widget-header > div > div:last-child {margin-left:1px;border-right:1px solid #e6e6e6;}

.Leftrightmove-btn {float:left;width:30px;margin:297px 21px 0;}
.Leftrightmove-btn input {width:30px;height:30px;border:1px solid #cbcbcb;background: url(img/ico-right.png) no-repeat 50% 50%;}
.Leftrightmove-btn input:first-child {margin-bottom:10px;background: url(img/ico-left.png) no-repeat 50% 50%;}
.Leftrightmove-btn input:hover {border-color: #999;background-color: #e5e5e5;}

.jqx-notification-container {top:95% !important;left:50% !important;margin:-27px 0 0 -240px;}
.jqx-notification-info {padding:19px 50px 0 30px;border-color:#bcb5b9;background:#0c0c0c url("../img/common/ico-close_2.png") no-repeat 434px 18px !important;color:#fff !important;}

/* [단일]메인 */
.Homeview-wrap {overflow:hidden;width:1260px;height:806px;margin:10px auto;padding:0 78px 0 83px;box-sizing:border-box;background:#fff;}
.Homeview-wrap .Homeview-tit {margin-top:143px;color:#5c5c5c;font-size:60px;font-weight:normal;}
.Homeview-wrap .Homeview-txt {margin-top:21px;color:#777;font-size:20px;line-height:24px;font-weight:normal;}
.Homeview-wrap .Homeview-line {margin-top:39px;border:none;border-top:1px solid #979797;font-size:0;line-height:0;}
.Homeview-wrap .Homeview-stit {margin-top:39px;color:#5c5c5c;font-size:18px;font-weight:normal;}
.Homeview-wrap .Homeview-stxt {margin-top:9px;color:#777;font-size:14px;line-height:18px;}


/* [단일] 다이나믹탭 */
.Dynamic-tab-move-wrap {position:relative;z-index:999;}
.Dynamic-tab-move {position: absolute; top:8px; right: 0;}
.Dynamic-tab-move .move-left,
.Dynamic-tab-move .move-right,
.Dynamic-tab-move .add-tab {width: 20px; height: 20px;padding: 0;background-color: #ffffff;border: none;}
.Dynamic-tab-move .move-left {background: url(img/btn-left.png) 50% 50%;display: none;}
.Dynamic-tab-move .move-right {background: url(img/btn-right.png) 50% 50%;margin-left: -4px;display: none;}
.Dynamic-tab-move .add-tab {background: url(img/btn-pretab.png) 50% 50%;margin-left: 7px;}
.Dynamic-tab-move .add-tab:hover {border-color: #999;background-color: #e5e5e5;}


.jqx-tabs-arrow-background.jqx-tabs-arrow-background-template {padding: 0;background-color: #ffffff;border: none;}
.jqx-tabs-arrow-background.jqx-tabs-arrow-background-template .jqx-tabs-arrow-left {width: 20px !important; height: 20px !important;background: url(img/btn-left.png) 50% 50% #ffffff;margin-top: 8px !important; margin-left: -39px;}
.jqx-tabs-arrow-background.jqx-tabs-arrow-background-template .jqx-tabs-arrow-left:hover {border-color: #999;background-color: #e5e5e5;}
.jqx-tabs-arrow-background.jqx-tabs-arrow-background-template .jqx-tabs-arrow-right {width: 20px !important; height: 20px !important;background: url(img/btn-right.png) 50% 50% #ffffff;margin-top: 8px !important; margin-left: -36px;}
.jqx-tabs-arrow-background.jqx-tabs-arrow-background-template .jqx-tabs-arrow-right:hover {border-color: #999;background-color: #e5e5e5;}

    /* [단일] 인풋폼 - 인풋 타임 스타일 */
.increment-hour-column {position:relative;left:6px;top:0px;width:12px !important;height:6px;background: url("../img/common/ico-time-top.png") no-repeat 0 0;}
.increment-minute-column {position:relative;left:6px;top:0px;width:12px !important;height:6px;background: url("../img/common/ico-time-top.png") no-repeat 0 0;}
.decrement-hour-column {position:relative;left:6px;top:0px;width:12px !important;height:6px;background: url("../img/common/ico-time-down.png") no-repeat 0 0;}
.decrement-minute-column {position:relative;left:6px;top:0px;width:12px !important;height:6px;background: url("../img/common/ico-time-down.png") no-repeat 0 0;}

.increment-hour-column .jqx-icon-arrow-up,
.increment-hour-column .jqx-icon-arrow-up-hover,
.increment-hour-column .jqx-icon-arrow-up-selected {background-image: none;}

.increment-minute-column .jqx-icon-arrow-up,
.increment-minute-column .jqx-icon-arrow-up-hover,
.increment-minute-column .jqx-icon-arrow-up-selected {background-image: none;}

.decrement-hour-column .jqx-icon-arrow-down,
.decrement-hour-column .jqx-icon-arrow-down-hover,
.decrement-hour-column .jqx-icon-arrow-down-selected {background-image: none;}

.decrement-minute-column .jqx-icon-arrow-down,
.decrement-minute-column .jqx-icon-arrow-down-hover,
.decrement-minute-column .jqx-icon-arrow-down-selected {background-image: none;}


.rowdetalview-wrap .jqx-grid-cell {border-bottom:1px solid #f0f0f0;}

.jqx-widget .jqx-grid-cell {font-size:13px !important;}

.HolyGrail-content .jqx-scrollbar > div > div {width:17px !important;border-top:1px solid #cbcbcb;}
.HolyGrail-content .jqx-scrollbar > div > div:before {display:block;content:"";position:absolute;top:-1px;left:-1px;width:1px;height:1px;background:#cbcbcb;}


/*차트 내 text 폰트 조절*/
.jqx-chart-title-text,
.jqx-chart-title-description,
.jqx-chart-axis-text,
.jqx-chart-label-text,
.jqx-chart-tooltip-text,
.jqx-chart-legend-text,
.jqx-chart-axis-description {font-family:Arial, Dotum, "돋움", Helvetica, sans-serif;}


.Inline-editingview .jqx-icon-arrow-down-template {background: url('lib/images/opus15/icon_down.png') no-repeat 0 -1px !important;}
.Inline-editingview .jqx-icon-arrow-down-selected {background: url('lib/images/opus15/icon_up.png') no-repeat 0 -1px !important;}


.Searchandgridview-wrap {margin-top:20px;text-align:center;}
#recordRelationGrid tr td:first-child span.jqx-tree-grid-expand-button.jqx-grid-group-expand.jqx-icon-arrow-down,
#recordRelationGrid tr td:first-child span.jqx-tree-grid-indent, 
#recordRelationGrid tr td:first-child span[class=""] {display:none;}
#recordRelationGrid td span.jqx-tree-grid-indent.last {width: 16px; height: 16px; background:url(../images/belong.png) center center no-repeat; display: inline-block; }
#recordRelationGrid table tr td {font-size:14px; color: #404b5e; box-sizing: border-box; border:1px solid rgba(0, 0, 0, 0.08); padding: 10px 20px; font-size: 13px;}
#recordRelationGrid tr td:nth-child(3) {text-align: left;}
#recordRelationGrid tr td:nth-child(1) {padding: 0px 10px; }
#recordRelationGrid .jqx-fill-state-pressed.jqx-radiobutton-check-checked {width: 7px !important; height: 7px !important;}

#recordAddGrid .jqx-grid-cell-left-align,
#recordRelationGrid .jqx-grid-cell-left-align,
#recordHistoryGrid .jqx-grid-cell-left-align,
#similarRecordGrid .jqx-grid-cell-left-align {padding-left: 20px;}
#recordHistoryGrid .jqx-widget-header.jqx-grid-header {height: 50px !important;}
.jqx-cell {white-space: nowrap;}
.jqx-grid-cell.hiddenChild > div {display: none;}
.disable .jqx-grid-cell {color: #999;}
.disable .jqx-checkbox-hover {background: none; border: 1px solid #d9d9d9;}
.disable .jqx-fill-state-hover {cursor: default;}
#similarRecordGrid .jqx-grid-column-header .jqx-checkbox {margin-left: 10px !important;}

.box_34 .table_nomal tr td.text_box input[type="text"]{width:calc(50% - 65px)}
.box_34 .table_nomal tr td {padding: 7px 20px;}
.box_34 .table_nomal .date_gaoji {display:inline-block; width:15% !important; margin: 2px 0 0 0; float: left;}
.box_34 .btn_mid_34 input[type="button"]{width: 100px !important; height: 30px;}

.box_115 .ul_39_1 {margin: 15px 0;}

.approval_request { overflow-x: hidden; overflow-y: auto; height: 717px; border-top: solid 1px #000; }
.approval_path_management { overflow-x: hidden; overflow-y: auto; height: 397px; border-top: solid 1px #000; }
.approval_path_management .alert_box,
.approval_request .alert_box { padding-right: 20px; }
.approval_request .alert_box > input[type="text"]:first-child { border: none; }
.approval_path { margin: 10px 0 15px 0; background: #ffffff;  border: solid 1px rgba(0, 0, 0, 0.1); overflow: hidden;}
.approval_message { height: 130px;  border: solid 1px rgba(0, 0, 0, 0.1); margin: 20px 0 0 0;}
.approval_message h4 {  color: #000000; font-size: 14px; height:24px; line-height: 24px; margin: 10px 10px 5px 10px; }
.approval_message textarea { width:calc(100% - 40px); height: 60px;  border: solid 1px rgba(0, 0, 0, 0.4); padding:5px 10px; margin: 0 10px; overflow: auto; color: #404b5e; font-size: 13px;}
.approval_content { height: 200px;  border: solid 1px rgba(64, 75, 94, 0.4); overflow: auto; margin-top: 20px; padding: 10px 15px; box-sizing: border-box;}

.up_down_12 .up_2-1_tt2 strong { color: #000000; }

.approval_path .jqx-grid,
.approval_path .jqx-grid-column-header.jqx-widget-header { border: none; font-weight: normal; }
.approval_path .jqx-widget-header.jqx-grid-header,
.approval_path .jqx-grid-cell { border: none; }
.approval_path .jqx-grid-column-header.jqx-widget-header .approver,
.approval_path .jqx-grid-cell .approver { padding: 4px 0 0 15px; }
.approval_path .jqx-grid-cell .approver input[type="button"]{ height: 18px; width:36px; display: inline-block; float: right; border: none; background: url(../images/close.png) center center no-repeat; margin: 5px 0 0 0;}
.approval_path .jqx-grid-column-header.jqx-widget-header a,
.approval_path .jqx-grid-cell a { display: table-cell; height: 26px;box-sizing: border-box;  background-color: #ffffff; border: solid 1px rgba(64, 75, 94, 0.4); padding: 0 15px; line-height: 26px; font-size: 13px; color: #404b5e; border-right: none !important;}
.approval_path .jqx-grid-column-header.jqx-widget-header a:first-child,
.approval_path .jqx-grid-cell a:first-child { border-right: none !important;}
.approval_path .jqx-grid-column-header.jqx-widget-header a:last-of-type,
.approval_path .jqx-grid-cell a:last-of-type { border: solid 1px rgba(64, 75, 94, 0.4) !important; }
.approval_path .jqx-grid-column-header.jqx-widget-header a.default,
.approval_path .jqx-grid-cell a.default { width: 229px; text-align: center; background-color: #f4f4f6; }
.approval_path .jqx-grid-cell .hover{background-color: #255ad4 !important; color: #ffffff !important; }
.approval_path .jqx-grid-cell a.parallelApp.hover { width: 229px; text-align: center; background-color: #255ad4; }
.approval_path .jqx-grid-cell a.appr.hover{background-color: #255ad4 !important;}
.approval_path .jqx-grid-cell a.agree.hover{background-color: #40b9db !important;}
.approval_path .jqx-grid-cell a.pappr.hover{background-color: #255ad4 !important;}
.approval_path .jqx-grid-cell a.noti.hover{background-color: #6b7b83 !important;}
.approval_path .jqx-grid-column-header.jqx-widget-header span,
.approval_path .jqx-grid-cell span{ padding: 0 0 0 10px; color: #404b5e; font-size: 13px;}
.approval_path .navBar { display: inline; }
.approval_path .jqx-grid .jqx-grid-cell-selected { background-color: #bad7fc; }
.approval_path a.folded {-webkit-transform: rotate(180deg); transform: rotate(0deg);}

#approval_content iframe { width: calc(100% - 3px); border:solid 1px rgba(64, 75, 94, 0.4); }

.approval_path_management .table_nomal tr:first-child td { border-top: none; }

#grid.main_manager .jqx-grid-cell-hover { cursor: pointer; }

.hidden { display: none !important; }

.autofull{overflow-y:auto;overflow-x:hidden; height:655px;}

@media screen and (min-width:1450px){

.right_are{ position: absolute;left: 310px; top:130px; right: 0; bottom: 30px; background:#ffffff; overflow-x:hidden; overflow-y: auto; padding-right: 60px;}

.right_are2{ position: absolute;left: 250px; top:100px; right: 0; bottom: 30px; background:#ffffff; overflow:hidden;}
   
}

@media only screen and (max-width:1449px) {

.right_are{ position: absolute;left: 310px; top:130px; right: 0; bottom: 30px; background:#ffffff; overflow-x:hidden; overflow-y: auto; padding-right:60px;}

.right_are2{ position: absolute;left: 250px; top:100px; right: 0; bottom: 30px; background:#ffffff; overflow:hidden;}

}
.bg_white a{ margin-left:-4px !important; width:254px !important;}
.textarea_grid{height: calc(100% - 12px) !important;width: calc(100% - 12px) !important;overflow-y: auto; overflow-x:hidden;margin: 6px !important;  white-space:pre-wrap; word-break: break-all !important;word-wrap: break-word !important; padding:0 10px !important;border: 1px solid rgba(64,75,94,0.4) !important;
    box-sizing: border-box;}
.button_img{ padding:0 13px 0 26px !important; background:url(../images/excel.png) 10px center no-repeat !important; height:26px; line-height:26px;background-size:13px 13px; background-size: 13px 13px !important;box-sizing: content-box;}
.hori_line_radio > div{float:left; width:35%; }
.hori_line_radio >div:first-child{margin:0 20px 0 0 ;} 
.title_size{
	font-size:14px !important;
}
.drop_img2{height: 30px; box-sizing: border-box;  border:solid 1px rgba(64, 75, 94, 0.4);color:rgba(64, 75, 94, 0.6);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:28px; background:url(../images/surfxia.png) right center no-repeat !important;padding:0 25px 0 3px;width:calc(100% + 2px); }
.drop_img{ margin:11px 5px 0 20px; height:100%; background:url(../images/surfxia.png) right top no-repeat !important; }
.date_img{ margin:11px 5px 0 20px; height:100%; background:url(../images/rili.png) right top no-repeat !important; }
.date_in_grid{ padding:0 !important;}

/*  
.aui-popup.jqx-popup {padding: 0 30px 10px 30px !important;}
.aui-popup-title.jqx-window-header {padding: 31px 0 17px !important;}
.jqx-window .jqx-window-close-button-background {
    top: 8px;
    padding-top: 31px;
}
 User-custom 2018.03.20    border-bottom: 1px solid #e5e5e5;  */

.select_bar{height: 60px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.select_bar > span >  a{display: inline-block; width: 60px; height: 26px;border: solid 1px rgba(64, 75, 94, 0.4); line-height: 26px; text-align: center;color: #404b5e; box-sizing: border-box; background: #ffffff;  float: left; margin: 17px 0 0 0;}
.select_bar > span > a:last-child{ border-left:0;}
.select_bar .hover{ background:#255ad4; color: #ffffff;}
.select_bar > font{float:left; display: inline-block;font-size: 13px;color: #404b5e; margin: 20px 5px 0 20px;}
.select_bar > span{float:left; display: inline-block; margin-right: 70px;}
.select_bar > input[type="button"]{width: 120px; height: 36px; margin: 12px 0 0 0}
.data_div{ margin: 0; position:absolute;top:311px; left:30px; right:30px; bottom:25px; }
.c_dropList{ width: 150px !important;}
.white_bg{ background: #ffffff;}
.c_title_category{font-size: 28px; line-height: 28px; color: #000000; height:78px; padding:30px 0 0 0; box-sizing: border-box; clear: both; margin: 0;}

.c_state{ height: 90px; width: 1264px;}
 .c_state li{ margin: 0; padding: 0; width: 12.5%; float: left;box-sizing: border-box;}
 .c_state li:last-child{border-right: solid 1px rgba(64, 75, 94, 0.2);}

.c_state  a{height: 90px;display:block;width:100% !important; border-left:solid 1px rgba(64, 75, 94, 0.2);position: relative; background: #ffffff;   border-top: solid 1px rgba(64, 75, 94, 0.2); box-sizing: border-box;}
.c_state a em{ font-style: normal; position: absolute;top: 16px;left: 24px;font-weight: 500; font-size: 14px;color:rgba(0,0,0,0.8);font-weight: bold;}
.c_state a span{  position: absolute;top: 15px;left: 46px;font-weight: 500; font-size: 14px;color:rgba(0,0,0,0.8); display: block; height: 20px; line-height: 20px; font-weight: bold;}
.c_state a p{ position: absolute;top: 13px;left: 15px;width: 26px; height: 26px;}
.c_state a .pic_1{ background:url(../images/nor1.png) center no-repeat;}
.c_state a .pic_2{ background:url(../images/nor6.png) center no-repeat;}
.c_state a .pic_3{ background:url(../images/nor2.png) center no-repeat;}
.c_state a .pic_4{ background:url(../images/nor3.png) center no-repeat;}
.c_state a .pic_5{ background:url(../images/nor4.png) center no-repeat;}
.c_state a .pic_6{ background:url(../images/nor7.png) center no-repeat;}
.c_state a .pic_7{ background:url(../images/nor5.png) center no-repeat;}

.c_state a i{ font-style: normal; position: absolute; bottom:6px;right: 18px; font-size: 30px; font-family:"Roboto Regular";}

.c_state li:nth-child(1) a i{ color: #767e8f;}
.c_state li:nth-child(2) a i{ color: #ffb141;}
.c_state li:nth-child(3) a i{ color: #72b721}
.c_state li:nth-child(4) a i{ color: #03b1c5;}
.c_state li:nth-child(5) a i{ color: #5867c3;}
.c_state li:nth-child(6) a i{ color: #535966;}
.c_state li:nth-child(7) a i{ color: #1e1c1e}
.c_state li:nth-child(8) a i{ color: #acb7c7}

.c_state li:nth-child(1) .hover{ background-color: #767e8f !important;}
.c_state li:nth-child(2) .hover{ background-color: #ffb141 !important;}
.c_state li:nth-child(3) .hover{ background-color: #72b721 !important;}
.c_state li:nth-child(4) .hover{ background-color: #03b1c5 !important;}
.c_state li:nth-child(5) .hover{ background-color: #5867c3 !important;}
.c_state li:nth-child(6) .hover{ background-color: #535966 !important;}
.c_state li:nth-child(7) .hover{ background-color: #1e1c1e !important;}
.c_state li:nth-child(8) .hover{ background-color: #acb7c7 !important;}

.c_state.hover em, .c_state .hover span{ color:rgba(255,255,255,0.8) !important;}
.c_state .hover i{ color: #ffffff !important}
.c_state .hover .pic_1{ background:url(../images/sel1.png) center no-repeat;}
.c_state .hover .pic_2{ background:url(../images/sel6.png) center no-repeat;}
.c_state .hover .pic_3{ background:url(../images/sel2.png) center no-repeat;}
.c_state .hover .pic_4{ background:url(../images/sel3.png) center no-repeat;}
.c_state .hover .pic_5{ background:url(../images/sel4.png) center no-repeat;}
.c_state .hover .pic_6{ background:url(../images/sel7.png) center no-repeat;}
.c_state .hover .pic_7{ background:url(../images/sel5.png) center no-repeat;}
.delimg{display: inline-block; vertical-align: middle;width: 16px; height: 16px; position: absolute;z-index: 999; margin: 12px 12px;border: solid 1px rgba(64, 75, 94, 0.4); cursor: pointer;background: url(../img/common/ico-close.png) no-repeat left center;}



@charset "UTF-8";
/**************************c_left_area**************************/
.wrap {
	overflow-y: auto !important;
}
.c_main_wrap{
	/*position: absolute;*/
	top: 0px;left: 0;right: 0;bottom: 0;background: #ffffff;min-width: 1280px;
	overflow-y: auto !important;
}
.c_left_area{
	box-sizing: border-box;width: 300px;height: 100%;background: #f4f4f6;padding: 20px 40px 0 40px;border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.c_left_area h3{
	font-size: 22px;color: #404b5e;font-weight: bold;padding: 0 0 17px 20px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.c_left_ul_02{
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);padding-bottom: 16px;box-sizing: border-box;
}
.c_left_ul_03{
	border-top: 1px solid rgba(0, 0, 0, 0.08);box-sizing: border-box;
}
.c_left_ul_01 > dt{
	margin: 24px 0 0 0px;
}
.c_left_ul_02 > dt,.c_left_ul_03 > li{
	margin: 16px 0px 13px 0px;
}
.c_left_ul_02 > dt > a,.c_left_ul_03 > li > a{
	font-size: 14px;font-weight: bold; color: rgba(64, 75, 94, 0.6);padding: 0px 0 0px 30px;display: block;
}
.c_left_ul_03 > li > a{
	padding: 0 0 0 40px !important;
}
.c_left_ul_02 > dt > a:hover,.c_left_ul_03 > li > a:hover{
	color: #255ad4;
}
.c_left_ul_01 > dt > a{
	font-size: 16px;font-weight: bold;color: #404b5e;padding: 0px 0 0px 20px;display: block;
}
.c_left_ul_01 .hover,.c_left_ul_02 .hover,.c_left_ul_03 .hover{
	color: #255ad4;
}
.c_left_ul_02 .c_hover{
	color: #404b5e;background: url(../images/c_up-over.png) right center no-repeat;
}
/**************************c_left_list**************************/
.c_left_list{
	position: absolute;top:61px;bottom: 0; box-sizing: border-box;width: 330px;background: #f4f4f6;padding: 36px 40px 0 40px;border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.c_left_list > h3{
	font-size: 22px;color: #000;font-weight: bold;padding: 10px 0px;border-bottom: 1px solid rgba(0, 0, 0, 0.8);height: 33px;line-height: 33px;
}
.c_left_list input[type="search"]{
	width:185px !important;font-size: 20px;color: #404b5e !important;
}
.c_left_list .c_btn{
	width: 60px;height: 30px;margin-top: 10px;text-align: center;padding: 0;
}
.c_left_list > p{
	font-size: 14px;color: #404b5e;margin-top: 18px;
}
.c_left_list > b{
	font-size: 14px;color: #404b5e;font-weight: normal !important;display: block;width: 100%; padding-bottom: 9px;border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.c_left_list .c_text{
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);padding: 10px 0;
}
.c_left_list .c_text ul li b{
	font-size: 12px;color:rgba(64, 75, 94, 0.6) ;display: inline-block;width: 46px;
}
.c_left_list .c_text ul li i{
	font-size: 12px;font-style: normal;color:rgba(64, 75, 94,) ;margin-left: 10px;
}
.c_left_list .c_text ul li a>i{
	color: #255ad4;text-decoration: underline;
}
.c_left_list .c_text_title{
	border-bottom: 1px solid rgba(0, 0, 0, 0.8);padding: 28px 0 10px 0;
}
.c_left_list .c_text_title h3{
	font-size: 14px; color: #000;
}
.c_left_list .c_text_title h3 b{
	font-size: 12px; color:rgba(64, 75, 94, 0.6);display: inline-block;width: 55px;height: 13px;line-height: 13px; margin: 0 59px 0 10px;padding-left: 10px; border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.c_left_list .c_text_title h3 i{
	font-size: 12px; color:rgba(64, 75, 94, 0.6);background: url(../images/c_right-line-nor.png) 44px center no-repeat;padding-right: 16px;	
}
.c_left_list .c_text_tab{
	position: absolute; left: 40px; top: 425px; right: 40px; bottom: 40px; overflow: auto;border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.c_left_list .c_text_tab table tr td{
	text-align: left;padding:14px 0 14px 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.c_left_list .c_text_tab table tr td b{
	font-size: 13px; color: #404b5e;
}
.c_left_list .c_text_tab table tr td i{
	font-size: 12px; color: rgba(64, 75, 94, 0.6);
}

/**************************CI_common_top**************************/
.c_ctrl_bar{
	height: 60px;width: 100%;background: #f4f4f6;border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}
.c_left_icon{
	display: inline-block;width: 18px;height: 18px;margin: 18px 0 18px 30px;background: url(../images/c_line.png) center center no-repeat;cursor: pointer;
}
.c_right_btn{
	display: inline-block;float: right;
}
.c_right_btn ul li{
	float: right;margin:12px 0 0 5px;
}
.c_right_btn ul li:first-child{
	margin-right: 30px;
}
.c_right_btn ul li input{
	width: 100px;height: 36px;background-color: #ffffff;border: solid 1px rgba(64, 75, 94, 0.4);
}
/******************************2_CI조직도 간편등록_3_popup********************************/

.c_popup .c_top{
	height: 26px!important;
}
.c_popup .c_top input[type="search"]{
	width: 180px !important;
}
.c_popup .c_popup_tab table{
	width: 100%;
}
.c_popup .c_popup_tab tr td span{
	position: relative;
	border-collapse: collapse;
}
.c_popup .c_popup_tab table tr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.c_popup .c_popup_tab table tr td:first-child{
	padding: 12px 0px 12px 20px;
}
.c_popup .c_popup_tab table tr td:nth-child(2){
	padding: 12px 0;
}
.c_popup .c_popup_tab table tr td:nth-child(3){
	padding: 12px 50px 12px 10px;
}
.c_user{
	display:inline-block; width: 45px;height: 45px;border-radius: 50%;background: url(../images/c_user.png) center center no-repeat #B1D1E7;
}
.c_popup .c_popup_tab table td i{
	font-size: 14px; color: #404b5e;
}
.c_popup .c_popup_tab table td b{
	font-size: 13px; color: rgba(64, 75, 94, 0.6);
}
.c_popup .c_popup_tab input[type="checkbox"] + label{
	padding-left: 16px !important; cursor: pointer;
}
.c_popup .c_page{
	padding: 17px  0 0 0; 
}
.c_popup .c_center {
	display: inline-block;margin-left: 90px;vertical-align: middle;
}
.c_popup .c_page em{
	display: inline-block; font-size: 12px; color: rgba(0,0,0,0.6);font-style: normal;line-height: 12px;
}
.c_popup .c_page ul li{
	float: left;margin-right: 2px;
}
.c_popup .c_page ul li a{
	display: block;width: 14px;height: 14px;font-size: 13px;color: rgba(64, 75, 94, 0.6);line-height: 14px;
}
.c_popup .c_page ul li a:hover{
	font-weight: bold;color: #404b5e;
}
.c_popup .c_page ul li:nth-child(1) a{
	background: url(../images/left-line-nor_02.png) center center no-repeat;
}
.c_popup .c_page ul li:nth-child(2) a{
	background: url(../images/left-line-nor_01.png) center center no-repeat;
}
.c_popup .c_page ul li:nth-child(8) a{
	background: url(../images/rightLineNor.png) center center no-repeat;
}
.c_popup .c_page ul li:nth-child(9) a{
	background: url(../images/rightLineNor_02.png) center center no-repeat;
}
.c_btn input[type="button"]{
	width: 100px;height: 30px; margin: 0 0 0 10px;float: right;font-size: 13px;
}


/***************************************************************3_기준정보 등록_2****************************************************/


.c_gride_box table thead th{
	padding: 7px 0;color: #404b5e;border-right: 1px solid rgba(0, 0, 0, 0.08);border-bottom: 1px solid rgba(0, 0, 0, 0.08);font-weight: bold;font-size: 14px;
}
.c_gride_box table tr td:last-child{
	border-right: none!important;
}
.c_gride_box table tr td:first-child,.c_gride_box table tr td:nth-child(3),.c_gride_box table tr td:nth-child(5){
	padding: 9px 30px;
}
.c_gride_box table tr td:nth-child(2),.c_gride_box table tr td:nth-child(4),.c_gride_box table tr td:nth-child(6),.c_gride_box table tr td:nth-child(7){
	padding: 6px 20px;
}
.c_gride_box table tr td i{
	color: #eb3338;
}

.c_tab_text b{
	display: inline-block;
}


/***************************************************************11_서비스관리_2****************************************************/

.tab_nav_list{height: 36px !important;box-sizing: border-box;margin:20px 0 0 0; border-bottom: 1px solid rgba(0,0,0,0.8);}
.tab_nav_list ul li { padding: 0 34px; float:left; height: 36px; background: #ffffff; line-height: 36px; cursor: pointer;font-size: 13px;font-weight: bold;color: rgba(0, 0, 0, 0.6);box-sizing: border-box;border-bottom: 1px solid rgba(0,0,0,0.8);}
.tab_nav_list ul li:hover{
	color: #255ad4;
}
.tab_nav_list .c_hover{
	border-bottom:none !important;border-right: 1px solid rgba(0,0,0,0.8);border-left: 1px solid rgba(0,0,0,0.8);border-top: 1px solid rgba(0,0,0,0.8);
}

.tab_nav_list ul{ margin: 0; padding: 0; height: 40px; width: 100%;}
.c_gride_box{border-bottom: 1px solid rgba(0,0,0,0.3);margin-top: 30px;}
.c_gride_box table tr td i{
	color: #eb3338;
}
.c_gride_box input[type="text"]{
	width: 100%;text-indent: 0.4em;height: 26px;padding: 0;box-sizing: border-box;border: 1px solid rgba(64, 75, 94, 0.4);background: #fff;
}
.c_gride_box select,.c_top_15_4 select{
	width: 100%; height: 26px; text-indent: 0.2em; color: rgba(64, 75, 94, 0.6);border: solid 1px rgba(64, 75, 94, 0.4);padding: 0;box-sizing: border-box;
}
.c_gride_box tr td textarea{
	width: 100%;height: 221px;border: 1px solid rgba(64, 75, 94, 0.4);text-indent: 0.2em;margin-bottom: 10px;padding: 0;box-sizing: border-box;
}
.c_gride_box tr td b{
	color:rgba(64, 75, 94, 0.6);margin-right: 10px;line-height: 13px;vertical-align: middle;
}
.c_gride_box .c_select_01{
	width: 150px;
}
/*******************************************15_Ci서브시스템상세정보_1************************************/
.c_popup_15 .tab_nav_list ul li:last-child,.c_popup_15 .tab_nav_list ul li:nth-last-child(2),.c_popup_15 .tab_nav_list ul li:nth-last-child(3){
	float: right;padding: 0 5px;
}
.c_popup_15 .tab_nav_list ul li input[type="button"]{
	height: 26px;width: 120px;
}
.c_popup_15 .tab_nav_list ul li span{
	display: inline-block;height: 24px;width: 24px;background: url(../images/dian.png) center center no-repeat;vertical-align: middle;
}
.alert_box{ margin: 0; position: relative;}

/***********************************************commo_css*******************************************/
.c_box_radio{box-sizing: border-box;position: relative; width: 100%; }
.c_box_radio li{ float:left; width: 30%;font-size: 13px; color: #404b5e; }
.no_bot{
	border-bottom: none;
}
.no_pad{
	border-left:none!important;padding:0!important;
}
.c_btn {
	margin-top: 32px;
}
.c_tab_text{
	width: calc(25% - 25px);display: inline-block;padding-right: 10px;
}
.c_tab_btn{
	width: 80px!important;height: 26px;box-sizing: border-box;
}
.c_tab_btn_01{
	width: 120px;height: 26px;box-sizing: border-box;
}
.c_tab_search,.c_tab_search_02{
	height: 26px !important;width: calc(100% - 85px)!important;
}
.c_tab_search_15{
	height: 26px !important;width: 100%;
}
.no_bor{
	border-right: none!important;
}
.no_topbor{
	border-top:none!important;
}
.no_margin{
	margin-right: 0!important;
}
.c_tab_left{
	padding: 29px 20px!important;
}
.c_top_title ul li{
	float: right;margin-right: 3px;
}
.c_top_title ul li b{
	display: block;width: 14px;height: 14px;background: url(../images/c_right-line-nor.png) center center no-repeat;padding-top: 5px;
}
.c_top_title ul li a{
	color: #404b5e;
}
.c_top_title ul li a:hover{
	color: #255ad4;
}
.c_tab_normal td{
	padding: 6px 0!important;
}
.c_text_dec{
	text-decoration: underline;
}
.c_tab_pad{
	padding-top: 40px!important;
}
/***************************************************15_Ci서브시스템상세정보*********************************************/
.c_top_15,.c_top_15_4,.c_top_15_5{
	width: 100%;height: 64px;padding-top: 27px;box-sizing: border-box;
}
.c_top_15 ul li,.c_top_15_5 ul li{
	float: left;margin:0 5px;
}
.c_top_15_5 ul li:nth-child(5),.c_top_15_5 ul li:nth-child(6){
	float: right;margin-right: 0;
}
.c_top_15_5 ul li em{
	font-style: normal;font-weight: bold;font-size: 14px;color: #000;line-height: 14px;vertical-align: middle;
}
.c_top_15_4 ul li{
	float: right;margin-left: 5px;
}
.c_top_15 ul li:nth-child(3){
	margin-left: 0;
}
.c_top_15 ul li:last-child{
	float: right;margin: 0;
}
.c_top_15 ul li b,.c_top_15_4 ul li b,.c_top_15_5 ul li b{
	color:rgba(64, 75, 94, 0.6);line-height: 12px;vertical-align: middle;font-size: 12px;display: inline-block; width: 55px;height: 13px;padding-left: 10px;border-left: 1px solid rgba(0, 0, 0, 0.3);
}
.c_top_15 input:disabled,.c_top_15_5 input:disabled{
	color: rgba(64, 75, 94, 0.3)!important;
}
.c_gride_box th{
	padding: 15px 0!important; text-align: center;color: #000000!important;font-weight: bold;
}
.c_gride_box tr td{
	text-align: center;padding: 9px 0;color: #404b5e;font-weight: normal!important;color: #404b5e; border-right: 1px solid rgba(0, 0, 0, 0.08);border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.c_gride_box tr input{
	width: 60px;height: 26px!important;box-sizing: border-box;
}
.c_gride_box span{
	position: relative;
	border-collapse: collapse;
}
.c_top_15_4 select{
	width: 220px;
}
.c_tab_w{
	width: 100%; overflow-x: auto;
}
.c_tab_h{
	height: 319px; overflow-y: auto;
}
/**************************1_CI검색******************************************/
.c_right_area{
	position: absolute;left: 360px;top: 22px;bottom: 20px;right: 60px;
}
.c_mid_tab i{
	display: inline-block;width: 16px;height: 16px;background: url(../images/c_down.png) center center no-repeat;border: 1px solid rgba(64, 75, 94, 0.6);vertical-align: middle;margin-right: 7px;
}
.c_mid_tab em{
	font-size: 14px;color: #404b5e;font-weight: bold;font-style: normal;line-height: 16px;
}
.c_mid_title{
	float: left!important;
}
.c_tab_mid ul li,.c_tab_mid ul li:nth-child(4),.c_tab_mid ul li:nth-child(5),.c_tab_mid ul li:nth-child(6){
	float: left;
}
.c_tab_mid ul li:last-child{
	float: right;
}

.c_right_list{	position: absolute;left: 360px;top: 60px;bottom: 20px;right: 30px; overflow-y: auto;}
.c_centent_left{ float:left; width: 46%; height: 100%; padding: 36px 20px 0 0; box-sizing: border-box; position: relative;}
.c_centent_right{ float:left; width: 54%; height: 100%; border-left:1px solid rgba(0, 0, 0, 0.08); box-sizing: border-box; padding-left: 20px; position: relative;}
.c_title_box{font-size: 22px;color: #000;font-weight: bold;padding:10px 0px;border-bottom: 1px solid rgba(0, 0, 0, 0.8); height: 33px; line-height: 33px;}
.c_title_box h4{ float: left;}
.c_title_box span{background: url(../images/text1.png) right center no-repeat; width:20px; height: 20px; display: inline-block; margin: 7px 0 0 20px; padding-left: 18px; border-left:1px solid rgba(0,0,0,0.3);}
.c_title_box font{ background: url(../images/tel1.png) center center no-repeat; width:20px; height: 20px; display: inline-block; margin: 7px 0 0 18px;}
.c_title_box em{ background: url(../images/phone1.png) center center no-repeat; width:20px; height: 20px; display: inline-block; margin: 7px 0 0 18px;}
.c_title_box i{ background: url(../images/email1.png) center center no-repeat; width:20px; height: 20px; display: inline-block;margin: 7px 0 0 18px; }
.c_title_box a{ background: url(../images/rightLineNor.png) right center no-repeat; padding: 0 20px 0 0; font-size: 12px; color: rgba(0,0,0,0.6);margin: 3px 0 0 0;}
.c_title_box2{font-size: 22px;color: #000;font-weight: bold;padding:10px 0px;height: 33px; line-height: 33px;}
.c_title_box2 h4{ float: left;}
.c_title_box2 a{ background: #ffffff; width: 120px; display: block; float: left; height: 26px;border: solid 1px rgba(64, 75, 94, 0.4); text-align: center;line-height: 25px;font-size:13px;color: #404b5e; box-sizing: border-box; margin: 5px 0 0 0;}
.c_title_box2 .hover{ background:#255ad4; color: #ffffff; }
.c_title_box .panelBtn{ background: url(../images/up_jt.png) center center no-repeat;float: right;width: 16px;height: 16px; display: block; margin: 8px 0 0 0;}

.table_style{ width: 100%; }
.table_style tr th{ font-size:14px; color: #000000; height: 40px; box-sizing: border-box; text-align: center !important; border:1px solid rgba(0, 0, 0, 0.08);}
.table_style tr strong{ color: #000000; font-weight: bold;}
.table_style tr td{color: #404b5e;  box-sizing: border-box;  border:1px solid rgba(0, 0, 0, 0.08);font-size: 13px;text-align: center;}
.table_style tr:last-child td,.table_style tr:last-child th{ border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.table_style tr:first-child td,.table_style tr:first-child th{  border-top: 1px solid rgba(0,0,0,0.8);}
.table_style tr th:first-child,.table_style tr td:first-child{ border-left:none !important;}
.table_style tr th:last-child,.table_style tr td:last-child{border-right:none !important;}
.table_style tr td > font{ font-size: 13px; float: left; text-align: left !important;}
.textarea{display: block;width: 100%;background-color: #ffffff;border: solid 1px rgba(64, 75, 94, 0.4); overflow: auto;color:rgba(64, 75, 94, 0.6);  box-sizing: border-box; padding: 5px 10px; font-size: 13px; }
.table_left td{ text-align: left !important;}
.table_td_padding10 tr td,.table_td_padding tr th{ padding:0 10px !important; }
.c_radio_style{height: 40px; clear: both; text-align: right; line-height: 40px;}
.c_radio_style > span{ display: inline-block; position: relative; margin:0 0 0 15px; }
.c_radio_style > span font{ color:rgba(64, 75, 94, 0.6); }
.c_radio_style > span font i{ margin: 0; font-style: normal;}

.c_upload{ padding: 0 15px;   border: solid 1px rgba(0, 0, 0, 0.08); margin: 10px 0 0 0;}
.c_upload_tit{ height: 30px; line-height: 30px;  font-size: 13px;}
.c_upload_tit > span{ font-weight: normal; color:rgba(64, 75, 94, 0.6);  margin-left: 10px; float: right; font-size: 13px;}
.c_upload_tit font{ font-weight: normal; color:rgba(64, 75, 94, 1.0);  margin-left: 10px; float: right; font-size: 13px;}
.c_upload_tit font i{ margin-left:3px;}
.c_upload_tit strong{ color: #000000; float:left; font-size: 14px;}
.c_upload_tit input[type="button"]{ height: 26px;padding: 0 20px; font-size:13px;}

.c_upload_btn{background-color: rgba(0, 0, 0, 0.04); margin: 0 0 10px 0; text-align: center; height:60px; clear: both; position:relative }
.c_upload_btn .box{position: absolute; top:0; left:0;  width:100%; height:70px;z-index:100; cursor:pointer; display:block;} 
.c_upload_btn p{ font-weight: normal; font-size: 12px; color: rgba(64, 75, 94, 0.4);  padding:0 !important;margin: 0;height: 12px; line-height: 12px; }
.c_upload_btn h4{padding:10px 0 8px 0; line-height:18px;font-size:18px; color: rgba(64, 75, 94, 0.6);}

.input_text20{ height: 18px;  padding: 0 10px;}
.h20{ height: 20px !important; line-height: 18px;}

.c_step{ height:89px; position: relative; border-bottom: 1px solid #000000;}

.c_step a{ position: absolute; top: 20px; width: 38px; height: 38px; padding: 0 10px;}
.c_one{left:26px; }
.c_two{ background:#ffffff  url(../images/h2.png) center center no-repeat; left: 50%; margin: 0 0 0 -29px;}
.c_three{ background:#ffffff url(../images/h3.png) center center no-repeat; right: 26px;}
.c_line{ position: absolute; top: 38px; left: 40px; right: 40px;opacity: 0.4; padding: 0;margin: 0;}
.c_complete{ background:#ffffff url(../images/check.png) center center no-repeat !important;}
.c_edit { background:#ffffff url(../images/bianji.png) center center no-repeat !important;}

.c_text_tep1{ position: absolute;left:0; width: 111px;bottom: 8px; text-align: center;font-size: 16px;color: #404b5e;}
.c_text_tep2{ position: absolute;left:50%; width: 111px;bottom: 8px; margin-left: -55px; text-align: center;font-size: 16px;color: #404b5e;}
.c_text_tep3{ position: absolute;right:0; width: 111px;bottom: 8px; text-align: center;font-size: 16px;color: #404b5e;}
.c_checkbox{ position: relative;}

.c_bottom_btn{ height: 40px; clear: both; padding:20px 0; }
.c_bottom_btn input[type="button"]{ width:120px; height: 40px; }
.c_text_bg{background: url(../images/text1.png) center center no-repeat; width:20px; height: 20px; display: inline-block; float: left;}
.c_tel_bg{background: url(../images/tel1.png) center center no-repeat; width:20px; height: 20px; display: inline-block; float: left;}

.search_h20{display:inline-block;position: relative; height:20px; box-sizing: border-box; vertical-align: middle;}
.search_h20 input[type="search"]{width: 100%; height: 100%; box-sizing: border-box; border:solid 1px rgba(64, 75, 94, 0.4); vertical-align: top; padding: 0 24px 0 10px;color:rgba(64, 75, 94, 0.6);}
.search_h20 input[type="button"]{ width:24px; height: 20px; cursor: pointer; position: absolute; right: 6px; top: 0;box-sizing: border-box; background: url(../images/search.png) 5px center no-repeat; border: none;}

.sewv2{position: relative;display: inline-block;vertical-align: middle;}
.sewv2 .sewvtop{width:100%;height:20px;border: solid 1px rgba(64, 75, 94, 0.4);cursor:pointer;overflow: hidden; box-sizing: border-box;}
.sewv2 .sewvtop:hover{border:1px #5181db solid;}
.sewv2 .sewvtop>span{float:left;width:70%;height:20px;white-space:pre;text-overflow:ellipsis;overflow: hidden;font-size: 13px;line-height:19px;color:rgba(64, 75, 94, 0.6);padding:0 5px;vertical-align: middle;box-sizing: border-box;}
.sewv2 .sewvtop>em{float:right;width: 28px;height:18px; vertical-align: middle}
.sewv2 .sewvtop>em{ background: url(../images/surfxia.png) center center no-repeat;}
.sewv2 .sewvbm{width: 100%;position: absolute;left: 0; margin: 0;  top:19px;display: none;border: solid 1px rgba(64, 75, 94, 0.4); background: #ffffff; padding: 3px 0; z-index: 999; overflow: hidden;}
.sewv2 .sewvbm>li{cursor:pointer;height:26px;line-height:26px;font-size: 12px;color: #666;padding-left:5px;}
.sewv2 .sewvbm>li span{ position: relative;}
.sewv2 .sewvbm>li:hover{background: #e9eefa;color: #404b5e;}

.c_ctrl_20{ height:20px; line-height: 20px; padding: 0 0 10px 0;}
.c_ctrl_20 > span{margin:5px 0 0 0; float: left}
.c_ctrl_20 > font { float: right; margin:1px 5px 0 0;}
.c_h5_20{ float:left; margin: 7px 10px 0 0;font-size: 14px; color: #000000; padding-right: 10px; height: 14px; line-height: 14px; border-right: 1px solid rgba(0,0,0,0.3);}

.close_nav{ width: 30px; height: 30px; border: none; background: url(../images/btn_close.png) center no-repeat; overflow: hidden; position: absolute;right: 10px; top: 12px;}
.close_nav:hover{ width: 30px; height: 30px; border: none; background: url(../images/btn_close_hover.png) center  no-repeat; }
.show_nav{width: 30px; height: 30px; border: none; background: url(../images/btn_open.png) center  no-repeat;overflow: hidden; display: none; position: absolute; left: 0; top: 12px;}
.show_nav:hover{width: 30px; height: 30px; border: none; background: url(../images/btn_open_hover.png) center  no-repeat;}
.padding_top20{ padding-top:20px !important;}
.auto_y{ width: 100%; overflow-x: auto;}

.borDer{border-bottom: 1px solid rgba(0, 0, 0, 0.3);border-top: 1px solid rgba(0, 0, 0, 0.8);}
.c_title_text{float: left;font-size: 12px;color: rgba(0,0,0,0.6);width: 60px!important;height: 13px!important;display:block!important;margin: 10px 0 0 18px!important;box-sizing: border-box;line-height: 13px!important;}
.c_title_h4{font-size: 14px;}
.c_center{text-align: center!important;}
.c_text_b{color: #000!important;font-weight: bold!important;}
.c_textarea{width: 100%;margin-top: 15px;}
.c_textarea textarea{width: 100%;height: 280px;text-indent: 0.4em;}

.c_21_tit{ font-size:16px; color:rgba(64, 75, 94, 0.6); height: 40px; line-height: 40px; margin: 0; padding: 0; width: 100%; box-sizing: border-box; border-width:0 0 1px 0 !important ; border: solid #b3b7bf;}
.text_hide{	display: inline-block;width: calc(100% - 280px);float: left;margin: 3px 0 0 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.c_file_list_ul{ padding: 10px 0;   max-height:280px; overflow: auto; display: block;}
.c_file_list_ul li{ height: 38px; padding:6px 15px; box-sizing: border-box;}
.c_file_list_ul li a{ display: inline-block; height: 26px;box-sizing: border-box;  background-color: #ffffff; border: solid  rgba(64, 75, 94, 0.4); padding: 0 15px; line-height: 26px; font-size: 13px; color: #404b5e; border-width: 1px 0 1px 1px; float: left;}
.c_file_list_ul li a:last-of-type{ border-right-width:1px;}
.c_file_list_ul li .hover{background-color: #255ad4 !important; color: #ffffff !important; }
.c_file_list_ul li span{ padding: 0 0 0 10px;color: #404b5e; font-size: 13px;}
.c_file_list_ul li input[type="button"]{ display:none; border: none; outline:medium;}
.c_file_list_ul li:hover{ background-color:rgba(52,108,234,0.05)}
.c_file_list_ul li:hover input[type="button"]{ display: block; width: 16px; height: 16px; float: right; background: url(../images/close.png) center center no-repeat; margin: 4px 0 0 0;}
.c_file_list_ul li font{ background:rgba(64,75,94,0.6); color: #ffffff;font-size: 11px; font-weight: bold; padding: 2px 10px; border-radius: 22px; -webkit-border-radius: 22px; -ms-border-radius: 22px; margin-left: 10px;}
.c_area_20{ border: solid 1px rgba(64, 75, 94, 0.4); height: 40px; box-sizing: border-box;}

.c_textarea_email{ width:100%; box-sizing: border-box; height: 220px; border: solid 1px rgba(64, 75, 94, 0.4); padding: 10px 20px;font-size: 13px; color:rgba(64, 75, 94, 0.6); }
.c_radio_20{ position: relative; margin: 0; padding: 0; }
.c_radio_20 li{ display: inline-block; margin:10px 0 0 0;font-size: 13px; color:rgba(64, 75, 94, 0.6); }
.c_select{ height: 26px; text-indent: 0.2em; color: rgba(64, 75, 94, 0.6);border: solid 1px rgba(64, 75, 94, 0.4);padding: 0;box-sizing: border-box;}
.w250{ width:250px !important;}
.w150{ width:150px !important;}
.mar_5m{ margin-top:-5px;}
.c_num_input{height:18px; border: solid 1px rgba(64, 75, 94, 0.2); width: 38px; padding: 0 5px 1px 5px; box-sizing: border-box; }
.c_fontsize13 span{color: #404b5e !important; font-size: 13px;}
.c_dl_33{margin: 0; padding: 0;}
.c_dl_33 dd, .c_dl_33 dt{ width: calc(50% - 15px); height: 430px; }

.c_pre_33{ width: 100%; margin: 5px 0 0 0;height: 320px; text-align: left; font-size: 13px; color: #404b5e; overflow-y: auto;overflow-x: hidden; line-height: 20px;}

.c_title_div{height: 26px;line-height: 26px;}
.c_title_div strong{color: #000000; font-size: 14px;height: 14px; line-height: 14px; margin-top: 5px;}
.c_title_div span{color:rgba(0,0,0,0.6); font-size: 12px;height: 13px; line-height: 12px; padding-left: 10px; border-left: 1px solid rgba(0,0,0,0.3); margin-top:6px; }
.c_title_div font{color:rgba(0,0,0,0.6); font-size: 12px;height: 13px; line-height: 12px; padding-left: 10px; margin-top:6px; }
.c_title_div i{font-style: normal; }
.c_title_div em{ color:rgba(64, 75, 94, 0.6); font-size: 12px;height: 13px; line-height: 12px; padding-left: 10px; margin-top:6px; font-style: normal; }
.tr_hover tbody tr:hover{background:rgba(52,108,234,0.05);}
.c_dpd{ background: url(../images/downLineNor.png) right center no-repeat}
.c_checkbox_13{ position: relative; width: 200px; float: left; margin: 5px 0 0 0;}

.c_radio_13{ position: relative}

.sewv_26{position: relative;display: inline-block;vertical-align: middle;}
.sewvtop_26{width:100%;height:26px;border: solid 1px rgba(64, 75, 94, 0.4);cursor:pointer;overflow: hidden; box-sizing: border-box;}
.sewvtop_26:hover{border:1px #5181db solid;}
.sewvtop_26>span{float:left;width:70%;height:26px;
	/*white-space:pre;*/
	text-overflow:ellipsis;overflow: hidden;font-size: 13px;line-height:24px;color:rgba(64, 75, 94, 0.6);padding:0 5px;vertical-align: middle;box-sizing: border-box;}
.sewvtop_26>em{float:right;width: 24px;height:24px; vertical-align: middle}
.sewvtop_26>em{ background: url(../images/surfxia.png) center center no-repeat;}
.sewvbm_26{width: 100%;position: absolute;left: 0; margin: 0;  top:25px;display: none;border: solid 1px rgba(64, 75, 94, 0.4); background: #ffffff; padding: 3px 0; z-index: 999; overflow: hidden; box-sizing: border-box;}
.sewvbm_26>li{cursor:pointer;height:26px;line-height:26px;font-size: 12px;color: #666;padding-left:5px;}
.sewvbm_26>li span{ position: relative;}
.sewvbm_26>li:hover{background: #e9eefa;color: #404b5e;}
.w200{ width:200px !important;}
.padding_no{ padding:0 !important;}
.c_text11_2{ height: 40px;}
.c_text11_2 span{font-size: 13px; color: rgba(64,75,94,0.6);  font-weight: normal; }

.c_data_div{ margin: 0; position:absolute;top:305px; left:30px; right:30px; bottom:25px; }

.c_main_wrap {
	/*position: absolute;*/
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
	width: 100%;
}

.c_1_tit{ height: 40px; line-height: 40px; padding: 10px 0 10px 0; }
.c_1_tit strong{ font-size: 28px; color: #000000;}

.c_tab_a a{ display: inline-block; text-align: center;width: 50px; height: 26px; box-sizing: border-box; border: solid 1px rgba(64, 75, 94, 0.4); background: #ffffff;font-size: 13px;font-weight: 500; color: #404b5e; line-height: 24px; float: left; margin: 2px 0 0 0;}
/*.c_tab_a a:nth-child(2){ border-right:0; border-left:0;}*/
.c_tab_a .hover{background-color:#255ad4 !important; color: #ffffff !important;}


.c_drop26{position: relative;display: inline-block;vertical-align: middle;}
.c_drop26_centent{width:100%;height:26px;border: solid 1px rgba(64, 75, 94, 0.4);cursor:pointer;overflow: hidden; box-sizing: border-box;}
.c_drop26_centent:hover{border:1px #5181db solid;}
.c_drop26_centent>span{float:left;width:70%;height:26px;
	/*white-space:pre;*/
	text-overflow:ellipsis;overflow: hidden;font-size: 13px;line-height:24px;color:rgba(64, 75, 94, 0.6);padding:0 5px;vertical-align: middle;box-sizing: border-box;}
.c_drop26_centent>em{float:right;width: 24px;height:24px; vertical-align: middle;margin-top: 2px;}
.c_drop26_centent>em{ background: url(../images/surfxia.png) center center no-repeat;}
/**
	DATE:2023.08.02
	SR_ID:SITEX-78
	AS_IS:下拉框没有滚动条
	TO_BE:下拉框增加最大高度，超出适用滚动条
**/
.c_drop26_ul{width: 100%;position: absolute;left: 0; margin: 0;  top:25px;border: solid 1px rgba(64, 75, 94, 0.4); background: #ffffff; padding: 3px 0; z-index: 9; box-sizing: border-box; min-height: 195px; max-height: 350px;overflow-y: auto;}
.c_drop26_ul>li{cursor:pointer;height:30px;line-height:30px;font-size: 13px;color: #666; display: block;}
.c_drop26_ul>li i{ color:rgba(64, 75, 94, 0.6);}
.c_drop26_ul>li:hover{background: #e9eefa;color: #404b5e;}
.c_drop26_ul>li > div{ margin: 0 10px; position: relative;}

/**resize**/

/*.aui-popup.jqx-popup {padding: 0 !important;}
.aui-popup-title.jqx-window-header {padding: 31px 31px 17px !important; border-bottom: none;}
.jqx-window .jqx-window-close-button-background {
    top: 8px !important;
    padding-top: 31px !important;
}
.aui-popup-content.jqx-window-content {padding: 0 30px 30px 30px !important;}

.jqx-window .jqx-window-header:after {
    content: "";
    displayt: block;
    background: #e5e5e5;
    position: absolute;
    bottom: 0;
    left: 5%;
    height: 1px;
    width: 90%;
} */


/**  quan.wang   ***/

/* Components */
/* .comp_box{margin: 20px; min-width: 500px; width: auto; float: left;}
.comp_box > h3{font-size: 64px; font-weight: bold; text-transform: uppercase; margin: 0 0 16px 0;}
.comp_box > .naming{font-size: 24px; font-weight: bold; margin: 15px 0;}
.comp_box > div{position: relative;}
.comp_box > div > .naming{padding: 25px 0 10px 0; font-weight: bold;}
.comp_box > div > input[type="text"]{margin: 0 0 10px 0; width: 240px;}
.comp_box .search_wrap .input_find, .comp_box .search_wrap .date_picker, .comp_box .search_wrap .select_box{margin: 0;}
.comp_box.full{width: 100%; margin: 0; padding: 20px;} */

/* Button */
 
.newPage button{text-align: center; border: none; height: 32px; width: 92px; font-size: 16px;}
button.login{
    height: 64px; 
    width: 400px; 
    border-radius: 5px; 
    background-color: #fff; 
    border: 1px solid #A5A5A5; 
    color: #333333;  
    font-size: 20px;
}
button.blue{background-color: #3D32B3; color: #fff; border: 1px solid #3D32B3;}
button.login:hover{background-color: #F7F7F7;}
button.blue:hover{background-color: #31288F;}
button:disabled, button:disabled:hover{background-color: #EAEAEA; border: 1px solid #EAEAEA; color: #959595;}
button.border{background-color: #fff; border: 1px solid #A5A5A5; color: #5A5A5A;} 
button.border:hover{background-color: #F7F7F7; color: #333;}
button.hight_24{height: 24px; font-size: 12px; width: 80px;}

.btn_close{width: 24px; height: 24px; background: url(../images/ico_close.png) no-repeat; opacity: 0.8;}
.btn_logout{width: 32px; height: 32px; background: url(../images/ico_logout.png) no-repeat; opacity: 0.8;}
.btn_close:hover, .btn_logout:hover{opacity: 1;}
button.right{position: absolute; right: 0; top: 0;} 

/* Segmented */
 .segmented button{
    width: 100px; 
    height: 30px; 
    outline: 1px solid #CCC; 
    background-color: #fff; 
    font-size: 14px;
    color: #959595;
    position: relative;
    z-index: initial;
    margin-right: -3px;
}
.segmented .selected, .segmented .selected:hover{background-color: #EBEAF7; outline-color: #3D32B3; color: #3D32B3; z-index: 2;}
.segmented button:hover{background-color: #F7F7F7; color: #5A5A5A; outline-color: #A5A5A5;} 

/* input - find */
.input_find{
    position: relative;
    display: inline-block;
    width: 240px;
    height: 32px;
}
.input_find > input{
    width: 100%;
    padding-right: 32px;
}
.input_find > a{
    position: absolute;
    right: 8px;
    top: 8px;
    width: 16px;
    height: 16px;
    background: url(../images/ic_find.png) no-repeat -6px -6px;
    text-indent: -9999px;
}

/* date picker */
.date_picker{
    position: relative;
    display: inline-block;
    width: 240px;
    height: 32px;
    color: #333;
}
.date_picker > input{
    display: inline-block;
    width: 100%;
    padding-right: 32px;
}
.date_picker.fromto{vertical-align: middle; width: 240px!important;}
.date_picker.fromto > input[type="text"]:first-of-type{
    width: 100px;
    padding-right: 8px;
    margin-right: 4px;
    margin-left: 0;
}
.date_picker.fromto > input[type="text"]:last-of-type{
    width: 122px;
    margin-left: 4px;
}
.date_picker > a{
    position: absolute;
    right: 8px;
    top: 8px;
    width: 16px;
    height: 16px;
    background: url(../images/ico_calendar.png) no-repeat left top;
    text-indent: -9999px;
}

/* input */
.newPage input[type="text"]:focus{border: 1px solid #3D32B3;}

/* table */
.newPage table, table tr th, table tr td{border-left: none; border-right: none;}
.newPage table tr th, table tr td{height: 48px;}
.newPage table{border-top: 1px solid #EAEAEA;}
.newPage table thead tr th{color: #333;}
.newPage table .title_wrap{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 90%;}
.newPage table .title_wrap + span{position: absolute;}
.newPage .table_top{height: 38px; position: relative;}
.newPage .table_top .top_count{line-height: 38px; color: #333;}
.newPage table thead th:first-of-type, 
.newPage table tbody td:first-of-type{padding-left: 34px;}
.newPage .sub_wrap > table tbody tr td{border-bottom: 1px solid #F7F7F7;}
.newPage .sub_wrap > table tbody tr:last-of-type td{border-bottom: none;}
.newPage .sub_wrap > table tbody tr:hover{background-color: #F7F7F7;}
.newPage .sub_wrap > .nodata tbody tr td{height: 204px; text-align: center; color: #959595;}
.newPage .sub_wrap > .nodata tbody tr td:hover{background-color: #fff;}
.newPage .sub_wrap > .nodata thead tr th{color: #959595;}


/* pagination */
/* .pagination{
    width: 100%;
    height: 28px;
    text-align: center;
    margin-top: 24px;
}
.pagination a{
    display: inline-block; 
    min-width: 32px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    margin: 0 8px 0 0;
    padding: 0 3px;
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
}
.pagination a:hover{
    background-color: #F7F7F7;
    color: #333333;
}
.pagination .disabled{
    opacity: 0.2;
    cursor: default;
}
.pagination .disabled:hover{
    background: none;
    opacity: inherit;
    opacity: 0.2;
}
.pagination .disabled.num{
    opacity: 0.4;
}
.pagination .pre{
    text-indent: -9999px;
    background-image: url(../images/btn_pre.png);
}
.pagination .next{
    text-indent: -9999px;
    background-image: url(../images/btn_next.png);
}
.pagination .pre:hover{
    background-image: url(../images/btn_pre.png);
    background-position: center;
}
.pagination .next:hover{
    background-image: url(../images/btn_next.png);
    background-position: center;
}
.pagination .num{color: #333333;}
.pagination .num.select{
    font-weight: 700;
    background-color: #F3F1F8;
    color: #3D32B3;
    border-radius: 3px;
} */

/* login */
.login{width: 100%; height: 100%; background-color: #F7F7F7;}
.login .login_wrap{position: absolute; left: 50%; transform: translateX(-50%); top: 50%; margin-top: -380px;}
.login .login_wrap .select_box{margin-bottom: 8px; position: absolute; right: 0; top: -40px;}
.login input{margin-bottom: 0px;}
.login button{margin-top: 6px;}
.login .login_box{width: 400px; background-color: #fff; border: 1px solid #EAEAEA; padding: 74px 80px;}
.login .login_box > a{float: right;}
.login .login_box > a:hover{text-decoration: underline;}
.login .login_box .blue{margin-bottom: 16px;}
.login .login_box hr{
    border-top: 1px solid #ccc; 
    border-bottom: none; 
    border-left: none; 
    border-right: none; 
    margin-top: 64px;
}
.login .logo{
    font-family: 'Noto Sans'; 
    font-weight: bold; 
    font-size: 60px; 
    color: #3D32B3; 
    margin-bottom: 56px; 
    line-height: 60px;
}

/* footer */
.footer{
    height: 72px; 
    width: 100%; 
    background-color: #fff; 
    border-top: 1px solid #EAEAEA; 
    position: relative; 
    bottom: 0;
}
.footer ul{height: 12px; position: absolute; top: 0; bottom:0; margin: auto 0; padding-left: 40px;}
.footer ul li{display: table-cell; font-size: 12px; color: #959595; padding-left: 16px; line-height: 12px;}
.footer ul li:first-of-type{color: #5A5A5A; border-right: 1px solid #CCC; padding-left: 0; padding-right: 16px;}
.login .footer{position: fixed;}

/* pop */
.pop{background-color: #fff; border: 1px solid #EAEAEA; padding: 32px; width: 464px; position: relative;}
.pop h2{font-size: 24px; color: #333; font-weight: bold;}
.pop .btn_close{position: absolute; top: 32px; right: 30px;}
.pop > p{margin-top: 16px; font-size: 14px; line-height: 26px;}
.pop > a{margin-top: 16px; color: #1C33CC; text-decoration: underline;}
.pop .blue{float: right; margin-top: 55px;}

/* gnb */
/* 
.gnb{height: 72px; width: 100%; background-color: #fff; border-bottom: 1px solid #DEDEDE;}
.gnb .logo{
    font-size: 24px; 
    font-weight: bold; 
    color: #2E2E2E;
    padding-left: 40px; 
    display: table-cell;
}
.gnb ul{display: table-cell; padding-left: 180px;}
.gnb ul li{
    display: table-cell; 
    font-size: 16px; 
    color: #5A5A5A; 
    line-height: 71px; 
    position: relative;
}
.gnb ul li:last-of-type{padding-left: 52px;}
.gnb .number{
    position: absolute; 
    height: 17px; 
    border-radius: 30px; 
    background-color: #FF5858;
    font-size: 11px;
    color: #fff;
    line-height: 17px;
    padding: 0 5px;
    top: 18px;
    right: -23px;
}
.gnb .select{font-weight: bold; color: #333;}
.gnb .select > a{border-bottom: 3px solid #3D32B3; line-height: 66px;}
.gnb .right_wrap{position: absolute; right: 32px; top: 20px;}
.gnb .right_wrap div{display: inline-block;}
.gnb .right_wrap .btn_logout{vertical-align: middle; margin-top: -2px; margin-left: 16px;}
.gnb .profile_img{
    width: 32px; 
    height: 32px; 
    border-radius: 100%; 
    background-color: #959595;
    color: #fff;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    margin-right: 4px;
}
.gnb .profile{color: #5A5A5A;}
.gnb .right_wrap hr{
    height: 10px; 
    width: 1px; 
    border-left: 1px solid #666; 
    border-top: none; 
    border-right: none; 
    border-bottom: none;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 10px 0 18px;
} */

/* sub */
.sub{min-width: 1620px;}
.sub_wrap{padding: 0 168px 60px 168px;}
.sub h2{
    font-size: 32px; 
    font-weight: bold; 
    border-bottom: 1px solid #ccc; 
    margin: 48px 88px 0 88px; 
    padding-bottom: 8px;
}
.mark{width: 8px; height: 8px; border-radius: 100%; display: inline-block; margin-right: 3px;}
.mark.yellow{background-color: #FDBE2F;}
.mark.green{background-color: #4FCE67;}
.mark.blue{background-color: #336AFF;}
.sub_wrap table thead th{overflow: initial; text-overflow: ellipsis; white-space: pre-wrap;}

/* search */
.search table{width: 100%; border: none; margin: 16px 0;}
.search table th:first-of-type{width: 160px; padding-left: 0;}
.search table th{padding-left: 96px; font-weight: normal; font-size: 16px; padding-right: 0; width: 256px;}
.search table td{padding: 0;}
.search .btn_wrap{border-top: 1px solid #ccc; padding-top: 16px; margin-bottom: 32px;}
.search .btn_wrap.right{text-align: right;}
.search .segmented{margin-left: 1px;}
.date_picker + .segmented{display: inline-block; margin-left: 13px;}
.search table thead th:first-of-type, 
.search table tbody td:first-of-type{padding-left: 0;}
.search .table_date{display: flex; justify-content: space-between; align-items: center;}

/* sorting */

.btn_sorting{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: text-bottom;
    margin-left: 4px;
    text-indent: -9999px;
}
.btn_sorting.ascending{
    background-image: url(../images/sort_ascend.png);
}
.btn_sorting.ascending.on{
    background-image: url(../images/sort_ascend_on.png);
}
.btn_sorting.descending{
    background-image: url(../images/sort_descend.png);
}
.btn_sorting.descending.on{
    background-image: url(../images/sort_descend_on.png);
} 


/**********************************************************************/

.flex-layout-start{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.flex-layout-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
input[type="text"]{
    padding-left: 5px;
}
input[type="search"]{
    padding-left: 5px;
}
input[type="password"]{
    padding-left: 5px;
}