@charset "utf-8";

/* @import url('wcs.css'); */

/************************************************** import custom **************************************************/
input:not([type=button]):not([type=submit]), textarea.w2ui-input {padding: 0 5px; border-color: #ccc; background-color: #fff;}
input:not([type=button]):not([type=submit]):disabled,
input:not([type=button]):not([type=submit])[readonly],
textarea.w2ui-input:disabled, textarea.w2ui-input[readonly] {border-color: #ccc; background-color: #fff;}
input:not([type=button]):not([type=submit]):hover, textarea.w2ui-input:hover {border-color: #444;}
input:not([type=button]):not([type=submit]):focus, textarea.w2ui-input:focus {border-color: #f37020;}

/************************************************** front common **************************************************/
.hide {display: none !important;}

#ui-datepicker-div{ z-index: 11 !important;}

.bgColor1 {background-color: #80c685 !important;}
.bgColor2 {background-color: #70acc3 !important;}
.bgColor3 {background-color: #9093d6 !important;}
.bgColor4 {background-color: #c8ac68 !important;}

.ra-box {position: relative; display: inline-flex; align-items: center; margin-right: 10px;}
.ra-box input[type='radio']{width:0;height:0;opacity:0; position: absolute; top: 0; left: 0;}
.ra-box input[type='radio'] + label {cursor: pointer; position: relative; padding-left: 23px; font-size: 12px; line-height: 20px; color: #666; font-weight: normal; letter-spacing: -0.01em; vertical-align: top;}
.ra-box input[type='radio'] + label:before{content:'';display:inline-block;width:20px;height:20px;position: absolute; left: 0; top: 50%; margin-top: -10px; background-image:url("../images/ra-box.png");background-repeat:no-repeat;background-position:0 0;vertical-align:middle;}
.ra-box input[type='radio']:hover + label::before {background-position:-40px 0;}
.ra-box input[type='radio']:checked:hover + label:before,
.ra-box input[type='radio']:checked + label:before {background-position:0 -20px;}
.ra-box input[type='radio']:hover + label{color: #ec6608;}
.ra-box input[type='radio']:disabled + label {cursor: default; pointer-events: none;}
.ra-box input[type='radio']:disabled + label::before {background-position: -20px 0;}
.ra-box input[type='radio']:disabled:hover + label,
.ra-box input[type='radio']:disabled:checked:hover + label {color: #888;}
.ra-box input[type='radio']:disabled:checked:hover + label:before,
.ra-box input[type='radio']:disabled:checked + label:before {background-position: -20px -20px;}
.ra-box.solo {width: 20px; height: 20px; margin-right: 0;}
.ra-box.solo input[type='radio'] + label {text-indent: -9999em; padding-left: 20px; height: 20px;}
.ra-box.solo input[type='radio'] + label:before {top: 0; margin-top: 0;}
.ra-box.line::after {content: ""; position: absolute; right: -20px; top: 50%; margin-top: -5px; width: 1px; height: 12px; background-color: #ddd;}

.ra-box.rtype input[type='radio'] + label {padding-left: 0; padding-right: 23px;}
.ra-box.rtype input[type='radio'] + label:before {left: auto; right: 0;}
.ra-box.rtype.ftype input[type='radio'] + label {width: 100%;}

.ra-box.full input[type='radio'] + label {display: block; width: 100%;}

.chk-box {position: relative; display: inline-flex; align-items: center; margin-right: 10px;}
.chk-box input[type='checkbox'] {width:0;height:0;opacity:0; position: absolute; top: 0; left: 0;}
.chk-box .label,
.chk-box label {position: relative; font-size: 12px; line-height: 20px; color: #666; font-weight: normal; letter-spacing: -0.001em; vertical-align: top;}
.chk-box input[type='checkbox'] + label {cursor: pointer; padding-left: 23px; font-size: 12px; line-height: 20px; color: #666; font-weight: normal; letter-spacing: -0.01em; vertical-align: top; min-height: 20px;}
.chk-box .label:before,
.chk-box input[type='checkbox'] + label:before{content:'';display:inline-block;width:18px;height:18px;position: absolute; left: 0; top: 50%; margin-top: -9px; background-image:url("../images/chk-box_n.png");background-repeat:no-repeat;background-position:0 0;vertical-align:middle;}
.chk-box input[type='checkbox']:hover + label::before {background-position:-40px 0;}
.chk-box.has-chk .label:before,
.chk-box input[type='checkbox']:checked:hover + label:before,
.chk-box input[type='checkbox']:checked + label:before {background-position:0 -20px;}
.chk-box input[type='checkbox']:hover + label{color: #000;}
.chk-box input[type='checkbox']:disabled + label {cursor: default; pointer-events: none;}
.chk-box input[type='checkbox']:disabled + label::before {background-position: -20px 0;}
.chk-box input[type='checkbox']:disabled:hover + label
.chk-box input[type='checkbox']:disabled:checked:hover + label {color: #898989;}
.chk-box input[type='checkbox']:disabled:checked:hover + label:before,
.chk-box input[type='checkbox']:disabled:checked + label::before {background-position: -20px -20px;}
.chk-box.reject input[type='checkbox']:disabled + label::before {background-position: -40px -20px;}
.chk-box .intxt,
.chk-box .intxt + * {vertical-align: middle; margin-right: 5px;}
.chk-box .intxt + .input1 {height: 23px; line-height: 21px;}

.chk-box.rtype input[type='checkbox'] + label {padding-left: 0; padding-right: 23px;}
.chk-box.rtype input[type='checkbox'] + label:before {left: auto; right: 0;}
.chk-box.rtype.ftype input[type='checkbox'] + label {width: 100%;}

.chk-box.solo {width: 20px; height: 20px; margin-right: 0;}
.chk-box.solo input[type='checkbox'] + label {text-indent: -9999em; padding-left: 18px; height: 20px;}
.chk-box.solo input[type='checkbox'] + label:before {top: 0; margin-top: 0;}
table td .chk-box.solo {vertical-align: text-top;}

.chk-box .label {padding-left: 27px; display: inline-block;}
.chk-box.has-chk .label::after {content: ''; display: block; width: 16px; height: 16px; background-color: #ec6608; box-sizing: border-box; border-radius: 3px; position: absolute; left: 1px; top: 2px; }

.chk-box.type2 input[type='checkbox'] + label:before {width:20px; height:20px; background-image:url("../images/ra-box.png"); top: 0;}
.chk-box.type2 input[type='checkbox']:checked + label:before {background-position:0 -20px;}
.chk-box.type2 input[type='checkbox']:disabled:checked + label::before {background-position: -20px -20px;}

.chk-box.rtype input[type='checkbox'] + label {padding-left: 0; padding-right: 23px;}
.chk-box.rtype input[type='checkbox'] + label:before {left: auto; right: 0;}

.toggle-switch{ position: relative;}
.toggle-switch input{ position: absolute; top: 0; left: -9999px;}
.toggle-switch label{ background-color: #f38323; font-size: 12px; color: #fff; line-height: 21px; padding: 0 10px 0 23px; border-radius: 10px; vertical-align: top; position: relative;}
.toggle-switch label::before{ width: 15px; height: 15px; background-color: #fff; content: ''; border-radius: 50%; position: absolute; top: 3px; left: 3px;}
.toggle-switch .txt1{ display: inline-block;}
.toggle-switch .txt2{ display: none;}
.toggle-switch input:checked + label{ padding: 0 23px 0 10px;}
.toggle-switch input:checked + label::before{ left: auto; right: 3px;}
.toggle-switch input:checked + label .txt1{ display: none;}
.toggle-switch input:checked + label .txt2{ display: inline-block;}
.sec-head .toggle-switch + .btn-SH{ margin-left: 10px;}

.bar {width: 18px; text-align: center;}

.noline-l {border-left: 0 none !important;}
.noline-r {border-right: 0 none !important;}
.noline-t {border-top: 0 none !important;}
.noline-b {border-bottom: 0 none !important;}

.noPadding { padding: 0 !important;}
td.noPadding table{ border: 0 !important;}
td.noPadding th,
td.noPadding td{ border-left: 0 !important;}
td.noPadding th:last-child,
td.noPadding td:last-child{ border-right: 0 !important;}
td.noPadding tr:last-child th,
td.noPadding tr:last-child td{ border-bottom: 0 !important;}

.table-list {table-layout: fixed; border-collapse: collapse; border-top: 1px solid #ddd;}
.table-list th, .table-list td {text-align: center; font-size: 12px; line-height: 16px; color: #333; padding: 4px 10px; text-align: left;}
.table-list thead th {height: 32px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #f5f5f5; font-weight: 500;}
.table-list tbody th,
.table-list tbody td {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; color: #666;}
.table-list tbody .input1 {background-color: #fff;}
.table-list .sr td{ font-weight: 600; color: #455cd3;}
.table-list .sr td.type1 { font-weight: 400; color: #666;}
.table-list .sr td span{ font-weight: 600; color: #03944e;}
.table-list .t-a-l{ text-align: left;}
.table-list .t-a-c{ text-align: center;}
.table-list .t-a-r{ text-align: right;}

.table-list.type2 {border-top-color: #ddd;}
.table-list.type2 + .table-list.type2{ border-top: 0;}
.table-list.type2 th,
.table-list.type2 td {border-left: 1px solid #ddd;}
.table-list.type2 thead th,
.table-list.type2 tr.theadtype th {background-color: #fcf5f0; font-size: 13px; color: #333; font-weight: 400; padding: 6px 2px 7px; border-bottom-color: #ddd; text-align: center;}
.table-list.type2 tbody th,
.table-list.type2 tbody td {font-size: 12px; color: #888; padding: 13px 16px 12px;}
.table-list.type2 tbody th {background-color: #fff; font-weight: 400; color: #333;}
.table-list.type2 tbody td a:hover {text-decoration: underline;}
.table-list.type2 tbody td {font-weight: 500; font-size: 14px;}
.table-list.type2 tbody td .txt {font-size: 13px;}
.table-list.type2.no-border,
.table-list.type2.no-border tr:first-child th.no-border{ border-top: 0;}
.table-list.type2.no-border tr:first-child th{ border-top: 1px solid #ddd;}
.table-list.type2.no-border .no-border{ background-color: transparent; border-bottom: 0;}

.table-list.type3 {border-top-color: #bbb;}
.table-list.type3 thead th,
.table-list.type3 tbody td {text-align: center;}

.table-list.type4 {border-top-color: #bbb;}
.table-list.type4 thead th,
.table-list.type4 tbody th,
.table-list.type4 tbody td {text-align: center; padding-left: 5px; padding-right: 5px;}
.table-list.type4 tbody th,
.table-list.type4 tbody td.thtype {font-weight: 400; color: #000;}
.table-list.type4 .totaltype {background-color: #fff8eb;}
.table-list.type4 .link {text-decoration: underline;}

.table-list.type5{ width: auto; border-width: 6px; border-left: 5px solid #ddd; border-right: 5px solid #ddd; border-bottom: 5px solid #ddd;}
.table-list.type5 thead th:nth-child(n+2){ text-align: center;}
.table-list.type5 tbody td:nth-child(n+2){ text-align: right;}

/* .table2-list {border-top: 1px solid #666;} */
.table2-list th,
.table2-list td {word-break: keep-all;}
.table2-list thead th {background-color: #f5f5f5; font-size: 13px; line-height: 18px; color: #333; font-weight: bold; padding: 3px 12px; height: 33px; border-bottom: 1px solid #ddd; border-top: 1px solid #666;}
.table2-list tbody th,
.table2-list tbody td {color: #666; padding: 3px 12px; border-bottom: 1px solid #ddd; font-size: 13px; line-height: 18px; height: 30px;}
.table2-list tbody th {background-color: #f7f7f7; font-size: 13.5px; font-weight: normal; text-shadow: 0.3px 0 0 #666;}
.table2-list tbody td a:hover {text-decoration: underline;}
.table2-list.evenBgType tbody tr:nth-of-type(even) > th,
.table2-list.evenBgType tbody tr:nth-of-type(even) > td {background-color: #fcf9f7;}

.fixTable thead th {z-index: 1;}

.page-top + .table2-list {margin-top: 5px;}
.insearch-box + .table2-list {margin-top: 10px;}

.tr-disabled td {opacity: 0.5;}

/*sticky table*/
.tableSticky-box::-webkit-scrollbar {width: 6px; height: 6px;}
.tableSticky-box::-webkit-scrollbar-track {background-color: #fff;}
.tableSticky-box::-webkit-scrollbar-thumb {background-color: #ddd; border-radius: 0;}

.tableSticky-box {overflow: auto; position: relative; border: 1px solid #ddd; border-radius: 2px;}
.tableSticky-box table {table-layout: fixed; border: 0 none;}
.tableSticky-box table th,
.tableSticky-box table td {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #fff;}
.tableSticky-box table tr > *:last-child {border-right-color: transparent;}
.tableSticky-box:not(.hasFixLR) table {width: calc(100% - 1px);}
.tableSticky-box thead th {position: sticky; z-index: 4; height: 26px; background-color: #ececec;}
.tableSticky-box thead th::after {width: 1px; height: auto; background-color: rgba(186,191,199,.5); right: 0; top: 0; bottom: 0;}
.tableSticky-box thead tr:nth-child(1) th {top: 0;}
.tableSticky-box thead tr:nth-child(2) th {top: 26px;}
.tableSticky-box thead tr:nth-child(3) th {top: 52px;}
.tableSticky-box tfoot tr > * {position: sticky; z-index: 4; height: 26px;}
.tableSticky-box tfoot tr > *::before {content:''; display: block; border-bottom: 1px solid #babfc7; position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
.tableSticky-box tfoot tr:nth-last-child(1) > * {bottom: 0;}
.tableSticky-box tfoot tr:nth-last-child(2) > * {bottom: 26px;}
.tableSticky-box tfoot tr:nth-last-child(3) > * {bottom: 52px;}
.tableSticky-box .stickyLeft,
.tableSticky-box .stickyRight {position: sticky; z-index: 5;}
.tableSticky-box .stickyLeft {left:0;}
.tableSticky-box .stickyRight {right:0;}
.tableSticky-box th.stickyLeft,
.tableSticky-box th.stickyRight {z-index: 6;}
.tableSticky-box tr.hide {display: none;}
.tableSticky-box tr.show {display: table-row;}
.tableSticky-box .emptyblock {background-color: #fff !important;}
.tableSticky-box .emptyblock > * {border: 0 none;}
.tableSticky-box tbody tr > * {height: 34px;}
.tableSticky-box .sdiv {position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.tableSticky-box .sdiv .stext {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;
	white-space: normal; text-align: center; word-wrap: break-word; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.tableSticky-box .ta-l .sdiv {justify-content: flex-start;}
.tableSticky-box .ta-l .sdiv.stext {text-align: left;}
.tableSticky-box .ta-r .sdiv {justify-content: flex-end;}
.tableSticky-box .ta-r .sdiv.stext {text-align: right;}
.tableSticky-box thead th .sdiv {padding: 0 5px;}
.tableSticky-box th,
.tableSticky-box td {font-size: 12px; line-height: 13px; color: #000; font-weight: 400;}

/*
ag-grid style추가시 class 추가후 사용
.tableSticky-box thead th,
.tableSticky-box thead th::before {background-color: #f9f9f9;}
.tableSticky-box tbody tr:nth-child(odd):not(.emptyblock) th::before,
.tableSticky-box tbody tr:nth-child(odd):not(.emptyblock) td::before {background-color: #fcf9f7;}
.tableSticky-box thead th::after {width: 2px; height: 8px; background-color: rgba(186,191,199,.5); right: 0; top: 50%; margin-top: -4px;}
*/

.select-custom {position: relative; display: inline-block; vertical-align: middle;}
.select-custom .select-label {display: block; height: 23px; line-height: 21px; padding: 0 20px 0 5px; border: 1px solid #ddd; color: #888; font-size: 12px; border-radius: 3px; box-sizing: border-box; font-weight: normal; word-spacing: -0.02em; font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url(../images/ico/ico-sel1.png); background-repeat: no-repeat; background-position: right 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.select-custom .select-list {position: absolute; display: none; width: 100%; background-color: #fff; padding: 5px 0; border-radius: 3px; border: 1px solid #ddd; border-top: none;}
.select-custom .select-list > li {padding: 2px 5px; font-size: 12px; color: #888; min-height: 21px; line-height: 1.2; display: flex; flex-direction: row; align-items: center; width: 100%;}
.select-custom .select-list > li:hover {background-color: #f5f5f5;}
.select-custom .select-list > li label {font-size: 12px;}
.select-custom.open .select-label {border-color: #f37020;}
.select-custom.open .select-list {display: block;}

.bottom-area .tagbox .select,
.paging .select,
.select1 {cursor: pointer; width: auto; height: 24px; padding: 0 20px 0 5px; border: 1px solid #ccc; color: #888; border-radius: 3px; box-sizing: border-box; font-weight: normal; word-spacing: -0.02em; font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url(../images/ico/ico-sel1.png); background-repeat: no-repeat; background-position: right 50%;}
.select1 option {min-height: 18px;}
.bottom-area .tagbox .select,
.paging .select {font-weight: normal;}
.select1::-ms-expand {display: none;}
.select1:hover {border-color: #444;}
.select1:focus {border-color: #f37020;}

.input1[readonly],
.select1[readonly] {pointer-events: none;}

.select1.type1 {width: 100%; height: 100%; color: inherit; padding-left: 5px; border-color: transparent; background-color: transparent;}

input.input1,
.input1 {outline: 0 none; height: 24px; background-color: #fff; border: 1px solid #ccc; padding: 0 5px 1px; color: #888; font-size: 12px; line-height: 22px; font-weight: normal; letter-spacing: 0.04em; word-spacing: -0.02em; box-sizing: border-box; background-color: #fff; border-radius: 3px;}
.input1:hover {border-color: #444;}
.input1:focus {border-color: #f37020;}

.textarea1 {outline: 0 none; width: 100%; height: 100px; background-color: #fff; border: 1px solid #ccc; padding: 0 5px; color: #888; font-size: 12px; line-height: 21px; font-weight: normal; letter-spacing: 0.04em; word-spacing: -0.02em;box-sizing: border-box; background-color: #fff; border-radius: 3px; resize: none;}
.textarea1:hover {border-color: #444;}
.textarea1:focus {border-color: #f37020;}

[type="number"].input1 {padding: 0 0 0 5px;}

.input1.trantype {border-color: transparent !important; background-color: transparent !important; color: #888;}

/* datepicker 별도적용 2024.08.21 */
.ico-cal:not(.input.day),
.datepicker:not(.input.day),
.yearpicker:not(.input.day),
.input1.ico-cal:not(.input.day),
.input1.datepicker:not(.input.day),
.input1.datepickerGeneral:not(.input.day),
.input1.yearpicker:not(.input.day) {letter-spacing: 0.03em; padding-right: 25px; background-image: url(../images/ico/ico-cal2.png); background-position: 85px center; background-repeat: no-repeat;}
.ico-cal:not(.input.day),
.datepicker:not(.input.day),
.yearpicker:not(.input.day),
.input1.ico-cal:not(.input.day),
.input1.datepicker:not(.input.day),
.input1.datepickerGeneral:not(.input.day),
.input1.yearpicker:not(.input.day) {width: 106px !important;}

td.datetype1 .input1.ico-cal,
td.datetype1 .input1.datepicker,
td.datetype1 .input1.yearpicker {width: 96px !important; background-position-x: 76px;}

.input1.datepicker.w170 {width: 170px !important; background-position-x: 146px;}

.select1:disabled, .select1:readonly,
.textareabox.disabled, .textareabox.disabled:hover, .textareabox.disabled:focus,
.input:disabled, .input1:disabled, .datepicker:disabled, .yearpicker:disabled, .textarea1:disabled,
.input:readonly, .input1:readonly, .datepicker:readonly, .yearpicker:readonly, .textarea1:readonly {opacity: .5; border-color: #ccc !important;}

.select1[disabled], .select1[readonly],
.input[disabled], .input1[disabled], .datepicker[disabled], .yearpicker[disabled], .textarea1[disabled],
.input1[readonly], .input[readonly], .datepicker[readonly], .yearpicker[readonly], .textarea1[readonly] {opacity: .5; border-color: #ccc !important;}

.input1.bold::placeholder {font-weight: bold; font-weight: 500; color: #333;}

[class*="ico-depin"] {text-indent: -999rem; font-size: 0; background-position: center center; background-repeat: no-repeat; display: inline-flex; justify-content: center; align-items: center;}
/*.ico-depin-page {width: 23px; height: 23px; border-radius: 23px; background-image: url(../images/ico/bg-dep1.png);}
.ico-depin-page::before {content: ''; display: block; width: 11px; height: 14px; background: url(../images/ico/ico-dep1.png) center center no-repeat;}*/

.ico-depin-page {width: 24px; height: 24px; margin-top: -2px;}

.ico-depin-page.menuVM {background-image: url(../../common/images/common/ico-menu1-8.png)}
.ico-depin-page.menuCD {background-image: url(../../common/images/common/ico-menu1-1.png)}
.ico-depin-page.menuBM {background-image: url(../../common/images/common/ico-menu1-2.png)}
.ico-depin-page.menuFI {background-image: url(../../common/images/common/ico-menu1-3.jpg)}
.ico-depin-page.menuWM {background-image: url(../../common/images/common/ico-menu1-4.png)}
.ico-depin-page.menuTM {background-image: url(../../common/images/common/ico-menu1-5.png)}
.ico-depin-page.menuMD {background-image: url(../../common/images/common/ico-menu1-6.png)}
.ico-depin-page.menuPT {background-image: url(../../common/images/common/ico-menu1-7.png)}
.ico-depin-page.menuWT_CDC,
.ico-depin-page.menuTM1 {background-image: url(../../common/images/common/ico-menu1-4.png)}/*cdc > rdc*/
.ico-depin-page.menuWT_RDC,
.ico-depin-page.menuTM {background-image: url(../../common/images/common/ico-menu1-5.png)}/*wm > cdc*/

.ico-depin-page.menuLPAS {background-image: url(../../common/images/common/ico-menu1-10.png)}
.ico-depin-page.menuWM_HRDST {background-image: url(../../common/images/common/ico-menu1-9.png)}

.ico-depin-cal {width: 16px; height: 16px; background-image: url(../images/ico/ico-cal1.png);}

[class*="ico-mainTit"] {text-indent: -999rem; font-size: 0; width: 36px; height: 36px; background: url(../images/ico/bg-mainTit.png) center center no-repeat; display: inline-flex; justify-content: center; align-items: center;}
[class*="ico-mainTit"]::before {content: ''; display: block; background-position: center center; background-repeat: no-repeat;}
.ico-mainTit1::before {width: 17px; height: 13px; background-image: url(../images/ico/ico-mainTit1.png);}
.ico-mainTit2::before {width: 15px; height: 13px; background-image: url(../images/ico/ico-mainTit2.png);}
.ico-mainTit3::before {width: 17px; height: 16px; background-image: url(../images/ico/ico-mainTit3.png);}

[class*="ico-mainSTit"] {text-indent: -999rem; font-size: 0; width: 19px; height: 19px; background-position: center center; background-repeat: no-repeat;}
.ico-mainSTit1 {background-image: url(../images/ico/ico-mainSTit1.png);}
.ico-mainSTit2 {background-image: url(../images/ico/ico-mainSTit2.png);}
.ico-mainSTit3 {background-image: url(../images/ico/ico-mainSTit3.png);}
.ico-mainSTit4 {background-image: url(../images/ico/ico-mainSTit4.png);}

[class*="ico-"] {vertical-align: middle; background-position: center center; background-repeat: no-repeat; font-size: 0; text-indent: -999rem; overflow: hidden; display: inline-block;}
[class^="ico-ix"]:not(.ico-ix-txt) {text-indent: -999rem; width: 20px; height: 22px;}
.ico-ix-save {width: 20px; height: 21px; background-image: url(../images/ico/ico-ix-save_n.png);}
.ico-ix-del {width: 20px; height: 22px; background-image: url(../images/ico/ico-ix-del_n.png);}
.ico-ix-check {width: 22px !important; height: 22px !important; background-image: url(../images/ico/ico-ix-check_n.png);}
.ico-ix-xel {background-image: url(../images/ico/ico-ix-xel_n.png);}

.ico-transfer {width: 25px; height: 24px; background-image: url(../images/ico/ico-transfer_n.png);}

.ico-shipper {width: 15px; height: 15px; background-image: url(../images/ico/ico-shipper.png);}
.ico-status {width: 15px; height: 15px; background-image: url(../images/ico/ico-status.png);}
.ico-office {width: 14px; height: 14px; background-image: url(../images/ico/ico-office.png);}
.ico-customer {width: 17px; height: 16px; background-image: url(../images/ico/ico-customer.png);}
.ico-partner {width: 16px; height: 13px; background-image: url(../images/ico/ico-partner.png);}
.ico-No {width: 13px; height: 14px; background-image: url(../images/ico/ico-No.png);}
.ico-print {width: 15px; height: 15px; background-image: url(../images/ico/ico-print.png);}
.ico-calendar {width: 19px; height: 19px; background-image: url(../images/ico/ico-calendar.png);}
.ico-map {width: 13px; height: 16px; background-image: url(../images/ico/ico-map.png);}
.ico-map2 {width: 39px; height: 38px; background: url(../images/ico/ico-map2.png) center center no-repeat;}
.ico-page {width: 13px; height: 16px; background-image: url(../images/ico/ico-page.png);}

.ico-pagetext {text-indent: -999rem; width: 42px; height: 14px; background: url(../images/ico/text-page.png) center center no-repeat;}

.ico-upload {width: 21px; height: 20px; background-image: url(../images/ico/ico-upload_n2.png);}
.ico-download {width: 22px; height: 20px; background-image: url(../images/ico/ico-download_n2.png);}
.filter-btn .btn-ix:not([class*="type"]) .ico-upload {background-image: url(../images/ico/ico-upload_n.png);}
.filter-btn .btn-ix:not([class*="type"]) .ico-download {background-image: url(../images/ico/ico-download_n.png);}
.ico-imgDel {width: 29px; height: 20px; background-image: url(../images/ico/ico-imgDel_n.png);}
.ico-imgPrint {width: 24px; height: 22px; background-image: url(../images/ico/ico-imgPrint_n.png);}
.ico-excelDown {width: 22px; height: 22px; background-image: url(../images/ico/ico-excelDown_n.png);}
.ico-excelUpload {width: 22px; height: 22px; background-image: url(../images/ico/ico-excelUpload_n.png);}
.ico-search {width: 18px; height: 18px; background-image: url(../images/ico/ico-search1_n.png);}
.ico-search2 {width: 18px; height: 18px; background-image: url(../images/ico/ico-search2.png);}
.ico-search3 {width: 19px; height: 19px; background-image: url(../images/ico/ico-search3_n.png);}
.ico-search4 {width: 16px; height: 16px; background-image: url(../images/ico/ico-search4_n.png);}
.ico-search5 {width: 24px; height: 24px; background-image: url(../images/ico/ico-search5.png); background-size: 80%; opacity: .6;}
.ico-search8 {width: 16px; height: 16px; background-image: url(../images/ico/ico-search8.png);}

.ico-locked {width: 19px; height: 20px; background-image: url(../images/ico/ico-locked.png);}
.ico-unlocked {width: 19px; height: 20px; background-image: url(../images/ico/ico-unlocked.png);}

.ico-refresh {width: 19px; height: 18px; background-image: url(../images/ico/ico-refresh.png);}
.ico-sync {width: 24px; height: 22px; background-image: url(../images/ico/ico-sync.png);}

.ico-reset {width: 20px; height: 20px; background-image: url(../images/ico/ico-reset.png)}
.ico-reset2 {width: 20px; height: 20px; background-image: url(../images/ico/ico-refresh.png)}

.ico-info {text-indent: -999rem; width: 14px; height: 14px; background: url(../images/ico/ico-info.png) center center no-repeat; border-radius: 7px;}
.ico-info2 {text-indent: -999rem; width: 30px; height: 30px; border: 1px solid #ccc; border-radius: 30px; background: #fff url(../images/ico/ico-info2.png) center center no-repeat;}
.ico-info3 {text-indent: -999rem; width: 29px; height: 29px; background: url(../images/ico/ico-info3.png) center center no-repeat;}
.ico-info4 {text-indent: -999rem; width: 29px; height: 29px; background: url(../images/ico/ico-info4.png) center center no-repeat;}
.ico-info5 {text-indent: -999rem; width: 14px; height: 21px; background: url(../images/ico/ico-info5.png) center center no-repeat;}
.ico-info6 {text-indent: -999rem; width: 16px; height: 16px; background: url(../images/ico/ico-info6.png) center center no-repeat;}

.ico-setting {width: 28px; height: 19px; background-image: url(../images/ico/ico-setting_n.png);}

.ico-check1 {width: 30px; height: 30px; background-image: url(../images/ico/ico-check1.png);}
.ico-check2 {width: 15px; height: 15px; background-image: url(../images/ico/ico-check2.png);}
.ico-check3 {width: 21px; height: 21px; background-image: url(../images/ico/ico-check3.png);}
.ico-check4 {width: 14px; height: 10px; background-image: url(../images/ico/ico-check4.png);}

.ico-book {width: 32px; height: 23px; background-image: url(../images/ico/ico-book.png);}
.ico-book-s {width: 32px; height: 23px; background-image: url(../images/ico/ico-book-s.png);}

.ico-add {width: 20px; height: 20px; background-image: url(../images/ico/ico-add.png);}
.ico-add-r {width: 22px; height: 22px; background-image: url(../images/ico/ico-add-r_n.png);}
.ico-minus-r {width: 22px; height: 22px; position: relative;}
.ico-minus-r::before {content: ''; display: block; background: url(../images/ico/ico-add-r_n.png) center center no-repeat; width: 12px; height: 2px; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -6px;}
.ico-copy {width: 21px; height: 23px; background-image: url(../images/ico/ico-copy_n.png);}
.ico-close {width: 18px; height: 18px; background-image: url(../images/ico/ico-close_n.png);}
.ico-trash {width: 23px; height: 23px; background-image: url(../images/ico/ico-trash_n.png);}
.ico-trash2 {width: 17px; height: 17px; background-image: url(../images/ico/ico-trash2.png);}
.ico-assign {width: 19px; height: 22px; background-image: url(../images/ico/ico-assign_n.png);}
.ico-mapping {width: 26px; height: 20px; background-image: url(../images/ico/ico-mapping_n.png);}
.ico-temp {width: 30px; height: 20px; background-image: url(../images/ico/ico-temp_n.png);}
.ico-tsave {width: 34px; height: 22px; background-image: url(../images/ico/ico-tsave_n.png);}
.ico-request {width: 32px; height: 22px; background-image: url(../images/ico/ico-request_n.png);}
.ico-del-r {width: 22px; height: 22px; background-image: url(../images/ico/ico-del-r_n.png);}
.ico-write2 {width: 21px; height: 21px; background-image: url(../images/ico/ico-write2_n.png);}
.ico-time {width: 24px; height: 23px; background-image: url(../images/ico/ico-time_n.png);}
.ico-add2 {width: 21px; height: 23px; background-image: url(../images/ico/ico-add2_n.png);}
.ico-com {width: 21px; height: 21px; background-image: url(../images/ico/ico-com_n.png);}
.ico-sec {width: 22px; height: 22px; background-image: url(../images/ico/ico-sec.png);}
.ico-doc {width: 20px; height: 22px; background-image: url(../images/ico/ico-doc_n.png);}
.ico-mail {width: 25px; height: 18px; background-image: url(../images/ico/ico-mail_n.png);}
.ico-location {width: 20px; height: 23px; background: url(../images/ico/ico-location-s.png) no-repeat center center;}
.ico-checkDoc {width: 26px; height: 24px; background-image: url(../images/ico/ico-checkDoc.png);}

.ico-clip {width: 15px; height: 15px; background-image: url(../images/ico/ico-clip.png);}
.ico-clip2 {width: 18px; height: 18px; background-image: url(../images/ico/ico-clip2.png);}
.ico-star {width: 17px; height: 17px; background-image: url(../images/ico/ico-star-off.png);}
.ico-star.on {width: 17px; height: 17px; background-image: url(../images/ico/ico-star-on.png);}

.ico-favo-w {text-indent: -999rem; width: 20px; height: 20px; background-image: url(../images/ico/ico-favo-w.png);}

.ico-new {width: 24px; height: 24px; background-image: url(../images/ico/ico-new.png); background-color: #fff; border: 1px solid #facd89; border-radius: 2px;}
.ico-popup {width: 24px; height: 24px; background-image: url(../images/ico/ico-popup.png); background-color: #fff; border: 1px solid #facd89; border-radius: 2px;}
.ico-warehouse {width: 26px; height: 24px; background-image: url(../images/ico/ico-warehouse.png);}
.ico-stock {width: 26px; height: 24px; background-image: url(../images/ico/ico-total1.png);}/*stock > total1*/
.ico-palette {width: 26px; height: 24px; background-image: url(../images/ico/ico-palette.png);}
.ico-expiration {width: 26px; height: 24px; background-image: url(../images/ico/ico-expiration.png);}
.ico-10days {width: 26px; height: 24px; background-image: url(../images/ico/ico-10days.png);}
.ico-error {width: 16px; height: 16px; background-image: url(../images/ico/ico-error.png);}
.ico-ok {width: 16px; height: 16px; background-image: url(../images/ico/ico-ok.png);}

.ico-tire-s1 {width: 24px; height: 25px; background-image: url(../images/ico/ico-tire-s1.png);}
.ico-tire-s2 {width: 25px; height: 25px; background-image: url(../images/ico/ico-tire-s2.png);}
.ico-tire-s3 {width: 26px; height: 25px; background-image: url(../images/ico/ico-tire-s3.png);}
.ico-tire-s4 {width: 25px; height: 25px; background-image: url(../images/ico/ico-tire-s4.png);}
.ico-tire-s5 {width: 31px; height: 25px; background-image: url(../images/ico/ico-tire-s5.png);}

.ico-clock-s1 {width: 24px; height: 25px; background-image: url(../images/ico/ico-clock-s1.png);}

.ico-total1 {width: 21px; height: 21px; background-image: url(../images/ico/ico-total1.png);}
.ico-total2 {width: 22px; height: 21px; background-image: url(../images/ico/ico-total2.png);}
.ico-total3 {width: 24px; height: 21px; background-image: url(../images/ico/ico-total3.png);}
.ico-total4 {width: 27px; height: 24px; background-image: url(../images/ico/ico-total4.png);}
.ico-total5 {width: 27px; height: 24px; background-image: url(../images/ico/ico-total5.png);}
.ico-total-order {width: 16px; height: 20px; background-image: url(../images/ico/ico-total-order.png);}
.ico-total-comp {width: 25px; height: 21px; background-image: url(../images/ico/ico-total-complete.png);}
.ico-total-incomp {width: 25px; height: 22px; background-image: url(../images/ico/ico-total-incomplete.png);}

.ico-1T {width: 27px; height: 22px; background-image: url(../images/ico/ico-1T.png);}
.ico-2_5T {width: 36px; height: 22px; background-image: url(../images/ico/ico-2_5.png);}
.ico-3_5T {width: 36px; height: 22px; background-image: url(../images/ico/ico-3_5.png);}
.ico-5T {width: 27px; height: 22px; background-image: url(../images/ico/ico-5T.png);}
.ico-1T, .ico-2_5T, .ico-3_5T, .ico-5T {background-image: none; position: relative;}
/* .ico-1T {width: 22px;}
.ico-2_5T {width: 30px;}
.ico-3_5T {width: 30px;}
.ico-5T {width: 22px;} */
.ico-1T::before, .ico-2_5T::before, .ico-3_5T::before, .ico-5T::before {content: ''; display: block; background-position: -14px -14px; background-repeat: no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ico-1T::before {width: 14px; height: 8px; background-image: url(../images/ico/ico-1T.png);}
.ico-2_5T::before {width: 22px; height: 8px; background-image: url(../images/ico/ico-2_5.png);}
.ico-3_5T::before {width: 22px; height: 8px; background-image: url(../images/ico/ico-3_5.png);}
.ico-5T::before {width: 14px; height: 8px; background-image: url(../images/ico/ico-5T.png);}

.ico-image {display: inline-block; width: 34px; height: 34px; background: url(../images/ico/ico-image.png) no-repeat center center; overflow: hidden; text-indent: -9999rem;}

.ico-graph {width: 24px; height: 20px; background-image: url(../images/ico/ico-graph.png);}

.ico-move {width: 9px; height: 15px; background-image: url(../images/ico/ico-move.png);}

.ico-img {width: 24px; height: 20px; background-image: url(../images/ico/ico-img.png);}
.ico-file {width: 24px; height: 20px; background-image: url(../images/ico/ico-file.png);}

.ico-round {width: 15px; height: 15px; border-radius: 100%;}
.ico-round.status1 {background-color: #15ad3c;}
.ico-round.status2 {background-color: #09abba;}
.ico-round.status3 {background-color: #f0be25;}

.ico-grid-fit-default{ width: 24px; height: 24px; background: url(../images/ico/ico-grid-fit-default.png) no-repeat center center;}
.ico-grid-fit-data{ width: 24px; height: 24px; background: url(../images/ico/ico-grid-fit-data.png) no-repeat center center;}
.ico-grid-fit-header{ width: 24px; height: 24px; background: url(../images/ico/ico-grid-fit-header.png) no-repeat center center;}


[class*="it-status"] {display: inline-flex; align-items: center; font-size: 12px; line-height: 15px; color: #000; padding-top: 3px; padding-left: 13px; min-height: 20px; position: relative;}
.ag-cell [class*="it-status"] {color: #000 !important;}
[class*="it-status"]::before {content: ''; width: 8px; height: 20px; border-radius: 4px; position: absolute; left: 0; top: 1px;}
[class*="it-status"].itype {text-indent: -999rem; line-height: 1px; padding-left: 15px;}
[class*="it-status"].itype::before {width: 15px; height: 15px; border-radius: 15px; top: 4px;}
.it-status1::before {background-color: rgb(255,000,000);}
.it-status2::before {background-color: rgb(021,173,060);}
.it-status3::before {background-color: rgb(000,153,255);}
.it-status4::before {background-color: rgb(240,190,036);}
.it-status5::before {background-color: rgb(127,127,127);}

.it-status1.ctype1 {color: rgb(235, 0, 0) !important;}
.it-status2.ctype1 {color: rgb(0, 165, 41) !important;}
.it-status3.ctype1 {color: rgb(0, 125, 209) !important;}
.it-status4.ctype1 {color: rgb(216, 162, 0) !important;}
.it-status5.ctype1 {color: rgb(127,127,127) !important;}

.ico-grid-sh {width: 47px; height: 21px; position: relative; background: url(../images/ico/ico-grid-sh1.png) no-repeat center center;}
.gridSH.on .ico-grid-sh {background-image: url(../images/ico/ico-grid-sh2.png);}
.gridSH .ix-txt {display: none !important;}

.btn-refresh {text-indent: -999rem; display: inline-block; width: 26px; height: 26px; background: url(../images/ico/ico-refresh.png) center center no-repeat; border-radius: 100%; vertical-align: top; font-size: 0; overflow: hidden;}
.btn-refresh:hover {background-color: #ffefe3;}

.btn-view {text-indent: -999rem; display: inline-block; width: 26px; height: 26px; background: url(../images/ico/ico-search6.png) center center no-repeat; border-radius: 100%; vertical-align: top;}
.btn-view:hover {background-color: #ffefe3;}

.btn-sh1 {font-size: 0; width: 19px; height: 19px; border-radius: 15px; background: transparent url(../images/ico/ico-arrowTB1.png) center center no-repeat; transform: rotate(0deg); transition: 0.4s;}
.btn-sh1:hover {background-color: #fff;}
.btn-sh1.on {transform: rotate(180deg);}

.btn-sh3,/*tms map show/hide-추후디자인오면 적용*/
.btn-sh2,
.btn-SH {font-size: 0; width: 26px; height: 26px; border-radius: 26px; background: transparent url(../images/ico/ico-arrowTB4.png) center center no-repeat; transform: rotate(0deg); transition: .3s;}
.btn-sh3:hover,
.btn-sh2:hover,
.btn-SH:hover {background-color: rgba(0,0,0,0.1);}
.btn-sh2.off,
.pagein-cont.off .btn-sh2 {transform: rotate(180deg);}

.btn-sh3 {transform: rotate(90deg);}

.btn-SH.on {transform: rotate(0deg);}
.btn-SH.off {transform: rotate(180deg);}

.btn-sh4 {font-size: 0; width: 26px; height: 26px; border-radius: 26px; background: transparent url(../images/ico/ico-arrowTB4.png) center center no-repeat; transform: rotate(0deg); transition: .3s;}
.btn-sh4.off {transform: rotate(180deg);}

.btn-lc {font-size: 0; text-indent: -999rem; width: 38px; height: 38px; background-color: #fefefe; border: 1px solid #ccc; border-radius: 38px;}
.btn-lc::before {content: ''; display: block; width: 12px; height: 17px; background: url(../images/ico/ico-lc.png) center center no-repeat; transform: rotate(-180deg); position: absolute; left: 50%; top: 50%; margin-top: -8px; margin-left: -6px;}

.btn-ix {min-width: 76px; height: 30px; text-align: center; padding: 0 11px; background-color: #fff; border: 1px solid #f5b570; border-radius: 3px; display: inline-flex; justify-content: center; align-items: center; /*font-family: 'Malgun Gothic', '맑은 고딕','arial', dotum, '돋움', sans-serif; font-weight: bold;*/}
.btn-ix:hover .ix-txt {color: #f9710c;}
.btn-ix .ix-txt,
.btn-ix [class^="ico-"] {vertical-align: middle;}
.btn-ix .ix-txt {line-height: 14px; font-size: 12px; color: #666; font-weight: 400; white-space: nowrap;}
.btn-ix [class^="ico-"] + .ix-txt,
.btn-ix .ix-txt + [class^="ico-"] {margin-left: 6px;}

.btn-ix.search {min-width: 82px; background-color: #666; border-color: #666; color: #fff; border-radius: 3px; vertical-align: top; line-height: 21px; font-size: 12px;}
.btn-ix.search::before {content: ''; width: 11px; height: 11px; display: inline-block; background: url(../images/ico/ico-search1_n.png) center center no-repeat; margin-right: 8px;}
.btn-ix.search .ix-txt {color: #fff;}
.btn-ix.search:hover {background-color: #444;}
.input1 + .btn-ix.search,
.select1 + .btn-ix.search {margin-left: 26px;}

.btn-ix.search2 {min-width: 95px; background-color: #22cb6e; border-color: #22cb6e; color: #fff; border-radius: 3px; vertical-align: top;}
.btn-ix.search2 .ix-txt {color: #fff;}
.btn-ix.search2:hover {background-color: #17a155; border-color: #17a155;}

.btn-ix.search3 {min-width: 95px; background-color: #22b9cb; border-color: #22b9cb; color: #fff; border-radius: 3px; vertical-align: top;}
.btn-ix.search3 .ix-txt {color: #fff;}
.btn-ix.search3:hover {background-color: #0f909e; border-color: #0f909e;}

.btn-ix.type2 {min-width: 0; height: 24px; border-radius: 5px; padding: 0 10px; border-color: #f4813a;}
.btn-ix.type2 .ix-txt {font-size: 12px; color: #f9710c;}
.btn-ix.type2:hover {border-color: #ca4d00;}
.btn-ix.type2 [class^="ico-"] + .ix-txt,
.btn-ix.type2 .ix-txt + [class^="ico-"] {margin-left: 6px;}

.btn-ix.type3 {min-width: 121px; height: 32px; border-radius: 4px; padding: 0 10px; border-color: #d3d4d5; background-color: #fff;}
.btn-ix.type3 .ix-txt {font-size: 13px; color: #333;}
.btn-ix.type3:hover {background-color: #f5f5f5;}

.btn-ix.type4 {min-width: 80px; height: 30px; border-radius: 4px; padding: 0 10px; border-color: #ddd; background-color: #fff;}
.btn-ix.type4 .ix-txt {font-size: 13px; color: #333;}
.btn-ix.type4:hover {background-color: #f5f5f5;}

.btn-ix.type5 {min-width: 40px; height: 30px; border-radius: 4px; padding: 0 4px; border-color: #ddd; background-color: #fff;}
.btn-ix.type5 [class^="ico-"] {font-size: 0; overflow: hidden; text-indent: -999rem;}
.btn-ix.type5:hover {background-color: #f5f5f5;}

.btn-ix.type6 {min-width: 105px; height: 30px; border-radius: 4px; padding: 0 4px; border-color: #ddd; background-color: #fff;}
.btn-ix.type6 [class^="ico-"] {font-size: 0; overflow: hidden; text-indent: -999rem;}
.btn-ix.type6:hover {background-color: #f5f5f5;}

/*.btn-ix.gridSH .ix-txt + [class*="ico-"] {margin-right: 3px !important;}*/

.btn-ix.color1 {background-color: #f6f6f6; border-color: #d3d4d5;}
.btn-ix.color1 .ix-txt {color: #333;}
.btn-ix.color1:hover {background-color: #dfdfdf;}

.btn-ix.color2 {background-color: #f38323;}
.btn-ix.color2 .ix-txt {color: #fff;}
.btn-ix.color2:hover {background-color: #f9710c;}

.btn-ix.color3 {background-color: #666; border-color: #666;}
.btn-ix.color3 .ix-txt {color: #fff;}
.btn-ix.color3:hover {background-color: #000; border-color: #000;}

.btn-ix.color4 {background-color: #fff; border-color: #22b9cb;}
.btn-ix.color4 .ix-txt {color: #22b9cb;}
.btn-ix.color4:hover {background-color: #22b9cb; border-color: #22b9cb;}
.btn-ix.color4:hover .ix-txt {color: #fff;}

.btn-ix.color5 {background-color: #fff; border-color: #ccc;}
.btn-ix.color5 .ix-txt {color: #888;}
.btn-ix.color5:hover,
.btn-ix.color5.on {background-color: #e1e1e1; border-color: #ccc;}
.btn-ix.color5:hover .ix-txt,
.btn-ix.color5.on .ix-txt {color: #333;}

.btn-ix.color6 {background-color: #e1e1e1; border-color: #e1e1e1;}
.btn-ix.color6 .ix-txt {color: #000;}
.btn-ix.color6:hover,
.btn-ix.color6.on {background-color: #c9c9c9; border-color: #c9c9c9;}

.btn-ix.color7 {background-color: #22b9cb; border-color: #22b9cb;}
.btn-ix.color7 .ix-txt {color: #fff;}
.btn-ix.color7:hover {background-color: #10a2b3; border-color: #10a2b3;}

.btn-ix.color8 {background-color: #3fb17a; border-color: #3fb17a;}
.btn-ix.color8 .ix-txt {color: #fff;}
.btn-ix.color8:hover {background-color: #268758; border-color: #268758;}

.btn-ix.icoT {border-color: transparent; background-color: transparent; height: auto !important; width: auto !important; min-width: auto; padding: 2px;}
.btn-ix.icoT:hover {}
.th + .btn-ix.icoT {vertical-align: middle;}

/*no bgcolor / bgcolor : type-sX / typeBG-sX (.btn-wcs2~5를 .btn-ix.type-s2~5 또는 .btn-ix.typeBG-s2~5)*/
[class*="type-s"].btn-ix, [class*="typeBG-s"].btn-ix {min-width: 20px; height: 20px; border-radius: 8px; padding: 0px 5px !important; font-size: 10px !important; line-height: 18px; font-weight: bold; background-color: #fff; border: 1px solid #717070; color: #717070 !important; vertical-align: top;}
[class*="type-s"].btn-ix:hover, [class*="type-s"].btn-ix:focus {background-color: rgba(0, 0, 0, .05);}
[class*="type-s"].btn-ix.on {background-color: #717070; color: #fff !important;}
[class*="type-s"][disabled].btn-ix,
[class*="type-s"][readonly].btn-ix,
[class*="type-s"][disabled].btn-ix.on,
[class*="type-s"][readonly].btn-ix.on {opacity: 1; border-color: #a5a5a5 !important; color: #a5a5a5 !important; background-color: #fff !important;}

.btn-ix.type-s1 {border-color: #717070; color: #717070 !important;}
.btn-ix.type-s2 {border-color: #f9710c; color: #f9710c !important;}
.btn-ix.type-s3 {border-color: #52bf8a; color: #52bf8a !important;}
.btn-ix.type-s4 {border-color: #9777a7; color: #9777a7 !important;}
.btn-ix.type-s5 {border-color: #2f61a5; color: #2f61a5 !important;}
.btn-ix.type-s6 {border-color: #717070; color: #717070 !important;}
.btn-ix.type-s1:hover, .btn-ix.type-s1:focus,
.btn-ix.type-s2:hover, .btn-ix.type-s2:focus {background-color: rgba(0, 0, 0, .05);}

.btn-ix.type-s1.on {border-color: #717070; background-color: #717070;}
.btn-ix.type-s1.on:hover, .btn-ix.type-s1.on:focus {background-color: #525252;}
.btn-ix.type-s2.on {border-color: #f9710c; background-color: #f9710c;}
.btn-ix.type-s2.on:hover, .btn-ix.type-s2.on:focus {background-color: #da5e00;}
.btn-ix.type-s3.on {border-color: #52bf8a; background-color: #52bf8a;}
.btn-ix.type-s3.on:hover, .btn-ix.type-s3.on:focus {background-color: #2a8a5b;}
.btn-ix.type-s4.on {border-color: #9777a7; background-color: #9777a7;}
.btn-ix.type-s4.on:hover, .btn-ix.type-s4.on:focus {background-color: #6c4a7e;}
.btn-ix.type-s5.on {border-color: #2f61a5; background-color: #2f61a5;}
.btn-ix.type-s5.on:hover, .btn-ix.type-s5.on:focus {background-color: #18427c;}
.btn-ix.type-s6.on {border-color: #f9710c; background-color: #f9710c;}
.btn-ix.type-s6.on:hover, .btn-ix.type-s6.on:focus {background-color: #da5e00;}

.btn-ix.itype {min-width: auto; height: 24px; background-color: transparent; border: 0 none; padding: 0;}
.btn-ix.itype [class*="ico-"] {vertical-align: top;}
.btn-ix.itype:hover {background-color: rgba(0,0,0,0.1);}

.btn-group.flex {display: inline-flex; align-items: center; justify-content: flex-end; width: 100%;}
.btn-group.flex .btn-ix + .btn-ix {margin-left: 10px;}
.btn-group.bottom {width: 100%; margin: 10px 0; text-align: right;}
.btn-group + .table2-list,
.btn-group + .grid-area {margin-top: 10px;}

.btn-area {margin-top: 10px;}

.btn-toggle, .btn-toggle.off {position: relative; display: flex; flex-direction: row; align-items: center; font-size: 13px; height: 35px; padding: 0 20px; border-radius: 20px; background-color: #3f3c3c; color: #fff;}
.btn-toggle.on {color: #fff; background-color: #ec6608;}
.btn-toggle.btnAllmenu::before {content: ""; width: 20px; height: 12px; margin-right: 10px; background: url(../../common/images/layout/ico-bars1.png) no-repeat center center;}
.btn-toggle.btnFavoOnly::before {content: ""; width: 20px; height: 20px; margin-top: -1px; margin-right: 10px; background: url(../../common/images/layout/ico-favo-w.png) no-repeat center center;}

.btn-onoff {width: 50px; height: 20px; float: right; position: relative; background-color: #ccc; border-radius: 20px;}
.btn-onoff::after {content: ''; width: 14px; height: 14px; background-color: #fff; border-radius: 100%; position: absolute; top: 3px; left: 4px; transition: 0.5s;}
.btn-onoff .txt2 {position: absolute; top: 2px; display: none;}
.btn-onoff .txt-on {left: 7px;}
.btn-onoff .txt-off {right: 7px;}
.btn-onoff.on {background-color: #ec6608;}
.btn-onoff.on::after {left: 32px;}
.btn-onoff.on .txt-on {display: block;}
.btn-onoff.off .txt-off {display: block;}

.grid-layout-col{ display: flex;}
.grid-layout-col > .col{ flex: 1;}
.grid-layout-col > .col.p60{ width: 60%; flex: none;}
.grid-layout-col > .col.p70{ width: 70%; flex: none;}
.grid-layout-col.sb-10 > .col + .col{ margin-left: 10px;}

.flex-row{ display: flex; flex-direction: row;}
.flex-row > .row + .row{ margin-left: 20px;}
.flex-col{ display: flex; flex-direction: column;}
.flex-col > .col + .col{ margin-top: 20px;}

#popTP{ height: 100%;}
#popTP .popup{ height: 100%; display: flex; flex-direction: column;}
#popTP .pop-cont{ flex: 1;}
#popTP .tp-form{ overflow-y: auto;}
.tp-form table{ height: 100%;}

.onoffbox::after {content: ''; display: block; clear: both;}
.onoffbox .txt1 {float: left; font-size: 16px; color: #666; font-weight: bold; letter-spacing: -0.03em; word-spacing: -0.03em;}
.onoffbox .txt2 {font-size: 10px; line-height: 15px; color: #fff; font-weight: bold;}

.onoffbox.type2 .btn-onoff {background-color: #999;}
.onoffbox.type2 .btn-onoff.on {background-color: #ec6608;}
.onoffbox.type2 .txt1 {font-size: 14px; font-weight: normal; margin-right: 10px; text-shadow: 0.8px 0 0 #999; letter-spacing: 0.02em; display: inline-block; float: none;}
.onoffbox.type2 .txt1.bold {font-weight: bold; color: #333; text-shadow: none; letter-spacing: -0.03em;}

.onoff-listbox {padding: 32px 65px 34px;}
.onoff-listbox .onoffbox {padding: 9px 21px 7px 24px; border-bottom: 1px solid #ddd;}
.onoff-listbox .onoffbox:first-child {border-top: 1px solid #ddd;}
.onoff-listbox .onoffbox .ra-box {margin-right: 30px;}
.onoff-listbox .onofftit {border-bottom: 1px solid #ddd;}
.onoff-listbox .onofftit > strong {display: inline-block; font-size: 15px; line-height: 20px; font-weight: bold; color: #000; position: relative; padding-bottom: 5px;}
.onoff-listbox .onofftit > strong::after {content: ''; display: block; width: auto; height: 2px; background-color: #ec6608; position: absolute; left: 0; right: 0; bottom: -1px;}
.onoff-listbox .onoffbox  + .onofftit {margin-top: 35px;}

.onoffbox.type3 .txt1 {}
.onoffbox.type3 .txt2 {position: static; font-size: 13px; font-weight: normal; color: #fff;}
.onoffbox.type3 .btn-onoff {display: inline-flex; flex-direction: row; align-items: center; width: auto; height: 35px; padding: 0 20px 0 40px; background-color: #3f3c3c;}
.onoffbox.type3 .btn-onoff::after {width: 16px; height: 16px; top: 50%; margin-top: -8px; left: 14px;}
.onoffbox.type3 .btn-onoff .txt-basic {display: none;}
.onoffbox.type3 .btn-onoff.on {background-color: #ec6608; padding: 0 40px 0 20px;}
.onoffbox.type3 .btn-onoff.on .txt2 {color: #fff;}
.onoffbox.type3 .btn-onoff.on::after {left: 82px;}
/*.onoffbox.type3 .btn-onoff.on.basic,
.onoffbox.type3 .btn-onoff.off.basic {background-color: #c3e5f7; border-color: #6BBFED;}
.onoffbox.type3 .btn-onoff.on.basic::after,
.onoffbox.type3 .btn-onoff.off.basic::after {background-color: #fff;}*/
.onoffbox.type3 .btn-onoff.on.basic .txt-on,
.onoffbox.type3 .btn-onoff.off.basic .txt-off {display: none;}
.onoffbox.type3 .btn-onoff.on.basic::before {content:'Default';font-size: 12px;line-height: 15px;color: #fff;position: absolute;left: 10px;top: 3px;}

.onoffbox.type4 .btn-onoff {width: 100%;padding: 2px 5px 7px;height: auto;float: none;display: flex;align-items: center;}
.onoffbox.type4 .btn-onoff::after {right: 100%; left: auto; top: 50%; margin-right: -20px; margin-top: -7px; transition: right 0.5s;}
.onoffbox.type4 .txt2 {position: relative; left: auto; right: auto; font-size: 13px;font-weight: 400;}
.onoffbox.type4 .btn-onoff:not(.on),
.onoffbox.type4 .btn-onoff:not(.on).off {padding-left: 26px;}
.onoffbox.type4 .btn-onoff:not(.on) .txt-off,
.onoffbox.type4 .btn-onoff.off:not(.on) .txt-off {padding-right: 5px;}
.onoffbox.type4 .btn-onoff.on {padding-right: 26px;}
.onoffbox.type4 .btn-onoff.on::after {right: 0; margin-right: 6px;}
.onoffbox.type4 .btn-onoff.on .txt-on {padding-left: 5px;}
.onoffbox.type4 .btn-onoff,
.onoffbox.type4 .btn-onoff.on,
.onoffbox.type4 .btn-onoff.off {background-color: #ec6608;}

.btn-favoChk {text-indent: -999rem; width: 20px; height: 20px; margin: -1px 0 0 5px; background-image: url(../images/ico/ico-favoChk.png); background-position: 0 0; background-repeat: no-repeat;}
.btn-favoChk.off:hover {background-position: -20px 0;}
.btn-favoChk.on {background-position: 0 -20px;}
.btn-favoChk.on:hover {background-position: -20px -20px;}

.btn-blank1 {font-size: 0; width: 22px; height: 22px; background: url(../images/ico/ico-blank1.png) center center no-repeat;}
.btn-blank1:hover {background-color: rgba(0,0,0,0.3);}
.btn-blank2 {font-size: 0; width: 28px; height: 28px; background: url(../images/ico/ico-blank2.png) center center no-repeat;}
.btn-blank2:hover {background-color: rgba(0,0,0,0.1);}

.btn-send {min-width: 20px; height: 24px; font-size: 12px; line-height: 17px; border: 1px solid #ed6d00; border-radius: 4px; margin: 5px 0; padding: 0 6px 0 25px; background: url(../images/ico/ico-send.png) left 50% no-repeat; background-size: auto 20px;}

.btn-add {position: relative; text-indent: -999rem; background-color: #fff; border: 1px dashed #f5b570; border-radius: 12px; padding: 2px 29px 2px 15px; font-size: 12px; line-height: 20px; color: #f37020; font-weight: bold; letter-spacing: -0.015em; min-width: 100px;}
.btn-add::after {content: ''; display: block; width: 14px; height: 14px; background: url(../images/ico/ico-add.png) center center no-repeat; position: absolute; top: 50%; right: 9px; margin-top: -7px;}
.btn-add:hover {border-color: #ca4d00;}

.btn-filterDel {text-indent: -999rem; width: 21px; height: 20px; border-radius: 20px; background: url(../images/ico/ico-del4.png) 6px 5px no-repeat;}
.btn-filterDel:hover {background-color: rgba(0, 0, 0, .4);}

.btn-filterSave {text-indent: -999rem; width: 21px; height: 20px; border-radius: 20px; background: url(../images/ico/ico-save.png) center center no-repeat;}
.btn-filterSave:hover {background-color: rgba(0, 0, 0, .4);}

.btn-filter,
.btn-filter_S {background-color: #fff; border: 1px solid #f5b570; border-radius: 12px; padding: 0 33px 0 17px; font-size: 12px; line-height: 12px; color: #f37020; font-weight: 400; letter-spacing: -0.015em; min-width: 63px; text-align: center; z-index: 0;}
.btn-filter { background-color: transparent; border: 0; color: #fff; min-width: 108px; padding: 0 0 0 15px; margin-right: 31px;}
.btn-filter:hover::before {background-color: #666;}
.btn-filter::before{ width: 100%; height: 100%; background-color: #909090; content: ''; border: 1px solid #909090; border-radius: 12px; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: -1;}
.btn-filter_S {background-color: #fff; border-color: #dddddd; color: #777; padding-right: 17px; text-align: center;}
.btn-filter_S:hover {border-color: #444;}
.btn-filter + .btn-filterSave{ margin: 0 26px 0 -26px;}

.filter {position: relative;}
.filter .btn-filter,
.filter .btn-filter_S {display: flex; align-items: center; height: 100%; justify-content: center;}
.filter .btn-filterDel,
.filter .btn-filterSave {position: absolute; right: 6px; top: 2px;}
.filter .btn-filterSave {display: none; right: 28px;}
.filter.on>.btn-filter_S {background-color: #e8a25f; border-color: #e8a25f; color: #fff;}
.filter.on>.btn-filter{ color: #fff;}
.filter.on>.btn-filter::before{background-color: #e8a25f; border-color: #e8a25f;}
.filter.on>.btn-filter_S:hover {background-color: #d67a23;}
.filter.on>.btn-filter:hover::before{background-color: #d67a23;}
.filter.on>.btn-filterSave {display: block; position: relative; right: auto; top: auto;}

.filterbox .filter {display: inline-block; vertical-align: top; margin: 0 3px 0 2px;
	display: inline-flex; align-items: center; justify-content: center; height: 24px;}

.btn-add.small,
.btn-refresh.small,
.filterbox.small .filter,
.filterbox.small .filter .btn-filter,
.filterbox.small .filter .btn-filter_S {height: 20px;}
.btn-add.small {min-width: 60px; border-radius: 6px;}
.btn-add.small::after {right: 3px;}
.btn-refresh.small {width: 20px;}
.btn-add.small + .btn-refresh.small {margin-left: 8px;}
.filterbox.small .btn-filter,
.filterbox.small .btn-filter_S {border-color: #fde4ca; border-radius: 6px; font-size: 10px; color: #fb9e65; font-weight: normal; letter-spacing: -0.020em; min-width: 60px;}
.filterbox.small .btn-filter:hover {border-color: #f5b570;}
.filterbox.small .btn-filter_S {background-color: #e7e6e5; border-color: #c3c3c3; color: #1c1c1c; padding-right: 4px;}
.filterbox.small .btn-filter_S:hover {background-color: #bbb;}
.filterbox.small .filter .btn-filterDel {right: 0; top: 0; border-radius: 6px;}
.filterbox.small .filter.on>.btn-filter,
.filterbox.small .filter.on>.btn-filter_S {color: #fff;}
.filterbox.small .filter.on>.btn-filter_S {background-color: #8f8f8f;}

.borderBg-box {border: 1px solid #ccc; background-color: #f5f5f5; border-radius: 2px;}
.borderBg-box.info-box {padding: 17px 25px 38px;}
.borderBg2-box {border: 1px solid #dcdada; background-color: #fff; border-radius: 28px;}
.borderBg3-box {border: 1px solid #ddd; background-color: #f9f9f9; border-radius: 2px;}
.borderBg4-box {border: 1px solid #ddd; background-color: #f9f9f9; border-radius: 8px;}

.tip {position: relative; padding-left: 10px !important;}
.tip::before {content: ''; display: block; width: 6px; height: 6px; background: url(../images/ico/ico-tip.png) center center no-repeat; position: absolute; left: 0; top: 5px;}

.limitbox {}
.limitbox .txt {font-size: 13px; color: #333; line-height: 20px;}
.limitbox .now {color: #ec6608; font-weight: bold;}
.limitbox .bar {}
.limitbox .now + .bar,
.limitbox .bar + .txt {margin-left: 3px;}

.nameSave-box {margin: 0 auto; border-bottom: 1px solid #ccc;}
.nameSave-box .input {width: 100%; display: block; height: 45px; line-height: 20px; padding: 13px 10px 12px 57px !important; background: url(../images/ico/ico-write.png) 24px center no-repeat; border: 0 none; border-radius: 0; border: 0 none !important; background-color: transparent !important;}

.nameSave-box .input::placeholder {color: #959393; font-weight: normal; font-size: 10.5pt;}
.nameSave-box .input::-webkit-input-placeholder {color: #959393; font-weight: normal; font-size: 10.5pt;}
.nameSave-box .input::-moz-placeholder {color: #959393; font-weight: normal; font-size: 10.5pt;}
.nameSave-box .input:-ms-input-placeholder {color: #959393; font-weight: normal; font-size: 10.5pt;}
.nameSave-box .input::-ms-input-placeholder {color: #959393; font-weight: normal; font-size: 10.5pt;}
.nameSave-box .txt-box {display: inline-block; width: 240px; padding-top: 3px;}
.nameSave-box .txt-left {color: #ec6608;}
.nameSave-box .txt-right {margin-left: 4px;}
.nameSave-box.has-limit {position: relative;}
.nameSave-box.has-limit .input {padding-right: 70px;}
.nameSave-box.has-limit .limitbox {position: absolute; right: 10px; bottom: 50%; margin-bottom: -10px;}
.nameSave-box.has-btnI1 {position: relative;}
.nameSave-box.has-btnI1 .input {padding-right: 40px;}
.nameSave-box.has-btnI1 .btn-i {width: 30px; height: 30px; position: absolute; right: 10px; top: 50%; margin-top: -15px;}
.nameSave-box.has-btnI1 .btn-i:hover {background-color: rgba(0,0,0,0.05);}
.nameSave-box.has-btnI1 .btn-i [class^="ico-"] {width: 30px; height: 30px; vertical-align: top; display: block;}

.nameSave-box .input.input1 {padding: 0 0 0 35px; background-position-x: 7px; font-size: 14px; color: #999999;}
.nameSave-box .input.input1::placeholder {color: #999;}
.nameSave-box .input.input1::-webkit-input-placeholder {color: #999;}
.nameSave-box .input.input1::-moz-placeholder {color: #999;}
.nameSave-box .input.input1:-ms-input-placeholder{color: #999;}
.nameSave-box .input.input1::-ms-input-placeholder{color: #999;}
.nameSave-box button.input1 {text-align: left;}
.nameSave-box button.input1:hover {background-color: #f1f1f1;}
.nameSave-box .input.shBtn {background-image: none; position: relative;}
.nameSave-box .input.shBtn::after {content: ''; display: block; width: 30px; height: 30px; background: url(../images/ico/ico-write.png) center center no-repeat; position: absolute; right: 0; top: 50%; margin-top: -15px;}
.nameSave-box .input.shBtn.on::after {background-image: url(../images/ico/ico-arrowTB3.png); background-size: 74%; transform: rotate(180deg);}

.info-box .textbox {padding: 12px 4px 0;}
.info-box .textbox p {color: #333; font-size: 14px; line-height: 24px; text-shadow: 0 0 #333; letter-spacing: 0.01em;}
.info-box .textbox p + p { margin-top: 7px;}
.info-box .textbox p + .tip {margin-top: 37px;}
.info-box .textbox .tip {color: #959393; text-shadow: 0 0 #959393; letter-spacing: 0; padding-left: 0;}

.info-box .textbox .titbox {padding-top: 1px;}
.info-box .textbox .titbox p {letter-spacing: 0.005em;}
.info-box .textbox .titbox p + p {margin-top: 0;}
.info-box .textbox .titbox .tit {text-shadow: none; font-weight: bold; letter-spacing: -0.01em;}
.info-box .textbox .titbox .desc {text-shadow: none;}

.info-box .textbox .titbox + .txtbox {margin-top: 14px;}
.info-box .textbox .txtbox p {text-shadow: none; letter-spacing: 0.005em;}
.info-box .textbox .txtbox p + p {margin-top: 0;}

.info-box .hl {color: #ee7724; font-weight: bold;}
.info-box .blank {position: relative; line-height: 17px;}
.info-box .blank::after {content: ''; width: auto; height: 1px; background-color: #333; position: absolute; left: 0; right: 0; bottom: 0;}
.info-box .blank:hover {color: #ee7724;}
.info-box .blank:hover::after {background-color: #ee7724;}

.filter-btn {display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: flex-end;}
.filter-btn > * + *,
.filter-btn > .flex >  * + * {margin-left: 8px;}
.filter-btn > .flex {margin-bottom: 4px;}
.filter-btn .btn-ix:not([class*="type"], .gridSH) {display: inline-flex; align-items: center; justify-content: center; padding: 0; border-radius: 4px; border: none; background-color: #fff; text-align: center; min-width: 18px; height: 26px;}
/* .filter-btn .btn-ix:not([class*="type"]):hover,
.filter-btn .btn-ix:not([class*="type"]).on {background-color: #268758; border-color: #268758;} */
.filter-btn .btn-ix:not([class*="type"], .gridSH) [class*="ico-"],
.filter-btn .btn-ix:not([class*="type"], .gridSH) [class*="ico-"] + .ix-txt {font-size: 0; overflow: hidden; text-indent: -999rem; margin: 0; padding: 0;}
.filter-btn .btn-ix:not([class*="type"], .gridSH) [class*="ico-"] + .ix-txt {display: none;}
.filter-btn .btn-ix.showtxt {padding-left: 4px; padding-right: 3px;}
.filter-btn .btn-ix.showtxt [class*="ico-"] + .ix-txt {font-size: 12px; text-indent: 0; margin-top: -1px; padding: 0 5px;}
.filter-btn .btn-ix:not([class*="type"], .gridSH) .ico-download {margin-bottom: 2px;}
.filter-btn .flex {display: inline-flex; align-items: center; flex-wrap: wrap;}
.filter-btn .btn-ix.gridSH,
.filter-btn [class*="type"].btn-ix {height: 23px; margin-top: 2px; margin-bottom: 2px;}
.filter-btn .btn-ix.gridSH + .btn-ix:not([class*="type"]),
.filter-btn [class*="type"].btn-ix + .btn-ix:not([class*="type"]) {margin-left: 10px;}
.filter-btn .btn-ix.typeTran {border-color: transparent; background-color: transparent; min-width: auto; padding: 5px 0;}
.filter-btn .btn-ix.typeTran:hover {background-color: #e8e8e8;}
.filter-btn .btn-ix.gridSH .ix-txt,
.filter-btn .btn-ix:not([class*="type"]) .ix-txt {display: inline-flex; align-items: center; width: 100%; height: 26px; padding: 0 6px; color: #fff; background-color: #408756; border-radius: 4px;}
.filter-btn .btn-ix:not([class*="type"]) .input1.btnin {border-color: #3fb17a; border-radius: 4px; margin: 0 2px; height: 20px; text-align: center;}
.filter-btn .btn-ix:not([class*="type"]) .input1.btnin:hover,
.filter-btn .btn-ix:not([class*="type"]) .input1.btnin:focus {border-color: #0a5531;}
.filter-btn .btn-ix:not([class*="type"]) .caret {display: inline-block; margin-left: 4px; border: 7px solid #408756; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: none; width: 0; height: 0;}

.filter-btn .btn-ix:not([class*="type"])[class*="drop"] {padding: 0 6px;}
.filter-btn .btn-ix:not([class*="type"]).dropdown-toggle {padding: 0 5px;}
.filter-btn .btn-ix:not([class*="type"]).dropdown-toggle .ix-txt {padding: 0; border: none;}
.filter-btn .btn-ix:not([class*="type"]).dropdown-toggle.bg {background-color: #408756;}
.filter-btn .btn-ix:not([class*="type"]).dropdown-toggle.bg .caret {border-top-color: #fff;}

.filter-btn .btn-ix:not([class*="type"]).add {border: 2px solid #408756; padding: 0;}
.filter-btn .btn-ix:not([class*="type"]).add .input1.btnin {border-color: #408756; margin: 0 4px 0 2px;}
.filter-btn .btn-ix:not([class*="type"]).add .input1.btnin + .ico-add-r,
.filter-btn .btn-ix:not([class*="type"]).add .input1.btnin ~ .ico-add-r {width: 12px; height: 12px; background-position: -6px -6px; margin-top: 1px; margin-right: 1px;}
.filter-btn .btn-ix:not([class*="type"]).add .txt {font-size: 12px; line-height: 17px; color: #408756;}
.filter-btn .btn-ix:not([class*="type"]).add .input1.btnin + .txt + .ico-add-r {width: 22px; height: 22px; position: relative; background-image: none;}
.filter-btn .btn-ix:not([class*="type"]).add .input1.btnin + .txt + .ico-add-r::before {content: ''; display: block; background: url(../images/ico/ico-add-r_n.png) center center no-repeat; width: 12px; height: 12px; position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px;}
.filter-btn .btn-ix:not([class*="type"]).add .ico-minus-r + .input1.btnin,
.filter-btn .btn-ix:not([class*="type"]).add .txt + .ico-add-r {margin-left: 4px;}

.filter-btn .btn-ix.mix:not([class*="type"]) {padding-left: 5px; padding-right: 5px;}
.filter-btn .btn-ix.mix:not([class*="type"]) [class*="ico-"] + .ix-txt {display: none;}

.filter-btn .btn-ix.minw1 {min-width: 65px;}
.filter-btn .btn-ix.minw1 .ix-txt {justify-content: center;}

.filter-btn.type1 {flex-wrap: nowrap;}
.filter-btn.type1 .input1,
.filter-btn.type1 .select1 {font-size: 12px; letter-spacing: -0.02em; padding-left: 5px; height: 25px;}
.filter-btn.type1 .input1.ico-cal,
.filter-btn.type1 .input1.datepicker,
.filter-btn.type1 .input1.yearpicker {width: 90px; background-position: 70px 4px; padding-right: 20px;}
.filter-btn.type1 .btn-ix:not([class*="type"]) {height: 25px;}
.filter-btn.type1 .btn-ix:not([class*="type"]) .ix-txt {font-size: 12px; line-height: 15px;}
/* .filter-btn.type1 [class*="type"].btn-ix {padding: 0 6px; height: 25px;} */
/* .filter-btn.type1 [class*="type"].btn-ix .ix-txt {font-size: 12px; line-height: 15px;} */

.filter-btn .btn-group .btn-ix {vertical-align: top;}
/* .filter-btn .btn-group .btn-ix .ix-txt {padding: 0;} */
.filter-btn .line-group {display: inline-flex; flex-direction: row; align-items: center;}
.filter-btn .line-group + .line-group {position: relative; padding-left: 9px; margin-left: 8px;}
.filter-btn .line-group + .line-group::before {content: ''; display: block; width: 1px; height: 12px; background-color: #666; position: absolute; left: 0; top: 50%; margin-top: -6px;}
.filter-btn .line-group .btn-ix:not([class*="type"]) ~ .btn-ix:not([class*="type"]) {margin-left: 8px;}

.icoOnlytype .btn-wcs1 [class*="ico-"] {margin-right: 0;}

.cont-top > .searchR-box {max-width: calc(100% - 100px);}

.cont-top {margin: 0 0 5px 0;}
.cont-top + .cont-top {margin-top: 0;}
.cont-bottom + .cont-top,
.cont-view + .cont-top {margin-top: 10px;}
.cont-list + .cont-top,
.cont-search + .cont-top {margin-top: 13px;}
.cont-view + .cont-view,
.cont-view + .cont-list,
.cont-list + .cont-list,
.cont-list + .cont-view,
.cont-search + .table-list {margin-top: 5px;}
.cont-search + .cont-view,
.cont-search + .cont-list {margin-top: 10px;}
[class*=cont-] + .cont-bottom {margin-top: 5px;}
.page-top + .cont-top {margin: 10px 0 5px;}

[class*="colbox"] > .col > .cont-top {margin: 0;}

.cont-top > [class*=title-dep] {margin-bottom: 6px;}

.cont-top {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.cont-top.fulltype {width: 100%; justify-content: flex-start;}
.cont-top.onlyR {justify-content: flex-end;}
.cont-top.tab-top {margin-bottom: 10px;}
.cont-top.ai-fs {align-items: flex-start;}
.cont-top.ai-fe {align-items: flex-end; align-content: flex-end;}
[class*="contTop-"] {display: inline-flex; align-items: center; justify-content: center;}
[class*="contTop-"] > *,
.filterbox {display: inline-flex; vertical-align: middle;}
[class*="contTop-"] > * + *,
[class*="contTop-"] > .in-div > * + * {margin-left: 4px;}
[class*="contTop-"] > .in-div + .in-div {margin-left: 20px;}
.contTop-left {text-align: left; flex: 1; justify-content: start;}
.contTop-left .input1 {font-size: 12px; line-height: 23px; height: 23px; padding-left: 5px; padding-right: 5px;}
.contTop-left .select1 {font-size: 12px; height: 21px;}
[class*="right"] [class*="btn-sh"] {margin-left: 19px;}
.contTop-right {justify-content: flex-end;}
.contTop-right .select1 {margin-top: 2px; height: 26px; line-height: 24px;}
.contTop-right .filter-btn .btn-ix {height: 26px;}
.contTop-right .filter-btn .btn-group {margin-left: 0; margin-right: 0;}
.contTop-right .filter-btn > * + .btn-group {margin-left: 6px;}
.contTop-right .filter-btn + .select1 {margin-top: 0;}

.contTop-left.filter-group {height: auto !important;}
.contTop-left.filter-group .input1 {margin-right: 20px;}

.inDiv-full {width: 100%;}
.inDiv-full > .in-div {display: flex; align-items: center; justify-content: flex-start; margin-right: 5px;}
.inDiv-full > .in-div + .in-div {margin-left: 0;}
.inDiv-full > .in-div > .label {}
.inDiv-full > .in-div > .label-join {}

.cont-top .label {font-size: 14px; line-height: 17px; margin-right: 9px;}
.cont-top * + .label {margin-left: 40px;}

.cont-top .label.type1 {position: relative; padding: 0 0 0 10px; color: #666; font-size: 12px; white-space: nowrap;}
.cont-top .label.type1::before {content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 3px; height: 3px; border-radius: 100%; background-color: #666;}

.cont-top .label.type2 {position: relative; padding: 0 0 0 10px; color: #333; font-size: 16px; font-weight: normal; white-space: nowrap;}
.cont-top .label.type2::before {content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 4px; height: 4px; border-radius: 100%; background-color: #999;}

.cont-top .label.type3 {position: relative; padding: 0 0 0 10px; color: #333; font-size: 15px; font-weight: 300; white-space: nowrap;}
.cont-top .label.type3::before {content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 2px; height: 2px; border-radius: 0; background-color: #999;}

.cont-top .label.type4 {position: relative; padding: 0 0 0 7px; color: #333; font-size: 13px; font-weight: 300; white-space: nowrap; margin-right: 0;}
.cont-top .label.type4::before {content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 2px; height: 2px; border-radius: 0; background-color: #999;}

.cont-top * + .label.type1 {margin-left: 25px;}
.cont-top .status-list.boxtype1 + .label[class*="type"] {margin-left: 7px;}

[class*="contTop-"] > .total {margin-top: 12px;}

.cont-top .num {font-weight: 500;}
.cont-top .num.type1 {color: #3fb17a;}
.cont-top .num.type2 {color: #f38323;}
.cont-top .dot.type2 + .num {font-size: 13px;}
.cont-top .dot + .num {}
.cont-top .num + .dot {margin-left: 30px;}

.cont-top.cttype1 {}

.cont-top [class*="type"].btn-ix .ix-txt {font-size: 11px;}

.page-top {margin-bottom: 10px;}
.page-cont {width: 100%; height: calc(100% - 80px); flex: 1; display: flex; flex-direction: column; align-items: start;}

.pagein-cont {width: 100%; height: auto; display: flex; flex-direction: column; /*justify-content: space-between;*/}

.total-tbox {display: inline-flex; justify-content: flex-start; align-items: center;}
.total-tbox .t-txt, .total-tbox .t-num {color: #333; font-size: 15px; font-weight: 300;}
.total-tbox .t-txt {margin-right: 4px;}
.total-tbox .t-num {margin-right: 8px;}
.total-tbox .c1 {color: #2452d6;}
.total-tbox .c2 {color: #e40e0e;}

.label.type3 + .total-tbox {margin-left: -3px;}

/* .flextype-cont .flex1 {flex: 1;}
.flextype-cont .flex2 {flex: 2;}
.flextype-cont .flex3 {flex: 3;}
.flextype-cont .flex4 {flex: 4;}
.flextype-cont .flex5 {flex: 5;}
.flextype-cont .flex6 {flex: 6;}
.flextype-cont .flex7 {flex: 7;}
.flextype-cont .flex8 {flex: 8;}
.flextype-cont .flex9 {flex: 9;} */
.flextype-cont [class*="flex"] .cont-top + div,
.flextype-cont [class*="flex"] .grid-area {display: flex; flex: 1;}
.flextype-cont [class*="flex"] .grid-area > div {flex: 1;}
.flextype-cont [class*="flex"].divHide {flex: 0;}
/*.flextype-cont .pagein-cont {transition: .2s;}*/
.flextype-cont .pagein-cont .grid-area {height: 100%; transition: .2s;}

.updated {display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}
.updated > em {font-size: 12px; line-height: 15px; color: #999; font-weight: 500; width: auto;}
.updated > em {letter-spacing: 0;}
.updated > em + em {margin-left: 3px;}
.updated > .bar + em {margin-left: 2px;}
.updated > em + .bar {margin-left: 3px;}
.title-dep1 .updated {margin-left: 5px;}

/* .page-cont .cont-top {height: 40px;} */
.page-cont .cont-top + .cont-top.type1 {height: auto;}
.page-cont .cont-list {height: calc(100% - 50px); overflow: hidden; transition: all .5s;}
.page-cont .cont-list .grid-area {transition: all .5s;}
.page-cont .pagein-cont .cont-list {height: auto; min-height: calc(100% - 50px);}
/* .page-cont .cont-top.hAuto {margin: 0;} */
.page-cont .cont-top.hAuto + .cont-list {margin-top: 5px;}
.page-cont .cont-top + .cont-top.hAuto {margin-top: 5px;}
.page-cont .cont-top.guide-cont {margin-bottom: 5px;}

.page-inner-title {position: relative; width: 100%; margin: 30px 0 10px; padding: 0 0 0 10px; color: #666; font-size: 12px; font-weight: 500; display: inline-flex; align-items: center; /*justify-content: space-between;*/}
.page-inner-title:not(.txtroundtype):before {content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 3px; height: 3px; border-radius: 100%; background-color: #666;}
.page-inner-title .txt,
.page-inner-title .txt.label {font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit;}
.page-inner-title .txt ~ div,
.page-inner-title .txt ~ .select1,
.page-inner-title .txt ~ .btn-ix {margin-left: 10px;}
.page-inner-title .filter-btn + .btn-ix {margin-left: 0;}
.page-inner-title + .tab-area {margin-top: 4px;}
.page-inner-title .txt:first-child ~ .txt {margin-left: 25px;}
.page-inner-title .txt + * {margin-left: 10px;}
.page-inner-title .bar + .txt {margin-left: 0 !important;}

.page-inner-title .right {margin-left: auto;}
.page-inner-title .filter-btn {width: auto;}

.cont-top .page-inner-title {width: auto; flex: 1; margin: 0;}
.cont-top.hAuto .page-inner-title {margin: 5px 0;}

.page-inner-title.txtroundtype {padding: 0;}
.page-inner-title.txtroundtype .txt {display: inline-flex; align-items: center; justify-content: flex-start; padding: 0 12px; font-size: 14px; color: #ed6d00; font-weight: 400; height: 31px; border: 1px solid #f58a2f; border-radius: 31px;}

.page-inner-title.maintype {font-size: 13px; font-weight: 700; color: #666; padding: 0;}
.page-inner-title.maintype::before {content: none;}

table .th {position: relative; padding-left: 10px; line-height: 11px;}
table .th::before {content: ''; display: block; width: 3px; height: 3px; background-color: #b3b2b2; border-radius: 100%; position: absolute; left: 0; top: 4px;}

.table-search {table-layout: fixed; width: auto;}
.table-search th,
.table-search td {text-align: left; padding: 2px 0; font-size: 12px; line-height: 17px; color: #888;}
.table-search th {font-weight: 400; color: #333;}
.table-search .td.btnbox {text-align: right;}
.table-search td.td-date {white-space: nowrap;}
.table-search td * {vertical-align: middle;}
.table-search .input1 {font-size: 12px; line-height: 17px; height: 23px; padding-left: 5px; padding-right: 5px;}
.table-search .select1 {font-size: 12px; line-height: 17px; height: 23px; padding-left: 5px; padding-right: 24px; background-image: url(../images/ico/ico-sel1-m.png);}
.table-search .listSH:not(.nodel) .link,
.table-search .listSH .link {padding-left: 5px; padding-right: 5px;}
.table-search .btn-ix {height: 23px;}
.table-search .btn-ix.search2,
.table-search .btn-ix.search3 {min-width: 170px;}
.table-search .btn-refresh {width: 23px; height: 23px;}
.table-search * + .btn-refresh {margin-left: 7px; margin-left: 25px;}
.table-search .btn-ix[class*="search"] ~ .btn-ix {margin-left: 22px;}
.table-search .filter-btn .btn-ix:not([class*="type"]) {height: 23px;}
.table-search .btn-ix.color2 {min-width: 145px;}
.table-search .btn-group.large .btn-ix {min-width: 121px; height: 32px;}
.table-search .btn-SH{ background-image: url(../images/ico/ico-arrow3.png); transform: rotate(-90deg);}
.table-search .btn-SH.on{ transform: rotate(90deg);}
.table-search .chk-box,
.table-search .ra-box {margin-right: 7px;}
.table-search .insearch-box .input {font-size: 12px; line-height: 17px; height: 23px; padding-left: 5px;}
.table-search * + .txt {margin-left: 5px;}

.table-search.type2 {width: 100%; margin: 0 0 10px 0; border: 1px solid #ddd; border-collapse: collapse;}
.table-search.type2 th,
.table-search.type2 td {border: 1px solid #ddd; padding: 3px 10px; color: #888;}
.table-search.type2 th {background-color: #fff7ef; color: #333;}
.table-search.type2 th *,
.table-search.type2 td * {vertical-align: middle;}

.tb-depth2 {padding: 2px 6px; /*background-color: #eee;*/ border: 1px solid #ddd; border-radius: 4px;}
.tb-depth2 .table-search {margin-left: 16px;}
.tb-depth2 .table-search .th::before {background-color: #aaa;}
.tb-depth2 .ra-group + .table-search.inner,
.tb-depth2 .td-group + .table-search.inner {margin-top: 4px;}
.tb-depth2 > .th {display: block; margin-top: 2px; margin-bottom: 5px; color: #666;}
.tb-depth2 > .th + .ra-group,
.tb-depth2 .th-group + .ra-group,
.tb-depth2 .th + .td-group,
.tb-depth2 .th-group + .td-group {padding-bottom: 3px; padding-right: 3px;}
.tb-depth2 > .th + .ra-group > .ra-box:last-child,
.tb-depth2 .th-group + .ra-group > .ra-box:last-child {margin-right: 0;}
.tb-depth2 .group-inbox {margin-right: 20px;}
.tb-depth2 .th + .group-inbox > div:last-child,
.tb-depth2 .th-group + .group-inbox > div:last-child {margin-right: 0;}
.tb-depth2 .group-inbox > * {margin-right: 5px;}
.tb-depth2 .label {margin-right: 10px;}
.tb-depth2 .td-group.type1 > [class$="-box"] {margin-right: 25px;}
.tb-depth2 .td-group .form-list > li label {font-weight: 400; font-size: 13px; margin-bottom: 0;}
.tb-depth2 .td-group .form-list > li .popCK{ position: relative;}
.tb-depth2 .td-group .form-list > li .popCK::before{ content: ''; display: inline-block; width: 18px; height: 18px; background-image: url(../images/chk-box_n.png); background-repeat: no-repeat; background-position: 0 0; margin: -9px 0 0 0; position: absolute; top: 50%; left: -1px;}
.tb-depth2 .td-group .form-list > li .popCK:checked::before{ background-position: 0 -20px;}

.tb-depth2.ibtype,
.tb-depth2 .ibtype {display: inline-block;}

.tb-depth2.iftype,
.tb-depth2 .iftype {display: inline-flex;}

.tb-depth2.thtoptype {position: relative; padding-top: 8px; padding-bottom: 3px; margin-top: 12px; background-color: #fdfbf9;}
.tb-depth2.thtoptype .th-group {position: absolute; top: -10px; padding: 0 5px; background-color: #fdfbf9;}
.tb-depth2.thtoptype .th {padding-left: 0;}
.tb-depth2.thtoptype .th::before {content: none;}

.tb-depth2.no-bd {border: none;}

.tb-depth2.type2 {background-color: #fdfbf9;}
.tb-depth2.type2 .table-search {margin-left: 0}
.tb-depth2.type2 .table-search .th {margin-left: 10px;}

.label-box {display: block; text-align: center; padding-bottom: 2px; line-height: 1;}

.group-divbox .tb-depth2.thtoptype {background-color: #fff; padding: 14px 12px 6px; margin-top: 17px;}
.group-divbox .tb-depth2.thtoptype .th-group {background-color: #fff;}
.group-divbox .tb-depth2.thtoptype + .tb-depth2.thtoptype {margin-top: 25px;}

.cont-search {display: inline-flex; align-items: center; justify-content: space-between; width: 100%; background-color: #fdfbf9; border: 1px solid #e8e7e7; border-radius: 6px; padding: 3px 7px 3px 10px; min-height: 36px;}
.cont-search .btn-right {margin: 1px 10px 0 auto;}
.cont-search.moreView {min-height: 33px;}

.cont-search-wrap.type2 {width: 1120px; margin: 10px 0;}
.cont-search-wrap .cont-search + .btn-group {width: 100%; text-align: center;}

/* 08_WM_product_receipt.html 타입 참고 */
.cont-search.type2 {background-color: #fff;}
.cont-search.type2 .table-search {width: 100%;}
.cont-search.type2 .table-search th,
.cont-search.type2 .table-search td {padding: 6px 0;}
.cont-search.type2 .table-search th.va-t {padding-top: 9px;}
.cont-search.type2 .th:not(.tb-depth2 .th) {font-weight: 700;}
.cont-search.type2 .table-search .tb-depth2 table:not(.table-search) td {padding: 0;}
.cont-search.type2 .table-search td .btn-group {padding: 10px 0;}
.cont-search.type2.single {padding-top: 10px; padding-bottom: 10px;}
.cont-search.type2 .mid-line th,
.cont-search.type2 .mid-line td {padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.cont-search.type2 .mid-line + tr th,
.cont-search.type2 .mid-line + tr td {padding-top: 10px;}

.topSearch-area {position: relative; width: 100%; /*padding-bottom: 30px;*/ margin-bottom: 6px;}

.topSearch-area .page-title {display: inline-flex; align-items: center; width: 100%;}
.topSearch-area .page-title .util {margin-left: auto;}
.topSearch-area.divHide.hideType1 .page-title {margin-bottom: 7px;}
.topSearch-area.divHide .btn-ix.btn-right {display: none;} /* form 외부 버튼 */

.topSearch-area .cont-search {margin-bottom: 10px;}
.topSearch-area .page-title + .cont-search {margin-top: 10px;}
.topSearch-area .cont-search .btn-SH {background-image: url(../images/ico/ico-arrow3.png); transform: rotate(90deg);}
.topSearch-area .cont-search .btn-SH.off {transform: rotate(-90deg);}

.topSearch-area.hideType1 {margin-bottom: 0;}
.topSearch-area.hideType1::after {content: ''; display: block; width: 100%; height: 1px; background-color: #e8e7e7; position: absolute; bottom: 15px; left: 0; right: 0;}
.topSearch-area.hideType1 .cont-search {padding: 0; border: 0 none; background-color: transparent; padding-bottom: 0; margin-top: 15px; min-height: 0;}
.topSearch-area.hideType1 .cont-search .btn-SH {position: absolute; z-index: 2; right: 8px; right: 0; margin-top: -10px;}
.topSearch-area.hideType1 {align-items: flex-start;}
.topSearch-area.hideType1 .table-search {display: none; position: relative; z-index: 1;}
.topSearch-area.hideType1 .table-search + [class*="btn-"]:not(.btn-SH) {display: none;}

.topSearch-area.hideType2 .cont-search {height: 33px; padding-top: 2px; align-items: flex-start; overflow: hidden;}
.topSearch-area.hideType2 .cont-search .btn-SH {margin-top: 1px;}

.top-info {border: 1px solid #d3d4d5; background-color: #fdfbfb; border-radius: 5px; padding: 3px 0; margin: 8px 0 5px;}
.top-info .table-search.type2 {border: 0 none; margin-bottom: 0;}
.top-info .table-search.type2 th,
.top-info .table-search.type2 td {border: 0 none; background-color: transparent;}

.page-top + div > .top-info,
.page-top + div > .search-full {margin: 8px 0 5px;}

.page-top + [class*="tabtype"] {margin-top: 10px;}

.tabtype1 {display: flex; align-items: flex-end; justify-content: flex-start;}
.tabtype1 li {display: inline-flex; align-items: center; justify-content: center; position: relative; margin-right: 2px;}
.tabtype1 li .tag {font-size: 11px;line-height: 15px;color: #807f7f;font-weight: 500;letter-spacing: -0.02em;word-spacing: -0.15em;padding: 4px 5px 4px; /*width: 130px; max-width: 130px;*/ border: 1px solid #8a8c8b;border-bottom: 0 none;border-radius: 2px 2px 0 0;text-align: center; background-color: #f0efef; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
.tabtype1 li .tag:hover,
.tabtype1 li.on .tag {color: #f9710c;border-color: #f9710c;background-color: #fff; position: relative;}
.tabtype1 li.on .tag::before {content: ''; display: block; border: 2px solid #f9710c; border-bottom: 0 none; position: absolute; left: -1px; top: -1px; right: -1px; bottom: 0;}
.tabtype1 .tab-close {position: absolute; right: 1px; top: 1px; bottom: 0; width: 28px; text-indent: -999rem; display: flex; align-items: center; justify-content: center; z-index: 1;}
.tabtype1 .tab-close::before {content: ''; display: block; width: 9px; height: 9px; background: url(../images/ico/ico-del2.png) center center no-repeat;}
.tabtype1 .tab-close:hover {background-color: rgba(0,0,0,0.1);}
.tabtype1 li.on .tab-close:hover {background-color: rgba(249,113,12, 0.2);}
.tabtype1 .tab-close + .tag {padding-right: 29px;}

/* tabtype1 w2ui custom */
.tabtype1.w2ui-tabs {min-height: 24px;}
.tabtype1.w2ui-tabs .inner {display: inline-flex; width: 100%; padding: 0; min-height: 24px;}
.tabtype1.w2ui-tabs .w2ui-scroll-wrapper {flex: 1; display: flex; align-items: flex-end; justify-content: flex-start; width: 100%; padding: 0;}
.tabtype1.w2ui-tabs .w2ui-tab {position: relative; display: inline-flex; align-items: center; margin: 0 2px 0 0; padding: 4px 5px !important; font-size: 11px; color: #807f7f; letter-spacing: -0.02em; word-spacing: -0.15em; padding: 3px 5px 2px; /*width: 130px; max-width: 130px;*/ height: 24px; border: 1px solid #8a8c8b; border-bottom: 0 none; background-color: #f0efef; border-radius: 2px 2px 0 0; text-align: center; cursor: pointer; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
.tabtype1.w2ui-tabs .w2ui-tab:hover,
.tabtype1.w2ui-tabs .w2ui-tab.active {color: #f9710c; border: 1px solid #f9710c; border-bottom: 0; background-color: #fff;}
.tabtype1.w2ui-tabs .w2ui-tab.active::before {content: ''; display: block; border: 2px solid #f9710c; border-bottom: 0 none; position: absolute; left: -1px; top: -1px; right: -1px; bottom: 0;}
.tabtype1.w2ui-tabs .w2ui-tabs-line {display: none;}
.tabtype1.w2ui-tabs .w2ui-tab .w2ui-tab-close {position: relative; z-index: 1; top: 0; right: 0; width: 20px; height: 16px; padding: 0; margin: 0 -5px 0 4px; opacity: 0; border: none; background: url(../images/ico/ico-del2.png) center center no-repeat; background-size: 9px 9px;}
.tabtype1.w2ui-tabs .w2ui-tab .w2ui-tab-close::before {content: none;}
.tabtype1.w2ui-tabs .w2ui-tab .w2ui-tab-close:hover {background-color: rgba(0,0,0,0.1);}
.tabtype1.w2ui-tabs .w2ui-tab:hover .w2ui-tab-close {opacity: 1;}
.tabtype1.w2ui-tabs .w2ui-tab.active .w2ui-tab-close {right: 2px;}

.tabtype2 {display: flex; align-items: flex-end; justify-content: flex-start;}
.tabtype2 li {display: inline-flex; align-items: center; justify-content: center; position: relative; margin-right: 5px;}
.tabtype2 li .tag {font-size: 11px; line-height: 17px; color: #807f7f; font-weight: 600; letter-spacing: -0.02em; word-spacing: -0.15em; padding: 2px 10px 2px; width: 130px; max-width: 130px; height: 23px; background-color: #fff; border: 1px solid #999; border-radius: 2px; text-align: center; white-space: nowrap; }
.tabtype2 li .tag:hover {background-color: rgba(0,0,0,0.1);}
.tabtype2 li.on .tag {color: #fff; border-color: #999; background-color: #999;}
.tabtype2 .tab-close {position: absolute; right: 1px; top: 1px; bottom: 0; width: 28px; text-indent: -999rem; display: flex; align-items: center; justify-content: center;}
.tabtype2 .tab-close::before {content: ''; display: block; width: 9px; height: 9px; background: url(../images/ico/ico-del2.png) center center no-repeat;}
.tabtype2 .tab-close:hover {background-color: rgba(0,0,0,0.1);}
.tabtype2 li.on .tab-close:hover {background-color: rgba(0,0,0,0.3);}
.tabtype2 li.on .tab-close::before {background-image: url(../images/ico/ico-del2-w.png);}
.tabtype2 .tab-close + .tag {padding-right: 35px;}

/* tabtype2 w2ui custom */
.tabtype2.w2ui-tabs {min-height: 23px;}
.tabtype2.w2ui-tabs .inner {display: inline-flex; width: 100%; padding: 0; min-height: 23px;}
.tabtype2.w2ui-tabs .w2ui-scroll-wrapper {flex: 1; display: flex; align-items: flex-end; justify-content: flex-start; width: 100%; padding: 0;}
.tabtype2.w2ui-tabs .w2ui-tab {position: relative; margin: 0 5px 0 0; font-size: 11px; line-height: 15px; color: #807f7f; font-weight: 600; letter-spacing: -0.02em; word-spacing: -0.15em; padding: 2px 18px 0 5px; width: 130px; max-width: 130px; height: 23px; border: 1px solid #999; border-radius: 2px; text-align: center; white-space: nowrap; cursor: pointer; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.tabtype2.w2ui-tabs .w2ui-tab:hover {background-color: rgba(0,0,0,0.1);}
.tabtype2.w2ui-tabs .w2ui-tab.active {color: #fff; border: 1px solid #999; background-color: #999;}
.tabtype2.w2ui-tabs .w2ui-tabs-line {display: none;}

.tabtype2.w2ui-tabs .w2ui-tab .w2ui-tab-close {width: 20px; height: 16px; padding: 0; opacity: 1; border: none; background: url(../images/ico/ico-del2.png) center center no-repeat; background-size: 9px 9px;}
.tabtype2.w2ui-tabs .w2ui-tab .w2ui-tab-close::before {content: none;}
.tabtype2.w2ui-tabs .w2ui-tab .w2ui-tab-close:hover {background-color: rgba(0,0,0,0.1);}
.tabtype2.w2ui-tabs .w2ui-tab.active .w2ui-tab-close {background-image: url(../images/ico/ico-del2-w.png);}

.w2ui-tabs .w2ui-scroll-wrapper .w2ui-tab {z-index: inherit;}

.tabtype3 {display: flex; align-items: flex-end; justify-content: flex-start;}
.tabtype3 li {display: inline-flex; align-items: center; justify-content: center; position: relative; margin-right: 5px;}
.tabtype3 li .tag {font-size: 11px; line-height: 13px; color: #807f7f; font-weight: 600; letter-spacing: -0.02em; word-spacing: -0.15em; padding: 2px 10px 2px; width: 90px; max-width: 130px; height: 20px; background-color: #fff; border: 1px solid #999; text-align: center; white-space: nowrap; border-radius: 10px;}
.tabtype3 li .tag:hover {background-color: rgba(0,0,0,0.1);}
.tabtype3 li.on .tag {color: #fff; border-color: #999; background-color: #999;}
.tabtype3 .tab-close {position: absolute; right: 1px; top: 1px; bottom: 0; width: 28px; text-indent: -999rem; display: flex; align-items: center; justify-content: center;}
.tabtype3 .tab-close::before {content: ''; display: block; width: 9px; height: 9px; background: url(../images/ico/ico-del2.png) center center no-repeat;}
.tabtype3 .tab-close:hover {background-color: rgba(0,0,0,0.1);}
.tabtype3 li.on .tab-close:hover {background-color: rgba(0,0,0,0.3);}
.tabtype3 li.on .tab-close::before {background-image: url(../images/ico/ico-del2-w.png);}
.tabtype3 .tab-close + .tag {padding-right: 35px;}

[class*="tabtype"].w2ui-tabs .w2ui-scroll-wrapper {margin-right: 10px; overflow: hidden;}
[class*="tabtype"].w2ui-tabs .w2ui-scroll-left,
[class*="tabtype"].w2ui-tabs .w2ui-scroll-right {position: relative; width: 18px; height: 24px; box-shadow: none; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: auto; cursor: pointer;}
[class*="tabtype"].w2ui-tabs .w2ui-scroll-left {background-image: url(../images/ico/ico-arrow5L.png);}
[class*="tabtype"].w2ui-tabs .w2ui-scroll-right {background-image: url(../images/ico/ico-arrow5R.png);}
[class*="tabtype"].w2ui-tabs .w2ui-scroll-left:hover,
[class*="tabtype"].w2ui-tabs .w2ui-scroll-right:hover {background-color: #f5f5f5;}
[class*="tabtype"].w2ui-tabs .w2ui-tab { flex: 0 0 auto;}
[class*="tabtype"].w2ui-tabs .w2ui-tab.empty {width: 0; overflow: hidden; padding: 0 !important; border: none; margin: 0; font-size: 0;}

/*dock 지정*/
.in-bfbox {width: 100%; height: 100px; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; padding: 4px; font-size: 11px; color: #333; line-height: 14px;}
.in-bfbox .btn1,
.in-bfbox .btn2 {width: 32px; height: 20px; font-size: 11px; border: 1px solid #ddd; border-radius: 2px;}
.in-bfbox .btn1 {background-color: #fff;}
.in-bfbox .btn1:hover {border-color: #444;}
.in-bfbox .btn2 {background-color: #666; color: #fff; border-radius: 3px;}
.in-bfbox .btn2:hover {background-color: #000;}
.in-bfbox .btnbox {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.in-bfbox .txtbox {height: calc(100% - 20px); padding-bottom: 5px;}
.in-bfbox .txtbox .txt1 {font-size: 13px; line-height: 15px; font-weight: 500;}
.in-bfbox .txtbox .txt2 {font-size: 11px; line-height: 14px; padding-top: 3px;}
.in-bfbox .bodybox {height: calc(100% - 20px); padding-bottom: 5px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.in-bfbox .footbox {height: 20px; border: 1px solid #ddd; border-radius: 2px; padding: 2px; background-color: #fff;}
.in-bfbox .footbox span {font-size: 10px; line-height: 13px; letter-spacing: 0.03em; font-weight: 300;}
.in-bfbox .footbox .time + .gu {margin-left: 2px;}

.in-bfbox.save-before .txtbox [class*="txt"] {color: #0e3ecf;}

.dockSet-area[class*="colbox"] > .col {height: 100%;}
.dockSet-area[class*="colbox"] > .col:first-child {padding-right: 5px;}
.dockSet-area[class*="colbox"] > .col:last-child {padding-left: 5px;}
.dockSet-area .cont-top {min-height: 26px; flex-wrap: wrap;}
.dockSet-area .cont-top > [class*="contTop-"] {flex-wrap: wrap;}
.dockSet-area .cont-top > .contTop-right > * {margin-top: 2px; margin-bottom: 2px;}
.dockSet-area .cont-top .input1 {height: 26px;}
/*.dockSet-area .cont-top.dep1 + .cont-top.dep2 {margin-top: 22px;}*/
.dockSet-area[class*="colbox"] > .col > .cont-top {margin-bottom: 5px; min-height: 30px;}
.dockSet-area .cont-top .in-div {align-items: flex-start;}
.dockSet-area .cont-top .in-div > .label {min-height: 26px; display: inline-flex; align-items: center;}
.dockSet-area .cont-top .in-div .status-list {flex-direction: row; flex-wrap: wrap;}
.dockSet-area .inDiv-full > .in-div {margin-right: 0; margin-left: 5px;}
.dockSet-area .inDiv-full > .in-div:first-child {margin-left: 0;}
.dockSet-area .cont-top .label {margin-right: 4px;}
.dockSet-area .cont-top .label-join {margin-left: 0;}
.dockSet-area .cont-top .label + .total-tbox {margin-left: 1px;}
.dockSet-area [class*="contTop-"] .status-list {width: 100%; flex-wrap: wrap;}
.sec-body .dockSet-area .filter-btn {width: auto;}
.popup .pop-cont .dockSet-area .filter-btn {margin-bottom: 0;}

/**************************************************popup*************************************************/
.popup-wrap:not(.windowtype) {display:none; z-index: 10; position:fixed; top:0; left:0; right:0; bottom: 0; overflow: auto;}
.popup-wrap:not(.windowtype):after {content:''; position:fixed; top:0; left:0; right:0; bottom: 0; background-color: rgba(23,23,23,.53); width:auto; height: auto; z-index:9;}
.popup-wrap:not(.windowtype).vertical-full::after {right: 17px;}
.popup-wrap:not(.windowtype).horizontal-full::after {bottom: 17px;}

.popup {position:fixed; top:50%; left:0; right: 0; /*max-height: 94%;*/ margin-top: -47%; margin-left: auto; margin-right: auto; box-sizing:border-box; z-index:10; background-color:#fff; border-radius: 2px;}
.popup.position-r {position: relative; top: auto; margin-top: 30px; margin-bottom: 30px; max-height: none;}
.popup.system {width:300px;}
.popup.w400 {width:400px;}
.popup.w481 {width:481px;}
.popup.w500 {width:500px;}
.popup.w553 {width:553px;}
.popup.w565 {width:565px;}
.popup.w600 {width:600px;}
.popup.w632 {width:632px;}
.popup.w700 {width:700px;}
.popup.w717 {width:717px;}
.popup.w744 {width:744px;}
.popup.w780 {width:780px;}
.popup.w800 {width:800px;}
.popup.w900 {width:900px;}
.popup.w1000 {width:1000px;}
.popup.w1020 {width:1020px;}
.popup.w1102 {width:1102px;}
.popup.w1200 {width:1200px;}
.popup.w1272 {width:1272px;}
.popup.w1300 {width:1300px;}
.popup.w1500 {width:1500px;}
.popup.w1550 {width:1550px;}
.popup .pop-head {position: relative; display: inline-flex; align-items: center; width: 100%; font-size: 24px; color: #333; font-weight: bold; padding: 21px 70px 20px 32px; letter-spacing: -0.015em; word-spacing: -0.04em; box-sizing: border-box;}
.popup .pop-head .ra-group {margin: 0 0 0 15px; text-transform: none;}
.popup .pop-head .ra-box {font-size: 13px; line-height: 1;}
.popup .pop-head > [class*="ico-"] {display: inline-block; margin-right: 16px; margin-top: -2px;}
.popup-wrap:not(.popup-FR-wrap) .popup .pop-head {line-height: 30px;}
.popup .pop-head.bbtype::after {content: ''; display: block; width: auto; height: 1px; background-color: #ccc; position: absolute; left: 36px; right: 37px; bottom: 0;}
.popup .pop-head.bbtype2::after {content: ''; display: block; width: auto; height: 1px; background-color: #ccc; position: absolute; left: 0; right: 0; bottom: 0;}
.popup .pop-head .btn-ix {margin-left: auto;}
.popup .pop-head .side-txt {font-size: 14px; text-transform: none;}
.popup .pop-head .side-txt2 { font-weight: 300; font-size: 14px; text-transform: none; line-height: 15px; padding: 0 0 0 0; margin: 0 0 0 20px; flex: 1; }
.popup .pop-head .right {margin-left: auto;}
.popup .pop-head .right.insearch-box {margin-top: 5px;}
.popup .pop-cont {position: relative; font-size: 14px; color: #595959; /*height: calc(100% - 51px);*/ padding: 10px 36px 20px; box-sizing: border-box; overflow-y: auto; overflow-wrap: break-word;}
.popup .pop-cont .pop-search {padding: 10px 32px;}
.popup .pop-cont .table-search {width: 100%;}
.popup .pop-foot {padding: 0 36px 20px; display: flex; align-items: center; justify-content: center;}
.popup .pop-foot::after {content: ''; display: block; clear: both;}
.popup .pop-foot .left,
.popup .pop-foot .right {width: auto;}
.popup .pop-foot .left {float: left;}
.popup .pop-foot .right {float: right;}
.popup .pop-foot .center {display: block; text-align: center;}
.popup .pop-foot .btn-ix {min-width: 126px; height: 36px;}
.popup .pop-foot .btn-ix:not([class*="color"]) {border-color: #ccc;}
.popup .pop-foot .btn-ix.minw150 {min-width: 150px;}
/* .popup .pop-foot .btn-ix:not([class*="color"]):hover {background-color: #f5f5f5;} */
.popup .pop-foot > [class*="btn-"] + [class*="btn-"],
.popup .pop-foot .btn-ix + .btn-ix {margin-left: 12px;}
.popup .pop-foot .btn-ix [class^="ico-"] {}
.popup .pop-foot .btn-ix .ix-txt {font-size: 14px; height: 34px; line-height: 34px; font-weight: bold;}
.popup .pop-foot .btn-ix [class^="ico-"] + .ix-txt {margin-right: 4px;}
.popup .pop-foot .btn-ix.type2 {min-width: 182px; height: 52px; background-color: #ec6608; border-color: #ec6608; border-radius: 4px;}
.popup .pop-foot .btn-ix.type2 .ix-txt {color: #fff; font-size: 22px; font-weight: 500;}
.popup .close {display: inline-block; position: absolute; top: 24px; right: 30px; background-color: transparent; background-image: url(../images/ico/ico-popup-close.png); background-position: 50% 50%; background-repeat: no-repeat;text-indent:-9999em; width: 30px; height: 30px;}
.popup .close:hover {background-color: #eaeaea;}

.popup .pop-foot .btn-group > .btn-ix .caret {display: inline-block; margin-left: 5px; border: 7px solid #707070; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: none; width: 0; height: 0;}
.popup .pop-foot .btn-group > .btn-ix.color1 + .caret {border-color: #ec6608;}
.popup .pop-foot .btn-group > .btn-ix .ix-txt {height: 100%; line-height: 22px;}
.popup .pop-foot .btn-group > .dropdown-menu {min-width: 100%;}

.popup.type2 .pop-head {padding: 23px 70px 25px 44px; font-size: 30px; font-weight: 500;}
.popup.type2 .pop-cont {padding: 0 39px 39px;}
.popup.type2 .pop-foot {padding: 0 39px 60px;}
.popup.type2 .close {top: 23px; right: 43px; background-image: url(../images/ico/ico-popup-close2.png);}

.popup .pop-cont .mCustomScrollBox {height: auto;}
.popup .pop-cont .mCSB_outside + .mCSB_scrollTools {right: 0;}

.popup .pop-cont .popcont-box {height: calc(100% - 55px); overflow-x: hidden; overflow-y: auto; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.popup .pop-cont .popcont-box > *,
.popup .pop-cont .popcont-box .mCSB_container > * {padding-right: 1px;}

.popup .pop-cont .popcont-box .mCSB_outside + .mCSB_scrollTools {right: -13px;}
.popup.no-footbtn .pop-cont {padding-bottom: 19px;}

.popup .pop-cont .filter-btn {margin-bottom: 10px;}

.popup.no-head .pop-cont {padding-top: 60px;}

.popup .pop-title {padding: 30px 20px 20px; text-align: center; font-size: 20px; font-weight: 500; color: #333;}
.popup .pop-title.type2 {padding: 0 0 0 10px; font-size: 12px; font-weight: 500; margin-bottom: 10px; color: #595959;}

.popup.noScroll .pop-cont {overflow: visible;}

/*window popup*/
.popup-wrap.windowtype > .popup {width: 100%; height: auto; position: relative; top: auto; left: auto; right: auto; margin: 0;}

.popup .system-txt {}
.popup .system-txt .txt {color: #999;}

.popup.system .pop-head {font-size: 15px; line-height: 19px !important; display: flex; align-items: center; padding: 15px 20px; border-bottom: 1px solid #ddd;}
.popup.system .pop-head > [class*="ico-"] {margin: 0 5px 1px;}
.popup.system .pop-head > .ico-info {transform: scaleX(-1);}
.popup.system .pop-cont {padding: 40px 25px;}
.popup.system .pop-cont .message-box {padding: 27px 0 32px; text-align: center; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.popup.system .pop-foot {padding-left: 10px; padding-right: 10px;}
.popup.system .system-txt .txt {color: #333;}
.popup.system.no-head .pop-cont {padding-top: 40px;}
.popup.system .close {top: 8px; right: 15px; background-image: url(../images/ico/ico-popup-close3.png); opacity: 1;}

/*************************************** main ********************************************/
.overview-cont {font-family: 'Noto Sans KR', sans-serif;}
.overview-cont .cont-top.type1 {margin-bottom: 13px; padding: 0 5px;}
.overview-cont .cont-top.type2 {margin-bottom: 0; height: 39px; padding: 0 10px 0 11px;}

.overview-cont .border-box > .cont-top {border-radius: 6px 6px 0 0; margin-bottom: 0; position: relative; left: -1px; top: -1px; right: -1px; width: calc(100% + 2px);}
.overview-cont .border-box > .cont-list {border-radius: 0 0 6px 6px;}

.overviewin-cont + .overviewin-cont {margin-top: 33px;}

.title-dep1 {font-size: 17px; line-height: 22px; font-weight: 400; color: #000; letter-spacing: -0.02em; word-spacing: -0.01em;}
.title-dep1 [class*="ico-depin"] {margin-right: 5px; vertical-align: baseline;}
.title-dep1 [class*="menu"].ico-depin-page {vertical-align: middle;}
.title-dep1 [class*="btn"] {margin: 0 2px;}
.title-dep1 .intit {font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; letter-spacing: inherit; word-spacing: inherit;}
.title-dep1 .intit + .intit {padding-left: 15px; margin-left: 7px; position: relative;}
.title-dep1 .intit + .intit::before {content: '>'; display: block; line-height: 13px; font-weight: 300; color: #505050; transform: scale(0.7,1.4); position: absolute; left: 0; top: 5px; }
.title-dep1 + .updated,
.title-dep1 + .filter-btn.mapbtn-area {margin-left: 4px;}

.title-dep2 {font-size: 14px; font-weight: 500; color: #333; letter-spacing: -0.02em; word-spacing: -0.01em;}
.title-dep2 [class*="ico-depin"] {margin-right: 7px;}

.title-mainTit {color: #f36f20; font-size: 18px; line-height: 23px; letter-spacing: -0.02em; word-spacing: -0.07em; display: flex; align-items: center;}
.title-mainTit [class*="ico-mainTit"] {display: inline-flex; margin-right: 9px;}

.title-mainSTit {color: #fff; font-size: 14px; line-height: 17px; font-weight: 500; letter-spacing: -0.02em; word-spacing: -0.07em; display: flex; align-items: center;}
.title-mainSTit [class*="ico-mainSTit"] {margin-right: 8px;}

.contTop-left .title-dep2 {padding-left: 5px;}
.contTop-left .form-list {padding-left: 10px;}

/*팝업 Create My Conditions */
.popup .CMC-area {padding: 23px 0 4px 0;}
.popup .CMC-area .nameSave-box {width: 84%; margin-bottom: 45px;}

/****************************AG Grid**************************/
[class*="ag-theme"] .ag-btnbox {display: flex;align-items: center;height: 100%;justify-content: flex-start;}
[class*="ag-theme"] .ag-btnbox .btn {margin: 0 2px;}

.tooltip-wrap {display: none; position: fixed; z-index: 12;}
.tooltip-wrap .textbox {max-width: 400px; border: 1px solid #ddd; background-color: #fff; padding: 10px; position: relative;     box-shadow: 3px 0px 4px rgba(0,0,0,0.1); border-radius: 5px;}
.tooltip-wrap.hide {display: none !important;}

.w2ui-tag .w2ui-tag-body,
.w2ui-overlay .w2ui-overlay-body {border: 1px solid #ddd;background-color: #fff;box-shadow: 3px 0px 4px rgba(0,0,0,0.1); border-radius: 5px; color: #222 !important; text-shadow: none;}
.w2ui-tag [class*="w2ui-tag"].w2ui-tag-body.w2ui-tag-top:after,
.w2ui-overlay [class*="w2ui-arrow"].w2ui-overlay-body:after {content: none;}
.w2ui-tag .w2ui-tag-body.w2ui-tag-top,
.w2ui-overlay .w2ui-overlay-body.w2ui-arrow-top {margin-top: 11px;}
.w2ui-overlay .w2ui-overlay-body.w2ui-arrow-bottom {margin-top: -8px;}

[id*="w2ui-tag-tabs"].w2ui-tag .w2ui-tag-body.w2ui-tag-top {margin-left: 14px;}
[id*="w2overlay-mainTabs_tooltip"].w2ui-overlay [class*="w2ui-arrow"].w2ui-overlay-body {margin-left: -16px;}

/****************************How To Use**************************/
.btn-howTo {display: inline-block; border-radius: 4px;}
.btn-howTo:hover {background-color: #f5f5f5;}

.howTo-area .howTo-box {padding: 50px 0 32px;}
.howTo-area .howTo-box + .howTo-box {border-top: 1px solid #999;}
.howTo-area .howTo-tit {margin-bottom: 22px; font-size: 18px; font-weight: 700; color: #333; letter-spacing: -0.02rem;}
.howTo-area .howTo-img {margin-bottom: 30px; border: 1px solid #ccc;}
/* .howTo-area .howTo-img.type2 {margin-bottom: 21px;} */
.howTo-area .howTo-img img {width: 100%;}

.howTo-info {padding: 0 16px; margin-bottom: 26px;}
.howTo-info .info-tit {display: inline-flex; align-items: center; width: 100%; margin-bottom: 14px;}
.howTo-info .info-tit .txt {font-size: 16px; font-weight: 500; color: #333; letter-spacing: -0.02rem;}
.howTo-info .info-tit .txt + img {margin-left: 13px;}
.howTo-info .info-list {position: relative; display: inline-flex; align-items: center; width: 100%;}
.howTo-info .info-list.type1 {padding-left: 20px;}
.howTo-info .info-list.type1 .txt {font-size: 14px; color: #666;}
.howTo-info .info-list.type1::before {content: ""; position: absolute; left: 11px; top: 8px; width: 3px; height: 3px; border-radius: 100%; background-color: #333;}
.howTo-info .info-list.type2 {margin: 18px 0 7px; padding-left: 12px;}
.howTo-info .info-list.type2 .txt {font-size: 13px;}
.howTo-info .info-list.type3 {margin-bottom: 6px; padding-left: 14px;}
.howTo-info .info-list.type3 .txt {font-size: 13px;}
.howTo-info .info-list.type4 {margin-top: 5px; margin-bottom: 6px; padding-left: 39px;}
.howTo-info .info-list.type4 .txt {font-size: 13px; color: #ed6d00;}
.howTo-info .info-list.type4::before {content:""; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 16px; height: 17px; background: url(../images/ico/ico-info7.png) no-repeat center center;}
.howTo-info .info-list.type5 {margin-bottom: 9px; padding-left: 5px;}
.howTo-info .info-list.type5 .txt {font-size: 16px; color: #333;}
.howTo-info .info-list .num {display: inline-block; width: 27px; height: 27px; line-height: 25px; margin-right: 11px; border-radius: 100%; background-color: #f26f1f; color: #fff; text-align: center; font-size: 12px;}

.howTo-info.type2 .info-list:not([class*="type"]) .txt {font-size: 16px;  font-weight: 500; color: #333;}
.howTo-info.type2 .info-list + .info-list {margin-top: 10px;}

.howTo-info .info-list .r-txt {display: inline-block; width: 20px; height: 20px; height: 18px; margin-right: 6px; background-color: #f29f5e; color: #fff; text-align: center; font-size: 11px; border-radius: 100%;}

.howTo-info .info-list .color-p1 {color: #ee0d0d;}

.focusIV-box {position: relative; width: 100%;}
/* .focusIV-box .clear.btn-del6 {right: 36px;} */
.focusIV-box > .input1 {width: 100%;}
.focusIV-box .focusIV-view {display: none; position: absolute; width: 100%; /*border: 1px solid #ccc;*/ background-color: #fff; z-index: 3;}
.focusIV-box .focusIV-view .scrollY {overflow: hidden;}
.focusIV-box .focusIV-view .listSH {border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.focusIV-box .focusIV-view.sh-listbox > .sh-list > .listSH:last-child,
.focusIV-box .focusIV-view .mCustomScrollbar:not(.mCS_no_scrollbar) {border-bottom: 1px solid #ccc; border-radius: 0 0 3px 3px;}
.focusIV-box .focusIV-view .mCustomScrollbar.mCS_no_scrollbar .listSH:last-child {border-bottom: 1px solid #ccc; border-radius: 0 0 3px 3px;}
.focusIV-box.bottom .focusIV-view {bottom: 32px;}
.focusIV-box.open .focusIV-view {display: block;}
.focusIV-box .btn-reset {position: absolute; right: 1px; top: 50%; transform: translateY(-50%); height: auto;}
.focusIV-box .insearch-box {display: inline-flex; align-items: center; width: 100%;}
.focusIV-box .insearch-box .input1 {flex: 1;}
.focusIV-box .insearch-box .input1 + .btn-ix {margin-left: 4px;}

.focusIV-box.select-type {background: url(../images/ico/ico-sel1-m.png) no-repeat right center;}
.focusIV-box.select-type .insearch-box .input {background-color: transparent;}
.focusIV-box.select-type .btn-del {margin-right: 22px;}

.focusIV-box.type2 .focusIV-view {border: 1px solid #ccc; border-top: none;}
.focusIV-box.type2 .focusIV-view .listSH {border: none;}
.focusIV-box.type2 .focusIV-view .sh-title {display: block; padding: 6px 6px; font-size: 12px; font-weight: 500; border-bottom: 1px solid #ddd;}
.focusIV-box.type2 .focusIV-view .sh-group {padding: 0 0 6px 0;}
.focusIV-box.type2 .focusIV-view .sh-group + .sh-group {margin-top: 6px;}
.focusIV-box.type2 .focusIV-view .sh-group .tit {padding: 4px 6px; font-size: 12px; font-weight: 700;}
.focusIV-box.type2 .focusIV-view .listSH {border-bottom: 0 !important;}
.focusIV-box.type2 .focusIV-view .listSH .link {padding: 2px 14px;}
.focusIV-box.type2 .focusIV-view .mCustomScrollbar:not(.mCS_no_scrollbar) {border-bottom: 0;}

.listSH {position: relative;}
.listSH .link {font-size: 12px; color: #333; display: block; padding: 4px 12px;}
.listSH .link:hover {background-color: rgba(0,0,0,0.02);}
.listSH .btn-del6 {width: 28px; height: 28px; position: absolute; right: 4px; top: 0;}
.listSH .link .txt-tit {display: inline-block; font-weight: 700;}
.listSH .link .txt-desc {display: inline-block; font-weight: 400; color: #888;}
.listSH .link .line {display: inline-block; margin: 0 4px;}

.listSH .link:hover .txt-tit,
.listSH .link:hover .txt-desc {text-decoration: underline;}
.listSH:not(.nodel) .link {padding-right: 23px;}
.listSH .btn-del {position: absolute; top: 2px; right: 10px;}

/* select2 플러그인 커스텀 */
#wrap .select2-container {display: inline-block; background-color: #fff;}
#wrap .select2-container--default {/*min-width: 180px;*/}
#wrap .select2-container--default .selection {position: relative; width: 100%;}
#wrap .select2-container--default .selection::before {content: ""; position: absolute; width: 23px; height: 5px; right: -4px; top: 50%; margin-top: -2px; background: url(../images/ico/ico-sel1.png) no-repeat center center;}
#wrap .select2-container--default .select2-selection--multiple {display: inline-flex; width: 100%; align-items: center; min-height: 21px; padding-right: 50px; border: 1px solid #ccc; border-radius: 3px; vertical-align: top;}
#wrap .select2-container--default.select2-container--focus .select2-selection--multiple {border-color: #f9710c;}
#wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered {padding: 0;}
#wrap .select2-container--default .select2-search--inline .select2-search__field {color: #000; font-size: 14px;}
#wrap .select2-container--default .select2-selection--multiple .select2-selection__clear {display: none; position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; margin: -4px 0 0; background: url(../images/ico/ico-del.png) no-repeat center center; font-size: 0; text-indent: -999rem; overflow: hidden;}
#wrap .select2-container--default .select2-selection--multiple .select2-selection__choice {margin: 2px;}
#wrap .select2-container .select2-search--inline .select2-search__field {padding: 0; margin: 0; width: 100% !important; font-size: 12px; padding-left: 5px;}
#wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}

#wrap .select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: transparent; border: none; padding: 2px; line-height: 1.2; font-size: 12px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto;}
#wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {display: none;}

#wrap .select2-container--default .select2-selection--multiple li.select2-selection__choice {height: 0; width: 0; padding: 0; margin: 0;}

.select2-results .select2-results__option {position: relative; padding-left: 37px; font-size: 12px; line-height: 1.1;}
.select2-results .select2-results__option::before {content:'';display:inline-block;width:20px;height:20px;position: absolute; left: 10px; top: 50%; margin-top: -10px; background-image:url("../images/chk-box.png");background-repeat:no-repeat;background-position:0 0;vertical-align:middle;}
.select2-results .select2-results__option[aria-selected = true]::before {background-position:0 -20px;}

.select2-dropdown {border-color: #ccc; border-top: 1px solid #ccc !important; margin-top: -1px;}
.select2-container--open .select2-dropdown {min-width: 180px;}

/* select2 single 테마 커스텀 */
.select2-container--single {/*min-width: 180px;*/}
.select2-container--single .selection {position: relative; width: 100%;}
.select2-container--single .selection::before {content: ""; position: absolute; width: 23px; height: 5px; right: -4px; top: 50%; margin-top: -2px; background: url(../images/ico/ico-sel1.png) no-repeat center center;}
.select2-container--single .select2-selection--single {display: inline-flex; width: 100%; align-items: center; min-height: 23px; padding-right: 50px; border: 1px solid #ccc; border-radius: 3px; vertical-align: top;}
.select2-container--single .select2-container--focus .select2-selection--single {border-color: #f9710c;}
.select2-container--single .select2-selection--single .select2-selection__rendered {padding: 0 0 0 2;}
.select2-container--single .select2-search--inline .select2-search__field {color: #000; font-size: 14px;}
.select2-container--single .select2-selection--single .select2-selection__clear {display: none; position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; margin: -4px 0 0; background: url(../images/ico/ico-del.png) no-repeat center center; font-size: 0; text-indent: -999rem; overflow: hidden;}
.select2-container--single .select2-selection--single .select2-selection__choice {margin: 2px;}
.select2-container--single .select2-search--inline .select2-search__field {padding: 0; margin: 0; width: 100% !important; font-size: 12px; padding-left: 5px;}
.select2-container--single .select2-selection--single .select2-selection__arrow b {display: none;}
.select2-container--single .select2-selection--single .select2-selection__choice {background-color: transparent; border: none; padding: 2px; line-height: 1.2; font-size: 12px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto;}
.select2-container--single .select2-selection--single .select2-selection__choice__remove {display: none;}
.select2-container--single .select2-dropdown .select2-results .select2-results__option {position: relative; padding-left: 5px; font-size: 12px; line-height: 1.1;}
.select2-container--single .select2-dropdown .select2-results .select2-results__option::before {content:'';display:inline-block;width:0px;height:0px;position: absolute; left: 0px; top: 50%; margin-top: -10px; background-image:url("../images/chk-box.png");background-repeat:no-repeat;background-position:0 0;vertical-align:middle;}
.select2-container--single .select2-dropdown .select2-results .select2-results__option[aria-selected = true]::before {background-position:0 -20px;}
.select2-container--single .select2-dropdown {border-color: #ccc; border-top: 1px solid #ccc !important; margin-top: -1px;}
.select2-container--single .select2-container--open .select2-dropdown {min-width: 180px;}
.select2-container--single .select2-results {max-height: 200px; overflow-y: scroll;}

.select2-container--default .select2-selection--single {border-color: #ccc;}

/*.select2-container:hover .select2-selection {border-color: #444;}
.select2-container.select2-container--open .select2-selection {border-color: #f37020;}
.select2-container--open .select2-dropdown {border-top-color: #f37020 !important;}*/

/* 기본 검색 필터 내부 */
#wrap .table-search .select2:not(.fixsize).select2-container {width: calc(100% - 30px) !important; max-width: calc(100% - 30px);}
#wrap .table-search .wtype1 + .select2:not(.fixsize).select2-container {width: 100% !important; max-width: 100%;}
#wrap .table-search .wtype2 + .select2:not(.fixsize).select2-container {width: calc(100% - 10px) !important; max-width: calc(100% - 10px);}

#wrap .table-search .select2-container .select2-selection--single {height: 23px;}
#wrap .table-search .select2-container--default .select2-selection--single .select2-selection__arrow {height: 23px;}
#wrap .table-search .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 23px;}

/* insearch-box 내부에 있을 경우 */
#wrap .table-search .insearch-box {width: calc(100% - 30px); height: 23px; justify-content: flex-start;}
#wrap .table-search .insearch-box .select2.select2-container {width: 100% !important; max-width: 100% !important;}
#wrap .table-search .insearch-box .select1[multiple] + .has-reset,
#wrap .table-search .insearch-box .select2.select2-container + .has-reset {position: absolute; right: 18px;}
#wrap .table-search .insearch-box .select2.select2-container.select2-container--default .select2-selection--multiple {border: none;}
#wrap .table-search .insearch-box .select2-container--default .select2-selection--single {border: 0 none;}

#wrap .table-search .focusIV-box > .insearch-box {width: 100%; background-color: #fff;}

/* .mail-area, .formelist-area {margin-top: 20px;} */

.form-list > li {width: 100%; margin-bottom: 10px;}
.form-list > li:last-child {margin-bottom: 0 !important;}
.form-list > li.type1 {display: flex; justify-content: space-between; align-items: center;}
.form-list > li label,
.form-list > li .label {display: block; margin-bottom: 8px; color: #333; font-weight: 700; font-size: 14px;}

.form-list > li .input1,
.form-list > li .select1,
.form-list > li .textarea1 {width: 100%;}
.form-list > li [class*="rabox-col"] {display: inline-flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
.form-list > li [class*="rabox-col"].dis-ib {display: inline-flex !important;}
.form-list > li .rabox-col4 .ra-box {width: 25%; margin-right: 0; padding-right: 5px; margin-bottom: 4px;}

.form-list > li [class*="wtype"] {display: inline-block;}
.form-list > li label.wtype1,
.form-list > li .label.wtype1 {width: 75px;}
.form-list > li label.wtype1 + *,
.form-list > li .label.wtype1 + * {width: calc(100% - 80px);}
.form-list > li label.wtype2,
.form-list > li .label.wtype2 {width: 70px;}
.form-list > li label.wtype3,
.form-list > li .label.wtype3 {width: 170px;}
.form-list > li label.wtype4,
.form-list > li .label.wtype4 {width: 115px;}
.form-list > li label.wtype4 + *,
.form-list > li .label.wtype4 + * {width: calc(100% - 120px);}

.form-list.type2 {width: 100%; display: flex; flex-direction: row; justify-content: flex-start; margin-bottom: 10px;}
.form-list.type2 > li {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: auto; margin: 0;}
.form-list.type2 > li + li {margin-left: 20px;}
.form-list.type2 > li:last-child {margin-right: 0;}
.form-list.type2 > li label:not(.ra-box > label) {width: auto; margin: 0 10px 0 0; font-size: 12px; font-weight: 500; color: #333;}
.form-list.type2 > li .input1,
.form-list.type2 > li .textarea1 {width: 106px;}
.form-list.type2 > li .select1 {width: auto;}
.form-list.type2 .btn-ix.search {height: 24px; margin-left: 10px;}
.form-list.type2 .form-list.type2 {margin-bottom: 0;}
.form-list.type2 .right {margin-left: auto;}
.form-list.type2 .dot {white-space: nowrap; margin-right: 10px; font-size: 12px; font-weight: 500;}

.form-list.type3 {padding-left: 6px;}
.form-list.type3 > li {display: inline-flex; align-items: center; margin-bottom: 6px;}
.form-list.type3 > li .input1,
.form-list.type3 > li .select1,
.form-list.type3 > li .textarea1 {width: auto;}

.form-list > li .input1.time {width: 70px;}
.form-list > li .input1.tel {width: 100px;}
.form-list > li .filter-btn {margin: 0 0 0 6px !important;}
.form-list > li .ra-box > label {margin: 0;}
.form-list > li .ra-box.last {margin-right: 0;}

.mail-area .form-list + .table-list,
.formelist-area .form-list + .table-list,
.formelist-area .nameSave-box + .form-list {margin-top: 20px;}

[class*="resize-area"],
.grid-area {width: 100%; padding-top: 5px;}
[class*="resize-area"] > .grid-area {padding-top: 0;}
[class*="resize-area"] + [class*="resize-area"],
.grid-area + .grid-area {margin-top: 30px;}
.cont-top + [class*="resize-area"],
.cont-top + .page-cont [class*="resize-area"],
.cont-top + .grid-area,
.cont-top + .page-cont .grid-area {padding-top: 0;}
.search-full + .page-cont [class*="resize-area"],
.search-full + .page-cont .grid-area {padding-top: 5px;}
.fixed-table-container + .fixed-table-container,
.grid-area.fixed-table-container + .fixed-table-container {margin-top: 0;}
[class*="resize-area"] {height: 100%;}
[class*="resize-area"] > .grid-area {height: 100%;}
.grid-area .ico-location,
.grid-area .ico-file,
.grid-area .ico-graph{ background-size: contain;}

.grid-area.full-box {min-height: 626px;}
.grid-area.full-box > [class*="ag-theme"] {width: 100%; height: 100%;}

.icon-wcs {min-width : 21px;  padding-top: 1px; padding-bottom: 0;}

.btn {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px}
.btn.type2 {display: inline-flex; align-items: center; min-width: 40px; height: 30px; padding: 0 10px;}
.btn.type2:hover {background-color: #f5f5f5;}
.btn.type2 [class*="ico-"] {font-size: 0; text-indent: -999rem; overflow: hidden;}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {outline: none;}

.btn-group-xs>.btn,
.btn-xs {border-radius: 8px; padding: 1px 5px; font-size: 12px !important; line-height: 1.5;}
.btn-group-sm>.btn,
.btn-sm {padding: 5px 10px; font-size: 12px; border-radius: 3px;}
.btn.disabled.disBtype,
.btn.disBtype[disabled],
fieldset[disabled] .btn.disBtype {filter: alpha(opacity=100); -webkit-box-shadow: none; opacity: 1; background-color: #fff !important; color: #7b7b7b;}

.btn-wcs2 {color: #fff !important; background-color: #f9710c; border-color: #f9710c; font-weight: bold;}
.btn-wcs2.focus,.btn-wcs2:focus {color: #fff; background-color: #de6003; border-color: #de6003}
.btn-wcs2:hover {color: #fff; background-color: #de6003; border-color: #de6003}
.btn-wcs2.active,.btn-wcs2:active,.open>.dropdown-toggle.btn-wcs2 {color: #fff; background-color: #c85500; border-color: #c85500}
.btn-wcs2.active.focus,.btn-wcs2.active:focus,.btn-wcs2.active:hover,.btn-wcs2:active.focus,.btn-wcs2:active:focus,.btn-wcs2:active:hover,.open>.dropdown-toggle.btn-wcs2.focus,.open>.dropdown-toggle.btn-wcs2:focus,.open>.dropdown-toggle.btn-wcs2:hover {color: #fff; background-color: #c85500; border-color: #c85500}
.btn-wcs2.active,.btn-wcs2:active,.open>.dropdown-toggle.btn-wcs2 {background-image: none}
.btn-wcs2.disabled,.btn-wcs2.disabled.active,.btn-wcs2.disabled.focus,.btn-wcs2.disabled:active,.btn-wcs2.disabled:focus,.btn-wcs2.disabled:hover,.btn-wcs2[disabled],.btn-wcs2[disabled].active,.btn-wcs2[disabled].focus,.btn-wcs2[disabled]:active,.btn-wcs2[disabled]:focus,.btn-wcs2[disabled]:hover,fieldset[disabled] .btn-wcs2,fieldset[disabled] .btn-wcs2.active,fieldset[disabled] .btn-wcs2.focus,fieldset[disabled] .btn-wcs2:active,fieldset[disabled] .btn-wcs2:focus,fieldset[disabled] .btn-wcs2:hover {background-color: #fff; border: 1px solid #f9710c; color: #f9710c !important; opacity: 1;}

.btn-wcs3 {color: #fff !important; background-color: #52bf8a; border-color: #52bf8a; font-weight: bold;}
.btn-wcs3.focus,.btn-wcs3:focus {color: #fff; background-color: #40b17a; border-color: #40b17a}
.btn-wcs3:hover {color: #fff; background-color: #40b17a; border-color: #40b17a}
.btn-wcs3.active,.btn-wcs3:active,.open>.dropdown-toggle.btn-wcs3 {color: #fff; background-color: #268b5a; border-color: #268b5a}
.btn-wcs3.active.focus,.btn-wcs3.active:focus,.btn-wcs3.active:hover,.btn-wcs3:active.focus,.btn-wcs3:active:focus,.btn-wcs3:active:hover,.open>.dropdown-toggle.btn-wcs3.focus,.open>.dropdown-toggle.btn-wcs3:focus,.open>.dropdown-toggle.btn-wcs3:hover {color: #fff; background-color: #268b5a; border-color: #268b5a}
.btn-wcs3.active,.btn-wcs3:active,.open>.dropdown-toggle.btn-wcs3 {background-image: none}
.btn-wcs3.disabled,.btn-wcs3.disabled.active,.btn-wcs3.disabled.focus,.btn-wcs3.disabled:active,.btn-wcs3.disabled:focus,.btn-wcs3.disabled:hover,.btn-wcs3[disabled],.btn-wcs3[disabled].active,.btn-wcs3[disabled].focus,.btn-wcs3[disabled]:active,.btn-wcs3[disabled]:focus,.btn-wcs3[disabled]:hover,fieldset[disabled] .btn-wcs3,fieldset[disabled] .btn-wcs3.active,fieldset[disabled] .btn-wcs3.focus,fieldset[disabled] .btn-wcs3:active,fieldset[disabled] .btn-wcs3:focus,fieldset[disabled] .btn-wcs3:hover {background-color: #fff; border: 1px solid #52bf8a; color: #52bf8a !important; opacity: 1;}

.btn-wcs4 {color: #fff !important; background-color: #9777a7; border-color: #9777a7; font-weight: bold;}
.btn-wcs4.focus,.btn-wcs4:focus {color: #fff; background-color: #7f5d91; border-color: #7f5d91}
.btn-wcs4:hover {color: #fff; background-color: #5b4667; border-color: #5b4667}
.btn-wcs4.active,.btn-wcs4:active,.open>.dropdown-toggle.btn-wcs4 {color: #fff; background-color: #5b4667; border-color: #5b4667}
.btn-wcs4.active.focus,.btn-wcs4.active:focus,.btn-wcs4.active:hover,.btn-wcs4:active.focus,.btn-wcs4:active:focus,.btn-wcs4:active:hover,.open>.dropdown-toggle.btn-wcs4.focus,.open>.dropdown-toggle.btn-wcs4:focus,.open>.dropdown-toggle.btn-wcs4:hover {color: #fff; background-color: #5b4667; border-color: #5b4667; opacity: 1;}
.btn-wcs4.active,.btn-wcs4:active,.open>.dropdown-toggle.btn-wcs4 {background-image: none}
.btn-wcs4.disabled,.btn-wcs4.disabled.active,.btn-wcs4.disabled.focus,.btn-wcs4.disabled:active,.btn-wcs4.disabled:focus,.btn-wcs4.disabled:hover,.btn-wcs4[disabled],.btn-wcs4[disabled].active,.btn-wcs4[disabled].focus,.btn-wcs4[disabled]:active,.btn-wcs4[disabled]:focus,.btn-wcs4[disabled]:hover,fieldset[disabled] .btn-wcs4,fieldset[disabled] .btn-wcs4.active,fieldset[disabled] .btn-wcs4.focus,fieldset[disabled] .btn-wcs4:active,fieldset[disabled] .btn-wcs4:focus,fieldset[disabled] .btn-wcs4:hover {background-color: #fff; border: 1px solid #9777a7; color: #9777a7 !important; opacity: 1;}

.btn-wcs5 {color: #fff !important; background-color: #2f61a5; border-color: #2f61a5; font-weight: bold;}
.btn-wcs5.focus,.btn-wcs5:focus {color: #fff; background-color: #1f4b87; border-color: #1f4b87}
.btn-wcs5:hover { color: #fff; background-color: #1f4b87; border-color: #1f4b87}
.btn-wcs5.active,.btn-wcs5:active,.open>.dropdown-toggle.btn-wcs5 {color: #fff; background-color: #0d2545; border-color: #0d2545}
.btn-wcs5.active.focus,.btn-wcs5.active:focus,.btn-wcs5.active:hover,.btn-wcs5:active.focus,.btn-wcs5:active:focus,.btn-wcs5:active:hover,.open>.dropdown-toggle.btn-wcs5.focus,.open>.dropdown-toggle.btn-wcs5:focus,.open>.dropdown-toggle.btn-wcs5:hover {color: #fff; background-color: #0d2545; border-color: #0d2545}
.btn-wcs5.active,.btn-wcs5:active,.open>.dropdown-toggle.btn-wcs5 {background-image: none}
.btn-wcs5.disabled,.btn-wcs5.disabled.active,.btn-wcs5.disabled.focus,.btn-wcs5.disabled:active,.btn-wcs5.disabled:focus,.btn-wcs5.disabled:hover,.btn-wcs5[disabled],.btn-wcs5[disabled].active,.btn-wcs5[disabled].focus,.btn-wcs5[disabled]:active,.btn-wcs5[disabled]:focus,.btn-wcs5[disabled]:hover,fieldset[disabled] .btn-wcs5,fieldset[disabled] .btn-wcs5.active,fieldset[disabled] .btn-wcs5.focus,fieldset[disabled] .btn-wcs5:active,fieldset[disabled] .btn-wcs5:focus,fieldset[disabled] .btn-wcs5:hover {background-color: #fff; border: 1px solid #2f61a5; color: #2f61a5 !important; opacity: 1;}

.btn-wcs6 {color: #fff !important; background-color: #717070; border-radius: 11px; padding: 0 10px; height: 22px;}
.btn-wcs6:hover {background-color: #555;}

#page-search + #page-button {margin-top: 40px;}
#page-search.hide + #page-button {margin-top: -10px;}
#page-button + #page-filter {margin-top: 12px;}
#page-filter + #page-contents {margin-top: 3px;}

#page-tabbox {border-bottom: 1px solid #ddd; margin-bottom: 5px;}
#page-search + #page-tabbox {margin-top: 16px; margin-bottom: 30px;}
.page-top + #page-tabbox {margin-top: 10px;}

.open>.dropdown-menu {display: block;}
.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 9; display: none; float: left; min-width: 98px; padding: 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175)}
.dropdown-menu.type-right{ right: 0; left: auto;}
.dropdown-menu > li a {display: block; padding: 3px 6px; clear: both; font-weight: 400; line-height: 1.4; color: #333; white-space: nowrap; font-size: 12px;}
.dropdown-menu > li a:focus,
.dropdown-menu > li a:hover {color: #262626; text-decoration: none; background-color: #f5f5f5;}

.dropdown-menu span.btn-info {display: block; padding: 0; border-radius: 0; text-align: left;}

.btn-group, .btn-group-vertical {position: relative; display: inline-block; vertical-align: middle;}

.cont-search + .sec-area {margin-top: 10px;}
.sec-area + .sec-area {margin-top: 10px;}
.sec-head {display: inline-flex; align-items: center; width: 100%; padding: 6px 0; border-radius: 4px; font-size: 16px; font-weight: 700;}
.sec-head.cont-top{ padding: 0; margin: 0;}
.sec-head .name {color: #000; font-weight: 500; font-size: 14px;}
.sec-head .name.type1 {height: 31px; display: inline-flex; align-items: center; border: 1px solid #f58a2f; border-radius: 31px; padding: 0 12px;}
.sec-head .name .txt,
.sec-head .name .step {vertical-align: middle;}
.sec-head .name .txt {font-size: 12px; color: #000;}
.sec-head .name .step {font-size: 14px; color: #ed6d00; font-weight: 400;}
.sec-head .name .step + .txt {margin-left: 8px;}
.sec-head .info-txt {font-size: 14px; color: #000; font-weight: 500;}
.sec-head .btn-SH {margin-left: auto;}
/* .sec-head .btn-upload {margin-left: 10px;} */
.sec-head [class*="ico-"] + .name {margin-left: 4px;}
.sec-head [class*="type"].btn-ix,
.page-inner-title [class*="type"].btn-ix {height: 24px; margin-right: 4px;}
.sec-head [class*="type"].btn-ix + [class*="type"].btn-ix,
.page-inner-title [class*="type"].btn-ix + [class*="type"].btn-ix {margin-left: 0;}
.sec-head [class*="type"].btn-ix .ix-txt,
.page-inner-title [class*="type"].btn-ix .ix-txt {font-size: 11px; font-weight: 400;}
.sec-head .btn-ix.type3.color3 {}
.sec-head .name + .info-txt {margin-left: 3px;}
.sec-head .name + .btn-ix {margin-left: 11px;}
.sec-body {margin: 5px 0; border-radius: 4px;}
.sec-body .filter-btn {display: inline-flex; align-items: center; justify-content: flex-end; width: 100%; padding: 0 0 4px;}
/* .sec-body .no-tab .filter-btn {margin-top: 4px;} */
.sec-body .grid-area + .btn-area {margin-top: 10px;}
.sec-body .tab-area {margin-bottom: 10px;}
.sec-body .btn-area .btn-ix.type3 {min-width: 147px; height: 36px;}
.sec-body .btn-area .btn-ix.type3 .ix-txt {font-size: 14px;}

.sec-inner {margin-bottom: 10px;}

.sec-body .sec-inner .page-inner-title {margin: 0;}
/* .sec-body .sec-inner .page-inner-title > .txt {margin-bottom: 5px;} */

.form-item {display: inline-flex; align-items: center; width: 100%;}
.form-item label {display: inline-block; width: 100px; height: 30px; line-height: 28px; margin-right: 10px; padding: 0 10px;}
.form-item .input1 {flex: 1; min-width: 0;}
.form-item .input1,
.form-item .select1,
.form-item .textarea1 {font-size: 12px; letter-spacing: -0.02em; border-radius: 2px;}
.form-item .input1,
.form-item .select1 {height: 28px; line-height: 26px;}

.form-item.type2 {display: block;}
.form-item.type2 label {width: 60px;}
.form-item.type2 .input1 {width: calc(100% - 75px);}
.form-item + .form-item {margin-top: 4px;}
.form-item + .grid-area {margin-top: 10px;}

.readonly {border: none !important; opacity: 1 !important; background-color: transparent !important; background-image: none !important; pointer-events: none;}

.form-wrap {background-color: #fdfbfb; border: 1px solid #d3d4d5; border-radius: 2px;}
.form-wrap .btn-ix + .form-tb {margin-top: 10px; table-layout: fixed;}
.form-wrap + .sec-area {margin-top: 20px;}
.form-wrap + .form-wrap {margin-top: 6px;}
.form-tb {padding: 3px 0;}
.form-tb tbody th,
.form-tb tbody td {text-align: left; padding: 3px 10px; vertical-align: top; font-size: 12px; font-weight: 400; color: #333;}
.form-tb tbody td .input1,
.form-tb tbody td .select1,
.form-tb tbody td .form-item,
.form-tb tbody td .sh-listbox,
.form-tb tbody td .mix-form {width: calc(100% - 30px);}
.form-tb tbody td .select2-container {width: calc(100% - 30px) !important;}
.form-tb tbody td .input1.readonly,
.form-tb tbody td .select1.readonly {padding-left: 2px;}
.form-tb tbody td .datepicker,
.form-tb tbody td .yearpicker {width: 106px;}
.form-tb tbody td .datepicker.readonly,
.form-tb tbody td .yearpicker.readonly {width: 80px; padding-right: 0;}
.form-tb tbody td .form-item label {padding: 0;}
.form-tb tbody td .view-txt {padding: 2px 0;}
/*.form-tb tr.line th,
.form-tb tr.line td {border-bottom: 3px solid #fff;}*/
.form-tb .btn-group.flex {width: calc(100% - 30px);}
.form-tb .btn-group.flex .btn-ix {flex: 1; padding: 0 8px;}
.form-tb .btn-group.flex .btn-ix + .btn-ix {margin-left: 4px;}

.form-tb.type1 > tbody > tr > th:not(.cell-type2),
.form-tb.type1 > tbody > tr > td:not(.cell-type2)  {padding: 3px 0;}
.form-tb.type1 > tbody > tr > th > .dot {margin-left: 10px}
.form-tb.type1 > tbody > tr > .cell-type2 {text-align: right; padding-right: 20px;}

.form-tb-inner { border-collapse: collapse; background-color: #fff; border: 1px solid #ccc; table-layout: fixed;}
.form-tb-inner thead th,
.form-tb-inner tbody th {font-weight: 400; padding: 2px; text-align: center; vertical-align: middle;}
.form-tb-inner tbody td .input1 {width: 100%; height: 24px; line-height: 21px;}
.form-tb-inner tbody td .view-txt {padding: 0 6px; line-height: 1.4;}
.form-tb-inner tbody tr:last-child th,
.form-tb-inner tbody tr:last-child td {padding-bottom: 5px;}
.form-tb-inner thead th {position: relative; padding: 4px 2px; border-bottom: 1px solid #d3d4d5; border-right: 1px solid #d3d4d5;}
.form-tb-inner thead th:last-child {border-right: none;}
/* .form-tb-inner thead th.ta-c + th.ta-c::after {content: ''; display: block; width: 1px; height: 21px; background-color: #d3d4d5; position: absolute; top: 50%; left: 0; margin-top: -10px;} */
.form-tb-inner thead th,
.form-tb-inner tbody th,
.form-tb-inner tbody td {border-right: 1px solid #d3d4d5;}
.form-tb-inner tbody td:last-child {border-right: none;}

.mix-form {display: inline-flex; align-items: center; justify-content: flex-start; width: 100%;}
.mix-form .input1,
.mix-form .select1 {width: calc(50% - 17px);}
.mix-form .input1 + .select1 {margin-left: 4px;}

.view-txt {padding: 2px; color: #888; font-size: 12px; line-height: 15px; font-weight: normal; letter-spacing: 0.04em; word-spacing: -0.02em;}

.btn-ix.btn-assign {min-width: 100px;}
.btn-assign.disabled {background-color: #ddd; border-color: #ddd; pointer-events: none;}
.btn-assign.disabled .ico-search {display: none;}

.bar-list-group {display: inline-flex; width: 60%; justify-content: flex-start;}
.bar-list-group.type2 {width: calc(43% - 28.5px);}
.bar-list-group.type3 {width: calc(56.8% + 106px)}
.bar-list.selectbox {position: relative; margin-right: 4px; width: 33.33%;}
.bar-list.selectbox .title {position: relative; display: inline-flex; align-items: center; width: 100%; height: 24px; padding: 0 20px 0 5px; border: 1px solid #ccc; background-color: #fff; color: #333; font-weight: 400; border-radius: 3px; cursor: pointer;}
.bar-list.selectbox .title.type2 {width: 182px;}
.bar-list.selectbox .title.has-sel {background-color: #e1e1e1;}
.bar-list.selectbox .title::before {content: ""; position: absolute; width: 23px; height: 5px; right: -4px; top: 50%; margin-top: -3px; background: url(../images/ico/ico-sel1.png) no-repeat center center;}
.bar-list.selectbox .title .view-txt,
.bar-list.selectbox .title .chk-box label,
.bar-list.selectbox .title .chk-box .label {color: #333;}
.bar-list.selectbox .listbox-wrap {display: none; overflow: hidden;}
.bar-list.selectbox.open .title {border-color: #f37020;}
.bar-list.selectbox.open > .listbox-wrap {display: inline-flex; position: absolute; left: 0; width: auto; max-height: 400px; margin-top: 26px; z-index: 1; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; padding: 0 5px;}
.bar-list.selectbox .list-box {display: inline-flex; flex-wrap: wrap; /*min-width: 220px; max-width: 660px; margin-bottom: 5px;*/}
.bar-list.selectbox .list {position: relative; width: 212px; margin: 0 0 5px;}
.bar-list.selectbox .list .view-txt {padding: 0 10px; line-height: 22.5px; color: #666;}
.bar-list.selectbox .list:last-child {margin-bottom: 0;}

.bar-list.selectbox:last-child {margin-right: 0;}
/* .bar-list.selectbox:last-child .listbox-wrap {right: 0; left: inherit;} */

.bar-list:not(.selectbox) {width: 33.33%; margin-right: 4px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff;}
.bar-list:not(.selectbox) .title {display: inline-flex; align-items: center; width: 100%; height: 24px; padding: 0 5px; border-bottom: 1px solid #f0f0f0; color: #333; font-weight: 400;}
.bar-list:not(.selectbox) .title .view-txt,
.bar-list:not(.selectbox) .title .chk-box label {color: #333;}
.bar-list:not(.selectbox) .list-box {overflow: hidden; padding: 5px;}
.bar-list:not(.selectbox) .list {position: relative; margin-bottom: 1px; line-height: 1;}
.bar-list:not(.selectbox) .scrollY {display: block; max-height: 120px;}

.bar-list .chk-box {margin-right: 0;}
.bar-list .list .chk-box {display: inline-flex; align-items: center; width: 100%; vertical-align: top;}
.bar-list .list .chk-box > label {display: inline-flex; align-items: flex-start; word-break: keep-all; /*min-height: 26px;*/ line-height: 1; padding: 3px 0 3px 24px; letter-spacing: -0.02em; vertical-align: top;}
.bar-list .list .chk-box > label::before {/*top: 0;*/ margin-right: 4px; flex: 0 0 auto;}
/* .bar-list .list .chk-box input[type='checkbox'] + label:before {top: 50%; margin-top: -9px;} */
.bar-list .mCSB_scrollTools {right: 6px;}
.bar-list .mCSB_scrollTools,
.bar-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 4px;}
.bar-list .mCSB_scrollTools .mCSB_draggerContainer {right: 0;}
.bar-list .mCSB_scrollTools .mCSB_dragger,
.bar-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {opacity: 1;}
.bar-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {border: 1px solid #e7e7e7; background-color: #f0f0f0;}

.bar-list.selectbox.open > .scrollY > .mCustomScrollBox > .mCSB_container {display: flex; align-items: stretch;}

.listbox-area {display: inline-flex; flex-direction: column; padding: 7px 0 10px 7px; justify-content: flex-start; min-height: 100%; position:relative;}
.listbox-area:last-child .mCSB_scrollTools {right: 1px;}
.listbox-area > .scrollY::after {content:''; display: block; width: 1px; height:auto; position:absolute; right: 5px; top: 0; bottom: 0; background-color: #ddd;}
.listbox-area:last-child > .scrollY::after {content: none;}
.listbox-area .listArea-inTit {padding: 2px 0 8px;}
.listbox-area .listArea-inTit .label {font-weight: bold;}
.listbox-area .listArea-inList .list-box {display: flex; flex-direction: column; padding-right: 10px;}
.bar-list.selectbox.open .listbox-area .listArea-inList.scrollY {display: flex; flex-direction: column; max-height: 182px;min-height: calc(100% - 27px);}

.listbox-area.type2::before {content: ""; position: absolute; left: -5px; right: 5px; top: 167px; height: 1px; background-color: #ddd;}
.listbox-area.type2 .list-box {margin-bottom: 0;}
.bar-list.selectbox.open .listbox-area.type2 .listArea-inList {min-height: 122px; max-height: 122px;}
.bar-list.selectbox.open .listbox-area.type2 .listArea-inList + .listArea-inTit {margin-top: 14px;}
.bar-list.selectbox.open .listbox-area.type2 .listArea-inList ~ .listArea-inList {min-height: 122px; max-height: 122px;}

.dot {position: relative; display: inline-block; padding-left: 10px;}
.dot::before {content: ""; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; border-radius: 100%; background-color: #b3b2b2;}

.dot.type2 {font-size: 12px;}
.dot.type2::before {background-color: #aaa;}

.btn-group + .tab-area {margin-top: 10px;}
.tab-area {display: inline-flex; align-items: flex-end; justify-content: space-between; width: 100%; border-bottom: 1px solid #ddd;}
.tab-area .left,
.tab-area .right {display: inline-flex; align-items: center;}
.tab-area .right {margin-left: auto;}
.tab-area .filter-btn.left {justify-content: flex-start; margin-left: 10px; flex: 1;}

.popup .pop-cont  .tab-area .filter-btn {margin-bottom: 2px;}

.xs-txt {font-size: 10px;}

.scroll-list .tit {display: inline-flex; align-items: center; justify-content: space-between; width: 100%; background-color: #f5f5f5; border: 1px solid #ddd; padding: 10px;}
.scroll-list .tit label {font-size: 16px !important; font-weight: 700 !important; color: #333 !important;}
.scroll-list .tit .txt2 {font-size: 11px; color: #aaa;}
.scroll-list .list-area {height: 250px; padding: 10px; border: 1px solid #ddd; border-top: none;}
.scroll-list .item {width: 100%; margin-bottom: 6px;}
.scroll-list .item:last-child {margin-bottom: 0;}
.scroll-list.type2 .list-area {display: flex; flex-direction: column; justify-content: space-evenly;}

.add-group {display: inline-flex; align-items: flex-start; width: 100%; padding: 10px 0;}
.add-group .group-main { margin-right: 10px; display: inline-flex; flex-direction: column; align-items: flex-start; width: 150px; min-width: 150px;}
.add-group .group-main label,
.add-group .group-main .tit1 {margin-right: 10px;}
.add-group .group-main .input1,
.add-group .group-main .tit2 { word-break: keep-all;}
.add-group .group-list {width: calc(100% - 150px); min-width: 938px;}
.add-group .group-list .list-row {display: inline-flex; align-items: center; width: 100%;}
.add-group .group-list .list-row + .list-row,
.add-group .group-list script + .list-row {margin-top: 4px;}
.add-group .group-list .list-row-box + .btn-ix {margin-top: 10px; padding: 0 10px 0 14px; min-width: 76px;}
.add-group .group-list .list-header .tit {font-weight: 500;}
.add-group .input1 {min-width: 0;}
.add-group .input1.readonly {padding-right: 0;}
.add-group .group-list .btn-del {margin-left: 10px;}
.add-group .group-list .list-row .list-col {margin-left: 10px;}
/* .add-group .group-list .list-row .list-col:first-child {margin-left: 0;} */
.add-group .group-list .list-row .list-col .select1 {width: 100%;}
.add-group .group-list .list-row .list-col.lc1 {width: 150px; margin-left: 0;}
.add-group .group-list .list-row .list-col.lc1 .select1 {width: calc(100% - 32px);}
.add-group .group-list .list-row .list-col.lc1 .input1 {width: 28px;}
.add-group .group-list .list-row .list-col.lc2 {width: 120px;}
.add-group .group-list .list-row .list-col.lc3 {width: 200px;}
.add-group .group-list .list-row .list-col.lc4 {width: 176px;}
.add-group .group-list .list-row .list-col.lc4 .select1 {width: 86px;}
.add-group .group-list .list-row .list-col.lc5 {width: 216px;}

.status-info {display: inline-flex; align-items: center; width: 100%; margin-bottom: 5px; background-color: #fdfbf9; border: 1px solid #e8e7e7; border-radius: 6px; padding: 5px 20px; font-size: 13px;}
.status-info .info + .info {margin-left: 20px;}
.status-info.type2 {padding: 0; background-color: #fff; border: none; margin-bottom: 10px;}
.status-info .info .ra-box label {font-size: 14px; color: #333;}

.page-top + .status-info {margin-top: 5px;}
.cont-top .status-info {width: auto; margin-bottom: 0;}

.btn-upload {position: relative;}
.btn-upload label {display: inline-block; cursor: pointer; display: inline-flex; justify-content: center; align-items: center;}
.btn-upload label::before {content: ''; display: block; width: 15px; height: 13px; background: url(../images/ico/ico-upload_w.png) center center no-repeat; margin-right: 6px;}
.btn-upload input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px ; overflow: hidden; clip: rect(0,0,0,0); border: 0;}

[class*="colbox-"] {display: inline-flex; align-items: flex-start; width: 100%; flex-direction: row;}
[class*="colbox-"] .col-tit {position: relative; font-size: 16px; padding-left: 15px;}
[class*="colbox-"] .col-tit::before {content: ''; display: block; width: 6px; height: 16px; border-radius: 8px; background-color: #f9710c; position: absolute; left: 0; top: 2px;}
[class*="colbox-"].full {justify-content: space-between;}

[class*="colbox"] > .col {display: block; flex: 1;}
[class*="colbox"] > .col .search-full [class*="btn"] {height: 23px;}

.border-box {border: 1px solid #e8e7e7; border-radius: 6px; padding: 8px;}
[class*="colbox"] > .col.border-box {padding: 0;}
.border2-box {border: 1px solid #ddd; border-radius: 8px;}

.colbox-1 > .col {width: 100%;}
.colbox-2 > .col {width: 50%; flex: 0 0 auto;}
.colbox-3 > .col {width: calc((100% / 3) - 10px); flex: 0 0 auto;}
.colbox-4 > .col {width: calc(25% - (54px / 4)); margin: 0 9px;}

.colbox-2.type2 > .col:nth-child(1) {width: 36%; padding-right: 12px;}
.colbox-2.type2 > .col:nth-child(2) {width: 64%; padding-left: 12px;}

.colbox-2.type3 > .col:nth-child(1) {width: 40%;}
.colbox-2.type3 > .col:nth-child(2) {width: 60%;}

.colbox-3.type1 > .col {flex: 1;}

.colbox-3.type2 > .col:nth-child(1) {width: 25%;}
.colbox-3.type2 > .col:nth-child(2) {width: 25%;}
.colbox-3.type2 > .col:nth-child(3) {width: 50%;}

.colbox-4 > .col:first-child {margin-left: 0;}
.colbox-4 > .col:last-child {margin-right: 0;}

[class*="colbox"].type-fullY > .col {display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; height: 100%; padding: 0 10px;}
[class*="colbox"].type-fullY > .col > .col-inbox-body {flex: 1;}
[class*="colbox"].type-fullY > .col > .col-inbox-foot {display: flex; align-items: center; justify-content: center; padding-top: 15px;}
[class*="colbox"].type-fullY > .col > .col-inbox-foot > * {margin: 0 5px;}
[class*="colbox"].type-fullY > .col > .col-inbox-foot .btn-ix {min-width: 126px; height: 36px;}
[class*="colbox"].type-fullY > .col > .col-inbox-foot .btn-ix .ix-txt {font-size: 14px; height: 34px; line-height: 34px; font-weight: bold;}
[class*="colbox"].type-fullY > .col > .col-inbox-foot .btn-ix:not([class*="color"]) {border-color: #ccc;}
[class*="colbox"].type-fullY > .col:first-child {padding-left: 0;}
[class*="colbox"].type-fullY > .col:last-child {padding-right: 0;}

[class*="rowbox-"] {display: inline-flex; align-items: flex-start; width: 100%; flex-direction: column;}
[class*="rowbox"] > .row {display: block; flex: 1;}
.rowbox-2 > .col {height: 50%; flex: 0 0 auto;}

.search-full {display: inline-flex; align-items: center; width: 100%;}
.search-full > .select1,
.search-full > .input1,
.search-full > .focusIV-box {margin-right: 4px;}

.search-full + table {margin-top: 10px;}
/* .status-info + .search-full {margin-top: 2px;} */
.search-full .status-info {width: auto; margin: 0 4px 0 0;}

.filter-btn.right {flex: 1; justify-content: flex-end; text-align: right; width: 100%;}

.outsearch-box {display: inline-flex; align-items: center; width: 100%;}
.outsearch-box .input1 {flex: 1; width: calc(100% - 44px); margin-right: 4px;}

/* welcome, find password */
.numloop-box {display: inline-flex; width: 100%; flex-wrap: nowrap; align-items: center;}
.numloop-box .input {width: 33px; height: 36px; border: 1px solid #ccc; border-radius: 8px; text-align: center; padding: 0; margin-right: 5px;}
.numloop-box .input:hover {border-color: #444;}
.numloop-box .input[disabled], .numloop-box .input[readonly] {background-color: #e6e4e4; color: #333; font-weight: bold; border-color: #ccc;}

.popup.member-wrap .pop-head .side-txt {font-size: 20px;}
.popup.member-wrap.no-head .pop-cont {padding: 50px 48px 32px 42px;}
.popup.member-wrap .pop-foot {padding: 26px 0; margin: 0 35px; border-top: 1px solid #ccc;}
.popup.member-wrap .pop-cont.cp-wrap {padding: 20px 42px 42px 34px;}

.join-title {display: block; height: 36px; line-height: 36px; padding: 2px 0 0 46px; background: url(../images/common/ico-welcome.png) no-repeat left center; font-size: 24px; font-weight: 700; color: #f36f20; text-transform: uppercase; letter-spacing: -0.02em;}
.join-desc {padding-left: 5px; margin: 18px 0 39px; font-size: 15px; color: #333; line-height: 22px;}

.member-form-row {margin-top: 22px; font-size: 0;}
.member-form-tit {display: inline-block; width: 176px; padding: 0 9px; font-size: 14px; font-weight: 700; color: #333; text-transform: uppercase; letter-spacing: -0.02em;}
.member-form-tit label {display: inline-block; vertical-align: top;}
.member-form-info {display: inline-block; width: calc(100% - 176px);}
.member-form-row.disabled .member-form-tit {color: #ddd;}

.popup.member-wrap .pop-cont .member-form-row.pin .member-form-info {padding-left: 6px;}
.popup.member-wrap .pop-cont.cp-wrap .member-form-row.pin .member-form-info {padding-left: 10px;}
.popup.member-wrap .pop-cont .member-form-row.pin + .member-form-row {margin-top: 46px;}

.popup.member-wrap .input1 {width: 100%; height: 30px; line-height: 25px; padding: 0 12px 2px; font-size: 14px; font-weight: 700; color: #333; border-top: none; border-left: none; border-right: none;}
.popup.member-wrap .input1:-ms-input-placeholder {font-size: 14px; font-weight: 400; color: #999;}
.popup.member-wrap .input1:disabled {border-bottom-color: #eee;}
.popup.member-wrap .input1:disabled::placeholder {color: #ddd;}
.popup.member-wrap .input1:disabled:-ms-input-placeholder {color: #ddd;}
.member-form-info .numloop-box .input {font-size: 14px; font-weight: 700;}
.member-form-info .numloop-box + .btn-ix.type8 {vertical-align: top; margin-top: 3px;}

.member-mid-info {position: relative; padding-left: 23px; margin-top: 10px; font-size: 12px; color: #333; text-shadow: 0 0 0 #333; line-height: 1.4;}
.member-mid-info:before {content: "※"; position: absolute; left: 10px; top: 0;}
.member-mid-info.color1 {color: #ec6608;}

.member-mid-info + .member-form-row {margin-top: 40px;}

/* .file-area {margin-top: 20px;} */
.file-area .col {min-width: 454px;}
.file-area .col + .col {margin-left: 10px;}
.file-area .file-box {border: 1px solid #ddd;}
.file-area .col-tit {font-size: 18px;}
.file-area .col:nth-child(1) .col-tit {color: #ec6608;}
.file-area .col:nth-child(2) .col-tit {color: #22b9cb;}

.popup.file-upload {width: auto; left: 50%; right: auto; transform: translateX(calc(-50% + 0.5px));}
.popup.file-upload .colbox {display: flex; flex-direction: row;}

.insearch-box {position: relative; height: 24px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 3px; overflow: hidden;}
.insearch-box input.input,
.insearch-box .input {flex: 1; height: 22px; font-size: 12px; padding: 0 5px; background-color: #fff; border: none;}
/* .insearch-box .input::placeholder {color:#999; font-weight: 400;}
.insearch-box .input::-webkit-input-placeholder {color:#999; font-weight: 400;}
.insearch-box .input::-moz-placeholder {color:#999; font-weight: 400;}
.insearch-box .input:-ms-input-placeholder {color:#999; font-weight: 400;}
.insearch-box .input::-ms-input-placeholder {color:#999; font-weight: 400;} */
/* .insearch-box .input:hover,
.insearch-box .input:focus {border-color: #444;} */
.insearch-box .btn {margin-left: auto; width: 24px; height: 23px; padding: 0; border-radius: 2px; border: 1px solid transparent; vertical-align: top;}
.insearch-box .btn [class^="ico-"] {width: 100%; height: 100%; display: block;}
.insearch-box .btn:hover {background-color: #d8d8d8;}
.insearch-box .btn .ico-search1 {background-color: #fafafa;}
.insearch-box .btn:hover .ico-search1 {background-color: #d8d8d8;}
.insearch-box .has-clear {position: relative; display: inline-flex; align-items: center;}
.insearch-box .has-clear .btn-del {height: 24px;}
.insearch-box .btn.clear {display: none;}
.insearch-box.on {border-color: #f37020;}
/* .insearch-box .has-reset .btn-reset {right: 24px;}
.insearch-box .select2 + .has-reset .btn-reset {right: 50px;} */
.focusIV-box .btn-reset,
.insearch-box .has-reset .btn-reset {background: url(../images/ico/ico-del.png) center center no-repeat;}/*insearch-box안에 리셋은 del아이콘으로*/

.insearch-box .select1[multiple]:not([class*="select2"]) {scrollbar-width: none;  -ms-overflow-style: none; border: 0 none;}
.insearch-box .select1[multiple]:not([class*="select2"])::-webkit-scrollbar {background-color: transparent; width: 0; height: 0;}

.insearch-box.type2 .input {width: calc(100% - 48px); padding-right: 2px;}

.insearch-box.type3 .tit {position: absolute; left: 0; font-size: 16px; font-weight: 500; letter-spacing: -0.02em; word-spacing: -0.08em; padding-left: 15px;}
.insearch-box.type3 .tit + .input {padding-left: 130px;}
.insearch-box.type3 .btn {width: 34px;}
.insearch-box.type3 .btn-del {background-image: url(../images/ico/ico-del3.png);}
.insearch-box.type3 .btn.search [class^="ico-search"] {background-image: url(../images/ico/ico-search7.png);}
.insearch-box.type3 {border: 0 none; height: 40px; border-bottom: 1px solid #999; padding-right: 12px;}
.insearch-box.type3 .input,
.insearch-box.type3 input.input {width: calc(100% - 68px); font-size: 16px; line-height: 21px; color: #000;}
.insearch-box.type3 .input::placeholder,
.insearch-box.type3 input.input::placeholder {color:#000; font-weight: 400;}
.insearch-box.type3 .input::-webkit-input-placeholder,
.insearch-box.type3 input.input::-webkit-input-placeholder {font-size: 13px; color:#999; font-weight: 300;}
.insearch-box.type3 .input::-moz-placeholder,
.insearch-box.type3 input.input::-moz-placeholder {font-size: 13px; color:#999; font-weight: 300;}
.insearch-box.type3 .input:-ms-input-placeholder,
.insearch-box.type3 input.input:-ms-input-placeholder {font-size: 13px; color:#999; font-weight: 300;}
.insearch-box.type3 .input::-ms-input-placeholder,
.insearch-box.type3 input.input::-ms-input-placeholder {font-size: 13px; color:#999; font-weight: 300;}

.insearch-box.disabled {background-color: #f5f5f5; border-color: #ddd;}
.insearch-box.disabled [class*="input"] {background-color: #f5f5f5;}
.insearch-box.disabled [class*="input"],
.insearch-box.disabled .btn {pointer-events: none; opacity: .5;}

.btn-reset {/*position: absolute; right: 1px; top: 1px; bottom: 1px;*/ width: 28px; height: 23px; background: url(../images/ico/ico-reset.png) no-repeat center center; font-size: 0; text-indent: -999rem; overflow: hidden;}
.btn-reset:hover {background-color: #f5f5f5;}
.btn-reset.type2 {right: 50px;}

.btn-del {text-indent: -999rem; width: 20px; height: 20px; background: url(../images/ico/ico-del.png) center center no-repeat;}
.btn-del:hover {background-color: rgba(0,0,0,0.02);}
.btn-del.round {background: #aaa url(../images/ico/ico-del-w.png) no-repeat center center; border-radius: 100%;}
.btn-del.round:hover {background-color: #999;}

.focusIV-box:not(.insearch-box) > .clear {position: absolute; top: 1px; right: 1px;}

.btn-search {text-indent: -999rem; width: 20px; height: 20px; background: url(../images/ico/ico-search.png) center center no-repeat;}
.btn-search:hover {background-color: rgba(0,0,0,0.02);}

.fix-header {max-height: 314px;}

.page-cont .pagein-cont ~ .pagein-cont {margin-top: 15px;}
.page-cont.fl-start .cont-top {height: 23px;}
.page-cont.tabs-container .pagein-cont.tabs-content ~ .pagein-cont.tabs-content {margin-top: 0;}

/* Order Tracking */
.orderStatusTable-area {width: 100%;}
.orderStatusTable-area .orderStatusTable-summary {margin-bottom: 16px;}
.orderStatusTable-area .lb-top {padding-bottom: 9px; border-bottom: 0 none;}
.orderStatusTable-area .lb-top .left {/*margin-top: 10px;*/ margin-left: 1px;}
.orderStatusTable-area .lb-top .left .ra-box {margin-right: 15px;}
.orderStatusTable-area .lb-top .left .btn-ix.type5 {min-width: 0; height: 30px; line-height: 24px; padding: 2px 10px; margin-left: 4px; vertical-align: middle;}
.orderStatusTable-area .lb-top .left .btn-ix.type5 .ix-txt {vertical-align: top;}
.orderStatusTable-area .lb-top .left .group-tit {display: inline-block; margin-right: 10px; text-transform: uppercase;}
.orderStatusTable-area .lb-top .left label {margin-right: 4px;}
.orderStatusTable-area .lb-top .left .select1 {min-width: 100px; margin: 0 10px 0 0;}
.orderStatusTable-area .lb-top .left .input1 {height: 30px; line-height: 30px; border-color: #ddd;}
.orderStatusTable-area .lb-top .left .datepicker,
.orderStatusTable-area .lb-top .left .yearpicker {width: 106px; background-position: 85px center; padding-right: 23px;}
.orderStatusTable-area .lb-top .left .divide-line {display: inline-block; width: 1px; height: 30px; background-color: #808080; margin: 0 20px 0 10px; vertical-align: top;}
.orderStatusTable-area .lb-top .left.type2 {margin-top: 15px;}
.orderStatusTable-area .lb-top .left .datebox {display: inline-block; margin: 0 15px 0 0;}
.orderStatusTable-area .lb-top .left .datebox .tit {margin-right: 6px; font-size: 12px; font-weight: 400;}
.orderStatusTable-area .lb-top .left .bg-box {display: inline-flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; width: 100%; min-height: 59px; padding: 1px 7px 2px 10px; background-color: #fdfbf9; border: 1px solid #e8e7e7; border-radius: 6px;}
.orderStatusTable-area .lb-top .left .bg-box .datebox {margin-left: 30px;}
.orderStatusTable-area .lb-top .left .bg-box .select1,
.orderStatusTable-area .lb-top .left .bg-box .input1 {background-color: #fff; height: 23px; font-size: 12px; padding-left: 5px; padding-right: 5px;}
.orderStatusTable-area .lb-top .left .bg-box .select1 {min-width: 150px;}
.orderStatusTable-area .lb-top .left .bg-box .select1 {background-image: url(../images/ico/ico-sel1-m.png);}
.orderStatusTable-area .lb-top .left .bg-box label {min-width: 42px; margin-right: 6px; font-size: 12px; font-weight: 400; color: #333;}
.orderStatusTable-area .lb-top .btn-ix.type3 {padding-left: 12px; padding-right: 12px; min-width: 100px;}
.orderStatusTable-area .lb-top .btn-ix.search {height: 23px;}
.orderStatusTable-area .orderStatusTable-summary [class^="txt-OS-S"] {height: 30px; padding-top: 0; background: none;}
.stockM-area .stockMTable-summary .table-list.type2 thead th,
.orderStatusTable-area .orderStatusTable-summary .table-list.type2 thead th {height: 38px; padding: 3px 2px 3px;}
.stockM-area .stockMTable-summary .table-list.type2 tbody th,
.stockM-area .stockMTable-summary .table-list.type2 tbody td,
.orderStatusTable-area .orderStatusTable-summary .table-list.type2 tbody th,
.orderStatusTable-area .orderStatusTable-summary .table-list.type2 tbody td {padding: 6px 16px 6px;}

.orderStatusTable-area .lb-top .left .bg-box .sel-group-wrap {display: inline-flex; align-items: center; flex-wrap: wrap; max-width: calc(100% - 630px);}
.orderStatusTable-area .lb-top .left .bg-box .sel-box {margin: 2px 30px 2px 0;}

[class^="txt-OS-S"] {display: inline-flex; justify-content: center; align-items: center; height: 65px; padding-top: 33px; font-size: 12px; font-weight: 500; color: #333; line-height: 13px;}

.btn-ix.btn-MT {height: auto; padding: 5px 2px; text-align: left; background-color: transparent; border-color: transparent;}
.btn-ix.btn-MT .ix-txt {font-size: 13px; font-weight: bold; color: #f36f20; margin-top: 10px; margin-left: 9px;}

.map-area {position: relative; height: 1000px; margin: -15px 0 0; background: url(../images/temp/img-map.png) repeat center top; background-attachment: scroll;}

.mapbtn-area.filter-btn .btn-ix {height: 26px; padding: 0 3px;}
.mapbtn-area.filter-btn .btn-ix:hover,
.mapbtn-area.filter-btn .btn-ix.on {background-color: #248054;}

.step-tit {margin-bottom: 7px; font-size: 13px;}
.step-tit .intxt.step {font-weight: bold; color: #3fb17a;}
.stepbox.info .step-tit .intxt {font-weight: bold; color: #3fb17a; padding-left: 10px; position: relative;}
.stepbox.info .step-tit .intxt::before {content: ''; display: block; width: 4px; height: 4px; background-color: #3fb17a; position: absolute; left: 2px; top: 8px;}

.setp-resultbox {border: 1px solid #ccc; border-radius: 3px;}
.step-resultlist .list .link {display: block; width: 100%; text-align: left; padding: 5px 5px 5px 16px; position: relative;}
.step-resultlist .list .link::before {content: ''; display: block; width: 3px; height: 3px; background-color: #999; position: absolute; top: 13px; left: 8px;}
.step-resultlist .list .link:hover {background-color: rgba(0,0,0,0.05);}

.setp-searchbox {}
.setp-searchbox .btn-ix.search {min-width: 70px; height: 24px; padding-bottom: 1px;}
.setp-searchbox [class*="step-"] {display: flex; justify-content: space-between; align-items: center;}
.setp-searchbox [class*="step-"] + [class*="step-"] {margin-top: 10px;}
.setp-searchbox .inputbox .label {margin-right: 8px; white-space: nowrap;}
.setp-searchbox .step-input .chk-box {margin-bottom: 4px;}
.setp-searchbox .step-input .input1[readonly] {opacity: .8;}
.setp-searchbox .step-btn {justify-content: center;}
.setp-searchbox .step-input > * {margin-right: 15px;}
.setp-searchbox .step-input > *.full {margin-right: 0;}
.setp-searchbox .step-input > *.full + [class*="btn"] {margin-left: 10px;}
.setp-searchbox .step-input > *[class*="w"] {margin-right: 5px;}
.setp-searchbox .step-input > *:last-child {margin-right: 0;}
.setp-searchbox .step-input .inputbox.full.type1 {width: calc(100% - 70px) !important; display: flex; align-items: center; justify-content: space-between;}

.mapbasic-area {background-color: #fff; width: 400px; border-radius: 0 2px 2px 2px; box-shadow: 0 1px 4px #555;}
.mapbasic-area .btn-sh3 {width: 32px; height: 32px; background-color: #fff; border-radius: 2px 0 2px 2px; position: absolute; left: -34px; top: 0; box-shadow: 0 1px 4px #555;}
.mapbasic-area .btn-sh3:hover {background-color: #efefef;}
.mapbasic-area .btn-ix.save {border-color: #3fb17a; background-color: #3fb17a;}
.mapbasic-area .btn-ix.save [class*="ico-"] {display: none;}
.mapbasic-area .btn-ix.save .ix-txt {color: #fff !important; margin-left: 0;}
.mapbasic-area .btn-ix.save:hover {background-color: #248054;}
.mapbasic-area .stepbox-area {position: relative; z-index: 1;}
.mapbasic-area .stepbox {padding: 10px;}
.mapbasic-area .stepbox + .stepbox {border-top: 1px dashed #bbb;}
.mapbasic-area .stepbox + .info {border-top-style: solid; border-top-color: #ccc;}
.mapbasic-area .stepbox > div + div {margin-top: 10px;}
.mapbasic-area .stepbox .scrollY {max-height: 156px;}

.mapstep-area .stepbox.step1 .scrollY {max-height: 176px;}
.maprootkey-area .stepbox .scrollY {max-height: 512px;}

.mapbasic-area .stepbox .setp-resultbox.nodata {height: 176px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.mapbasic-area .stepbox .setp-resultbox.nodata .text {}
.mapbasic-area .stepbox .setp-resultbox.nodata .btn-ix {padding: 0 8px; height: 24px; border-color: #3fb17a; background-color: #3fb17a;}
.mapbasic-area .stepbox .setp-resultbox.nodata .btn-ix:hover {background-color: #248054;}
.mapbasic-area .stepbox .setp-resultbox.nodata .btn-ix .ix-txt {color: #fff;}
.mapbasic-area .stepbox .setp-resultbox.nodata .text + .btn-ix {margin-top: 5px;}

.tmsMapbox .map-area {width: 100%; height: 100%; min-height: 800px; margin: 0; background-image: none;}
.tmsMapbox .map-fullbox {position: relative; overflow: hidden; font-size: 12px; width: 100%;}
.tmsMapbox .page-top + .map-fullbox {margin-top: 0; padding-top: 5px;}
.tmsMapbox .map-fullbox .mapbtn-area,
.tmsMapbox .map-fullbox .mapbasic-area {position: absolute; z-index: 150; display: block;}
.tmsMapbox .map-fullbox .mapbtn-area {top: 10px; right: 10px;}
.tmsMapbox .map-fullbox .mapbasic-area {top: 10px; right: -440px; transition: .2s;}
.tmsMapbox .map-fullbox .mapbasic-area.open {right: 10px;}

.map-point {position: absolute;}
.map-point .mapPoint {max-width: 300px; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; padding: 10px; box-shadow: 0 1px 4px #555;}
.map-point .mapPoint dt,
.map-point .mapPoint dd {}
.map-point .mapPoint dt {width: 70px; text-align: right;}
.map-point .mapPoint dd {width: calc(100% - 70px); padding-left: 3px; padding-right: 3px;}
.map-point .mapPoint dt + dd {margin-left: 3px;}
.map-point .mapPoint .inbox {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}

.dn-point {position: absolute; width: 20px;}
.dn-point .txt {position: absolute; width: 20px; color: #fff; font-size: 10px; text-align: center;}
.dn-point::before {content: ""; position: absolute; width: 20px; height: 27px; background: url(../images/ico/ico-locate.png) no-repeat center center;}
.dn-point::after {content: ""; position: absolute; top: 29px; width: 20px; height: 20px; background: url(../images/ico/ico-dealer.png) no-repeat center center;}

.dn-point.num::before {background-image: url(../images/ico/ico-locate-num.png);}
.dn-point.num::after {content: none;}

/*tab으로 title대신 사용시*/
.page-top {margin-bottom: 0; line-height: 0;}
/*.page-top > .page-title {margin-bottom: 10px;}*/
/* .page-top > .page-title .title-dep1 {margin-bottom: 10px;} */
/* .page-top > .page-title .title-dep1 + .btn-group {margin-bottom: 10px;} */
.page-top > .page-title + .btn-group {display: inline-flex; width: 100%; /*margin-bottom: 10px;*/ }
.page-top > .page-title .title-dep1 + .btn-group {margin-left: auto;}

.col-top + .table-area {margin-top: 5px;}
/*.page-top + .page-cont {margin-top: 10px;}*/
.divHide + .page-cont {margin-top: 0px;}
[class$="-summary"] + .grid-area,
.tabtype2 + .grid-area {margin-top: 10px;}

.mCSB_scrollTools {z-index: 10;}

.shipment-map {display: flex; flex-direction: row; width: 100%; height: 572px;}
.shipment-map .left-area {width: 62%; height: 100%; margin-right: 2%; overflow: hidden;}
.shipment-map .left-area.tmMap {width: 62% !important; margin-right: 2% !important;}
.shipment-map .right-area {width: 36%; height: 100%;}
.shipment-map .right-area .cont-list {overflow: hidden; transition: all .5s;}

/*dhx_vault custom(file upload)*/
.dhx_widget {font-family: 'Noto Sans KR', sans-serif !important;}
.dhx_vault {background-color: #fff !important; border: 1px solid #d3d4d5 !important;}
.dhx_vault--toolbar .dhx_toolbar {background-color: #fff !important; border: 0 none !important; border-bottom: 1px solid #d3d4d5 !important;}
.dhx-dropable-area {background-color: #fff !important;}
.dhx-dropable-area.drop-files-here .drop-area-bold-text {color: #888; font-size: 16px; font-weight: 400;}
.dhx-dropable-area.drop-files-here .dhx_button {background-color: #fff; border: 1px solid #d3d4d5; min-width: 131px; min-height: 35px; border-radius: 35px; color: #888; font-weight: 400; font-size: 13px;}

/*coreArea custom*/
.coreArea [class*="btn-type"],
.coreArea [class*="btn-mtype"],
.coreArea [class*="btn-btype"],
.coreArea [class*="btn-ttype"] {}
.coreArea [class*="btn-type"].h32,
.coreArea [class*="btn-mtype"].h32,
.coreArea [class*="btn-btype"].h32,
.coreArea [class*="btn-ttype"].h32 {height: 32px; line-height: 30px;}

.coreArea .select,
.coreArea .input1,
.coreArea .admin-page-search table .select {height: 23px; font-size: 12px; line-height: 21px; font-weight: 400;}
.coreArea .admin-page-top .search-full [class*="btn-type"],
.coreArea .admin-page-top .search-full [class*="btn-type"].h32,
.coreArea .admin-page-top .search-full .coreArea [class*="btn-mtype"].h32,
.coreArea .admin-page-top .search-full .coreArea [class*="btn-btype"].h32,
.coreArea .admin-page-top .search-full .coreArea [class*="btn-ttype"].h32 {font-size: 12px; line-height: 21px; font-weight: 400; height: 23px;}

.coreArea .table1-list th,
.coreArea .table1-list td,
.coreArea .table1-list.type3 tbody th,
.coreArea .table1-list.type3 tbody td {font-size: 12px; font-weight: 400;}
.coreArea .table1-list th,
.coreArea .table1-list td {padding: 4px 5px;}

.coreArea .admin-page-head {margin-bottom: 10px;}
.coreArea .admin-page-head .admin-depth-title {margin-bottom: 0; padding-left: 0;}
.coreArea .admin-page-head .admin-depth-title .tit {font-size: 17px; line-height: 22px; font-weight: 400; color: #000; letter-spacing: -0.02em; word-spacing: -0.01em; text-shadow: none; position: relative;}
.coreArea .admin-page-head .admin-depth-title .tit::before {content: ''; display: block; position: absolute; left: 0; top: 0;}
.coreArea .admin-page-head .admin-navi {display: none;}

.coreArea .admin-page-tit {padding-left: 0; margin-bottom: 5px !important;}
.coreArea .admin-page-tit .tit {margin-top: 0; font-size: 14px; color: #666; font-weight: 400; padding-left: 10px;}
.coreArea .admin-page-tit .tit::before {background: #666; width: 3px; height: 3px; top: 11px;}

.coreArea .admin-page-top + .admin-table-area {margin-top: 5px;}

.coreArea .outsearch-box .btn {bottom: 0; margin-top: -13px;}
.coreArea .outsearch-box .btn .ico-search5 {display: inline-block; background-image: url(../images/ico/ico-search4.png);}

/*notice popup*/
.notice-area {display: flex; flex-direction: column; width: 100%;}
.notice-top {display: inline-flex; width: 100%; padding: 0 20px 20px;}
.notice-top .title {flex: 1; font-size: 18px; font-weight: 700; color: #f36f20;}
.notice-top .date {margin-left: auto;}
.notice-cont {background-color: #f5f5f5; padding: 20px; font-size: 14px; border-radius: 6px;}
.notice-foot {padding: 10px 20px;}

.status-list {display: inline-flex; align-items: center; width: 100%;}
.status-list > .item {position: relative; padding: 0 12px 0 8px; padding: 0 8px; display: inline-flex; align-items: center;}
.status-list > .item:first-child {padding-left: 0;}
/*.status-list > .item::after {content: ""; position: absolute; width: 1px; height: 12px; right: 0; top: 50%; margin-top: -6px; background-color: #ddd;}
.status-list > .item:last-child::after {content: none;}*/
.status-list > .item .s-txt {margin-left: 4px; font-size: 12px; color: #666;}
.status-list > .item strong.s-txt {font-weight: 500;}
.status-list > .item .s-txt + .s-txt,
.status-list > .item .s-tit + .s-txt {margin-left: 10px;}
.status-list > .item .s-txt .input1 {margin-right: 0;}
.status-tit,
.status-list > .item .s-tit {font-size: 12px; color: #666; padding-left: 7px; margin-right: 4px; position: relative; white-space: nowrap; font-weight: 500;}
.status-tit::before,
.status-list > .item .s-tit::before {content: ''; display: block; width: 3px; height: 3px; background-color: #666; border-radius: 3px; position: absolute; left: 0; top: 9px;}
.status-list > .item .s-tit.type2::before {content: none;}
.status-list > .item + .item .s-tit::after {content: ''; display: block; width: 1px; height: 12px; background-color: #fff; position: absolute; left: -11px; top: 50%; margin-top: -6px;}
.status-list > .item .s-txt [class*="status-c"] {display: inline-block;}
.status-list div.tname,
.status-list div.tnum,
.status-list input.tname,
.status-list input.tnum,
.status-list .tname,
.status-list .tnum,
.status-list .full,
.status-list .txt-tunit {font-family: 'HankookTire', sans-serif; font-size: 11px; font-weight: 600; text-align: center; margin: 0 !important; padding: 0 2px; letter-spacing: 0.04em; word-spacing: -0.02em; background-color: #fff; border: 1px solid #fff; box-sizing: border-box; background-color: #fff; border-radius: 3px; height: 23px; line-height: 23px; white-space: nowrap;}
.status-list input.tname{font-weight: 500;}
/* .status-list div.tname,
.status-list input.tname,
.status-list .tname {font-weight: 500;} */
.status-list div[contenteditable=true].tnum:empty:before,
.status-list div[contenteditable=true].tname:empty:before,
.status-list div[contenteditable=false].tnum:empty:before,
.status-list div[contenteditable=false].tname:empty:before {content: attr(placeholder); display: block; font-weight: bold; color: #455cd3;}
.status-list input.tname,
.status-list input.tnum,
.status-list div[contenteditable=true].tnum,
.status-list div[contenteditable=true].tname {outline: 0 none; min-width: 38px; border-color: #ccc;}
.status-list input.tnum,
.status-list div[contenteditable=true].tnum {padding-left: 6px; padding-right: 6px;}
.status-list input.tname,
.status-list div[contenteditable=true].tname {padding-left: 3px; padding-right: 3px;}
.status-list div[contenteditable=true].tnum + .tunit {margin-left: 3px;}
.status-list div.tname {}
.status-list .item.total div.tnum {color: #03944e;}
.status-list .tnum,
.status-list div.tnum,
.status-list input.tnum {color: #455cd3;}
.status-list input.tname + input.tnum{margin-left: 5px !important;}
/* .status-list input.tname + input.tnum,
.status-list .tname + .tnum {margin-left: 5px !important;} */
.status-list input.tname[readonly],
.status-list input.tnum[readonly] {opacity: 1; border-color: #fff !important;}
.status-list input.tname[readonly] {color: #000;}
.status-list input.tnum[readonly] {color: #000;}
.status-list input.tname[readonly] + input.tnum {}
.status-list input.tname[readonly] + input.tnum[readonly] {margin-left: 0 !important;}
.status-list .select1.tunit[readonly] {border-color: #fff !important; opacity: 1; background-image: none; padding-right: 2px; padding-left: 2px;}
.status-list + .status-list {margin-top: 10px;}
.status-list + .status-tit {margin-left: 20px;}
.status-tit + .status-list {width: auto;}

.status-list div[contenteditable=true].tnum:hover,
.status-list div[contenteditable=true].tname:hover {border-color: #444;}
.status-list div[contenteditable=true].tnum:focus,
.status-list div[contenteditable=true].tname:focus {border-color: #ec6608}

.status-list > .item.line::before {content: ""; position: absolute; left: -10px; top: 50%; margin-top: -7px; height: 14px; width: 1px; background-color: #bbb;}

.status-list.boxtype1 > .item {min-width: 47px; font-size: 12px; line-height: 14px; white-space: nowrap; border: 1px solid #ddd; border-radius: 2px; justify-content: center; padding: 0 3px; margin: 2px; height: 26px; background-color: #fff; color: #333;}

[class*="contTop-"] .status-list {width: auto;}

.status-c1 {color: #03944e}
.status-c2 {color: #0f75b5}
.status-c3 {color: #f50808}
.status-c4 {color: #d2a301}

.status-t1 {color: #03944e}
.status-t2 {color: #0f75b5}
.status-t3 {color: #f50808}

.statusA-bg1 {background-color: #fff !important;}
.statusA-bg2 {background-color: #f9e791 !important;}
.statusA-bg3 {background-color: #aaeac3 !important;}
.statusA-bg4 {background-color: #f6dbcd !important;}
.statusA-bg5 {background-color: #dae2f8 !important;}
.statusA-bg6 {background-color: #edcdf4 !important;}
.statusA-bg7 {background-color: #d5ccf6 !important;}
.statusA-bg8 {background-color: #eceeca !important;}

.statusB-bg1 {background-color: #fff !important;}
.statusB-bg2 {background-color: #f5d7e9 !important;}
.statusB-bg3 {background-color: #e2e1de !important;}

.file-vault {height: 144px !important;}
.file-vault .dhx-dropable-area {display: block;}
.file-vault .dhx-dropable-area .dhx-big-icon-block {display: none;}
.file-vault .dhx-dropable-area.drop-files-here .drop-area-bold-text {display: inline-block; margin: 12px 0; font-size: 14px;}
.file-vault .dhx-dropable-area .drop-area-light-text {display: inline-block; font-size: 14px; margin: 0 6px;}
.file-vault .dhx_button--view_flat.dhx_button--color_primary {display: block; margin: 0 auto;}
.file-vault .dhx_button--view_flat.dhx_button--color_primary.dhx_button--active,
.file-vault .dhx_button--view_flat.dhx_button--color_primary:focus,
.file-vault .dhx_button--view_flat.dhx_button--color_primary:hover {background-color: #f5f5f5;}
.file-vault .dhx_vault--container .dhx_dataview-item--file {height: 70px;}
.file-vault .dhx_vault--container .dhx_dataview-item--file-name {line-height: 1.2; padding-top: 4px;}

.bar-list-group + .selResult-box {margin-top: 19px; margin-bottom: 13px;}
.selResult-box .inbox {position: relative; padding-left: 138px;}
.selResult-box .inbox + .inbox {margin-top: 1px;}
.selResult-box .dt,
.selResult-box .dd {vertical-align: top; line-height: 16px; margin-bottom: 5px;}
.selResult-box .dt {width: 138px; padding-right: 10px; color: #333; font-weight: 400; position: absolute; left: 0; top: 0; padding-left: 14px;}
.selResult-box .dt::before,
.selResult-box .dt::after {content: ''; display: block; position: absolute; }
.selResult-box .dt::before { width: 3px; height: 3px; border-radius: 3px; background-color: #ee8c51; left: 5px; top: 7px;}
.selResult-box .dt::after {width: 1px; height: 9px; background-color: #ccc; right: 10px; top: 4px;}
.selResult-box .dd {display: inline-block; position: relative; color: #000;}
.selResult-box .dd::after {content: ','; display: inline-block; margin-right: 5px;}
.selResult-box .dd:last-child::after {content: none;}
.selResult-box .dd .txt,
.selResult-box .dd [class*="btn-del"] {vertical-align: top;}
.selResult-box .dd .txt {line-height: 15px;}
.selResult-box .dd [class*="btn-del"]:hover {background-color: rgba(0,0,0,0.1); border-radius: 20px;}
.selResult-box .dd .txt + [class*="btn-del"],
.selResult-box .dd [class*="btn-del"] +.txt {margin-left: 3px;}
.selResult-box .dd:nth-of-type(even) {color: #777;}

.selResult-box.viewtype {margin-top: 3px;}
.form-tb tbody td .selResult-box.viewtype {margin-top: 3px; color: #888;}
.form-tb tbody td .selResult-box.viewtype .dt {font-weight: 400;}

.selResult-box.type3-r {width: calc(57% + 106px);}/*.bar-list-group.type3 의 결과영역*/

.popup .topfixtype-cont {padding-top: 43px;}
.popup .topfixtype {position: absolute; bottom: -32px; left: 36px; z-index: 10;}

/* order status map */
.popup-info-main {padding: 18px; border-bottom: 1px solid #d8d6d6; background-color: #f0f0f0; font-weight: 700; text-align: center;}
.popup-info-main .tit {margin-bottom: 5px; font-size: 16px; color: #333; text-transform: uppercase;}
.popup-info-main .desc {font-size: 15px; color: #2666cc;}
.popup-info-main .desc a {position: relative;}
.popup-info-main .desc a:before {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #2666cc;}

[class^="txt-OS-S"] {display: inline-flex; justify-content: center; align-items: center; height: 65px; padding-top: 33px; font-size: 12px; font-weight: bold; color: #333; line-height: 14px; background-position: center 10px; background-repeat: no-repeat;}
.txt-OS-S0 {background-image: url(../images/ico/ico-OS-S0.png);}
.txt-OS-S1 {background-image: url(../images/ico/ico-OS-S1.png);}
.txt-OS-S2 {background-image: url(../images/ico/ico-OS-S2.png); background-position: center 6px;}
.txt-OS-S3 {background-image: url(../images/ico/ico-OS-S3.png);}
.txt-OS-S4 {background-image: url(../images/ico/ico-OS-S4.png);}
.txt-OS-S5 {background-image: url(../images/ico/ico-OS-S5.png);}
.txt-OS-S6 {background-image: url(../images/ico/ico-OS-S6.png);}

[class^="txt-OS2-S"] {display: inline-flex; align-items: center; font-size: 11px; font-weight: bold; color: #333; letter-spacing: -0.02em;}
[class^="txt-OS2-S"]::before {content: ""; display: inline-block; margin: 0 4px 0 0;}
.txt-OS2-S0::before {content: url(../images/ico/ico-OS-S0.png);}
.txt-OS2-S1::before {content: url(../images/ico/ico-OS-S1.png);}
.txt-OS2-S2::before {content: url(../images/ico/ico-OS-S2.png);}
.txt-OS2-S3::before {content: url(../images/ico/ico-OS-S3.png);}
.txt-OS2-S4::before {content: url(../images/ico/ico-OS-S4.png);}
.txt-OS2-S5::before {content: url(../images/ico/ico-OS-S5.png);}
.txt-OS2-S6::before {content: url(../images/ico/ico-OS-S6.png);}
.txt-OS2-S7::before {content: url(../images/ico/ico-OS-S7.png);}
.txt-OS2-S8::before {content: url(../images/ico/ico-OS-S8.png);}
.txt-OS2-S9::before {content: url(../images/ico/ico-OS-S9.png);}
.txt-OS2-S10::before {content: url(../images/ico/ico-OS-S10.png);}
.txt-OS2-S11::before {content: url(../images/ico/ico-OS-S11.png);}
.txt-OS2-S12::before {content: url(../images/ico/ico-OS-S12.png);}

.category-type2-list {padding: 24px 32px; font-size: 0; white-space: nowrap; text-align: center;}
.category-type2-list li {display: inline-block; margin-right: 26px; vertical-align: top; font-size: 16px; font-weight: 700; color: #3d393a; text-transform: uppercase;}
.category-type2-list li:last-child {margin-right: 0;}
.category-type2-list li .list {display: block; width: 83px; height: 73px; line-height: 73px; border-radius: 30px; background-color: #f4f5f5; text-align: center;}
.category-type2-list li .list:hover,
.category-type2-list li.on .list {color: #f36f20; background-color: #ffefe4; background-position: center -73px;}
.category-type2-list li .cnt {display: block; text-align: center; padding: 10px 0 0;}
.category-type2-list li .cnt.link {color: #f36f20; text-decoration: underline;}

.category-type2 + .search-detail-area {border-top: 1px solid #d8d6d6;}

.popup-info-group {position: relative; padding: 16px 35px; border-bottom: 1px solid #d8d6d6;}
.popup-info-group:before {content: ""; position: absolute; right: 30px; top: 10px; width: 40px; height: 40px;}
.popup-info-group.mapY:before {background: url(../images/ico/ico-location-s.png) no-repeat center center;}
.popup-info-group.mapN:before {background: url(../images/ico/ico-location-no.png) no-repeat center center;}
.popup-info-group a.link-box {position: relative; z-index: 1;}

span.mapY {display: inline-block; width: 40px; height: 40px; background: url(../images/ico/ico-location-s.png) no-repeat center center; overflow: hidden; text-indent: -9999rem;}
span.mapN {display: inline-block; width: 40px; height: 40px; background: url(../images/ico/ico-location-no.png) no-repeat center center;}

.popup-info-group .btn.ico-image {position: absolute; z-index: 2; width: 40px; height: 40px; border-radius: 100%; right: 70px; top: 10px; font-size: 0; text-indent: -999rem; overflow: hidden; background: url(../images/ico/ico-image.png) no-repeat center center;}
.popup-info-group .btn.ico-image:hover {background-color: #fff;}

.popup-info-list {padding: 20px 48px 19px; border-bottom: 1px solid #d8d6d6;}

.popup-global-wrap {position: fixed; z-index: 11; top: 0; bottom: 0; left: -485px; width: 520px; transition: left .3s;}
.popup-global-wrap.popOpen {left: -2px !important;}
.popup-global-wrap .popup-area {position: absolute; width: 485px; top: -1px; bottom: -1px; left: 0; right: 20px; box-shadow: 0 0 10px rgba(74,74,74,.3); border: 1px solid #ddd; transition: 0.5s;}
.popup-global-wrap .btn-lc {position: absolute; right: 0; width: 35px; height: 75px; top: 50%; margin-top: -38px; background-color: #fefefe; border: 1px solid #ccc; border-left: 0 none; border-radius: 0 15px 15px 0;}
.popup-global-wrap .btn-lc:before {width: 10px; height: 17px; margin-top: -8px; margin-left: -5px; transform: rotate(-180deg); background-image: url(../images/ico/ico-arrow3.png);}
.popup-global-wrap.popOpen .btn-lc:before {transform: rotate(0);}
.popup-global-wrap .popup {position: relative; width: 100%; height: 100%; max-height: none; margin-top: auto; left: auto; top: auto; border-radius: 0; overflow-y: auto; background-color: #fff;}
.popup-global-wrap .popup .pop-head {position: relative; height: 65px; line-height: 65px !important; font-size: 20px; letter-spacing: -0.04em; word-spacing: 0.02em; padding: 0 25px 0 88px; border-bottom: 1px solid #d8d6d6;}
.popup-global-wrap .popup .pop-head.type2 {padding-left: 60px;}
.popup-global-wrap .popup .pop-head.right {padding: 0 68px 0 29px;}
.popup-global-wrap .popup .pop-head .close {top: 17px; right: 23px; background-image: url(../images/ico/ico-popup-close3.png);}
.popup-global-wrap .popup .pop-cont {padding: 0; height: auto; overflow-x: hidden;}
.popup-global-wrap .popup.popScrollY {height: 100%;}

.popup-global-wrap .btn-menu {background: url(../images/ico/ico-menu.png) no-repeat center center;}
.popup-global-wrap .btn-prev {background: url(../images/ico/ico-back.png) no-repeat center center;}
.popup-global-wrap .btn-menu:hover,
.popup-global-wrap .btn-prev:hover {background-color: rgba(0, 0, 0, .05);}

.popup-global-wrap.order-status {width: 735px; left: -700px;}
.popup-global-wrap.order-status .popup-area {width: 700px;}
.popup-global-wrap.order-status .popup-info-list {margin-bottom: -7px; padding: 0; border: none; font-size: 0;}
.popup-global-wrap .pop-cont .btn-topmove,
.popup-global-wrap .pop-cont .btn-topmove.show {margin-left: 400px; bottom: 30px; margin-right: inherit; right: inherit; opacity: 1;}
.popup-global-wrap.order-status .pop-cont .btn-topmove,
.popup-global-wrap.order-status .pop-cont .btn-topmove.show {margin-left: 614px;}
.popup-global-wrap.global-detail-area .pop-cont .btn-topmove,
.popup-global-wrap.global-detail-area .pop-cont .btn-topmove.show {margin-left: 430px;}

.popup-global-wrap.order-status .category-type2-list {padding: 10px 20px;}
.popup-global-wrap.order-status .category-type2-list li {margin-right: 10px;}
.popup-global-wrap.order-status .category-type2-list li .list {width: 85px; height: auto; padding: 0 0 8px; border-radius: 6px;}
.popup-global-wrap.order-status .category-type2-list li .cnt {display: flex; justify-content: center; align-items: center; padding-top: 2px; line-height: 1;}
.popup-global-wrap.order-status [class^="txt-OS-S"] {display: flex; font-size: 11px;}
.popup-global-wrap.order-status .category-result {padding: 2px 32px 16px; border-bottom: 1px solid #d8d6d6;}
.popup-global-wrap.order-status .pop-cont .pop-search {padding: 10px 20px;}

.popup-global-wrap.order-status .side-info {position: relative; padding: 0 20px 0 34px;}
.popup-global-wrap.order-status .side-info:before {content: ""; position: absolute; left: 22px; top: 7px; width: 6px; height: 6px; background-color: #666; border-radius: 100%;}

.popup-global-wrap.order-status .polist_box {margin: 10px 20px;}

.popup-info-list .list {display: block; width: 100%; margin-bottom: 6px; line-height: 1.2; font-size: 13px; font-weight: 700; text-transform: uppercase;}
.popup-info-list .list[class*="half"] {display: inline-block;}
.popup-info-list .list.half1 {width: 57%;}
.popup-info-list .list.half2 {width: 42%;}
.popup-info-list .list.half3 {width: 42%;}
.popup-info-list .list.half2 .tit {width: 64px;}
.popup-info-list .list.half2 .desc {width: calc(100% - 80px)}
.popup-info-list .list.half3 .tit {width: 106px;}
.popup-info-list .list.half3 .desc {width: calc(100% - 150px)}
.popup-info-list .list:last-child {margin-bottom: 0;}
.popup-info-list .list .tit {display: inline-block; width: 110px; color: #333; vertical-align: top;}
.popup-info-list .list .desc {display: inline-block; width: calc(100% - 116px); color: #a9a9a9; vertical-align: top;}
.popup-info-list .list .desc:before {content: ":"; display: inline-block; margin-right: 7px; vertical-align: top;}
.popup-info-list .list .link {text-decoration: underline; color: #ec6608; font-weight: 700;}

.osDetail-area {padding-top: 23px;}
.osDetail-head {margin-bottom: 12px;}
.osDetail-head .txt {font-size: 15px; color: #333; font-weight: bold;}
.osDetail-head .tit {font-weight: normal; text-shadow: 0 0 #333; padding-right: 10px; position: relative;}
.osDetail-head .tit::after {content: ':'; font-size: 15px; color: #333; position: absolute; right: 6px; top: 0;}
.osDetail-head .day {font-size: 14px; color: #333; text-shadow: 0 0 #333;}
.osDetail-head .text-box {overflow: hidden; margin-bottom: 21px; padding-left: 1px;}
.osDetail-head .text-box .fl {width: 600px;}
.osDetail-head .text-box .fr {width: 100px; text-align: right;}
.osDetail-head .text-box .fl .txt {width: calc(100% - 155px);}
.osDetail-head .text-box .fl .tit {width: 150px;}
.osDetail-head .text-box .text + .text {margin-top: 6px;}
.osDetail-head .total-box {padding: 19px 61px 16px;}
.osDetail-head .total-box .total {overflow: hidden; padding-right: 15px; padding-left: 11px;}
.osDetail-head .total-box .total + .total {border-top: 1px solid #ccc; margin-top: 10px; padding-top: 13px;}
.osDetail-head .total-box .total .txtbox {font-size: 16px; color: #333; text-shadow: 0 0 #333;}
.osDetail-head .total-box .total .numbox {}
.osDetail-head .total-box .total .numbox .num,
.osDetail-head .total-box .total .numbox .txt {font-size: 15px; color: #333; font-weight: bold;}
.osDetail-head .total-box .total .numbox .num {font-size: 25px;}
.osDetail-head .total-box .total .numbox .num + .txt {margin-left: 3px;}
.osDetail-head .total-box .total.type1 .numbox .num,
.osDetail-head .total-box .total.type1 .numbox .txt {color: #f36f20;}

.osDetail-body .listOsDetail + .listOsDetail {margin-top: 9px;}

.popup-info-detail {padding: 10px 0 0;}
.popup-info-detail .osDetail-area {padding-top: 10px;}
.popup-info-detail .osDetail-area .borderBg4-box {border-radius: 2px;}
.popup-info-detail .osDetail-head .total-box {padding: 14px; text-align: center;}
.popup-info-detail .osDetail-head .total-box .total .txtbox,
.popup-info-detail .osDetail-head .total-box .total .numbox .num,
.popup-info-detail .osDetail-head .total-box .total .numbox .txt {font-size: 13px;}
.popup-info-detail .osDetail-head .total-box .total .numbox .num {font-size: 16px;}
.popup-info-detail .osDetail-head .total-box .total {display: inline-block; vertical-align: top;}
.popup-info-detail .osDetail-head .total-box .total:nth-child(1) {padding: 0;}
.popup-info-detail .osDetail-head .total-box .total:nth-child(2) {position: relative; padding: 0 0 0 22px; margin: 0 0 0 20px; border: none;}
.popup-info-detail .osDetail-head .total-box .total:nth-child(2)::before {content: ""; position: absolute; left: 0; top: 5px; width: 1px; height: 10px; background-color: #ddd;}
.popup-info-detail .osDetail-head .total-box .total .numbox {margin-left: 12px;}

.popup-info-detail .table-list td {background-color: #fff;}
.popup-info-group:hover,
.popup-info-group.on {background-color: #fdf3ee; cursor: pointer;}

.history-list {margin-top: 4px; padding: 39px 40px 39px 30px;}
.history-list .list {position: relative; margin-bottom: 34px; padding-left: 45px;}
.history-list .list:after {content: ""; position: absolute; z-index: 2; left: 8.5px; top: 0; width: 16px; height: 16px; background-color: #999; border-radius: 100%;}
.history-list .list.on:after {background-color: #f56813;}
.history-list .list:first-child::after {width: 33px; height: 33px; left: 0; margin-top: -8px; background-image: url(../images/ico/ico-point3.png); background-repeat: no-repeat; background-position: 0 0;}
.history-list .list .line {position: absolute; z-index: 1; left: 16px; bottom: 100%; width: 1px; background-color: #999;}
.history-list .list.on .line {background-color: #f56813;}
.history-list .list:first-child .line {display: none;}
.history-list .list:last-child {margin-bottom: 0 !important;}

.history-info {padding: 0 23px;}
.history-info .tit {margin-bottom: 10px; font-size: 15px; font-weight: 700; color: #333;}
.history-info .desc {font-size: 13px; color: #999; text-shadow: 0 0 0 #999;}
.history-info .desc.on {color: #f56813;}
.history-list.border-type {margin-top: 0;}
.history-list.border-type .history-info {padding: 15px 26px 12px; border: 1px solid #ddd; border-radius: 10px;}
.history-list.border-type .history-info .tit {margin-bottom: 0; font-size: 13px;}
.history-list.border-type .list {margin-bottom: 22px;}

.history-list.border-type .line {bottom: 50%;}
.history-list.border-type .list:after {top: 50%; margin-top: -8px;}
.history-list.border-type .list:first-child::after {margin-top: -16.5px;}

.btn-sqaure {display: block; width: 403px; height: 68px; line-height: 68px; margin: 17px auto 20px; background-color: #f56813; font-size: 18px; color: #fff; text-shadow: 0 0 0 #fff; text-align: center; text-transform: uppercase; border-radius: 2px;}
.ico-arrow-w {width: 18px; height: 18px; background: url(../images/ico/ico-arrow8.png) no-repeat center center;}
.btn-sqaure .ico-arrow-w {margin-left: 14px;}

.change-history {visibility: hidden;}
.change-history.popOpen {visibility: visible;}

.bubble-info-layer {position: absolute;}

.bubble-info {position: absolute; min-height: 50px; left: 50%; transform: translateX(-50%); bottom: 44px; background-color: #fff; border-radius: 10px; box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);}
.bubble-info::after {content: ""; position: absolute; bottom: -15px; left: 50%; margin-left: -10px; width: 20px; height: 20px; background: url(../images/ico/ico-tail.png) no-repeat center center;}
.bubble-info .tit {position: relative; display: block; padding: 12px 26px 8px; line-height: 1; font-size: 13px; font-weight: 700; color: #333; text-align: center; text-transform: uppercase; white-space: nowrap; border-bottom: 1px solid #d8d6d6;}
.bubble-info .list-box {padding: 11px 26px;}
.bubble-info dd {font-size: 12px; font-weight: 700; color: #999; text-align: left; text-transform: uppercase;}
.bubble-info dd.on {color: #f36f20;}
.bubble-info dd .link {color: #f36f20; text-decoration: underline;}
.bubble-info dd:last-child {margin-bottom: 0;}
.bubble-info .list {white-space: nowrap;}

.bubble-info-layer.bottom .bubble-info {bottom: inherit !important;}
.bubble-info-layer.bottom .bubble-info:after {bottom: inherit; top: -15px; transform: rotate(180deg);}

.bubble-info.type2 {width: 380px;}
.bubble-info.type2 .list-box {max-height: 174px;}

.bubble-info-layer.dotType .bubble-info {bottom: 34px;}
.bubble-info-layer.bottom.dotType .bubble-info {top: 28px;}
.bubble-info-layer .label-status {display: inline-block;}
.bubble-info-layer .label-status img {vertical-align: top;}

#mapTracking .gm-style .gm-style-iw-c {width: 160px;}
#mapTracking .gm-style .gm-style-iw-c .bubble-info {position: static; width: auto; min-height: auto; left: inherit; bottom: inherit; transform: translateX(0); border-radius: 0; box-shadow: none;}
#mapTracking .gm-style .gm-style-iw-c .bubble-info.type2 {width: 380px;}
#mapTracking .gm-style .gm-style-iw-c .bubble-info::before,
#mapTracking .gm-style .gm-style-iw-c .bubble-info::after {content: none !important;}
#mapTracking .gm-style .gm-style-iw-c .bubble-info .tit .ico-prev {bottom: 8px;}

.bg-map-svg {position: absolute; left: 0; top: 0; width: 100%; min-width: 1600px; height: 100%;}

/* 그룹없이 단독으로 구분선 사용시 */
.line {position: relative; padding-left: 7px; margin-left: 20px;}
.line::before  {content: ''; width: 1px; height: 12px; background-color: #666; position: absolute; left: -11px; top: 50%; margin-top: -6px;}

/* 컨텐츠 탭 영역 내 초기 그리드 출력용 탭(텍스트 없는 탭) 안보이게 처리 */
.blank-tab,
#tabs_BM_PRICING_tab_LCC_FULL {width: 0; border: 0; opacity: 0; padding: 0 !important;}


/******************media query*****************/
@media screen and (max-width: 1570px) {
	.popup.w1550 {width: 98%;}
}
@media screen and (max-width: 1520px) {
	.popup.w1500 {width: 98%;}
}
@media screen and (max-width: 1460px) {
	.popup.w1300 {width: 98%;}

	/* tariff table down 팝업 */
	[id*="popTariffTableDown"] .mCSB_container {overflow: auto;}

	.bar-list .list-box {max-width: 520px;}
	.bar-list.selectbox .list {width: 202px;}
	.bar-list .list .chk-box > label {font-size: 11px;}
}



/******************front in admin custom*****************/
.cont-lc-area .coreArea .btn {padding: 0;}
.cont-lc-area .coreArea .colbox-2 .col:first-child {margin-right: 5px;}
.cont-lc-area .coreArea .colbox-2 .col:last-child {margin-left: 5px;}
.cont-lc-area .coreArea .search-full > .tag {margin-right: 4px}

#tab_MD_ORGANIZATION .inner,
#tab_MD_LSP_INFO .inner,
#tab_MD_CUSTOMER .inner,
#tab_MD_PRODUCTION .inner,
#tab_MD_PLANT .inner,
#tab_RDC_Mapping .inner {padding: 0;}

.listFile .icobox,
.listFile .textbox {display: inline-block; vertical-align: middle;}
.listFile .icobox {display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 24px; position: relative;}
.listFile .icobox img {width: 20px; height: 20px;}
.listFile .textbox {width: calc(100% - 30px); font-size: 13px; padding-left: 9px;}
.listFile .textbox .name,
.listFile .textbox .size {display: block; width: 100%;}
.listFile .textbox .name {font-size: 15px; line-height: 20px; color: #333; text-shadow: 0 0 #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.listFile .textbox .size {font-size: 13px; line-height: 20px; color: #959393;}

.baseFileList-area .listFile .link {display: flex; flex-direction: row; align-items: center; width: 100%; height: auto; border: 0 none; border-bottom: 1px solid #ddd; border-radius: 0; padding: 16px 0;}
.baseFileList-area .listFile .link:hover {border-color: #ddd; background-color: rgba(0,0,0,0.05);}
.baseFileList-area .listFile .textbox {width: calc(100% - 30px); padding-left: 5px;}
.popup .baseFileList-area {padding-bottom: 30px;}
.popup .baseFileList-area .customScrollY {border-bottom: 1px solid #ddd;}
.popup .mCustomScrollbar:not(.mCS_no_scrollbar) .listFile:last-child .link {border-bottom: 0 none;}
.popup .baseFileList-area .mCSB_outside + .mCSB_scrollTools {right: 30px;}

.ico-title-info {width: 21px; height: 21px; background: url(../../common/images/layout/ico-question.png) no-repeat center center;}
.ico-gnb {width: 20px; height: 20px; background: url(../../common/images/common/ico-gnb.png) no-repeat center center;}
.ico-favo2 {width: 15px; height: 15px; background-image: url(../../common/images/common/ico-favo2-off.png); background-repeat: no-repeat; background-position: center center;}
.ico-favo2.on {background-image: url(../../common/images/common/ico-favo2-on.png);}

/* contents in layout type2 */
#wrap.type2 .page-top > .page-title {justify-content: flex-start; height: 40px; padding-bottom: 10px; vertical-align: top;}
#wrap.type2 .page-top > .page-title::before {content: ""; position: absolute; left: -30px; right:-30px; bottom: 0; height: 1px; background-color: #ddd;}
#wrap.type2 .page-top > .page-title [class*="btn"] {display: flex; flex-direction: row; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0;}
#wrap.type2 .page-top > .page-title [class*="btn"]:not(.info):hover {background-color: #f5f5f5;}
#wrap.type2 .page-top > .page-title .ico-box {display: flex; flex-direction: row; align-items: center;}
#wrap.type2 .page-top > .page-title .ico-box > [class*="btn"] + [class*="btn"] {margin-right: 4px;}
#wrap.type2 .page-top > .page-title .ico-box > .page-info .tooltip-wrap {font-size: 14px; text-indent: 0;}
#wrap.type2 .page-top > .page-title .ico-box > .page-info .tooltip-wrap .textbox {line-height: 1;}
#wrap.type2 .page-top > .page-title .btn.openTab {width: 24px; margin-right: 10px;}
#wrap.type2 .page-top > .page-title .btn.nav {position: relative; width: auto; height: 22px; padding: 0 4px 0 3px; margin-left: 10px; justify-content: flex-start; border: 1px solid #ec6608; border-radius: 3px; text-indent: 0; font-size: 11px;}
#wrap.type2 .page-top > .page-title .btn.nav .ico-gnb {position: relative; background-image: url(../../common/images/layout/ico-bars2.png);}
#wrap.type2 .page-top > .page-title .btn.nav .ico-gnb:after {content: ""; position: absolute; right: -1px; bottom: 2px; width: 9px; height: 8px; background: url(../../common/images/layout/ico-arrow3.png) no-repeat center center;}
#wrap.type2 .page-top > .page-title .nav-wrap.open .btn.nav .ico-gnb:after {transform: rotate(180deg);}

.nav-wrap .nav-layer {display: none; position: absolute; z-index: 10; top: 39px; background-color: #fff;}
.nav-wrap .nav-list {display: table-cell; vertical-align: top; width: 322px; height: 320px; padding-top: 14px; border: 1px solid #ddd; background-color: #fff;}
.nav-wrap .nav-list .nav-list {display: none; position: absolute; z-index: 10; top: 0; left: 321px;}
.nav-wrap .nav-list .nav-list .nav-list {top: -1px; left: 320px; overflow-y: auto; overflow-x: hidden;}
.nav-wrap .nav-list .menu {position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; height: 37px; padding: 10px 20px; text-indent: 0;}
.nav-wrap .nav-list .menu:hover {background-color: #f5f5f5;}
.nav-wrap .nav-list .menu .label {display: inline-flex; align-items: center; justify-content: center; min-width: 50px; height: 22px; margin-right: 6px; border-radius: 4px; background-color: #3fb17a; color: #fff; text-align: center; color: #fff; font-size: 12px;}
.nav-wrap .nav-list .menu .link {display: block; font-size: 14px;}
.nav-wrap .nav-list .menu .menuIn-tabox {display: none; width: 100%; margin: 10px 0 0;}
.nav-wrap .nav-list .menu .menuIn-tabox .tab-ul {flex-wrap: wrap;}
.nav-wrap .nav-list .menu .menuIn-tabox .tab-ul li {min-width: 58px; margin-bottom: 2px;}
.nav-wrap .nav-list .menu .menuIn-tabox .tab-ul li .tag {text-align: center;}
.nav-wrap .nav-list .menu:hover .menuIn-tabox,
.nav-wrap .nav-list > .has-depth.on > .menu .menuIn-tabox {display: block;}
.nav-wrap .nav-list .menu .btn-favorite {margin-left: auto;}
.nav-wrap .nav-list .has-depth > .menu::after {content: ""; position: absolute; right: 13px; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../../common/images/common/ico-arrow-off.png) no-repeat center center;}
.nav-wrap .nav-list .has-depth > .menu:hover::after,
.nav-wrap .nav-list .has-depth.on > .menu::after {background-image: url(../../common/images/common/ico-arrow-on.png);}
.nav-wrap .nav-list li.on >.nav-list {display: block;}
.nav-wrap > .nav-list > li > .menu > .link {font-size: 16px; font-weight: 500;}

.nav-wrap .nav-list > .has-depth > .menu {height: auto;}
.nav-wrap .nav-list > .has-depth > .menu::after {top: 13px; margin-top: 0;}
.nav-wrap .nav-list > .has-depth > .menu > .link {line-height: 1;}

.nav-wrap.open .btn.nav:after {transform: rotate(180deg);}
.nav-wrap.open .nav-layer {display: block;}

.nav-wrap .nav-list::-webkit-scrollbar {width: 7px; height: 7px;}
.nav-wrap .nav-list::-webkit-scrollbar-track {background-color: #fff;}
.nav-wrap .nav-list::-webkit-scrollbar-thumb {background-color: #ddd; border-radius: 5px;}

.file-area {display: flex; flex-direction: column;}
.file-area .add-file {display: flex; flex-direction: row; align-items: center;}
.file-area .add-file .file {width: 0; height: 0; padding: 0; overflow: hidden; opacity: 0; text-indent: -999rem;}
.file-area .add-file .input1 {flex: 1;}
.file-area .view-file {margin: 6px 0 0;}
.file-area .view-file {position: relative; width: 100%; overflow: hidden;}
.file-area .view-file:empty {height: auto;}
.file-area .view-file img {position: relative; width: 100%; min-height: 100%;}
.file-area .view-file .btn-del {position: absolute; top: 6px; right: 6px; width: 24px; height: 24px; border-radius: 4px; background: rgba(255, 255, 255, .7) url(../images/ico/ico-del2.png) center center no-repeat; font-size: 0; text-indent: -999rem; overflow: hidden;}
.file-area .view-file .btn-del:hover {background-color: rgba(255, 255, 255, .4);}
.outsearch-box.file-area {align-items: flex-start; justify-content: flex-start;}

.img-record-wrap .file-area .view-file {width: 330px; max-height: 200px;}



/*******************************************************/
/******************grid component guide*****************/
/*******************************************************/
.grid-guide .guide-tit {font-weight: 500; font-size: 16px; color: #333;}
.grid-guide .guide-sub-tit {font-weight: 500; font-size: 12px; color: #666; margin: 20px 0 10px;}
.grid-guide .guide-cont {padding: 20px 0 30px;}
.grid-area .grid-guide .guide-cont {padding: 0;}
.grid-guide .guide-info {margin-bottom: 10px;}
.grid-guide .guide-info > li {display: block;}
.grid-guide .guide-txt {padding-left: 10px; padding-right: 10px; font-size: 12px;}
.grid-guide .guide-point1 {color: blue !important;}
.grid-guide .guide-point2 {color: red !important;}

.grid-row {display: inline-flex; align-items: center; justify-content: flex-start; width: 100%; border-bottom: 1px solid #999;}
.grid-row:first-child,
.grid-row.first {border-top: 1px solid #999;}
.grid-row .ag-cell {position: relative; display: inline-flex; align-items: center; justify-content: center; width: 160px; height: 35px; text-align: center; font-size: 11px; line-height: 1.2; background-color: #fff; color: #666; border-left: 1px solid #999; border-right: 1px solid #999; padding: 0 10px;}
.grid-row .ag-cell + .ag-cell {margin-left: 2px;}
.grid-row .ag-cell.ta-l {justify-content: flex-start;}
.grid-row .ag-cell.ta-r {justify-content: flex-end;}
.grid-row .ag-cell .select1,
.grid-row .ag-cell .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 16px !important;}
.grid-row.no-bd .ag-cell {border-left: none; border-right: none;}
.grid-table .tbodytype .guide-txt,
.grid-row.gtxttype .guide-txt {display: inline-flex; min-height: 35px; align-items: center; justify-content: center; min-width: 80px;}

.grid-table .grid-row.theadtype {background-color: #ccc;}
.grid-table .grid-row.theadtype .ag-cell {background-color: transparent;}
.grid-table .grid-row.tbodytype .guide-left {justify-content: flex-start;}
.grid-table .grid-row > div {border-right: 0 none; border-left: 0 none;}
.grid-table .grid-row > div + div {border-left: 1px solid #999;}
.grid-table .grid-row .ag-cell + .ag-cell {margin-left: 0;}
.grid-table .grid-row .ag-cell [class*="btn"] + [class*="btn"] {margin-left: 4px;}
.grid-table .grid-row .filter-btn [class*="ico-"] {font-size: inherit;}
.grid-table .ag-ltr {direction: ltr;}

.grid-table .grid-row .w320 {width: 320px;}
.grid-table .grid-row .w400 {width: 400px;}

.guide-colbox {display: flex; flex-direction: row; justify-content: space-between;}
.guide-colbox .guide-colbox-in {flex-direction: column; flex: 1;}
.guide-colbox .guide-colbox-in:first-child {margin-right: 5px;}
.guide-colbox .guide-colbox-in:last-child {margin-left: 5px;}
.guide-colbox + .guide-colbox {margin-top: 10px;}

[class*="ag-theme"] .grid-sampleTb {width: 100%; border-collapse: collapse; border: 1px solid #babfc7; border-top-color: #666; background-color: #fff; counter-reset: thTitle;}
[class*="ag-theme"] .grid-sampleTb thead th {padding: 2px 8px; border-right: 1px solid #babfc7; border-bottom: 1px solid #666; text-align: left; font-size: 12px; background-color: #f8f8f8;}
[class*="ag-theme"] .grid-sampleTb thead th:last-child {border-right-color: #babfc7 !important;}
[class*="ag-theme"] .grid-sampleTb thead th.h-type1 {background-color: #888; color: #fff;}
[class*="ag-theme"] .grid-sampleTb thead th.h-type2 {background-color: #f5f5f5;}
[class*="ag-theme"] .grid-sampleTb thead th .ag-cellIn-th {width: 100%; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
[class*="ag-theme"] .grid-sampleTb thead .btn-agMenu {position: absolute; right: 5px; top: 5px; width: 20px; height: 20px;}
[class*="ag-theme"] .grid-sampleTb thead .ag-icon-menu {width: 10px; height: 1px; background-color: #181d1f; position: absolute; left: 50%; top: 50%; margin: 0 0 0 -6px;}
[class*="ag-theme"] .grid-sampleTb thead .ag-icon-menu:before,
[class*="ag-theme"] .grid-sampleTb thead .ag-icon-menu:after {content: ''; display: block; width: 10px; height: 1px; background-color: #181d1f;position: absolute; top: 50%; left: 0;}
[class*="ag-theme"] .grid-sampleTb thead .ag-icon-menu:before {margin-top: -3px;}
[class*="ag-theme"] .grid-sampleTb thead .ag-icon-menu:after {margin-top: 3px;}
[class*="ag-theme"] .grid-sampleTb thead th.has-menu {padding-right: 40px;}
[class*="ag-theme"] .grid-sampleTb tbody th {background-color: #fff; line-height: 1.2;}
[class*="ag-theme"] .grid-sampleTb tbody th .cnt-title {padding-left: 4px;}
[class*="ag-theme"] .grid-sampleTb tbody th .cnt-title::before {counter-increment: thTitle; content:counter(thTitle)". "; display: inline-block; text-indent: -14px; content: none;}
[class*="ag-theme"] .grid-sampleTb tbody th,
[class*="ag-theme"] .grid-sampleTb tbody td {position: relative; height: 38px; padding: 2px 8px; border-right: 1px solid #babfc7; border-bottom: 1px solid #ccc; text-align: left; font-size: 12px;}
[class*="ag-theme"] .grid-sampleTb tbody td:last-child {border-right-color: #babfc7 !important;}
[class*="ag-theme"] .grid-sampleTb tbody td .ag-input,
[class*="ag-theme"] .grid-sampleTb tbody td .input1,
[class*="ag-theme"] .grid-sampleTb tbody td .datepicker,
[class*="ag-theme"] .grid-sampleTb tbody td .select1 {width: 100% !important; height: 100%; border: 0;}
[class*="ag-theme"] .grid-sampleTb tbody td .num {text-align: right;}
[class*="ag-theme"] .grid-sampleTb tbody td .datepicker {background-position: right center;}
[class*="ag-theme"] .grid-sampleTb tbody td .insearch-box {border-color: transparent !important;}
[class*="ag-theme"] .grid-sampleTb tbody td .chk-box label,
[class*="ag-theme"] .grid-sampleTb tbody td .ra-box label {line-height: 1.2;}
[class*="ag-theme"] .grid-sampleTb tbody tr:last-child th,
[class*="ag-theme"] .grid-sampleTb tbody tr:last-child td,
[class*="ag-theme"] .grid-sampleTb tbody th.th-line {border-bottom-color: #666 !important;}
[class*="ag-theme"] .grid-sampleTb tbody tr:last-child td:last-child {border-right-color: #babfc7 !important;}
[class*="ag-theme"] .grid-sampleTb tbody td.ta-c {padding-left: 4px; padding-right: 4px;}
[class*="ag-theme"] .grid-sampleTb tbody td.filter-btn {display: table-cell;}
[class*="ag-theme"] .grid-sampleTb tbody td.ag-cell-inline-editing::before {content: ""; position: absolute; z-index: 0; left: -1px; right: -1px; top: -1px; bottom: -1px; border: 1px solid #ec6509; background-color: transparent;}
[class*="ag-theme"] .grid-sampleTb tbody td.ag-cell-inline-editing input,
[class*="ag-theme"] .grid-sampleTb tbody td.ag-cell-inline-editing select {position: relative; z-index: 1;}
[class*="ag-theme"] .grid-sampleTb tbody td.ag-cell-full {padding-top: 0; padding-bottom: 0;}
[class*="ag-theme"] .grid-sampleTb tbody td.ag-cell-full .txt {position: relative; display: flex; align-items: center; width: 100%; height: 100%; padding: 0 8px;}
[class*="ag-theme"] .grid-sampleTb tbody td.ag-cell-full .txt.num {padding-right: 8px !important; justify-content: flex-end;}
[class*="ag-theme"] .ag-cell.ag-cell-full .select1,
[class*="ag-theme"] .ag-cell .input1.datepicker,
[class*="ag-theme"] .ag-cell .insearch-box .input,
[class*="ag-theme"] .ag-cell .insearch-box.type2 .input {padding-left: 8px; padding-right: 6px !important;}
[class*="ag-theme"] .ag-cell .ag-input.num {padding-left: 8px; padding-right: 0 !important;}

[class*="ag-theme"] .grid-sampleTb tbody tr {background-color: #fff;}
[class*="ag-theme"] .grid-sampleTb:not(.noBg) tbody tr:nth-child(n) {background-color: #fcf9f7;}
[class*="ag-theme"] .grid-sampleTb:not(.noBg) tbody tr:nth-child(2n) {background-color: #fff;}
[class*="ag-theme"] .grid-sampleTb .ag-cell .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 5px !important;}

[class*="ag-theme"] .grid-sampleTb tbody td.ag-cell-not-inline-editing:not(.ag-cell-inline-editing).cell-select {padding-left: 16px !important;}

[class*="ag-theme"] .grid-sampleTb tbody td.cell-disabled {pointer-events: none; user-select: none;}
[class*="ag-theme"] .grid-sampleTb tbody td.cell-readonly {pointer-events: none;}

[class*="ag-theme"] .grid-sampleTb tbody td.cell-disabled {color: #333 !important;}
[class*="ag-theme"] .grid-sampleTb tbody td.cell-disabled .chk-box input[type='checkbox']:disabled + label,
[class*="ag-theme"] .grid-sampleTb tbody td.cell-disabled .chk-box input[type='radio']:disabled + label {color: #8d8d8d !important;}
[class*="ag-theme"] .grid-sampleTb tbody td.cell-disabled [class*="btn-wcs"][disabled] {border-color: #a5a5a5; color: #a5a5a5 !important;}
[class*="ag-theme"] .grid-sampleTb tbody td.cell-disabled .datepicker {opacity: .5; background-color: transparent; color: #3e3e3e;}
[class*="ag-theme"] .grid-sampleTb tbody td.cell-disabled .insearch-box {background-color: transparent;}
[class*="ag-theme"] .grid-sampleTb tbody td.cell-disabled .insearch-box .input {width: 100%; background-color: transparent; color: #8d8d8d;}
[class*="ag-theme"] .grid-sampleTb tbody td.cell-disabled .insearch-box .has-clear,
[class*="ag-theme"] .grid-sampleTb tbody td.cell-disabled .insearch-box .btn {opacity: 0;}
[class*="ag-theme"] .grid-sampleTb tbody td.cell-disabled [class*="ico-"] {opacity: .5;}
[class*="ag-theme"] .grid-sampleTb tbody td.cell-disabled .select1 {background-color: transparent; background-image: url(../images/ico/ico-sel1-b.png); opacity: .5;}

[class*="ag-theme"].ag-h35 .grid-sampleTb tbody td {height: 35px; padding-top: 0; padding-bottom: 0;}
[class*="ag-theme"].ag-h20 .grid-sampleTb tbody td {height: 20px; padding-top: 0; padding-bottom: 0;}
[class*="ag-theme"].ag-dashed .grid-sampleTb tbody td {border-bottom-style: dashed;}

.guide-desc-box {position: relative;margin: 10px 0 40px; border: 1px solid #babfc7; font-size: 12px;}
.guide-desc-box .title {position: absolute; top: -25px; left: -1px; height: 24px; padding: 0 20px; display: flex; flex-direction: row; align-items: center; background-color: #888; color: #fff;}
.guide-desc-box .guide-colbox-in {padding: 10px; border-right: 1px solid #ddd;}
.guide-desc-box .guide-colbox-in:not(.title) {flex: 1;}
.guide-desc-box .guide-colbox-in:last-child {border-right: none;}
.guide-desc-box .guide-colbox-in .desc-info:last-child {margin-bottom: 0;}
.guide-desc-box .desc-info {margin-bottom: 20px;}
.guide-desc-box .desc-info:last-child {margin-bottom: 0;}
.guide-desc-box .desc-info dt {font-weight: bold;}
.guide-desc-box .desc-info dd {padding-left: 14px;}
.guide-desc-box .desc-info ol {counter-reset: olCnt;}
.guide-desc-box .desc-info ol > li::before {content: counter(olCnt)") "; counter-increment: olCnt;}
.guide-desc-box .desc-info ol > li > ul {padding-left: 10px;}
.guide-desc-box .desc-info ul > li::before {content: "- "}

.grid-area .grid-guide .guide-cont.guide-scroll {overflow: auto; position: relative; border: 1px solid #babfc7; border-top-color: #666;}
.grid-area .grid-guide .guide-cont.guide-scroll .grid-sampleTb {table-layout: fixed; border: 0 none;}
.grid-area .grid-guide .guide-cont.guide-scroll thead th {position: sticky; z-index: 1; height: 30px; line-height: 15px; border-bottom: none;}
.grid-area .grid-guide .guide-cont.guide-scroll thead th::before,
.grid-area .grid-guide .guide-cont.guide-scroll thead th::after {content:''; display: block; position: absolute;}
.grid-area .grid-guide .guide-cont.guide-scroll thead th::before {/*border-bottom: 1px solid #babfc7;*/ left: 0; right: -1px; top: 29px; width: 100%; height: 1px; background-color: #babfc7;}
.grid-area .grid-guide .guide-cont.guide-scroll thead th::after {width: 2px; height: 8px; background-color: rgba(186,191,199,.5); right: 0; top: 50%; margin-top: -4px;}
.grid-area .grid-guide .guide-cont.guide-scroll thead tr th:first-child:before {border-right: 1px solid #babfc7;}
.grid-area .grid-guide .guide-cont.guide-scroll thead tr th:first-child:after {content: none;}
.grid-area .grid-guide .guide-cont.guide-scroll thead tr:nth-child(1) th {top: 0;}
.grid-area .grid-guide .guide-cont.guide-scroll thead tr:nth-child(2) th {top: 30px;}
.grid-area .grid-guide .guide-cont.guide-scroll thead tr:nth-child(3) th {top: 60px;}
.grid-area .grid-guide .guide-cont.guide-scroll tfoot tr > * {position: sticky; z-index: 1; background-color: #fff; height: 38px;}
.grid-area .grid-guide .guide-cont.guide-scroll tfoot tr > *::before,
.grid-area .grid-guide .guide-cont.guide-scroll tfoot tr > *::after {content:''; display: block; position: absolute;}
.grid-area .grid-guide .guide-cont.guide-scroll tfoot tr > *::before {border-bottom: 1px solid #babfc7; left: -1px; right: -1px; bottom: -1px; top: -1px;}
.grid-area .grid-guide .guide-cont.guide-scroll tfoot tr > *::after {width: 2px; height: 8px; background-color: rgba(186,191,199,.5); right: 0; top: 50%; margin-top: -4px;}
.grid-area .grid-guide .guide-cont.guide-scroll tfoot tr:nth-last-child(1) > * {bottom: 0;}
.grid-area .grid-guide .guide-cont.guide-scroll tfoot tr:nth-last-child(2) > * {bottom: 38px;}
.grid-area .grid-guide .guide-cont.guide-scroll tfoot tr:nth-last-child(3) > * {bottom: 76px;}

.grid-area .grid-guide .guide-cont.guide-scroll .grid-sampleTb tbody tr:last-child th,
.grid-area .grid-guide .guide-cont.guide-scroll .grid-sampleTb tbody tr:last-child td {border-bottom-color: #babfc7 !important;}

.grid-area .grid-guide .guide-cont.guide-scroll .stickyTop {position: sticky; top:0; z-index: 4;}
.grid-area .grid-guide .guide-cont.guide-scroll .stickyFoot {position: sticky; bottom:0; z-index: 4;}
.grid-area .grid-guide .guide-cont.guide-scroll .stickyLeft {position: sticky; left:0; z-index: 5;}
.grid-area .grid-guide .guide-cont.guide-scroll .stickyRight {position: sticky; right:0; z-index: 5;}

.grid-area.full-box .grid-guide,
.grid-area.full-box .guide-box,
.grid-area.full-box .guide-cont.guide-scroll {height: 100%;}

.grid-area .grid-guide .guide-cont.guide-scroll tr.hide {display: none;}
.grid-area .grid-guide .guide-cont.guide-scroll tr.show {display: table-row;}

.grid-area .grid-guide .guide-cont.guide-scroll .emptyblock {background-color: #fff !important;}
.grid-area .grid-guide .guide-cont.guide-scroll .emptyblock > * {border: 0 none;}

.grid-area .grid-guide .guide-cont.guide-scroll[class*="ag-theme"] .grid-sampleTb thead th,
.grid-area .grid-guide .guide-cont.guide-scroll[class*="ag-theme"] .grid-sampleTb tbody th,
.grid-area .grid-guide .guide-cont.guide-scroll[class*="ag-theme"] .grid-sampleTb tbody td {border-right: 0 none;}
.grid-area .grid-guide .guide-cont.guide-scroll[class*="ag-theme"] .grid-sampleTb thead tr > :first-child,
.grid-area .grid-guide .guide-cont.guide-scroll[class*="ag-theme"] .grid-sampleTb tbody tr > :first-child {border-right: 1px solid #babfc7;}
.grid-area .grid-guide .guide-cont.guide-scroll[class*="ag-theme"] .grid-sampleTb thead tr > :last-child,
.grid-area .grid-guide .guide-cont.guide-scroll[class*="ag-theme"] .grid-sampleTb tbody tr > :last-child {border-right: 0 none;}

.grid-area .grid-guide .guide-cont.guide-scroll[class*="ag-theme"] .grid-sampleTb tbody td.ag-cell-inline-editing::before {z-index: 1;}
.grid-area .grid-guide .guide-cont.guide-scroll[class*="ag-theme"] .grid-sampleTb tbody td.ag-cell-inline-editing > * {position: relative; z-index: 2;}
.grid-area .grid-guide .guide-cont.guide-scroll[class*="ag-theme"] .grid-sampleTb tbody td.ag-cell-inline-editing + .ag-cell-inline-editing {z-index: 3;}

.grid-area .grid-guide .guide-cont.guide-scroll::-webkit-scrollbar {width: 16px; height: 16px;}
.grid-area .grid-guide .guide-cont.guide-scroll::-webkit-scrollbar-track {background-color: #fff;}
.grid-area .grid-guide .guide-cont.guide-scroll::-webkit-scrollbar-thumb {background-color: #ddd; border-radius: 0;}

.layout-main {display: flex; flex-direction: column; justify-content: space-evenly; padding: 50px 50px 50px; background-color: #f5f5f5;}
.layout-main .main-title {width: 100%; text-align: center; font-size: 40px; font-weight: 700;}

.main-group {position: relative; display: flex; flex-direction: row; align-items: center; padding: 50px 20px 40px; margin: 0 auto; border: 3px solid #666; border-radius: 20px; text-align: center; background-color: #fff;}
.main-group .group-title {position: absolute; top: -20px; left: 20px; padding: 10px 30px; text-align: center; background-color: #fff; font-size: 24px; font-weight: 700; border-radius: 20px;}
.main-group .group-list {display: inline-block; flex: 1; margin: 0 2%;}
.main-group .group-list .list-label {display: block; padding: 4px 10px; background-color: #888; color: #fff; font-size: 14px; border: 1px solid #888; border-radius: 6px 6px 0 0;}
.main-group .group-list .list-label.bg1 {background-color: #22cb6e;}
.main-group .group-list .list-label.bg2 {background-color: #22b9cb;}
.main-group .group-list img {width: 100%; border: 1px solid #888; border-radius: 0 0 6px 6px;}
.main-group {border-color: #22cb6e;}
.main-group + .main-group {border-color: #22b9cb;}

.layout-main.type2 .main-group {width: 1000px;}

.temp_db {padding: 20px;}

.grid-both {display: flex; flex-direction: row; justify-content: space-between;}
.grid-both .col {flex: 1;}
.grid-both .btn-area {width: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.grid-both .btn-area [class*="btn-m-"] {margin: 5px 0;}

[class*="btn-m-"] {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 30px;height: 32px;position: relative;font-size: 0;text-indent: -999rem;overflow: hidden;border: 1px solid #ddd;border-radius: 3px;}
[class*="btn-m-"]:hover {background-color: #f5f5f5;}
/*[class*="btn-m-"]::before {content: ""; width: 17px; height: 17px; background: url(../images/ico/ic_38.png) no-repeat center center;}
.btn-m-left::before {transform: rotate(90deg);}
.btn-m-right::before {transform: rotate(-90deg);}*/
[class*="btn-m-"]::before {content: "";width: 12px;height: 12px;border: 2px solid #999;transform: rotate(45deg);border-radius: 3px;}
.btn-m-left::before {border-left: 0 none; border-bottom: 0 none; margin-right: 8px;}
.btn-m-right::before {border-right: 0 none; border-top: 0 none; margin-left: 8px;}

.qrBarcode-area {display: flex; justify-content: space-between; align-items: stretch; border: 1px solid #ddd; padding: 22px;}
.qrBarcode-area .txt1 {font-size: 24px; font-weight: bold; line-height: 29px;}
.qrBarcode-area .txt2 {font-size: 20px; line-height: 25px;}
.qrBarcode-area .qrtxt {text-align: center; font-size: 24px; line-height: 29px; font-weight: bold; padding-top: 10px;}
.qrBarcode-area .qrimg {width: 200px; height: 200px; display: flex; align-items: center; justify-content: center;}
.qrBarcode-area .qrimg img {max-width: 100%; max-height: 100%;}
.qrBarcode-area .logo {width: 100px; height: 30px; background-position: 0 0; background-repeat: no-repeat;}
.qrBarcode-area .logo.glp {width: 209px; background-image: url(../../common/images/common/logo.png);}
.qrBarcode-area .logo.hk {width: 216px; height: 50px; background-image: url(../../common/images/login/login-top-logo.png);}
.qrBarcode-area .logobox {padding: 10px 0;}
.qrBarcode-area .textbox {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.qrBarcode-area .qrBarcode-left,
.qrBarcode-area .qrBarcode-right {display: inline-flex; flex-direction: column; justify-content: space-between;}
.qrBarcode-area .qrBarcode-left {flex: 1;}
.qrBarcode-area .qrBarcode-left .textbox {flex: 1;}
.qrBarcode-area .qrBarcode-left .txt1 + .txt2 {margin-top: 10px;}
.qrBarcode-area .qrBarcode-right {padding-left: 20px;}

.popup.popup-qrBarcode {width: 565px;}


/*가이드 숨길시
.topSearch-area .page-title .util,
.topSearch-area .page-title .btn-howTo {display: none;}
#tab_SHIPPING_DOCUMENT .topSearch-area .page-title .util,
#tab_SHIPPING_DOCUMENT .topSearch-area .page-title .btn-howTo,
#tab_PT_LINER_TRACKING_UPLOAD .topSearch-area .page-title .util,
#tab_PT_LINER_TRACKING_UPLOAD .topSearch-area .page-title .btn-howTo {display: inline-block;}*/


.custom-scroll::-webkit-scrollbar {width: 6px; height: 6px;}
.custom-scroll::-webkit-scrollbar-track {background-color: #fff;}
.custom-scroll::-webkit-scrollbar-thumb {background-color: #ddd; border-radius: 0;}


.search-tag{ background-color: #fff; padding: 15px 0 15px 0; margin: -10px 0 20px 0; display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; position: sticky; top: -10px; left: 0; z-index: 9;}
.search-tag p{ width: calc(20% - 10px); height: 32px; padding: 5px 25px 5px 5px; margin: 5px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; position: relative;}
.search-tag p:hover{ background-color: #eee;}
.search-tag p .tag{ width: 100%; font-size: 14px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.search-tag p .del{ width: 20px; height: 20px; background: url(../images/ico/ico-del2.png) no-repeat center center; text-indent: -9999px; display: inline-block; position: absolute; top: 5px; right: 5px;}

[class*="ag-theme"] .ag-cell .search-tag {padding: 0; margin: 0; height: 18px; position: relative; top: 0;}
[class*="ag-theme"] .ag-cell .search-tag p {display: inline-block; max-width: 100%; height: 100%; padding: 1px 18px 1px 5px; margin: 0px 3px; width: auto;}
[class*="ag-theme"] .ag-cell .search-tag p .tag {line-height: 13px; font-size: 12px; width: auto;}
[class*="ag-theme"] .ag-cell .search-tag p .del {top: 0; right: 2px; width: 15px; height: 15px; background-size: auto 9px;}

.grid-area table.grid-sampleTb .search-tag {display: flex; flex-direction: row; border-bottom: 0 none;}
.grid-area table.grid-sampleTb .ag-cell.cell-over:not(:hover )> span .search-tag {overflow: hidden;}
.grid-area table.grid-sampleTb .search-tag p {display: inline-flex;}

.grid-area table.grid-sampleTb .ag-cell.cell-over > span {display: flex; align-items: center; justify-content: flex-start; overflow: hidden;}

.table-shipment-print .tit{ padding: 20px 0; display: flex; justify-content: center;}
.table-shipment-print .tit h2{ font-size: 44px; font-weight: 700; color: #000; line-height: 50px; display: inline-block;}
.table-shipment-print .tit p{ font-size: 44px; font-weight: 500; color: #000; line-height: 50px; margin: 0 0 0 10px; display: inline-block;}
.table-shipment-print table{ border-bottom: 4px solid #656565;}
.table-shipment-print th{ background-color: #eee; -webkit-print-color-adjust:exact; font-weight: 700 !important; text-align: justify; letter-spacing: 0;}
.table-shipment-print th span{ width: 86%; height: 34px; text-align: justify; letter-spacing: -5px; margin: 0 auto; display: block;}
.table-shipment-print th span::after{ width: 100%; content: ''; display: inline-block;}
.table-shipment-print th,
.table-shipment-print td{ font-size: 30px; font-weight: 400; color: #000; line-height: 34px; padding: 3px 5px; border-left: 4px solid #656565; border-top: 4px solid #656565;}
.table-shipment-print td{ font-size: 28px;}
.table-shipment-print td:last-child{ border-right: 4px solid #656565;}
.table-shipment-print thead th{ background-color: #eee; -webkit-print-color-adjust:exact;}
.table-shipment-print thead strong{ font-size: 20px; font-weight: 700; color: #000; line-height: 24px; display: inline-block;}
.table-shipment-print thead p{ font-size: 20px; font-weight: 500; color: #000; line-height: 24px; margin: 0 0 0 20px; display: inline-block;}
.table-shipment-print .txt-b{ font-size: 36px; font-weight: 700;}
.table-shipment-print .color2{ color: #c000ff !important;}
.table-shipment-print .color3{ color: #ff0000 !important;}
.table-shipment-print .color4{ color: #0E3ECF !important;}
.table-shipment-print .ls0{ letter-spacing: 0 !important;}
.table-shipment-print .ls1{ letter-spacing: 1px !important;}
.table-shipment-print .ls2{ letter-spacing: 2px !important;}
.table-shipment-print .ls3{ letter-spacing: 3px !important;}
.table-shipment-print .ls4{ letter-spacing: 4px !important;}
.table-shipment-print .ls5{ letter-spacing: 5px !important;}
.table-shipment-print .ta-justify{ text-align: justify !important;}
.table-shipment-print .fs-40{ font-size: 40px !important; line-height: 44px;}
.table-shipment-print .fs-44{ font-size: 44px !important;}
.table-shipment-print .ct-61{ width: 61%; margin: 0 auto;}
.table-shipment-print .ct-76{ width: 76%; margin: 0 auto;}
.table-shipment-print .br-0{ border-right: 0 !important;}
.table-shipment-print .btc-red{ border-top-color: #ff0000 !important;}
.table-shipment-print .blc-red{ border-left-color: #ff0000 !important;}
.table-shipment-print .brc-red{ border-right-color: #ff0000 !important;}
.table-shipment-print .bbc-red{ border-bottom-color: #ff0000 !important;}
.table-shipment-print .txt-line1{ height: 34px; line-height: 1.2; overflow: hidden;}
.table-shipment-print .txt-line2{ height: 68px; line-height: 1.2; overflow: hidden;}

.system-check-information-box{ display: flex; align-items: center; justify-content: center;}
.system-check-information-box .box-inner{ width: 840px; padding: 40px; display: flex; flex-direction: column; border: 1px solid #ccc; border-radius: 20px;}
.system-check-information-box .box-head{ text-align: left;}
.system-check-information-box .box-head + .box-body{ margin-top: 20px;}
.system-check-information-box .box-body{ display: flex;}
.system-check-information-box .box-body .img{ width: 300px; background: url(../../common/images/system-check-information-bg.jpg) no-repeat center center; background-size: cover; margin-right: 20px;}
.system-check-information-box .box-body .info{ text-align: left; padding: 20px 0;}
.system-check-information-box .box-body .txt1{ display: flex; flex: 1; flex-direction: column;}
.system-check-information-box .box-body .txt1 + .txt1{ padding-top: 50px; margin-top: 50px; border-top: 1px dashed #ccc;}
.system-check-information-box .box-body .txt1 > dt{ font-weight: 700; font-size: 22px; color: #ed6d00;}
.system-check-information-box .box-body .txt1 > dd{ font-size: 16px; line-height: 22px; margin-top: 14px;}
.system-check-information-box .box-body .txt1 > dd .txt2{ margin-top: 20px;}
.system-check-information-box .box-body .txt2{ display: flex; flex-direction: column;}
.system-check-information-box .box-body .txt2 > dt{ font-weight: 700; font-size: 16px; color: #000;}
.system-check-information-box .box-body .txt2 > dd{ font-size: 16px; line-height: 20px; padding-left: 15px; margin-top: 5px; position: relative;}
.system-check-information-box .box-body .txt2 > dd::before{ width: 4px; height: 4px; background-color: #666; content: ''; border-radius: 50%; position: absolute; top: 9px; left: 5px;}

#PT_WMSTD_LSP_SKED_letterView th,
#PT_WMSTD_LSP_SKED_letterView td{ text-align: left;}

#printableArea th,
#printableArea td{ text-align: left;}

/****************lpas add style****************/
.pageN-top .input1,
.basicTabN-cont .input1,
.pageN-top .select1,
.basicTabN-cont .select1,
.pageN-top .textarea1,
.basicTabN-cont .textarea1 {border-radius: 2px;}
.pageN-top .input1,
.basicTabN-cont .input1 {height: 25px;}
.pageN-top .select1,
.basicTabN-cont .select1 {height: 25px;}
.pageN-top .textarea1,
.basicTabN-cont .textarea1 {padding: 5px;}
#wrap .pageN-top .select2-container--default .select2-selection--multiple,
#wrap .basicTabN-cont .select2-container--default .select2-selection--multiple {min-height: 25px;}
.pageN-top .input.datepicker,
.pageN-top .input1.datepicker,
.basicTabN-cont .input.datepicker,
.basicTabN-cont .input1.datepicker {background-image: url(../images/ico/ico-cal5.png) !important; background-position-x: calc(100% - 7px) !important;}

.pageN-top .datepicker:not(.input.day),
.pageN-top .input1.datepicker:not(.input.day) {width: 100% !important; min-width: 106px;}

.fb16p {flex-basis: 16.6666% !important;}
.fb20p {flex-basis: 20% !important;}
.fb25p {flex-basis: 25% !important;}
.fb30p {flex-basis: 30% !important;}
.fb33p {flex-basis: 33% !important;}
.fb34p {flex-basis: 33% !important;}
.fb40p {flex-basis: 40% !important;}
.fb50p {flex-basis: 50% !important;}
.fb60p {flex-basis: 60% !important;}
.fb70p {flex-basis: 70% !important;}
.fb100p {flex-basis: 100% !important;}

.btnUD-up,
.btnUD-down {font-size: 0; width: 20px; height: 20px; border-radius: 2px; position: relative;}
.btnUD-up::before,
.btnUD-down::before {content: ''; display: block; width: 10px; height: 17px; border-radius: 0; background: transparent url(../images/ico/ico-arrow3.png) center center no-repeat; transform: rotate(90deg); position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -5px;}
.btnUD-down::before {transform: rotate(-90deg);}
.btnUD-up:hover,
.btnUD-down:hover {background-color: rgba(0, 0, 0, .05);}

.btn-ix[class*="typeN"] {margin: 2px;}
.btn-ix[class*="typeN"] [class*="itN-"] {color: inherit; font-size: 14px; font-weight: 500;}

.btn-ix[class*="typeN"] [class*="itN-"]:not(.itN-txt) {padding-left: 25px; padding-right: 5px; position: relative;}
.btn-ix[class*="typeN"] [class*="itN-"]:not(.itN-txt)::before {content: ''; width: 20px; height: 20px; position: absolute; left: 0; top: 0; background-position: right center; background-repeat: no-repeat;}

.itN-add::before {background-image: url(../images/ico/icoN-add.png);}
.itN-addMT::before {background-image: url(../images/ico/icoN-addMT.png); width: 25px !important;}
.btn-ix[class*="typeN"] .itN-addMT {padding-left: 30px !important;}
.itN-save::before {background-image: url(../images/ico/icoN-save.png);}
.itN-del::before {background-image: url(../images/ico/icoN-del.png);}
.itN-eDown::before {background-image: url(../images/ico/icoN-eDown.png);}
.itN-fUp::before {background-image: url(../images/ico/icoN-fUp.png);}

.itN-W-imgC::before {background-image: url(../images/ico/icoN-w-imgC.png);}
.itN-W-imgV::before {background-image: url(../images/ico/icoN-w-imgV.png);}
.itN-W-imgM::before {background-image: url(../images/ico/icoN-w-imgM.png);}
.itN-W-qrSel::before {background-image: url(../images/ico/icoN-w-qrSel.png);}
.itN-W-Edit::before {background-image: url(../images/ico/icoN-w-edit.png);}
.itN-W-Del::before {background-image: url(../images/ico/icoN-w-del.png);}
.itN-W-rebuild::before {background-image: url(../images/ico/icoN-w-rebuild.png);}
.itN-W-viewL::before {background-image: url(../images/ico/icoN-w-viewL.png);}
.itN-W-recp::before {background-image: url(../images/ico/icoN-w-recp.png);}
.itN-W-zipDown::before {background-image: url(../images/ico/icoN-w-zipDown.png);}
.itN-W-labelL::before {background-image: url(../images/ico/icoN-w-labelL.png);}
.itN-W-pdfV::before {background-image: url(../images/ico/icoN-w-pdfV.png);}

.btn-ix.typeN1 {border-color: #666; background-color: #fff; color: #666 !important; border-radius: 2px;}
.btn-ix.typeN1:hover {background-color: #efefef; border-color: #444;}
.btn-ix.typeN2 {border-color: #666; background-color: #666; color: #fff !important; border-radius: 2px;}
.btn-ix.typeN2:hover {background-color: #444;}
.btn-ix.typeN3 {border-color: #4f9064; background-color: #fff; color: #4f9064 !important; padding: 0 8px; border-radius: 4px; min-width: 90px;}
.btn-ix.typeN3:hover {background-color: #e6f5e3;}
.btn-ix.typeN4 {border-color: #ec6608; background-color: #ec6608; color: #fff !important; padding: 0 8px; border-radius: 4px; min-width: 90px;}
.btn-ix.typeN4:hover {background-color: #c15000;}

.btn-ix[class*="typeN"].typeS {min-width: auto; height: 24px; padding: 1px 4px;}
.btn-ix[class*="typeN"].typeS [class*="itN-"] {font-size: 12px; font-weight: 400; line-height: 21px;}

.div-search {width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; font-size: 12px; line-height: 17px; color: #888;}
.div-search .label {display: block; font-size: 12px; line-height: 12px; color: #333; font-weight: bold;}
.div-search dt,
.div-search dd {width: 100%;}
.div-search dt + dd {margin-top: 5px;}
.div-search .dl-rowbox {width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.div-search .dl-rowbox + .dl-rowbox {margin-top: 10px;}
.div-search .dl-colbox {display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; padding: 0 10px;}
.pageN-top .div-search .btn-ix {margin: 0 3px;}
.pageN-top .div-search .dl-rowbox > .btn-ix:first-child {margin-left: 0;}
.pageN-top .cont-search {padding: 20px 10px;}
.topSearch-area.hideType1 .div-search {display: none; position: relative; z-index: 1;}
.div-search .dl-rowbox.type-foot {padding-left: 10px; padding-right: 10px; display: flex; justify-content: space-between; align-items: center;}
.div-search .dl-rowbox.type-foot .f-inner {display: flex; align-items: center; flex: 1;}
.div-search .dl-rowbox.type-foot .left {justify-content: flex-start}
.div-search .dl-rowbox.type-foot .center {justify-content: center;}
.div-search .dl-rowbox.type-foot .right {justify-content: flex-end;}

/*.dl-subbox {margin-top: 8px;}*/
.dlSub-inner + .dlSub-inner {margin-top: 5px;}
.dlSub-inner .label {padding-left: 14px; position: relative; font-size: 12px; line-height: 16px; font-weight: 400; color: #333;}
.dlSub-inner .label::before {content: ''; display: block; width: 3px; height: 3px; background-color: #b3b2b2; border-radius: 2px; position: absolute; left: 0; top: 9px;}
.dlSub-inner dt + dd {margin-top: 2px;}

.tabtypeN-n1 {display: flex; align-items: center; justify-content: flex-end; width: 100%; min-height: 35px; border-bottom: 1px solid #e8e7e7;}
.tabtypeN-n1 li {display: inline-flex; align-items: center; justify-content: center; position: relative; margin-right: 3px;}
.tabtypeN-n1 li .tag {font-weight: bold; border: 1px solid #e8e7e7; border-bottom: 0 none; border-radius: 6px 6px 0 0; padding: 2px 10px; font-size: 14px; height: 35px; line-height: 20px; color: #888; min-width: 93px;}
.tabtypeN-n1 li .tag:hover,
.tabtypeN-n1 li.on .tag {color: #fff;border-color: #ec6608;background-color: #ec6608; position: relative;}
.basicTabN-cont [class*="tabtypeN-"],
.tabtypeN-n1 [class*="tabtypeN-"] {display: inline-flex;}
.tabtypeN-n1 .tabtypeN-tab {flex: 1;}
.tabtypeN-n1 .tabtypeN-right {}

.tabtypeN-right > div + div {margin-left: 10px;}
.tabtypeN-right > div {display: inline-flex; justify-content: flex-end; align-items: center;}
.tabtypeN-right > div > .btn-ix[class*="typeN"] {margin-left: 6px;}
.tabtypeN-right > div > .btn-ix[class*="typeN"]:last-child {margin-right: 0;}

.tabN-cont {display: none; width: 100%;}

.inFormN-searchbox {display: flex; justify-content: space-between; align-items: stretch; height: 25px;}
.inFormN-searchbox .input-boxN {display: flex; justify-content: space-between; align-items: stretch; flex: 1;}
.inFormN-searchbox:not([class*="type-box"]) .input-boxN {border-bottom: 1px solid #ddd; position: relative;}
.inFormN-searchbox:not([class*="type-box"]) .input-boxN::after {content: ''; display: block; width: auto; height: 2px; background-color: #e27d26; position: absolute; bottom: -1px; left: 50%; right: 50%; transition: all .2s;}
.inFormN-searchbox .input {flex: 1;}
.inFormN-searchbox .btn {width: 20px; height: 100%; text-indent: -9999px; background-position: center center; background-repeat: no-repeat;}
.inFormN-searchbox .btn.clear {background-image: url(../images/ico/ico-del2.png);}
.inFormN-searchbox .btn.search {background-image: url(../images/ico/ico-search9.png);}
.inFormN-searchbox .btn:hover {background-color: rgba(0, 0, 0, .05);}
.inFormN-searchbox.open:not([class*="type-box"]) .input-boxN::after {left: 0; right: 0;}

.inFormN-searchbox.type-box1 .input-boxN {border-radius: 2px; border: 1px solid #ccc;}
.inFormN-searchbox.type-box1 .input1 {border-radius: 3px;}
.inFormN-searchbox.type-box1 .btn.search {background-image: url(../images/ico/ico-search4.png);}
.inFormN-searchbox.type-box1:hover .input-boxN {border-color: #444;}
.inFormN-searchbox.type-box1.open .input-boxN {border-color: #f37020;}

.upDown-boxN {display: inline-flex; justify-content: flex-start; align-items: center;}
.upDown-boxN [class*="btnUD"] + * {margin-left: 3px;}

.btn.search + .upDown-boxN,
.input-boxN + .upDown-boxN {margin-left: 5px;}

.upDown-boxN + * {position: relative;  margin-left: 16px;}
.upDown-boxN + *::before {content: ''; width: 1px; height: 12px; background-color: #666; position: absolute; left: -7px; top: 50%; margin-top: -6px;}

.basicTabN-cont {position: relative;}
.basicTabN-cont .posi {position: absolute;}
.basicTabN-cont .posi.type-tabN1R {top: -1px; right: 0;}

/*.dlN-box {display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start;}*/
.dlN-box {}
.dlN-box::after {content: ''; display: block; clear: both;}
.dlN-box.col2type {margin: 0 -10px;
	/*display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;*/}
.dlN-box.col3type {margin: 0 -10px;}
.dlN-box.col4Mtype {margin: 0 -10px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
.dlN-box.col2type > .dlN-colbox {width: calc(50% - 20px); float: left;/**/ margin: 10px;}
.dlN-box.col3type > .dlN-colbox {width: calc( (100% / 3) - 20px); float: left;/**/ margin: 10px;}
.dlN-box.col4Mtype > .dlN-colbox {width: calc(50% - 20px); margin: 10px;}

.dlN-box.type-foot {display: flex; justify-content: space-between; align-items: center;}
.dlN-box.type-foot .f-inner {display: flex; align-items: center; flex: 1;}
.dlN-box.type-foot .f-inner > * {margin: 0 5px;}
.dlN-box.type-foot .center {justify-content: center;}
.dlN-box.type-foot .left {justify-content: flex-start;}
.dlN-box.type-foot .left > *:first-child {margin-left: 0;}
.dlN-box.type-foot .right {justify-content: flex-end;}
.dlN-box.type-foot .right > *:last-child {margin-right: 0;}

.dlN-box + .dlN-box.type-foot {margin-top: 20px;}

.btn-accN {text-indent: -9999px;}
.accN-dt {background-color: #7b7b7b; position: relative; color: #fff; font-weight: 500; border-radius: 5px 5px 0 0; padding: 10px;}
.accN-dt.typeN1 {background-color: #007bff;}
.accN-dt.typeN2 {background-color: #7b7b7b;}
.accN-dt.typeN3 {background-color: #17a2b8;}
.accN-dt strong {color: inherit; font-weight: inherit;}
.accN-dt .btn-accN {position: absolute; left: 0; right: 0; bottom: 0; top: 0; border-radius: 5px;}
.accN-dt .btn-accN:hover {background-color: rgba(0, 0, 0, .2);}
.accN-dd {border-radius: 0 0 5px 5px; padding: 10px;}
.accN-inbox {box-shadow: 0 2px 6px rgba(0, 0, 0, .1); border: 1px solid #ccc; background-color: #fff; border-radius: 5px;}
.dlN-accordion {}

.detailN-dt {}
.detailN-dd {}
.detailN-dt + .detailN-dd {margin-top: 5px;}
.detailN-inbox + .detailN-inbox {margin-top: 10px;}
.dlN-detail {}
.dlN-detail .detailN-inbox {}

.dlN-box .detailN-dd > .input1,
.dlN-box .detailN-dd > .select1,
.dlN-box .detailN-dd > .inFormN-searchbox {width: 33%;}
.dlN-box .detailN-dd > .input1.datepicker:not(.input.day)  {width: 33% !important; min-width: 106px;}

.dlN-box.col3type .detailN-dd > .input1,
.dlN-box.col3type .detailN-dd > .select1,
.dlN-box.col3type .detailN-dd > .inFormN-searchbox {width: 50%;}
.dlN-box.col3type .detailN-dd > .input1.datepicker:not(.input.day)  {width: 50% !important; min-width: 106px;}


[class*="ag-theme"].ag-h35 .ag-cell > div > .btn-ix[class*="typeN"].typeS {margin-top: 5px;}
[class*="ag-theme"].ag-h35 .ag-cell > .btn.btn-xs.icon-wcs[class*="btn-wcs"] {margin-top: 6px;}