@charset "utf-8";

/*
포인트컬러 #2b62ae
*/

/* 검색 */
.searchWrap {
display: flex;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #2b62ae;
box-shadow: 1px 1px 3px #999 ;
}
.searchWrap > div.totalSearch {
flex: 1 0 230px;
margin-right: 30px;
border-right: 1px dotted #333;
}
div.totalSearch > input {
padding: 3px 5px;
font-size: 1.1em;
border: 2px solid #222;
}
.searchWrap > ul {
display: block;
}
.searchWrap > ul li {
display: inline-block;
margin-right: 15px;
padding: 5px;
}
.searchWrap > ul li * {
vertical-align: middle;
}
label.tit {
display: inline-block;
margin-right: 7px;
padding-left: 10px;
font-weight: bold;
background: url(../images/bullet.png) no-repeat left -592px;
}
.searchWrap > ul li > input {
border: none;
border-bottom: 2px solid #333;
}
button.search {
width: 40px;
height: 35px;
border: none;
border-radius: 3px;
text-indent: -999em;
background: #2b62ae url(../images/btn.png) no-repeat -62px 0;
}
button.search:hover {
background: #333 url(../images/btn.png) no-repeat -62px 0;
}
button.reset {
width: 40px;
height: 35px;
margin-right: 2px;
border: 1px solid #555;
border-radius: 3px;
text-indent: -999em;
background: #fff url(../images/btn.png) no-repeat -70px -141px;
}
button.reset:hover {
background: #aaa url(../images/btn.png) no-repeat -70px -141px;
}
button.pass-reset {
width: 30px;
height: 28px;
border: 1px solid #555;
border-radius: 3px;
text-indent: -999em;
background: #fff url(../images/btn.png) no-repeat -72px -101px;
}
button.view-detail {
width: 30px;
height: 28px;
border: 1px solid #555;
border-radius: 3px;
text-indent: -999em;
background: #fff url(../images/btn.png) no-repeat -71px -51px;
}


/* 설정레이어 */
.setupLayer {
position: absolute;
top: 30px;
right: 0;
height:150px;
overflow-y:auto;
padding: 10px;
text-align: left;
line-height: 1.8em;
border: 1px solid #555;
border-radius: 3px;
background-color: #fff;
box-shadow: 1px 1px 3px #999 ;
z-index: 100;
}




/* /// 게시판 /// */
/* 게시판 */
.boardList {
/* width: calc(100% - 50px); */
/* overflow-x: auto; */
}
.boardList table {
border-top: 2px solid #333;
}
.boardList table thead {
border-left: 2px solid #333;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
}
.boardList table thead th {
padding: 3px 2px;
border: 1px solid #777;
vertical-align: middle;
font-weight: normal;
text-align: center;
background-color: #eee;
}
.boardList table > tbody {
border-top: 1px solid #777;
}
.boardList th {
padding: 5px 10px;
text-align: left;
border: 1px dotted #bbb;
border-left: 1px solid #777;
border-bottom: 1px solid #777;
}
.boardList td {
padding: 5px 0px;
text-align: center;
word-break: keep-all;
border: 1px dotted #bbb;
border-bottom: 1px solid #777;
}
.boardList td:first-child {
border-left: 1px solid #777;
}
.boardList td:last-child {
border-right: 1px solid #777;
}
.boardList tr.on {
background-color: #fffd6e;
}
.boardList tr.on:hover {
background-color: #fffd6e;
}

/* 게시판 / 작은내용 */
.boardListB table thead {
border: 2px solid #333;
}
.boardListB table thead th {
padding: 3px 2px;
border: 1px solid #777;
vertical-align: middle;
font-weight: normal;
}
.boardListB table > tbody {
border-top: 1px solid #777;
}
.boardListB th {
padding: 5px 10px;
text-align: left;
border: 1px dotted #bbb;
border-left: 1px solid #777;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
background-color: #eff6ff;
}
.boardListB td {
padding: 5px 10px;
text-align: left;
word-break: keep-all;
border: 1px dotted #bbb;
border-bottom: 1px solid #777;
}
.boardListB td * {
vertical-align: middle;
}
.boardListB td:first-child {
border-left: 1px solid #777;
}
.boardListB td:last-child {
border-right: 1px solid #777;
}



/* 폼 */
.boardForm > table {
width: 100%;
}
.boardForm table th {
padding: 5px;
text-align: left;
padding-left: 10px;
background: url(../images/bullet.png) no-repeat left -587px;
}
.boardForm td {
padding: 5px;
word-break: keep-all;
/*  border: 1px dotted #999;
border-bottom: 1px solid #333;  */
}

/* 정보테이블 */
.infoForm > li label {
padding: 5px 5px 5px 10px;
font-weight: bold;
background: url(../images/bullet.png) no-repeat left -588px;
}
.infoForm > li {
display: inline-block;
margin: 2px 0;
}



/* 설명글 */
div.info {
margin: 20px 0 30px;
padding-top: 50px;
background: url(../images/ico.png) no-repeat center -500px;

}
div.info > p.tit {
font-size: 1.2em;
margin-bottom: 20px;
border-bottom: 1px solid #777;
text-align: center;
}
div.info ul li {
margin-bottom: 10px;
padding-left: 10px;
background: url(../images/bullet.png) no-repeat left -693px;
}

/* 주문관리 / 검색 */
.imgMode > button {
padding: 1px 7px 3px;
border: 1px solid #333;
background-color: #fff;
}
.imgMode > button.on {
color: #fff;
background-color: #333;
}
.imgMode > button.opt {
display: inline-block;
margin-right: -5px;
border-radius: 5px 0 0 5px;
}
.imgMode > button.sar {
display: inline-block;
border-radius: 0 5px 5px 0;
}
.imgMode > div * {
vertical-align: middle;
}
.imgMode > .optCon {
display: inline-block;
margin-left: 10px;
}
.imgMode > .sarCon {
display: inline-block;
margin-left: 10px;
}


/* 주문관리 / 주문상세보기 */
.columnWrap {
display: flex;
height: 100%;
padding: 0 0 20px;
background-color: #fff;
}
.columnWrap > div {
flex: 1 1 50%;
height: 100%;
margin-top: 10px;
padding: 0 15px;
box-sizing: border-box;
}
.columnWrap > div:first-child {
margin-right: 10px;
padding-right: 15px;
border-right: 1px dotted #ccc;
}
.columnGroup {
margin-bottom: 0px;
padding: 4px 0;
/* border-bottom: 1px solid #ccc; */
background-color: #fff;
}
.columnWrap h4 {
margin: 0 0  3px 0;
padding-left: 15px;
font-size: 1em;
color: #000;
background: #eee url(../images/bullet.png) no-repeat 5px -694px;
}
.group > li label {
display: inline-block;
padding: 1px 5px 1px 10px;
font-weight: bold;
background: url(../images/bullet.png) no-repeat left -593px;
}
.group > li > span {
display: inline-block;
margin-left: 20px;
}

.group > li {
display: inline-block;
margin: 0 0 5px 0;
}
.group > li * {
vertical-align: middle;
}
.group > li.col1 {
width: 99%;
}
.group > li.col2 {
width: 49%;
}
.group > li.col3 {
width: 32%;
}
.group > li.col4 {
width: 24%;
}
.group > li.col5 {
width: 19%;
}
.group > li.col6 {
width: 18%;
}
ul.label50 > li > label {
min-width: 50px;
}
ul.label60 > li > label {
min-width: 60px;
}
ul.label70 > li > label {
min-width: 70px;
}
ul.label100 > li > label {
min-width: 100px;
}
ul.label120 > li > label {
min-width: 120px;
}
.group > li > p {
padding: 2px 5px 2px 10px;
border: 1px dotted #ccc;
}
.group > li > span {
display: inline-block;
margin-right: 20px;
}
.group > li > p > span {
margin-right: 20px;
}


.areaMap {
border: 1px solid #bbb;
}
.nto {
height: 490px;
}
.ao {
height: 585px;
}
.pro {
height: 422px;
}
/* Scene List */
.sceneList {
min-height: 180px;
}
.sceneList table {
border-top: 2px solid #333;
}
.sceneList table thead {
border-left: 2px solid #333;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
}
.sceneList table thead th {
padding: 3px 2px;
border: 1px solid #777;
vertical-align: middle;
font-weight: normal;
text-align: center;
}
.sceneList table > tbody {
border-top: 1px solid #777;
}
.sceneList th {
padding: 3px 15px;
text-align: left;
border: 1px dotted #bbb;
border-left: 1px solid #777;
border-bottom: 1px solid #777;
}
.sceneList td {
padding: 3px 0px;
text-align: center;
word-break: keep-all;
border: 1px dotted #bbb;
border-bottom: 1px solid #777;
}
.sceneList td:first-child {
border-left: 1px solid #777;
}
.sceneList td:last-child {
border-right: 1px solid #777;
}



/* 주문관리 / NTO PROGRESS REPORT */
.processType {
margin: 10px 0 ;
text-align: center;
}
.processType li  {
display: inline-block;
margin-right: 20px;
}
.processType li > span {
display: inline-block;
width: 15px;
height: 16px;
margin: 3px 2px 0 2px;
}
.processType li * {
vertical-align: middle;
}
.processType input.pt {
width: 14px;
height: 14px;
}
.vali {
border: 3px solid #26ff4b;
}
span.reje {
border: 3px solid #ff6a82;
}
span.prop {
border: 3px solid #ffad00;
}
span.kept {
border: 3px solid #f36bff;
}

/* 주문관리 / 인보이스 */
h5.invoice {
padding: 10px;
margin: 10px 0 40px;
font-size: 4em;
color: #474E59;
}
.invoiceContents {
margin: 30px 30px 50px 30px;
border-bottom: 50px;
}

.invoice {
margin-bottom: 20px;
}
.invoice > li {
display: inline-block;
width: 300px;
padding: 5px 20px 5px 10px;
text-align: left;

}
.invoice > li > label {
display: inline-block;
width: 80px;
padding-left: 10px;
background: url(../images/bullet.png) no-repeat left -593px;
}

/*
div.invoice {
margin-bottom: 30px;
}
.invoice > table th {
padding: 5px 20px 5px 10px;
text-align: left;
background: url(../images/bullet.png) no-repeat left -589px;
}
.invoice > table th,td {
vertical-align: middle;
}
.invoice > table td {
padding-right: 50px;
}*/

.orderId {
display: flex;
padding: 0px 20px 0 0;
margin-bottom: 10px;
border: 2px solid #2b62ae
}
.orderId > li {
flex: 1 1 auto;
}
.orderId li> span {
display: inline-block;
margin-right: 15px;
padding: 5px 10px;
text-align: left;
color: #fff;
box-sizing: border-box;
background-color:#2b62ae
}
.orderId * {
vertical-align: middle;
}

/* 주문관리 / 인보이스 / 목록 */
.invoiceList {
}
.invoiceList table {
width: 100%;
}
.invoiceList table thead {
border: 2px solid #333;
}
.invoiceList table thead th {
padding: 7px;
border: 1px solid #777;
vertical-align: middle;
font-weight: normal;
}
.invoiceList td {
height: 28px;
padding: 5px 5px;
text-align: center;
word-break: keep-all;
/* border: 1px dotted #bbb; */
border-bottom: 1px solid #777;
vertical-align: middle;
}
.invoiceList td:first-child {
/* border-left: 1px solid #777; */
}
.invoiceList td:last-child {
/* border-right: 1px solid #777; */
}
.invoiceList tr.total td {
padding: 10px;
border: none;
}
.invoiceList tr.total td.subtotal {
color: #fff;
text-align: center;
background: #333;
}

/* 주문관리 / 인보이스 / 미리보기 */
.invoiceHeader {
display: flex;
position: relative;
margin: 10px 0 5px;
}
.invoiceHeader > div {
flex: auto;
}
.invoiceHeader > div:last-child {
flex: 0 0 300px;
}
.invoiceHeader > .tit {
text-align: right;
}
h3.tit {
padding: 10px 0;
margin: 10px 0 39px;
font-size: 4em;
text-align: right;
color: #474E59;
background: none;
}
.siisLogo {
padding-top: 82px;
background: url(../images/logo_siis.png) no-repeat 0 0;
background-size: 150px;
}
.siisTag span {
display: block;
margin: 5px 0;
}

.invoiceNo  > div {
text-align: left;
}
.invoiceNo  > div p {
margin: 5px 0;
}
.invoiceNo p > span {
display: inline-block;
width: 85px;
font-weight: bold;
}

.invoiceInfo {
width: 100%;
margin: 20px 0;
border: 2px solid #333;
}
.invoiceInfo tr {
border-bottom: 1px dotted #ccc;
}
.invoiceInfo th {
width: 110px;
padding: 10px;
text-align: left;
font-weight: normal;
border-right: 1px dotted #ccc;
}
.invoiceInfo th span {
display: inline-block;
margin-left: 10px;
font-weight: bold;
}
.invoiceInfo tr td {
padding: 10px;
}
.invoiceInfo td.our > span {
display: inline-block;
margin-right: 30px;
}

.invoiceTerms {
margin-top: 50px;
font-size: 0.9em;
color: #777;
}
.invoiceTerms li > span {
display: inline-block;
width: 100px;
font-weight: bold;
}

/* ///// 주문처리 ///// */
.fileWrap {

}
.fileWrap > li {
margin-bottom: 25px;
}
.fileWrap > li > label {
display: block;
margin: 5px;
padding: 0 0 0 10px;
font-size: 1.0em;
font-weight: bold;
color: #000;
background: url(../images/bullet.png) no-repeat 0 -192px;
}
.fileList {
overflow-y: auto;
min-height: 150px;
margin: 5px 0;
border: 1px solid #ccc;
}
/* 주문처리 / QA정보 */
/* .qaInfo { */
/* /* position: relative; */ */
/* margin: 10px 0 5px; */
/* /* padding-top: 10px; */ */
/* /* border-top: 1px dotted #333; */ */
/* } */
/* .qaInfo > div { */
/* margin-bottom: 5px; */
/* } */
/* .qaInfo > div:last-child { */
/* text-align: right; */
/* } */
/* .qaInfo  div:last-child { */
/* vertical-align: bottom; */
/* } */
/* .qaInfo > button { */
/* position: absolute; */
/* top: 12px; */
/* right: 0; */
/* width: 60px; */
/* height:58px; */
/* } */
/* .qaInfo > div > label { */
/* display: inline-block; */
/* width: 55px; */
/* padding: 5px 5px 0 10px; */
/* font-size: 1em; */
/* background: url(../images/bullet.png) no-repeat left -688px; */
/* } */

/* AOI관리 */
.statsWrap {
min-height: 400px;
margin: 15px 0;
border: 1px solid #999;
}

.regist {
padding: 10px;
border: 1px solid #ccc;
}
.regist > button {
float: right;
}
.icoNew {
display: inline-block;
width: 5px;
height: 15px;
background: url(../images/ico_new_circle.png) no-repeat 0 0;
}

/* 클레임 */
textarea.claim {
display: inline-block;
height: 100%;
width: 100%;
margin: 0px;
border: 0px;
padding: 10px;
}

/* 인쿼리 */
span.must {
display: inline-block;
padding-left: 3px;
color: tomato;
}
.capt {
position: absolute;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}

/* 공지사항 */
.notice-wrap {
width: 700px;
/* margin: 0 auto; */
}

/* on off checkbox style */
.switch {
position: relative;
display: inline-block;
width: 27px;
height: 15px;
}
.switch input[type=checkbox] {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: gray;
-webkit-transition: .2s;
transition: .2s;
}
.slider:before {
position: absolute;
content: "";
height: 10px;
width: 10px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .2s;
transition: .2s;
}
input:checked+.slider {
background-color: #1769d6;
}
input:focus+.slider {
box-shadow: 0 0 1px #1769d6;
}
input:checked+.slider:before {
left: calc(100% - 2px);
transform: translateX(-100%);
}
/* Rounded sliders */
.slider.round {
border-radius: 15px;
}
.slider.round:before {
border-radius: 50%;
}

/* 주문 입력 */
.scene-set {
padding: 5px;
text-align: center;
}
.scene-set div {
display: inline-block;
margin: 0 0px;
}
.scene-set div:first-child {
margin-right: 10px;
}
button.scene-set {
display: inline-block;
padding: 3px 15px;
font-size: 13px;
color: #fff;
line-height: 1.3em;
border: 1px solid;
border-radius: 15px;
background-color: #97a5c2;
}
select.line {
border: none;
border-bottom: 1px solid #000;
border-radius: 0;
}
.wlevel {
width: 110px;
}
.wtype {
width: 160px;
}
/* 배포처리 상태변경 */
.btn-layer-wrap {
    position: relative;
    display: inline-block;
}
.btn-layer {
    position: absolute;
    left: 50%;
    bottom: 35px;
    transform: translate(-50%, 0);
    min-width: 80px;
    border-radius: 7px;
    border: 1px solid #ccc;
    background-color: #fff;
}
.btn-layer li {
    padding: 5px 10px;
    cursor: pointer;
    text-align: center;
    border-bottom: 1px dotted #ccc;
}
.btn-layer li:last-child {
    border-bottom: none;
}
.btn-layer li:hover {
    color: #2b62ae;
}

/* 주문관리 / 모니터링 */
.flex-container {
display: flex;
margin-bottom: 5px;
}
.flex-auto {
flex: auto;
}
.summary-wrap {
margin-left: 10px;
text-align: left;
}
.summary-wrap ul {
display: inline-block;
padding: 5px 10px;
border: 1px solid #555;
border-radius: 3px;
background: linear-gradient(#eee, #fff);
}
.summary-wrap ul li {
display: inline-block;
margin: 0 5px;
font-size: 13px;
font-weight: bold;
}
.summary-wrap ul li span.group-tit {
font-weight: 400;
}
.summary-wrap ul li span.count {
color: #0075ff;
font-weight: bold;
}
.summary-wrap ul li span.warn {
color: #ff3300;
}
.btn-toggle-wrap {
margin-right: 10px;
}
.btn-toggle.on {
margin: 0 -1px;
padding: 4px 10px;
text-align: center;
color: #fff;
border-radius: 3px;
border: 1px solid #333;
background-color: #333;
}
.btn-toggle {
margin: 0 -1px;
padding: 4px 10px;
text-align: center;
color: #333;
border-radius: 3px;
border: 1px solid #333;
background-color: #fff;
}

/* PDF */
.pdf-container {
display: flex;
width: 100%;
height: 100%;
}
.pdf-wrap {
flex: 0 0 300px;
padding: 20px;
color: #fff;
background-color: #2b62ae;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
.pdf-wrap h3 {
margin-bottom: 10px;
color: #fff;
font-size: 1.1rem;
font-weight: bold;
background-image: none;
}
.pdf-wrap h3::before {
content: '• ';
}
.pdf-nav {
height: calc(100% - 80px);
border-top: 1px solid rgba(255, 255, 255, 0.7);
}
.pdf-nav li {
padding: 15px 10px;
font-size: 1.0rem;
cursor: pointer;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.pdf-nav li.selected {
color: #333;
background-color: #fffd6e;
}
.pdf-nav li:hover {

}
.pdf-wrap .btn-wrap > button {
width: 100%;
margin-top: 15px;
padding: 10px;
color: #fff;
border: 1px solid #222;
background-color: #333;
}