/* @charset "utf-8"; */

:root {--color-point:#5606C2; --color-second:#F0E5FF; --color-bg:#f1f1f1; --color-text:#5606C2; --color-dark:#23005B}
html, body {width:100%; height:100%;}
body {overflow:hidden; background-color:#F6F6FF;}
#wrap {width:100%; height:100%;}
div.sweet-alert button.confirm {background-color: var(--color-point) !important;}

#master-top {height:60px; background-color:#F6F6FF; }
#master-top * {box-sizing:border-box;}
#master-top > h1 {float:left; width:210px; height:45px; line-height:45px; margin:12px 0 0 20px;}
#master-top > h1 img {width:120px}
#master-top > div.tab-box {overflow:hidden; float:left; width:calc(100% - 250px); height:45px; margin-top:15px;}
#master-top > div.tab-box div.tab-navi-box {overflow:hidden; position:relative; float:left; width:calc(100% - 15px - 10px - 70px - 15px); height:45px; }
#master-top > div.tab-box ul.tab-navi {overflow:hidden; position:absolute; z-index:1; top:0; left:0; float:left; min-width:100%; height:45px; margin:0; padding:0; vertical-align:top; list-style:none;}
#master-top > div.tab-box ul.tab-navi > li {overflow:hidden; float:left; height:45px; padding:15px 20px 0 20px; border:1px solid #e7e7e7; border-bottom-style:none; color:#767676; font-size:14px; transform:scale(0.9)}
#master-top > div.tab-box ul.tab-navi > li {border-radius:16px 4px 0 0; -moz-border-radius:4px 16px 0 0; -webkit-border-radius:4px 16px 0 0; cursor: pointer;}
#master-top > div.tab-box ul.tab-navi > li:first-child {margin-left:0;}
#master-top > div.tab-box ul.tab-navi > li.on {padding-top:12px; background-color:#fff; color:var(--color-text); transform:scale(1)}
#master-top > div.tab-box ul.tab-navi > li.on em {font-weight: bold;}
#master-top > div.tab-box ul.tab-navi > li span {display:inline-block; width:10px; height:10px; margin-left:15px; background:url("/images/layout/btn_tab_close.png") no-repeat 0 0; cursor:pointer;}
#master-top > div.tab-box ul.tab-navi-btn {float:right; width:70px; height:40px; margin-top:5px; margin-right:15px;}
#master-top > div.tab-box ul.tab-navi-btn > li {float:left; width:30px; height:30px; margin-left:10px; cursor:pointer;}
#master-top > div.tab-box ul.tab-navi-btn > li img {width:30px; height:30px;}
#master-top > div.tab-box ul.tab-navi-btn > li:first-child {margin-left:0;}

#container {width:100%; height:calc(100% - 60px); border-bottom:1px solid #e7e7e7; background-color: #fff; border-radius:20px 20px 0 0;}

#master-leftMenu {float:left; width:230px; height:calc(100% - 0px); background-color:#fff; border-radius:20px 0 0 0}
#master-leftMenu * {box-sizing:border-box;}
#master-leftMenu > div.user-info {display:flex; align-items:center; justify-content:space-between; height:50px; margin:10px; padding:2px; padding-left:5px; border-radius:8px}
#master-leftMenu > div.user-info p:first-child {height:22px; font-size:12px; font-weight:bold; color:#252423;}
#master-leftMenu > div.user-info p:last-child {font-size:14px; color:#252423;}
#master-leftMenu > div.button {height:30px;}
#master-leftMenu > div.user-info .row {gap:4px; }
#master-leftMenu > div.user-info .row span:hover {background-color: #fff;}
#master-leftMenu > div.user-info .btn-mypage, #master-leftMenu > div.user-info .btn-logout
 {width:18px; height:18px; padding:16px; font-size:0; border:1px solid #e2e2e2; border-radius:4px; background:url("/images/layout/icon_user.png") no-repeat center center / 18px 18px; cursor: pointer; }
#master-leftMenu > div.user-info .btn-logout {background-image:url("/images/layout/icon_logout.png");}

#master-leftMenu > div.menu {overflow:auto; width:calc(100% - 0); height:calc(100% - 31px - 79px - 94px); margin:10px 0; }
#master-leftMenu > div.menu > dl {width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.05);}
#master-leftMenu > div.menu > dl:last-child {border-bottom:0}
#master-leftMenu > div.menu > dl dt {height:50px; line-height:50px; padding-left:20px; font-size:14px; font-weight:bold; color:#555; cursor:pointer;}
#master-leftMenu > div.menu > dl dt {background-image:url("/images/layout/icon_submenu_open.png"); background-repeat:no-repeat; background-position:95% 50%;}
#master-leftMenu > div.menu > dl dt:hover {color:var(--color-text); background-color: #fff;}
#master-leftMenu > div.menu > dl dt.fav {background-image:none;}
#master-leftMenu > div.menu > dl dd {display:none;}
#master-leftMenu > div.menu > dl dd li {font-size:13px; color:#252423;}
#master-leftMenu > div.menu > dl dd ul.sub1 li > span {display:block; height:40px; line-height:40px; padding-left:32px; cursor:pointer; }
#master-leftMenu > div.menu > dl dd ul.sub1 li > span.current {color:red}
#master-leftMenu > div.menu > dl dd ul.sub1 li > span.disabled {color:#999; cursor:default;}
#master-leftMenu > div.menu > dl dd ul.sub2 {padding-left:21px;}
#master-leftMenu > div.menu > dl dd ul.sub2 li {height:36px; line-height:36px; padding-left:21px; cursor:pointer;}
#master-leftMenu > div.menu > dl dd ul.sub2 li.disabled {color:#999; cursor:default;}
#master-leftMenu > div.menu > dl dd ul.sub2 li:before {content:'· ';}
#master-leftMenu > div.menu > dl.open {overflow:hidden; background-color:#fff; background-color:#F6F6FF}
#master-leftMenu > div.menu > dl.open dt {background-image:url("/images/layout/icon_submenu_close.png"); color:var(--color-dark)}
#master-leftMenu > div.menu > dl.open dd {display:block; }

#master-leftMenu > .footer {padding:10px; color:rgba(0, 0, 0, 0.6); font-size:10px; border-top:1px solid #e7e7e7; }
#master-leftMenu > .footer span {display:inline-block; margin-right:7px;}

#content {float:left; overflow:auto; width:calc(100% - 230px - 15px); height:calc(100% - 10px); margin-top:-1px; border-left:1px solid #e7e7e7; padding:10px 0 10px 30px; box-sizing:border-box; background-color:#fff;}
#content.main {border-style:none; background-color:#f0f2f7;}

#content > div.page-panel {overflow:auto; width:calc(100% - 10px); padding-right:10px; height:calc(100% - 10px);}
#content > div.page-panel > div.box {position:relative; width:100%; height:100%;}
#content > div.page-panel > div.box > div.title {position:relative; width:100%; height:60px; box-sizing:border-box;}
#content > div.page-panel > div.box > div.title * {box-sizing:border-box;}
#content > div.page-panel > div.box > div.title > h3 {padding-top:10px; font-size:22px; font-weight:bold; color:#111;}
#content > div.page-panel > div.box > div.title > h3 > em {display:inline-block; margin-left:10px; font-size:12px; font-weight:bold; color:#767676;}
#content > div.page-panel > div.box > div.title > div.button {position:absolute; top:10px; right:0; height:30px; text-align:right;}
#content > div.page-panel > div.box > div.title > div.button button {margin-left:10px;}

div.layout-weight-box {}
div.layout-container {position:relative;}

#content div.group-box {width:100%;}
#content div.group-box > div.inner {border:1px solid #d9d9d9; box-sizing:border-box;}
#content div.group-box > div.inner.twin {float:left; width:calc((100% - 10px) / 2); margin-left:10px;}
#content div.group-box > div.inner.twin:first-child {margin-left:0;}
#content div.group-box > div.inner.triple {float:left; width:calc((100% - 20px) / 3); margin-left:10px;}
#content div.group-box > div.inner.triple:first-child {margin-left:0;}
#content div.group-box > div.inner.left {float:left;}
#content div.group-box > div.inner.right {float:right;}
#content div.group-box > div.inner div.info {height:50px; line-height:50px; padding:0 10px; box-sizing:border-box;}
#content div.group-box > div.inner div.info.yellow {background-color:#fcf8e3;}
#content div.group-box > div.inner div.info.blue {background-color:#d9edf7;}
#content div.group-box > div.inner div.sorted-list {overflow:auto; width:100%; height:100%; padding:10px; box-sizing:border-box;}
#content div.group-box > div.inner div.sorted-list * {box-sizing:border-box;}
#content div.group-box > div.inner div.sorted-list div.form {padding-left:5px; padding-right:5px;}
#content div.group-box > div.inner div.sorted-list div.form:after {content:''; display:block; float:none; clear:both;}
#content div.group-box > div.inner div.sorted-list div.form > p.formTitle {width:calc(100% + 5px); height:30px; line-height:30px; margin-left:-5px; margin-top:10px; border-bottom:1px dotted #b0b0b0; color:#111;}
#content div.group-box > div.inner div.sorted-list div.form > div.body {}
#content div.group-box > div.inner div.sorted-list div.form > div.body:after {content:''; display:block; float:none; clear:both;}
#content div.group-box > div.inner div.sorted-list div.form:first-child > p.formTitle {margin-top:0;}
#content div.group-box > div.inner div.sorted-list dl.item-empty {position:relative; width:100%; height:32px; border:1px dotted #b0b0b0; margin-top:7px; background-color:#fafafa;}
#content div.group-box > div.inner div.sorted-list dl.item {position:relative; width:100%; height:32px; border:1px solid #ccc; margin-top:7px; background-color:#fff;}
#content div.group-box > div.inner div.sorted-list dl.item.selected {background-color:#ddf5ff;}
#content div.group-box > div.inner div.sorted-list dl.item dt {float:left; width:calc(100% - 32px - 61px); margin-left:32px; line-height:32px; padding:0 10px;}
#content div.group-box > div.inner div.sorted-list dl.item dt.input {line-height:initial; padding-top:1px;}
#content div.group-box > div.inner div.sorted-list dl.item dt.input input {width:100%; border-style:none; padding-left:0;}
#content div.group-box > div.inner div.sorted-list dl.item dt span {padding-right:5px; color:#b0b0b0;}
#content div.group-box > div.inner div.sorted-list dl.item dd.move {position:absolute; top:0; left:0; width:32px; height:30px; background-color:#f0f0f0; cursor:move;}
#content div.group-box > div.inner div.sorted-list dl.item dd.move {background-image:url('/images/icon_menu.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:16px;}
#content div.group-box > div.inner div.sorted-list dl.item p.subTitle {position:absolute; top:0; right:70px; height:32px; line-height:32px; text-align:right; color:#707070;}
#content div.group-box > div.inner div.sorted-list dl.item dd.button {float:right; width:60px; border-left:1px solid #ccc; margin-right:1px;}
#content div.group-box > div.inner div.sorted-list dl.item dd.button button {width:60px; padding:0; border-style:none;}
#content div.group-box > div.inner div.sorted-list dl.item:after {content:''; display:block; float:none; clear:both;}
#content div.group-box:after {content:''; display:block; float:none; clear:both;}

/* 부제목 */
div.sub-title {width:100%; height:50px; background-color:#fff; box-sizing:border-box;}
div.sub-title.line {border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9;}
div.sub-title * {box-sizing:border-box;}
div.sub-title > h4 {float:left; height:50px; line-height:50px; font-size:16px; font-weight:bold; color:#111;}
div.sub-title > h4 em {display:inline-block; padding-left:15px; font-size:12px;}
div.sub-title > h4 .point {text-decoration:underline;}
div.sub-title > div.button {float:right; height:50px; line-height:50px;}
div.sub-title > div.button > * {margin-left:10px; vertical-align:middle;}
div.sub-title > div.button > *:first-child {margin-left:0;}
div.sub-title:after {content:''; display:block; float:none; clear:both;}

div.grid-box {width:100%;}
div.grid-box.line {border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; box-sizing:border-box;}
div.toolbar-grid-box {width:100%; height:calc(100% - 40px);}

/* Search */
table.search {width:100%; border-style:none; border-collapse:collapse; table-layout:fixed;}
table.search caption {position:relative; width:100%; height:42px; border-bottom:2px solid #231f20; box-sizing:border-box;}
table.search caption > p.subTitle {height:42px; line-height:42px; font-size:13px;}
table.search caption > div.button {position:absolute; top:5px; right:0; height:30px; text-align:right;}
table.search caption > div.button button {margin-left:10px;}
table.search * {box-sizing:border-box;}
table.search th, table.search td {height:50px; vertical-align:middle;}
table.search th {padding-right:12px; font-size:13px; font-weight:normal; color:#231f20; text-align:right;}
table.search td {font-size:12px; color:#231f20;}
table.search td.p10 {padding-left:10px;}
table.search td input[type=text],
table.search td input[type=number],
table.search td input[type=tel],
table.search td input[type=email],
table.search td select {width:100%;}
table.search td label.checkbox, table.search label.radio {margin-left:15px;}
table.search td label.checkbox:first-child, table.search label.radio:first-child {margin-left:0;}
table.search td .w100 {width:100%;}
table.search td.twin {text-align:center;}
table.search td.twin > * {float:left; width:calc((100% - 10px) / 2) !important;}
table.search td.twin > *:last-child {float:right;}
table.search td.twin:after {content:''; display:block; float:none; clear:both;}
table.search td.group2 > * {display:block; float:left; margin-right:10px;}
/*table.search td.group2 > span {height:40px; line-height:40px;}*/
/*table.search td.group2 > *:first-child {margin-left:0;}*/
table.search td.group2 > *:last-child {margin-right:0;}
table.search td.group2 > .w0 {width:calc((100% - 10px) / 2);}
table.search td.group2 > .w5 {width:calc( ((100% - 10px) / 10) * 0.5 );}
table.search td.group2 > .w10 {width:calc( ((100% - 10px) / 10) * 1 );}
table.search td.group2 > .w15 {width:calc( ((100% - 10px) / 10) * 1.5 );}
table.search td.group2 > .w20 {width:calc( ((100% - 10px) / 10) * 2 );}
table.search td.group2 > .w25 {width:calc( ((100% - 10px) / 10) * 2.5 );}
table.search td.group2 > .w30 {width:calc( ((100% - 10px) / 10) * 3 );}
table.search td.group2 > .w35 {width:calc( ((100% - 10px) / 10) * 3.5 );}
table.search td.group2 > .w40 {width:calc( ((100% - 10px) / 10) * 4 );}
table.search td.group2 > .w45 {width:calc( ((100% - 10px) / 10) * 4.5 );}
table.search td.group2 > .w50 {width:calc( ((100% - 10px) / 10) * 5 );}
table.search td.group2 > .w55 {width:calc( ((100% - 10px) / 10) * 5.5 );}
table.search td.group2 > .w60 {width:calc( ((100% - 10px) / 10) * 6 );}
table.search td.group2 > .w65 {width:calc( ((100% - 10px) / 10) * 6.5 );}
table.search td.group2 > .w70 {width:calc( ((100% - 10px) / 10) * 7 );}
table.search td.group2 > .w75 {width:calc( ((100% - 10px) / 10) * 7.5 );}
table.search td.group2 > .w80 {width:calc( ((100% - 10px) / 10) * 8 );}
table.search td.group2 > .w85 {width:calc( ((100% - 10px) / 10) * 8.5 );}
table.search td.group3 > * {display:block; float:left; margin-right:10px;}
/*table.search td.group3 > span {height:40px; line-height:40px;}*/
/*table.search td.group3 > *:first-child {margin-left:0;}*/
table.search td.group3 > *:last-child {margin-right:0;}
table.search td.group3 > .w0 {width:calc((100% - 20px) / 3);}
table.search td.group3 > .w5 {width:calc( ((100% - 20px) / 10) * 0.5 );}
table.search td.group3 > .w10 {width:calc( ((100% - 20px) / 10) * 1 );}
table.search td.group3 > .w15 {width:calc( ((100% - 20px) / 10) * 1.5 );}
table.search td.group3 > .w20 {width:calc( ((100% - 20px) / 10) * 2 );}
table.search td.group3 > .w25 {width:calc( ((100% - 20px) / 10) * 2.5 );}
table.search td.group3 > .w30 {width:calc( ((100% - 20px) / 10) * 3 );}
table.search td.group3 > .w35 {width:calc( ((100% - 20px) / 10) * 3.5 );}
table.search td.group3 > .w40 {width:calc( ((100% - 20px) / 10) * 4 );}
table.search td.group3 > .w45 {width:calc( ((100% - 20px) / 10) * 4.5 );}
table.search td.group3 > .w50 {width:calc( ((100% - 20px) / 10) * 5 );}
table.search td.group3 > .w55 {width:calc( ((100% - 20px) / 10) * 5.5 );}
table.search td.group3 > .w60 {width:calc( ((100% - 20px) / 10) * 6 );}
table.search td.group3 > .w65 {width:calc( ((100% - 20px) / 10) * 6.5 );}
table.search td.group3 > .w70 {width:calc( ((100% - 20px) / 10) * 7 );}
table.search td.group3 > .w75 {width:calc( ((100% - 20px) / 10) * 7.5 );}
table.search td.group3 > .w80 {width:calc( ((100% - 20px) / 10) * 8 );}
table.search td.group3 > .w85 {width:calc( ((100% - 20px) / 10) * 8.5 );}
table.search td.group4 > * {display:block; float:left; margin-right:10px;}
/*table.search td.group4 > span {height:40px; line-height:40px;}*/
/*table.search td.group4 > *:first-child {margin-left:0;}*/
table.search td.group4 > *:last-child {margin-right:0;}
table.search td.group4 > .w0 {width:calc((100% - 30px) / 4);}
table.search td.group4 > .w5 {width:calc( ((100% - 30px) / 10) * 0.5 );}
table.search td.group4 > .w10 {width:calc( ((100% - 30px) / 10) * 1 );}
table.search td.group4 > .w15 {width:calc( ((100% - 30px) / 10) * 1.5 );}
table.search td.group4 > .w20 {width:calc( ((100% - 30px) / 10) * 2 );}
table.search td.group4 > .w25 {width:calc( ((100% - 30px) / 10) * 2.5 );}
table.search td.group4 > .w30 {width:calc( ((100% - 30px) / 10) * 3 );}
table.search td.group4 > .w35 {width:calc( ((100% - 30px) / 10) * 3.5 );}
table.search td.group4 > .w40 {width:calc( ((100% - 30px) / 10) * 4 );}
table.search td.group4 > .w45 {width:calc( ((100% - 30px) / 10) * 4.5 );}
table.search td.group4 > .w50 {width:calc( ((100% - 30px) / 10) * 5 );}
table.search td.group4 > .w55 {width:calc( ((100% - 30px) / 10) * 5.5 );}
table.search td.group4 > .w60 {width:calc( ((100% - 30px) / 10) * 6 );}
table.search td.group4 > .w65 {width:calc( ((100% - 30px) / 10) * 6.5 );}
table.search td.group4 > .w70 {width:calc( ((100% - 30px) / 10) * 7 );}
table.search td.group4 > .w75 {width:calc( ((100% - 30px) / 10) * 7.5 );}
table.search td.group4 > .w80 {width:calc( ((100% - 30px) / 10) * 8 );}
table.search td.group4 > .w85 {width:calc( ((100% - 30px) / 10) * 8.5 );}
table.search td.group5 > * {display:block; float:left; margin-right:10px;}
/*table.search td.group5 > span {height:40px; line-height:40px;}*/
/*table.search td.group5 > *:first-child {margin-left:0;}*/
table.search td.group5 > *:last-child {margin-right:0;}
table.search td.group5 > .w0 {width:calc((100% - 40px) / 5);}
table.search td.group5 > .w5 {width:calc( ((100% - 40px) / 10) * 0.5 );}
table.search td.group5 > .w10 {width:calc( ((100% - 40px) / 10) * 1 );}
table.search td.group5 > .w15 {width:calc( ((100% - 40px) / 10) * 1.5 );}
table.search td.group5 > .w20 {width:calc( ((100% - 40px) / 10) * 2 );}
table.search td.group5 > .w25 {width:calc( ((100% - 40px) / 10) * 2.5 );}
table.search td.group5 > .w30 {width:calc( ((100% - 40px) / 10) * 3 );}
table.search td.group5 > .w35 {width:calc( ((100% - 40px) / 10) * 3.5 );}
table.search td.group5 > .w40 {width:calc( ((100% - 40px) / 10) * 4 );}
table.search td.group5 > .w45 {width:calc( ((100% - 40px) / 10) * 4.5 );}
table.search td.group5 > .w50 {width:calc( ((100% - 40px) / 10) * 5 );}
table.search td.group5 > .w55 {width:calc( ((100% - 40px) / 10) * 5.5 );}
table.search td.group5 > .w60 {width:calc( ((100% - 40px) / 10) * 6 );}
table.search td.group5 > .w65 {width:calc( ((100% - 40px) / 10) * 6.5 );}
table.search td.group5 > .w70 {width:calc( ((100% - 40px) / 10) * 7 );}
table.search td.group5 > .w75 {width:calc( ((100% - 40px) / 10) * 7.5 );}
table.search td.group5 > .w80 {width:calc( ((100% - 40px) / 10) * 8 );}
table.search td.group5 > .w85 {width:calc( ((100% - 40px) / 10) * 8.5 );}
table.search td.button {padding-right:5px; text-align:right;}
table.search td.button button {margin-left:10px;}
table.search td.button button:first-child {margin-left:0;}
table.search td button.full {width:100%; margin-left:0; padding-left:0; padding-right:0; text-align:center;}
div.pop-search {padding-top:5px; padding-bottom:5px; border-top:2px solid #231f20;}

/* Toolbar */
div.toolbar {width:100%; height:40px; line-height:40px; /*text-align:right;*/}
div.toolbar > div {box-sizing:border-box; height:40px; line-height:40px;}
div.toolbar > div.left {float:left; padding-left:10px; font-size:12px;}
div.toolbar > div.left strong {color:#000;}
div.toolbar > div.right {float:right; padding-right:10px; text-align:right;}
div.toolbar:after {content:''; display:block; float:none; clear:both;}
div.toolbar > div.left > *,
div.toolbar > div.right > *{margin-left:5px;}
div.toolbar > div.left > *:first-child,
div.toolbar > div.right > *:first-child {margin-left:0;}
div.toolbar button,
div.toolbar select,
div.toolbar input {vertical-align:middle;}

/* 입력스타일 */
table.input-style {width:100%; border-style:none; border-top:1px solid #ccc; border-collapse:collapse; table-layout:fixed; box-sizing:border-box;}
table.input-style * {box-sizing:border-box;}
table.input-style.noTopBar {border-top-style:none;}
table.input-style caption {font-size:12px; font-weight:bold;}
table.input-style caption > span {display:block; height:40px; line-height:40px; font-size:12px; font-weight:bold;}
table.input-style caption > p.memo {line-height:1.5em; margin-bottom:5px; padding:5px 10px; background-color:#cfd8dc; font-size:12px; font-weight:normal;}
table.input-style thead tr th {padding-left:0; text-align:center;}
table.input-style tr th,
table.input-style tr td {height:40px; border-bottom:1px solid #e2e2e2; vertical-align:middle;}
table.input-style tr.auto th,
table.input-style tr.auto td {height:auto; padding-top:10px; padding-bottom:10px;}
table.input-style tr th {padding-left:15px; background-color:#f6f6f6; font-size:13px; color:#111; text-align:left; font-weight: 500}
table.input-style tr th.center {text-align:center;}
table.input-style tr th.right {text-align:right;}
table.input-style tr th button {display:block; height:30px; line-height:30px; margin-top:5px; font-size:12px;}
table.input-style tr td {padding-left:10px; padding-right:10px; background-color:#fff; font-size:13px; text-align:left;}
table.input-style tr td.p10 {padding-left:10px;}
table.input-style tr td > input[type=text],
table.input-style tr td > input[type=file],
table.input-style tr td > input[type=number],
table.input-style tr td > input[type=tel],
table.input-style tr td > input[type=email],
table.input-style tr td > input[type=password],
table.input-style tr td > select,
table.input-style tr td > textarea {width:100%;}
table.input-style tr td label.checkbox, table.input-style tr td label.radio {margin-left:15px;}
table.input-style tr td label.checkbox:first-child, table.input-style tr td label.radio:first-child {margin-left:0;}
table.input-style tr td .w100 {width:100%;}
table.input-style tr td.right {text-align:right;}
table.input-style tr td .text-item {height:28px; line-height:28px; margin-left:-5px;}
table.input-style tr td.twin > * {display:block; float:left; width:calc((100% - 10px) / 2) !important;}
table.input-style tr td.twin > *:last-child {float:right;}
table.input-style tr td.twin:after {content:''; display:block; float:none; clear:both;}
table.input-style tr td.group2 > * {display:block; float:left; margin-right:10px;}
/*table.input-style tr td.group2 > span {height:40px; line-height:40px;}*/
/*table.input-style tr td.group2 > *:first-child {margin-left:0;}*/
table.input-style tr td.group2 > *:last-child {margin-right:0;}
table.input-style tr td.group2 > .w0 {width:calc((100% - 10px) / 2);}
table.input-style tr td.group2 > .w5 {width:calc( ((100% - 10px) / 10) * 0.5 );}
table.input-style tr td.group2 > .w10 {width:calc( ((100% - 10px) / 10) * 1 );}
table.input-style tr td.group2 > .w15 {width:calc( ((100% - 10px) / 10) * 1.5 );}
table.input-style tr td.group2 > .w20 {width:calc( ((100% - 10px) / 10) * 2 );}
table.input-style tr td.group2 > .w25 {width:calc( ((100% - 10px) / 10) * 2.5 );}
table.input-style tr td.group2 > .w30 {width:calc( ((100% - 10px) / 10) * 3 );}
table.input-style tr td.group2 > .w35 {width:calc( ((100% - 10px) / 10) * 3.5 );}
table.input-style tr td.group2 > .w40 {width:calc( ((100% - 10px) / 10) * 4 );}
table.input-style tr td.group2 > .w45 {width:calc( ((100% - 10px) / 10) * 4.5 );}
table.input-style tr td.group2 > .w50 {width:calc( ((100% - 10px) / 10) * 5 );}
table.input-style tr td.group2 > .w55 {width:calc( ((100% - 10px) / 10) * 5.5 );}
table.input-style tr td.group2 > .w60 {width:calc( ((100% - 10px) / 10) * 6 );}
table.input-style tr td.group2 > .w65 {width:calc( ((100% - 10px) / 10) * 6.5 );}
table.input-style tr td.group2 > .w70 {width:calc( ((100% - 10px) / 10) * 7 );}
table.input-style tr td.group2 > .w75 {width:calc( ((100% - 10px) / 10) * 7.5 );}
table.input-style tr td.group2 > .w80 {width:calc( ((100% - 10px) / 10) * 8 );}
table.input-style tr td.group2 > .w85 {width:calc( ((100% - 10px) / 10) * 8.5 );}
table.input-style tr td.group3 > * {display:block; float:left; margin-right:10px;}
/*table.input-style tr td.group3 > span {height:28px; line-height:28px; text-align:center;}*/
/*table.input-style tr td.group3 > *:first-child {margin-left:0;}*/
table.input-style tr td.group3 > *:last-child {margin-right:0;}
table.input-style tr td.group3 > .w0 {width:calc((100% - 20px) / 3);}
table.input-style tr td.group3 > .w5 {width:calc( ((100% - 20px) / 10) * 0.5 );}
table.input-style tr td.group3 > .w10 {width:calc( ((100% - 20px) / 10) * 1 );}
table.input-style tr td.group3 > .w15 {width:calc( ((100% - 20px) / 10) * 1.5 );}
table.input-style tr td.group3 > .w20 {width:calc( ((100% - 20px) / 10) * 2 );}
table.input-style tr td.group3 > .w25 {width:calc( ((100% - 20px) / 10) * 2.5 );}
table.input-style tr td.group3 > .w30 {width:calc( ((100% - 20px) / 10) * 3 );}
table.input-style tr td.group3 > .w35 {width:calc( ((100% - 20px) / 10) * 3.5 );}
table.input-style tr td.group3 > .w40 {width:calc( ((100% - 20px) / 10) * 4 );}
table.input-style tr td.group3 > .w45 {width:calc( ((100% - 20px) / 10) * 4.5 );}
table.input-style tr td.group3 > .w50 {width:calc( ((100% - 20px) / 10) * 5 );}
table.input-style tr td.group3 > .w55 {width:calc( ((100% - 20px) / 10) * 5.5 );}
table.input-style tr td.group3 > .w60 {width:calc( ((100% - 20px) / 10) * 6 );}
table.input-style tr td.group3 > .w65 {width:calc( ((100% - 20px) / 10) * 6.5 );}
table.input-style tr td.group3 > .w70 {width:calc( ((100% - 20px) / 10) * 7 );}
table.input-style tr td.group3 > .w75 {width:calc( ((100% - 20px) / 10) * 7.5 );}
table.input-style tr td.group3 > .w80 {width:calc( ((100% - 20px) / 10) * 8 );}
table.input-style tr td.group3 > .w85 {width:calc( ((100% - 20px) / 10) * 8.5 );}
table.input-style tr td.group4 > * {display:block; float:left; margin-right:10px;}
/*table.input-style tr td.group4 > span {height:28px; line-height:28px; text-align:center;}*/
/*table.input-style tr td.group4 > *:first-child {margin-left:0;}*/
table.input-style tr td.group4 > *:last-child {margin-right:0;}
table.input-style tr td.group4 > .w0 {width:calc((100% - 30px) / 4);}
table.input-style tr td.group4 > .w5 {width:calc( ((100% - 30px) / 10) * 0.5 );}
table.input-style tr td.group4 > .w10 {width:calc( ((100% - 30px) / 10) * 1 );}
table.input-style tr td.group4 > .w15 {width:calc( ((100% - 30px) / 10) * 1.5 );}
table.input-style tr td.group4 > .w20 {width:calc( ((100% - 30px) / 10) * 2 );}
table.input-style tr td.group4 > .w25 {width:calc( ((100% - 30px) / 10) * 2.5 );}
table.input-style tr td.group4 > .w30 {width:calc( ((100% - 30px) / 10) * 3 );}
table.input-style tr td.group4 > .w35 {width:calc( ((100% - 30px) / 10) * 3.5 );}
table.input-style tr td.group4 > .w40 {width:calc( ((100% - 30px) / 10) * 4 );}
table.input-style tr td.group4 > .w45 {width:calc( ((100% - 30px) / 10) * 4.5 );}
table.input-style tr td.group4 > .w50 {width:calc( ((100% - 30px) / 10) * 5 );}
table.input-style tr td.group4 > .w55 {width:calc( ((100% - 30px) / 10) * 5.5 );}
table.input-style tr td.group4 > .w60 {width:calc( ((100% - 30px) / 10) * 6 );}
table.input-style tr td.group4 > .w65 {width:calc( ((100% - 30px) / 10) * 6.5 );}
table.input-style tr td.group4 > .w70 {width:calc( ((100% - 30px) / 10) * 7 );}
table.input-style tr td.group4 > .w75 {width:calc( ((100% - 30px) / 10) * 7.5 );}
table.input-style tr td.group4 > .w80 {width:calc( ((100% - 30px) / 10) * 8 );}
table.input-style tr td.group4 > .w85 {width:calc( ((100% - 30px) / 10) * 8.5 );}
table.input-style tr td.group5 > * {display:block; float:left; margin-right:10px;}
/*table.input-style tr td.group5 > span {height:28px; line-height:28px; text-align:center;}*/
/*table.input-style tr td.group5 > *:first-child {margin-left:0;}*/
table.input-style tr td.group5 > *:last-child {margin-right:0;}
table.input-style tr td.group5 > .w0 {width:calc((100% - 40px) / 5);}
table.input-style tr td.group5 > .w5 {width:calc( ((100% - 40px) / 10) * 0.5 );}
table.input-style tr td.group5 > .w10 {width:calc( ((100% - 40px) / 10) * 1 );}
table.input-style tr td.group5 > .w15 {width:calc( ((100% - 40px) / 10) * 1.5 );}
table.input-style tr td.group5 > .w20 {width:calc( ((100% - 40px) / 10) * 2 );}
table.input-style tr td.group5 > .w25 {width:calc( ((100% - 40px) / 10) * 2.5 );}
table.input-style tr td.group5 > .w30 {width:calc( ((100% - 40px) / 10) * 3 );}
table.input-style tr td.group5 > .w35 {width:calc( ((100% - 40px) / 10) * 3.5 );}
table.input-style tr td.group5 > .w40 {width:calc( ((100% - 40px) / 10) * 4 );}
table.input-style tr td.group5 > .w45 {width:calc( ((100% - 40px) / 10) * 4.5 );}
table.input-style tr td.group5 > .w50 {width:calc( ((100% - 40px) / 10) * 5 );}
table.input-style tr td.group5 > .w55 {width:calc( ((100% - 40px) / 10) * 5.5 );}
table.input-style tr td.group5 > .w60 {width:calc( ((100% - 40px) / 10) * 6 );}
table.input-style tr td.group5 > .w65 {width:calc( ((100% - 40px) / 10) * 6.5 );}
table.input-style tr td.group5 > .w70 {width:calc( ((100% - 40px) / 10) * 7 );}
table.input-style tr td.group5 > .w75 {width:calc( ((100% - 40px) / 10) * 7.5 );}
table.input-style tr td.group5 > .w80 {width:calc( ((100% - 40px) / 10) * 8 );}
table.input-style tr td.group5 > .w85 {width:calc( ((100% - 40px) / 10) * 8.5 );}
table.input-style tr td.button > button {margin-left:10px;}
table.input-style tr td.button > button:first-child {margin-left:0;}
table.input-style tr td > .wHalf {width:calc(100% / 2) !important;}

/* 목록형 스타일 */
table.list-style {width:100%; border-top:1px solid #ccc; border-collapse:collapse; table-layout:fixed; box-sizing:border-box;}
table.list-style * {box-sizing:border-box;}
table.list-style.noTopBar {border-top-style:none;}
table.list-style caption {position:relative; width:100%; height:42px; border-bottom:2px solid #231f20; box-sizing:border-box;}
table.list-style caption > p.subTitle {height:42px; line-height:42px; font-size:13px;}
table.list-style caption > div.button {position:absolute; top:5px; right:0; height:30px; text-align:right;}
table.list-style caption > div.button button {margin-left:10px;}
table.list-style thead tr th {padding-left:0; text-align:center;}
table.list-style tr th,
table.list-style tr td {height:40px; border:1px solid #e2e2e2; vertical-align:middle;}
table.list-style tr.auto th,
table.list-style tr.auto td {height:auto; padding-top:7px; padding-bottom:7px;}
table.list-style tr.hover th,
table.list-style tr.hover td {background-color:#ddf5ff;}
table.list-style tr:nth-child(2n) th,
table.list-style tr:nth-child(2n) td {background-color:#fafafa;}
table.list-style tr th {background-color:#f6f6f6; border-top-style:none; font-size:12px; font-weight:normal; color:#111; text-align:center;}
table.list-style tr th button {display:block; height:30px; line-height:30px; margin-top:5px; font-size:12px;}
table.list-style tr td {padding-left:10px; padding-right:10px; background-color:#fff; font-size:12px; text-align:left;}
table.list-style tr td.p10 {padding-left:10px;}
table.list-style tr td > input[type=text],
table.list-style tr td > input[type=number],
table.list-style tr td > input[type=tel],
table.list-style tr td > input[type=email],
table.list-style tr td > select,
table.list-style tr td > textarea {width:100%;}
table.list-style tr td label.checkbox, table.list-style tr td label.radio {margin-left:15px;}
table.list-style tr td label.checkbox:first-child, table.list-style tr td label.radio:first-child {margin-left:0;}
table.list-style tr td .w100 {width:100%;}
table.list-style tr td.center {text-align:center;}
table.list-style tr td.right {text-align:right;}
table.list-style tr td.twin > * {display:block; float:left; width:calc((100% - 10px) / 2) !important;}
table.list-style tr td.twin > *:last-child {float:right;}
table.list-style tr td.twin:after {content:''; display:block; float:none; clear:both;}
table.list-style tr td.group2 > * {display:block; float:left; margin-right:10px;}
/*table.list-style tr td.group2 > span {height:28px; line-height:28px; text-align:center;}*/
/*table.list-style tr td.group2 > *:first-child {margin-left:0;}*/
table.list-style tr td.group2 > *:last-child {margin-right:0;}
table.list-style tr td.group2 > .w0 {width:calc((100% - 10px) / 2);}
table.list-style tr td.group2 > .w5 {width:calc( ((100% - 10px) / 10) * 0.5 );}
table.list-style tr td.group2 > .w10 {width:calc( ((100% - 10px) / 10) * 1 );}
table.list-style tr td.group2 > .w15 {width:calc( ((100% - 10px) / 10) * 1.5 );}
table.list-style tr td.group2 > .w20 {width:calc( ((100% - 10px) / 10) * 2 );}
table.list-style tr td.group2 > .w25 {width:calc( ((100% - 10px) / 10) * 2.5 );}
table.list-style tr td.group2 > .w30 {width:calc( ((100% - 10px) / 10) * 3 );}
table.list-style tr td.group2 > .w35 {width:calc( ((100% - 10px) / 10) * 3.5 );}
table.list-style tr td.group2 > .w40 {width:calc( ((100% - 10px) / 10) * 4 );}
table.list-style tr td.group2 > .w45 {width:calc( ((100% - 10px) / 10) * 4.5 );}
table.list-style tr td.group2 > .w50 {width:calc( ((100% - 10px) / 10) * 5 );}
table.list-style tr td.group2 > .w55 {width:calc( ((100% - 10px) / 10) * 5.5 );}
table.list-style tr td.group2 > .w60 {width:calc( ((100% - 10px) / 10) * 6 );}
table.list-style tr td.group2 > .w65 {width:calc( ((100% - 10px) / 10) * 6.5 );}
table.list-style tr td.group2 > .w70 {width:calc( ((100% - 10px) / 10) * 7 );}
table.list-style tr td.group2 > .w75 {width:calc( ((100% - 10px) / 10) * 7.5 );}
table.list-style tr td.group2 > .w80 {width:calc( ((100% - 10px) / 10) * 8 );}
table.list-style tr td.group2 > .w85 {width:calc( ((100% - 10px) / 10) * 8.5 );}
table.list-style tr td.group3 > * {display:block; float:left; margin-right:10px;}
/*table.list-style tr td.group3 > span {height:28px; line-height:28px; text-align:center;}*/
/*table.list-style tr td.group3 > *:first-child {margin-left:0;}*/
table.list-style tr td.group3 > *:last-child {margin-right:0;}
table.list-style tr td.group3 > .w0 {width:calc((100% - 20px) / 3);}
table.list-style tr td.group3 > .w5 {width:calc( ((100% - 20px) / 10) * 0.5 );}
table.list-style tr td.group3 > .w10 {width:calc( ((100% - 20px) / 10) * 1 );}
table.list-style tr td.group3 > .w15 {width:calc( ((100% - 20px) / 10) * 1.5 );}
table.list-style tr td.group3 > .w20 {width:calc( ((100% - 20px) / 10) * 2 );}
table.list-style tr td.group3 > .w25 {width:calc( ((100% - 20px) / 10) * 2.5 );}
table.list-style tr td.group3 > .w30 {width:calc( ((100% - 20px) / 10) * 3 );}
table.list-style tr td.group3 > .w35 {width:calc( ((100% - 20px) / 10) * 3.5 );}
table.list-style tr td.group3 > .w40 {width:calc( ((100% - 20px) / 10) * 4 );}
table.list-style tr td.group3 > .w45 {width:calc( ((100% - 20px) / 10) * 4.5 );}
table.list-style tr td.group3 > .w50 {width:calc( ((100% - 20px) / 10) * 5 );}
table.list-style tr td.group3 > .w55 {width:calc( ((100% - 20px) / 10) * 5.5 );}
table.list-style tr td.group3 > .w60 {width:calc( ((100% - 20px) / 10) * 6 );}
table.list-style tr td.group3 > .w65 {width:calc( ((100% - 20px) / 10) * 6.5 );}
table.list-style tr td.group3 > .w70 {width:calc( ((100% - 20px) / 10) * 7 );}
table.list-style tr td.group3 > .w75 {width:calc( ((100% - 20px) / 10) * 7.5 );}
table.list-style tr td.group3 > .w80 {width:calc( ((100% - 20px) / 10) * 8 );}
table.list-style tr td.group3 > .w85 {width:calc( ((100% - 20px) / 10) * 8.5 );}
table.list-style tr td.group4 > * {display:block; float:left; margin-right:10px;}
/*table.list-style tr td.group4 > span {height:28px; line-height:28px; text-align:center;}*/
/*table.list-style tr td.group4 > *:first-child {margin-left:0;}*/
table.list-style tr td.group4 > *:last-child {margin-right:0;}
table.list-style tr td.group4 > .w0 {width:calc((100% - 30px) / 4);}
table.list-style tr td.group4 > .w5 {width:calc( ((100% - 30px) / 10) * 0.5 );}
table.list-style tr td.group4 > .w10 {width:calc( ((100% - 30px) / 10) * 1 );}
table.list-style tr td.group4 > .w15 {width:calc( ((100% - 30px) / 10) * 1.5 );}
table.list-style tr td.group4 > .w20 {width:calc( ((100% - 30px) / 10) * 2 );}
table.list-style tr td.group4 > .w25 {width:calc( ((100% - 30px) / 10) * 2.5 );}
table.list-style tr td.group4 > .w30 {width:calc( ((100% - 30px) / 10) * 3 );}
table.list-style tr td.group4 > .w35 {width:calc( ((100% - 30px) / 10) * 3.5 );}
table.list-style tr td.group4 > .w40 {width:calc( ((100% - 30px) / 10) * 4 );}
table.list-style tr td.group4 > .w45 {width:calc( ((100% - 30px) / 10) * 4.5 );}
table.list-style tr td.group4 > .w50 {width:calc( ((100% - 30px) / 10) * 5 );}
table.list-style tr td.group4 > .w55 {width:calc( ((100% - 30px) / 10) * 5.5 );}
table.list-style tr td.group4 > .w60 {width:calc( ((100% - 30px) / 10) * 6 );}
table.list-style tr td.group4 > .w65 {width:calc( ((100% - 30px) / 10) * 6.5 );}
table.list-style tr td.group4 > .w70 {width:calc( ((100% - 30px) / 10) * 7 );}
table.list-style tr td.group4 > .w75 {width:calc( ((100% - 30px) / 10) * 7.5 );}
table.list-style tr td.group4 > .w80 {width:calc( ((100% - 30px) / 10) * 8 );}
table.list-style tr td.group4 > .w85 {width:calc( ((100% - 30px) / 10) * 8.5 );}
table.list-style tr td.group5 > * {display:block; float:left; margin-right:10px;}
/*table.list-style tr td.group5 > span {height:28px; line-height:28px; text-align:center;}*/
/*table.list-style tr td.group5 > *:first-child {margin-left:0;}*/
table.list-style tr td.group5 > *:last-child {margin-right:0;}
table.list-style tr td.group5 > .w0 {width:calc((100% - 40px) / 5);}
table.list-style tr td.group5 > .w5 {width:calc( ((100% - 40px) / 10) * 0.5 );}
table.list-style tr td.group5 > .w10 {width:calc( ((100% - 40px) / 10) * 1 );}
table.list-style tr td.group5 > .w15 {width:calc( ((100% - 40px) / 10) * 1.5 );}
table.list-style tr td.group5 > .w20 {width:calc( ((100% - 40px) / 10) * 2 );}
table.list-style tr td.group5 > .w25 {width:calc( ((100% - 40px) / 10) * 2.5 );}
table.list-style tr td.group5 > .w30 {width:calc( ((100% - 40px) / 10) * 3 );}
table.list-style tr td.group5 > .w35 {width:calc( ((100% - 40px) / 10) * 3.5 );}
table.list-style tr td.group5 > .w40 {width:calc( ((100% - 40px) / 10) * 4 );}
table.list-style tr td.group5 > .w45 {width:calc( ((100% - 40px) / 10) * 4.5 );}
table.list-style tr td.group5 > .w50 {width:calc( ((100% - 40px) / 10) * 5 );}
table.list-style tr td.group5 > .w55 {width:calc( ((100% - 40px) / 10) * 5.5 );}
table.list-style tr td.group5 > .w60 {width:calc( ((100% - 40px) / 10) * 6 );}
table.list-style tr td.group5 > .w65 {width:calc( ((100% - 40px) / 10) * 6.5 );}
table.list-style tr td.group5 > .w70 {width:calc( ((100% - 40px) / 10) * 7 );}
table.list-style tr td.group5 > .w75 {width:calc( ((100% - 40px) / 10) * 7.5 );}
table.list-style tr td.group5 > .w80 {width:calc( ((100% - 40px) / 10) * 8 );}
table.list-style tr td.group5 > .w85 {width:calc( ((100% - 40px) / 10) * 8.5 );}
table.list-style tr td.button > button {margin-left:10px;}
table.list-style tr td.button > button:first-child {margin-left:0;}
table.list-style tr td > .wHalf {width:calc(100% / 2) !important;}

table.innerTable {width:100%; border-style:none; border-collapse:collapse; table-layout:fixed; box-sizing:border-box;}
table.innerTable tr th,
table.innerTable tr td {border-bottom-style:none;}
table.innerTable tr th {background-color:#fff; text-align:right;}

/* Tab */
div.tab-style {position:relative; width:100%;}
div.tab-style > ul.tab {width:100%; height:40px; box-sizing:border-box; border-bottom:1px solid #ddd;}
div.tab-style > ul.tab * {box-sizing:border-box;}
div.tab-style > ul.tab li {float:left; padding:0 28px 3px 28px; height:40px; line-height:40px; border-top:1px solid #fff; font-size:13px; color:#000; cursor:pointer;}
div.tab-style > ul.tab li em {display:inline-block; padding-left:15px; font-size:14px; font-weight:bold;}
div.tab-style > ul.tab li.selected {padding-bottom:0; font-weight:bold; color:#0066b3; cursor:default;}
div.tab-style > ul.tab li.selected {border-left:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #fff; /* border-bottom:3px solid #0066b3; */}
div.tab-style > ul.tab:after {content:''; display:block; float:none; clear:both;}
div.tab-style > div.tab-toolbar {position:absolute; top:5px; right:0; height:30px; text-align:right; font-size:12px;}
div.tab-style > div.tab-toolbar button {margin-left:10px;}
div.tab-style > div.tab-toolbar button:first-child {margin-left:0;}
div.tab-style > div.tab-panel {position:relative; width:100%; height:calc(100% - 40px);}
div.tab-style > div.tab-panel > div.tab-toolbar {position:absolute; top:0; right:0; height:40px; line-height:40px; text-align:right; font-size:12px;}
div.tab-style > div.tab-panel > div.tab-toolbar button {margin-left:10px;}
div.tab-style > div.tab-panel > div.tab-toolbar button:first-child {margin-left:0;}

div.subTab-style {position:relative; width:100%; float:none; clear:both;}
div.subTab-style > ul.tab {width:100%; height:30px; box-sizing:border-box; padding-left:10px; border-bottom:1px solid #ddd;}
div.subTab-style > ul.tab * {box-sizing:border-box;}
div.subTab-style > ul.tab li {float:left; height:30px; line-height:30px; padding:0 18px 3px 18px; background-color:#fff; border:1px solid #ddd; border-bottom-style:none; font-size:13px; color:#000; cursor:pointer;}
div.subTab-style > ul.tab li.selected {padding-bottom:0; border-color:#0066b3; font-weight:bold; color:#0066b3; cursor:default;}
div.subTab-style > ul.tab:after {content:''; display:block; float:none; clear:both;}
div.subTab-style > div.tab-panel {position:relative; box-sizing:border-box; width:100%; height:calc(100% - 30px); padding-top:5px;}
div.subTab-style > div.tab-panel > div.grid-box {width:100%; height:100%;}
div.subTab-style > div.tab-panel > div.tab-toolbar {position:absolute; top:-43px; right:0; height:40px; line-height:40px; text-align:right; font-size:12px;}
div.subTab-style > div.tab-panel > div.tab-toolbar button {margin-left:10px;}
div.subTab-style > div.tab-panel > div.tab-toolbar button:first-child {margin-left:0;}

p.icon-style {box-sizing:border-box; display:inline-block; width:auto; margin:0; padding:0 10px; height:24px; line-height:24px; color:#fff;}
p.icon-style {border-radius:14px 14px 14px 14px; -moz-border-radius:14px 14px 14px 14px; -webkit-border-radius:14px 14px 14px 14px;}
p.icon-style.type00 {background-color:#c9c9c9;}
p.icon-style.type01 {background-color:#138808;}
p.icon-style.type02 {background-color:#0492c2;}
p.icon-style.type03 {background-color:#8b324d;}
p.icon-style.type04 {background-color:#52796f;}

.row {display:flex; align-items:center;}
.toastui-calendar-weekday-grid-date-decorator {background-color: var(--color-point) !important;}
.select2-container--default span.select2-selection--single {border-color:#ccc}
.ui-jqgrid table.ui-jqgrid-htable th div {font-size: 13px; font-weight:500}
div#CalendarBox {border-radius: 8px;}
div#CalendarBox div.ListBox .Today {border-radius:4px; background-color: var(--color-point);}

/* 일별 운행 조회용 */
#content > div.page-panel > div.box > div.left-box {z-index:1000; float:left; width:295px; height:100%; background-color:#fff; border-right:1px solid #ddd;}
#content > div.page-panel > div.box > div.left-box div.tab-box {width:100%; height:31px; padding-top:9px; background-color:#eff2f7;}
#content > div.page-panel > div.box > div.left-box div.tab-box ul {float:left; width:calc(100% - 15px); height:100%; padding-left:15px; background:url('/images/bg_left_tab.png') repeat-x 0 100%;}
#content > div.page-panel > div.box > div.left-box div.tab-box ul li {float:left; min-width:35px; height:calc(100% - 2px); padding:0 15px; line-height:31px; border-top:1px solid transparent; border-bottom:1px solid #ddd; background-color:#eff2f7; text-align:center; font-size:12px; font-weight:bold; color:#b8bfcc; cursor:pointer;}
#content > div.page-panel > div.box > div.left-box div.tab-box ul li.selected {background-color:#fff; color:#333; cursor:default;}
#content > div.page-panel > div.box > div.left-box div.tab-box ul li.selected {border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #fff;}
#content > div.page-panel > div.box > div.left-box div.tab-box ul li.selected {border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px;}

#content > div.page-panel > div.box  > div.left-box div.tab-panel {width:100%; height:calc(100% - 74px - 40px);}
#content > div.page-panel > div.box  > div.left-box div.tab-panel form.search-form {overflow:hidden; height:91px; padding:14px 0 0 15px; border-bottom:1px solid #dddddd;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel form.search-form > p.input {float:left; width:207px; height:55px;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel form.search-form > p.input select {display:block; width:100%; height:25px; background-color:#fff;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel form.search-form > p.input input[type="text"] {display:block; width:100%; height:25px; margin-top:5px;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel form.search-form > p.button {float:left; margin-left:10px;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel form.search-form > p.button button {width:48px !important; min-width:48px !important; height:55px; padding:0; background-image:none; background-color:#606a76;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel form.search-form > div.options-box {width:100%; margin-top:11px;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel form.search-form > div.options-box > div.list-filter {float:left; font-size:12px; font-weight:bold; color:#b8bfcc;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel form.search-form > div.options-box > div.list-filter a {text-decoration:none;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel form.search-form > div.options-box > div.list-filter a.selected {color:#3674c3;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel form.search-form > div.options-box > div.reset-button-box {float:right; padding-right:15px; text-align:right;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel form.search-form > div.options-box > div.reset-button-box a {padding-left:21px; background:url('/images/icon_reset.png') no-repeat 0 50%; text-decoration:none;}

#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box {overflow-x:hidden; overflow-y:auto; width:100%;}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > dl {width:100%; height:auto;}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > dl dt {position:relative;; height:40px; line-height:40px; padding-left:51px; border-bottom:1px solid #ddd; background-image:url('/images/icon_list_off.png'); background-repeat:no-repeat; background-position:18px 50%; font-size:12px; color:#333;}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > dl dt em {display:block; position:absolute; top:0; right:18px; height:40px; line-height:40px; text-align:right; font-size:12px; color:#333;}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > dl.open dt {background-color:#dfe8f6; background-image:url('/images/icon_list_on.png');}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > dl dd {padding-left:18px; padding-right:18px; border-bottom:1px solid #ddd;}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > ul {width:100%;}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > ul li {height:40px; line-height:40px; padding-left:15px; color:#333; cursor:pointer;}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > ul li img {vertical-align:middle;}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > ul li strong {display:inline-block; width:53px; padding-left:28px; background-repeat:no-repeat; background-position:0 50%;}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > ul li strong.drive {color:#3299ff;}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > ul li strong.park {color:#ff625f;}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > ul li strong.stop {color:#ff9c01;}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > ul li strong.end {color:#6e6e6e;}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > ul li.selected {font-weight:bold; cursor:default;}
#content > div.page-panel > div.box > div.left-box > div.tab-panel div.list-box > dl:hover dt {cursor:pointer;}

#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box {border-bottom:1px solid #ddd;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > div.calendar-nav {position:relative; width:100%; height:50px; text-align:center; font-size:12px;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > div.calendar-nav p {position: absolute; width:32px; height:50px; line-height:50px; text-align:center;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > div.calendar-nav p img {vertical-align:middle;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > div.calendar-nav p.prev {top:0; left:0;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > div.calendar-nav p.next {top:0; right:0;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > div.calendar-nav p:hover {cursor:pointer;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > div.calendar-nav strong {width:100%; height:50px; line-height:50px;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > table.calendar {width:100%; table-layout:fixed; border-collapse:collapse;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > table.calendar thead tr th {height:30px; border-style:none; background-color:#eff2f7; text-align:center; font-size:12px; font-weight:normal; color:#333;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > table.calendar thead tr th:first-child {color:#ff0044;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > table.calendar tbody tr td {height:30px; margin:0; padding:0; border-style:none; text-align:center; font-size:12px; font-weight:normal; color:#333;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > table.calendar tbody tr td:first-child {color:#ff0044;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > table.calendar tbody tr td.disabled {color:#787878;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > table.calendar tbody tr td.data {background:url('/images/check_calendar_day.png') no-repeat 90% 15%;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > table.calendar tbody tr td p {display:inline-block; width:27px; height:27px; line-height:27px;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > table.calendar tbody tr td p.selected {background-image:url('/images/bg_calendar_select.png'); background-repeat:no-repeat; background-position:0 0;}
#content > div.page-panel > div.box  > div.left-box div.tab-panel div.calendar-box > table.calendar tbody tr td p:hover {cursor:pointer; background-image:url('/images/bg_calendar_select.png');}
#content > div.page-panel > div.box  > div.left-box div.realtime-panel div.list-box {height:calc(100% - 74px - 41px);}
#content > div.page-panel > div.box  > div.left-box div.history-panel div.list-box {height:calc(100% - 74px - 41px - 231px);}

/* 차량 타임라인 */
div.car-time-line-box {z-index:20; position:absolute; left:0; right:0; bottom:40px; width:873px; height:58px; margin:0 auto; padding:2px 5px 8px 5px; background:url('/images/bg_timeline.png') no-repeat 0 0;}
div.car-time-line-box > div.inner-box {position:relative; width:100%; height:100%;}
div.car-time-line-box > div.inner-box > div.button-box {float:left; width:calc(40px - 19px); height:calc(53px - 27px); padding:27px 0 0 19px;}
div.car-time-line-box > div.inner-box > div.button-box > p {width:12px; height:14px; cursor:pointer;}
div.car-time-line-box > div.inner-box > div.button-box > p.start-btn {background:url('/images/icon_timeline_play.png') no-repeat 0 0;}
div.car-time-line-box > div.inner-box > div.button-box > p.stop-btn {background:url('/images/icon_timeline_stop.png') no-repeat 0 0;}
div.car-time-line-box > div.inner-box > div.hour-title {float:left; width:693px; height:calc(58px - 10px); padding-top:10px;}
div.car-time-line-box > div.inner-box > div.hour-title dl {float:left;}
div.car-time-line-box > div.inner-box > div.hour-title dl dt {height:13px; font-size:11px; color:#999; text-align:left;}
div.car-time-line-box > div.inner-box > div.hour-title dl dd {width:3px; height:5px; background:url('/images/icon_timeline_hour_bar.png') no-repeat 2px 0;}
div.car-time-line-box > div.inner-box > div.current-time-title {float:left; padding-top:25px; padding-left: 10px; font-size:12px; color:#333;}
div.car-time-line-box > div.inner-box > div.seek-bar-box {float:left; width:693px; height:calc(58px - 10px); padding-top:10px;}
div.car-time-line-box > div.inner-box > div.seek-bar-box div.seek-bar-indicator {width:8px; height:24px; border:1px solid #aaa; cursor:pointer;}
div.car-time-line-box > div.inner-box > div.seek-bar-box div.seek-bar-indicator {border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px;}
div.car-time-line-box > div.inner-box > div.seek-bar-box div.seek-bar-indicator {
 background:rgba(248,248,248,1);
 background:-moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
 background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,248,248,1)), color-stop(100%, rgba(230,230,230,1)));
 background:-webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
 background:-o-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
 background:-ms-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
 background:linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(230,230,230,1) 100%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e6e6e6', GradientType=0 );
}

/* 차량 타임라인 속도 그래프 */
div.car-time-line-speed-chart-box {z-index:20; position:absolute; width:230px; height:230px; right:37px; bottom:27px;}
div.car-time-line-speed-chart-box > div.chart-contents {width:100%; height:100%;}