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

html, body {width:100%; height:100%;}
body {background-color:#f0f2f7;}
#wrap {overflow:auto; width:100%; min-width:1460px; height:100%; min-height:660px;}

#master-top {height:60px;}
#master-top * {box-sizing:border-box;}
#master-top > h1 {float:left; width:230px; height:45px; line-height:45px; margin:15px 0 0 20px;}
#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; margin-left:15px;}
#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; margin-left:4px; padding:13px 15px 0 15px; border:1px solid #ddd; border-bottom-style:none; background-color:#f0f2f7; color:#767676; font-size:14px;}
#master-top > div.tab-box ul.tab-navi > li {border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0;}
#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:9px; background-color:#fff; color:#111; border-top:4px solid #0059b2;}
#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);}

#master-leftMenu {float:left; width:250px; height:calc(100% - 10px); margin-top:10px; background-color:#0059b2; }
#master-leftMenu {border-radius:0 60px 0 0; -moz-border-radius:0 60px 0 0; -webkit-border-radius:0 60px 0 0;}
#master-leftMenu * {box-sizing:border-box;}
#master-leftMenu > div.user-info {height:79px; margin-top:31px; padding-left:72px; background:url("/images/layout/icon_user.png") no-repeat 21px 0;}
#master-leftMenu > div.user-info p:first-child {height:22px; font-size:15px; font-weight:bold; color:#fff;}
#master-leftMenu > div.user-info p:last-child {font-size:14px; color:#fff;}
#master-leftMenu > div.button {height:30px;}

#master-leftMenu > div.menu {overflow:auto; width:calc(100% - 20px); height:calc(100% - 31px - 79px - 168px); margin:0 10px;}
#master-leftMenu > div.menu > dl {width:100%; border-bottom:1px solid #2571be;}
#master-leftMenu > div.menu > dl dt {height:50px; line-height:50px; padding-left:11px; font-size:13px; font-weight:bold; color:#fff; 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.fav {background-image:none;}
#master-leftMenu > div.menu > dl dd {display:none;}
#master-leftMenu > div.menu > dl dd li {background-color:#0050a0; font-size:13px; color:#fff;}
#master-leftMenu > div.menu > dl dd ul.sub1 li > span {display:block; height:40px; line-height:40px; padding-left:21px; cursor:pointer;}
#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; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}
#master-leftMenu > div.menu > dl.open dt {background-color:#81d3f7; background-image:url("/images/layout/icon_submenu_close.png"); color:#222;}
#master-leftMenu > div.menu > dl.open dd {display:block;}

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

#content {float:left; overflow:auto; width:calc(100% - 250px - 15px - 15px); height:calc(100% - 10px); margin-left:15px; border:1px solid #ddd; padding:0 0 0 10px; box-sizing:border-box; background-color:#fff;}
#content {border-radius:0 10px 10px 10px; -moz-border-radius:0 10px 10px 10px; -webkit-border-radius:0 10px 10px 10px;}
#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; padding-left:5px; 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; padding:0 10px; 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:14px; 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:16px; font-size:12px; 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 #ddd; 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:12px; font-weight:normal; color:#222; text-align:left;}
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:12px; 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;}