:root {
    --main-title-height: 120px;
    
    --search-btn-color: #68d1da;
    --regist-btn-color: #48b02c;
    --remove-btn-color: #e05230;
    --modify-btn-color: #ffc000;
    --list-btn-color: #ececec;
    --yes-btn-color: #98db7c;
    --no-btn-color: #ff6570;
    --confirm-btn-color: #2b79c2;
    --detail-btn-color: #2bc287;
}

header {box-shadow: 0 0 6px #999;}
#mainWrap {width: 100%; min-height: 100%; height: 100%; padding: 12px; background-color: white;}


/* #mainWrap > #mainTitleDiv (페이지 상단 타이틀) */
#mainTitleDiv {width: 100%; height: var(--main-title-height); border-radius: calc(var(--main-title-height) / 2); background-color: #f4f4f4;}
#mainTitleDiv #menuIconDiv {width: var(--main-title-height); height: var(--main-title-height); position: absolute; display: flex; justify-content: center; align-items: center;}
#mainTitleDiv #menuIconDiv {border-radius: 50%; background: url(/air-bid/_images_new/menu/menu-icon.png) no-repeat; background-size: cover;}
#mainTitleDiv #menuIconDiv > div {width: 92%; height: 92%; border-radius: 50%; border: 1px dashed white; display: flex; justify-content: center; align-items: center; color: white; font-size: 24px; font-weight: bold;}

#mainTitleDiv .title-div {width: 100%; height: 100%; padding-left: calc(var(--main-title-height) + 32px); display: flex; flex-direction: column; justify-content: center;}
#mainTitleDiv .title-div .title-path {color: #999; font-size: 12px;}
#mainTitleDiv .title-div .title {padding: 8px 0; font-size: 24px; font-weight: bold;}
#mainTitleDiv .title-div .title-desc {font-size: 16px;}


/* #searchForm (검색창) */
#searchFormDiv {width: 100%; margin-top: 12px; padding: 8px; border: 1px solid #e2e2e2;}
#searchFormDiv > #searchForm {width: 100%; display: flex; justify-content: space-between; align-items: center;}
/* #searchFormDiv > #searchForm * {font-size: 14px;} */

.search-form-div {width: 100%; margin-top: 12px; padding: 8px; border: 1px solid #e2e2e2;}
.search-form {width: 100%; display: flex; justify-content: space-between; align-items: center;}
/* .search-form * {font-size: 14px;} */
.search-input-div select {padding: 4px 8px; font-size: 14px;}
.search-input-div #schTradCL {width: 291px;}
.search-input-div #schQtaYear {width: 117px;}
.search-input-div #schPaOrd {width: 117px;}
.search-input-div input {padding: 4px 8px; font-size: 14px;}
/* .search-input-div table {width: calc(100% - 80px);} */
.search-input-div table td {padding: 4px 12px;}
.search-input-div table th {padding-left: 12px; font-size: 18px; white-space: nowrap;}
.search-input-div div.row {display: flex;}
.search-input-div p {margin-left: 16px; display: flex; align-items: center; font-size: 18px; white-space: nowrap;}
.search-input-div span {padding: 8px 16px; }
.search-input-div span.label {margin-left: 16px; display: flex; align-items: center; font-size: 18px; white-space: nowrap;}

/* search-btn-div (검색창 - 검색버튼) */
.search-btn-div {height: 100%; display: flex; justify-content: center; align-items: center;}
.search-btn-div .search-reset-btn {width: 80px; height: 80px; margin-right: 12px; border: 1px solid #ddd; border-radius: 50%; background-color: #0000; cursor: pointer;}
.search-btn-div .search-reset-btn:hover {background-color: #eee;}
.search-btn-div .search-btn {width: 80px; height: 80px; border: none; border-radius: 50%; background-color: #005bb0; color: white; cursor: pointer;}
.search-btn-div .search-btn:hover {background-color: #003b90;}


/* #mainWrap > #mainContents > .content-div (일반 컨텐츠) */
/* #mainWrap > #mainContents > .content-table-div (테이블 컨텐츠) */
.content-div {width: 100%; margin-top: 12px;}

.content-table-div {width: 100%; margin-top: 12px;}
.content-table-div table {width: 100%; border-top: 1px solid #ccc; border-collapse: collapse; border-spacing: 0;}
.content-table-div table th {padding: 18px 12px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #eee; border-right: 1px solid #eee; background-color: #f8f6ed; font-size: 14px;} /* 기존: #eff6ff; 아이보리: #f8f6ed */
.content-table-div table td {padding: 18px 12px; border-bottom: 1px solid #ccc; background-color: white; font-size: 14px;}
.content-table-div table > tbody.center tr > * {text-align: center;}
.content-table-div table td.left {text-align: left;}
.content-table-div table th.center {text-align: center;}
.content-table-div table td.center {text-align: center;}
.content-table-div table td.right {text-align: right;}
.content-table-div table th.whiteBack{padding: 18px 12px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #eee; border-right: 1px solid #eee; background-color: white; font-size: 14px;}
.content-table-div table th.pastelBlueBack{padding: 18px 12px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #eee; border-right: 1px solid #eee; background-color: #AFCBFF; font-size: 14px; color: red;}
/* .content-table-div table > tbody tr:last-child > * {border-bottom: 1px solid #ccc;} */
/* 중첩 테이블 */
.content-table-div > table table {width: 100%; margin: 4px;}

/* content-title (컨텐츠 - 컨텐츠 제목) */
.content-div > .content-title,
.content-table-div > .content-title,
#dataGridDiv > .content-title {padding: 22px 44px; background-image: url(/air-bid/_images_new/contents/fish-icon.png); background-repeat: no-repeat;
							   background-size: auto 40%; background-position: 0 center; font-size: 22px; font-weight: bold;}

.content-div input, .content-table-div input {padding: 4px 8px; font-size: 14px;} 
.content-div select, .content-table-div select {padding: 4px 8px; font-size: 14px;}

.content-table-div table #pa_tit {width: 70%;}
#tblBid .text {width: 100%;}

/* .content-btn-div (버튼) */
.content-btn-div {width: 100%; padding: 16px 8px; display: flex; justify-content: flex-end; align-items: center;}
.content-btn-div-left {width: 100%; padding: 16px 8px; display: flex; justify-content: flex-start; align-items: center;}
.content-btn-div-center {width: 100%; padding: 16px 8px; display: flex; justify-content: center; align-items: center;}
.content-btn-div-right {width: 100%; padding: 16px 8px; display: flex; justify-content: flex-end; align-items: center;}
.content-btn-div-excel {width: 100%; padding: 16px 8px; display: flex; align-content: center;} /*엑셀버튼 좌측으로 옮기기 위함*/

.content-btn {padding: 8px 16px; padding-left: 41px; border: none; border-radius: 4px; font-size: 13px; font-weight: bold;}
.content-btn {background-repeat: no-repeat; background-size: auto 14px; background-position: 16px 8px;}
.content-btn:not(:last-child) {margin-right: 12px;}

.content-btn.search-btn {background-image: url(/air-bid/_images_new/button/search-white.svg); background-color: #68d1da; color: white;}
.content-btn.search-btn:hover {background-color: #48b1ba;}
.content-btn.interest-btn {background-image: url(/air-bid/_images_new/button/heart-red.svg); background-color: #e05230; color: white;}
.content-btn.interest-btn:hover {background-color: #c03210;}
.content-btn.regist-btn {background-image: url(/air-bid/_images_new/button/pen-white.svg); background-color: #48b02c; color: white;}
.content-btn.regist-btn:hover {background-color: #28900c;}
.content-btn.add-btn {background-image: url(/air-bid/_images_new/button/plus-white.svg); background-color: #48b02c; color: white;}
.content-btn.add-btn:hover {background-color: #28900c;}
.content-btn.remove-btn {background-image: url(/air-bid/_images_new/button/remove.png); background-color: #e05230; color: white;}
.content-btn.remove-btn:hover {background-color: #c03210;}
.content-btn.modify-btn {background-image: url(/air-bid/_images_new/button/modify.png); background-color: #ffc000; color: white;}
.content-btn.modify-btn:hover {background-color: #dfa000;}
.content-btn.excel-btn {background-image: url(/air-bid/_images_new/button/excel.png); background-color: #ececec;}
.content-btn.excel-btn:hover {background-color: #cccccc;}
.content-btn.list-btn {background-image: url(/air-bid/_images_new/button/list.png); background-color: #ececec;}
.content-btn.list-btn:hover {background-color: #cccccc;}
.content-btn.yes-btn {background-image: url(/air-bid/_images_new/button/circle-yes.svg); background-color: #98db7c; color: white;}
.content-btn.yes-btn:hover {background-color: #78bb5c;}
.content-btn.no-btn {background-image: url(/air-bid/_images_new/button/circle-no.svg); background-color: #ff6570; color: white;}
.content-btn.no-btn:hover {background-color: #df4550;}
.content-btn.confirm-btn {background-image: url(/air-bid/_images_new/button/circle-yes.svg); background-color: #2b79c2; color: white;}
.content-btn.confirm-btn:hover {background-color: #0b59a2;}
.content-btn.detail-btn {background-image: url(/air-bid/_images_new/button/detail.png); background-color: #2bc287; color: white;}
.content-btn.detail-btn:hover {background-color: #0ba267;}
.content-btn.tempsave-btn {background-image: url(/air-bid/_images_new/button/floppy-disk-white.svg); background-color: #2bc287; color: white;}
.content-btn.tempsave-btn:hover {background-color: #0ba267;}
.content-btn.reset-btn {background-image: url(/air-bid/_images_new/button/arrow-rotate-left.svg); background-color: #fff; color: black;}
.content-btn.reset-btn:hover {background-color: #f2f2f2;}
.content-btn.dispose-btn {background-image: url(/air-bid/_images_new/button/trash-can-white.svg); background-color: #ff6570; color: white;}
.content-btn.dispose-btn:hover {background-color: #df4550;}
.content-btn.print-btn {background-image: url(/air-bid/_images_new/button/print-white.svg); background-color: #3065ac; color: white;}
.content-btn.print-btn:hover {background-color: #20559c;}


/* JQuery-EasyUI DataGrid Custom */
.datagrid-header td,
.datagrid-body td,
.datagrid-footer td {border: none;}

.datagrid-header-row {padding: 50px;}
.datagrid-header-row > td {background-color: #f8f6ed; height: 45px;} /* 기존: #eff6ff; 아이보리: #f8f6ed */
.datagrid-header-row * {font-size: 14px;}

.datagrid-row > td {height: 44px;}

.datagrid-cell {padding: 0 8px;}

/* dataGridDiv */
#dataGridDiv {width: 100%; margin-top: 12px;}
#dataGrid {width: 100%;}
.datagrid-div {width: 100%; margin-top: 12px;}
.datagrid {width: 100%;}

/* span.ingTxt {padding: 2px 4px; font-size: 8px; border: 1px solid red; color: red; border-radius: 11px;} */
span.ingTxt {padding: 2px 4px; font-size: 8px; border: 1px solid red; color: red; border-radius: 11px;}