@charset "utf-8";

@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight:400;
	src: local('NanumGothic Regular'), local('NanumGothic-Regular'), local('NanumGothic Regular');
	src: url(../font/NanumGothic.eot);
	src: url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
	url(../font/NanumGothic.woff) format('woff'),
	url(../font/NanumGothic.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight:700;
	src: local('NanumGothicBold Regular'), local('NanumGothicBold-Regular'), local('NanumGothicBold Regular');
	src: url(../font/NanumGothicBold.eot);
	src: url(../font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
	url(../font/NanumGothicBold.woff) format('woff'),
	url(../font/NanumGothicBold.ttf) format('truetype');
}

/* reset */
html, body {position:relative; -webkit-font-smoothing:antialiased;height:100%}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr {margin:0; padding:0;box-sizing:border-box;}
body {padding:0; background:#f9f9f9; font-family:'NanumGothic', sans-serif;font-weight:400;font-size:14px;color:#000;box-sizing:border-box;letter-spacing:-0.05em}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
ol, ul, li {list-style:none}
table {border-collapse:separate; border-spacing:0;}
form, fieldset, iframe {display:block; border:0}
img, button {border:0 none; vertical-align:middle}
hr {height:0; display:none}
i, em, address {font-style:normal}
label, button {cursor:pointer}
caption, legend {width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; font-size:0;}
.blind {position:absolute !important; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; font-size:0; line-height:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
input, textarea, select {margin:0; padding:0; font-family:'NanumGothic', sans-serif; font-weight: 400; font-size:14px;  color:#000; vertical-align:middle;box-sizing:border-box;}
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;}
select::-ms-expand {display:none}
textarea {border: 1px solid #000; resize:none; overflow-y:auto}
button {overflow:visible; margin:0; padding:0; border:0 none; background:none; font-size:0; font-family:'NanumGothic', sans-serif; font-weight: 400; vertical-align:top; cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0;}
.ellipsis {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
a {color:#000; text-decoration:none; word-break:break-all;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}

::-webkit-input-placeholder{color:#aaa}
::-moz-placeholder{color:#aaa}
:-ms-input-placeholder{color:#aaa}
:-moz-placeholder{color:#aaa}
.placeholdersjs{color:#aaa}

/* Interval */
.mt0{margin-top:0px !important}
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt6{margin-top:6px !important}
.mt8{margin-top:8px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt27{margin-top:27px !important}
.mt29{margin-top:29px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}
.mt100{margin-top:100px !important}

.mb0{margin-bottom:0px !important}
.mb6{margin-bottom:6px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb70{margin-bottom:70px !important}
.mb80{margin-bottom:80px !important}
.mb90{margin-bottom:90px !important}
.mb100{margin-bottom:100px !important}

.ml0{margin-left:0px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}
.ml50{margin-left:50px !important}
.ml60{margin-left:60px !important}
.ml70{margin-left:70px !important}
.ml80{margin-left:80px !important}
.ml90{margin-left:90px !important}
.ml100{margin-left:100px !important}

.mr0{margin-right:0px !important}
.mr10{margin-right:10px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mr40{margin-right:40px !important}
.mr50{margin-right:50px !important}
.mr60{margin-right:60px !important}
.mr70{margin-right:70px !important}
.mr80{margin-right:80px !important}
.mr90{margin-right:90px !important}
.mr100{margin-right:100px !important}

.pt0{padding-top:0 !important}
.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt50{padding-top:50px !important}
.pt60{padding-top:60px !important}
.pt70{padding-top:70px !important}
.pt80{padding-top:80px !important}
.pt90{padding-top:90px !important}
.pt100{padding-top:100px !important}

.pb0{padding-bottom:0 !important}

.pr10{padding-right:10px !important}

.pl5{padding-left:5px !important}

/* width */
.w5p{width:5% !important}
.w10p{width:10% !important}
.w15p{width:15% !important}
.w19p{width:19% !important}
.w20p{width:20% !important}
.w25p{width:25% !important}
.w27p{width:27% !important}
.w28p{width:28% !important}
.w30p{width:30% !important}
.w35p{width:35% !important}
.w40p{width:40% !important}
.w50p{width:50% !important}
.w60p{width:60% !important}
.w70p{width:70% !important}
.w80p{width:80% !important}
.w90p{width:90% !important}
.w100p{width:100% !important}

/* floating */
.fl {float:left;}
.fr {float:right !important;}
.fn {float:none !important;}
.cl {clear:both;}

/* Anchor */
.anchorTy{display:block;height:70px;margin-top:-70px}

/* Align 박연우 추가[2020-12-08]*/
.tal, .tal + span.textbox input {text-align:left !important}
.tac, .tac + span.textbox input {text-align:center !important}
.tar, .tar + span.textbox input {text-align:right !important}
.aTop{vertical-align:top !important}
.aMid{vertical-align:middle !important}
.aBtm{vertical-align:bottom !important}

/* color */
.txtRed{color:#fe0000}
.txtBlue{color:#0056d4}

/* Focus Form*/
:focus + label:before{outline:1px dotted;outline:auto 5px -webkit-focus-ring-color;}

/* boxHorizental */
.boxHorizental{position:relative;display:table;width:100%;font-size:0;margin-top:3px}
.boxHorizental:first-child{margin-top:0}
.boxHorizental > span{display:table-cell;padding-left:2px;vertical-align:middle;font-size:12px;width:auto;white-space:nowrap;}
.boxHorizental > span.dash{width:15px;white-space:nowrap;padding-left:0;text-align:center}
.boxHorizental > span.checkboxWrap{padding-left:10px}
.boxHorizental > span.text{padding-left:10px;font-size:12px;color:#282728}
.boxHorizental > span.value{padding-left:5px;text-align:left}
.boxHorizental > span.btn{display:inline-block;}
.boxHorizental > span.btn .btnsSearch{position:relative;margin-left:3px;margin-top:4px}
.boxHorizental > span:first-child{padding-left:0}
.boxHorizental > p {display:table-cell;padding-left:2px;vertical-align:middle;font-size:12px;width:auto;}
.boxHorizental > span.inputWrap input.inpText.easyui-textbox + .textbox{width:100% !important}
.boxHorizental > span.inputWrap input.inpText.easyui-textbox + .textbox input.textbox-text{width:100% !important}
.boxHorizental > span.inputWrap input.inpText.easyui-numberbox + .textbox{width:100% !important}
.boxHorizental > span.inputWrap input.inpText.easyui-numberbox + .textbox input.textbox-text{width:100% !important}

.boxHorizental.default{width:auto}
.boxHorizental.infoTelBtn{margin-top:10px;table-layout:fixed}
.boxHorizental.infoTelBtn > span{padding-left:8px}
.boxHorizental.infoTelBtn > span:first-child{padding-left:0}

.dateRange > span,
.dateRange > .dash{display:table-cell;vertical-align:middle;width:auto}
.dateRange > .dash{font-size:12px;padding:0 4px;text-align:center}
.dateRange > span{position:relative;}

.dateCalWarp{position:relative;display:inline-block;width:100%;}
.dateCalWarp > span{display:inline-block;width:100%}
.textbox.combo.datebox{width:100% !important;height:22px !important}
.textbox.combo.datebox .textbox-text{border-right:0;width:calc(100% - 22px) !important;}
.textbox.combo.datebox .combo-arrow{width:22px !important;height:22px !important;background:url(../../images/common/btn_calendar.png) no-repeat;opacity:1;border:0}

.boxHorizental .inputBtn{width:122px;}
.inputBtn > span{display:table-cell;vertical-align:middle;position:relative;padding-right:36px}
.inputBtn .inpText{width:254px}
.inputBtn .btnSearch{display:inline-block;text-indent:-9999px;width:31px;height:30px;background:url(../../images/common/btn_search02.png) no-repeat;position:absolute;top:0;right:0;border-radius:2px;box-shadow:1px 0 4px rgba(46, 49, 146, 0.25);cursor:pointer}
.inputBtn.full > span{display:table;width:100%}
.inputBtn.full .inpText{width:100%}

.inlineBlock{display:table;width:100%;}
.inlineBlock > span{display:inline-block !important;vertical-align:middle;width:auto;margin-right:5px}
.inlineBlock > span:last-child{margin-right:0}
.inlineBlock > span.value{margin-right:6px}

/* Input Text */
.inputWrap{position:relative;display:inline-block;width:100%;}
.inputWrap > span{display:inline-block;width:100%}
.inputWrap .textbox textarea.textbox-text{width:100% !important;height:195px;padding:10px;line-height:18px}

.inputWrap.textBoxWrap{text-align:left}
.inputWrap.textBoxWrap .textbox{width:100% !important}
.inputWrap.textBoxWrap .textbox-text{border-radius:0;width:100% !important}
.inputWrap.textBoxWrap .count{text-align:right;margin-top:4px;}

.inpText{display:inline-block;width:100%;min-width:70px;height:22px;line-height:normal;border:1px solid #e4e4e4;padding:0 10px;background:#fff;font-size:12px;border-radius:0}

/* Input Text easyui Common */
.textbox{border:0;border-radius:0;}
.inputWrap:not(.textarea) .textbox{height:22px !important}
.textbox .textbox-text{border:1px solid #e4e4e4;border-radius:0;padding:0 10px;background:#fff;font-size:12px;text-align:initial;color:#000}
.textbox input.textbox-text{height:22px !important;line-height:normal !important;}
.textbox .textbox-prompt{color:#aaa}
.textbox-focused{box-shadow:none}
.textbox .textbox-text.validatebox-disabled{background:#e4e4e4}
.textbox .passwordbox-open{display:none}

/* FileBox */
.textbox.filebox{overflow:inherit;margin-right:3px;height:22px !important;text-align:left}
.textbox.filebox input.textbox-text{width:calc(100% - 76px) !important}
.textbox.filebox .textbox-button{border: 1px solid #003298;background:#fff;width:76px;margin-right:-3px}
.textbox.filebox .textbox-button.l-btn-focus{outline:none;}
.textbox.filebox .textbox-button .l-btn-left{display:inline;}
.textbox.filebox .textbox-button .l-btn-text{font-size:12px;line-height:22px;font-weight:700;margin:0 16px;color:#003298}
.textbox.filebox + .btns{margin-left:5px}

/* Radio */
.radioWrap{display:inline-block;position:relative;width:100%;line-height:15px}
.radioWrap > span{position:relative;display:inline-block;vertical-align:top;margin-left:20px;padding-left:18px;}
.radioWrap > span:first-child{margin-left:0}
.radioWrap .radiobutton{position:absolute;top:50%;left:0;border:2px solid #c8c8c8;width:15px !important;height:15px !important;margin-top:-7.5px}
.radioWrap .radiobutton.radiobutton-checked{border:2px solid #003298}
.radioWrap .radiobutton .radiobutton-inner{display:block !important;background:#c8c8c8;transform:scale(.5);}
.radioWrap .radiobutton.radiobutton-checked .radiobutton-inner{background:#003298}
.radioWrap .textbox-label{vertical-align:top;width:auto;font-size:12px;font-weight:700;color:#000;line-height:15px;padding-right:0;}

.radioWrap .item{margin-top:5px}
.radioWrap .item:first-child{margin-top:-5px}
.radioWrap .item > span{position:relative;display:inline-block;vertical-align:middle;width:auto;margin-left:5px;margin-top:5px}
.radioWrap .item > span.radio{padding-left:18px;}
.radioWrap .item > span.radio .textbox-label{position:relative;top:1px}
.radioWrap .item > span:first-child{margin-left:0}
.radioWrap .item > span.space{margin-left:10px}

.tableCheck .radioWrap {display:table-cell; width:10%;}

/* CheckBox */
input[type='checkbox']{-webkit-appearance: none;appearance: none;width:15px;height:15px;background:url(../../images/common/bg_chk_default.png) no-repeat;cursor:pointer}
input::-ms-check{display:none}
input[type='checkbox']:checked{background-image:url(../../images/common/bg_chk_checked.png)}

.checkboxWrap{display:inline-block;position:relative;width:100%;line-height:15px}
.checkboxWrap > span{position:relative;display:inline-block;vertical-align:top;margin-right:20px;padding-left:20px;}
.checkboxWrap > span:last-child{margin-right:0}
.checkboxWrap .checkbox{position:absolute;top:50%;left:0;width:15px !important;height:15px !important;margin-top:-7.5px;border:0;border-radius:0;background:url(../../images/common/bg_chk_default.png) no-repeat;}
.checkboxWrap .checkbox.checkbox-checked{background-image:url(../../images/common/bg_chk_checked.png)}
.checkboxWrap .checkbox-inner{display:none}
.checkboxWrap .textbox-label{vertical-align:top;width:auto;font-size:12px;font-weight:700;color:#000;line-height:15px;padding-right:0;}

.checkboxWrap input[type='checkbox'].inpCheckbox +label{position:relative;display:inline-block;vertical-align:top;padding-left:24px;font-size:12px}
.checkboxWrap input[type='checkbox'].inpCheckbox +label:before{display:block;content:'';width:15px;height:15px;background:url(../../images/common/bg_chk_default.png) no-repeat;position:absolute;top:0;left:0}
.checkboxWrap input[type='checkbox'].inpCheckbox:checked +label:before{background-image:url(../../images/common/bg_chk_checked.png)}
.checkboxWrap input[type='checkbox'].inpCheckbox{position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);overflow:hidden;opacity:0;}

/* Select */
.selectboxWrap{position:relative;display:inline-block;width:100%;}
.selectboxWrap > span{display:inline-block;width:100%}
.selectboxWrap .combo{width:100% !important;}
.selectboxWrap select + .combo + .combo{opacity:0}
.textbox.combo{height:22px !important;text-align:left}
.textbox.combo .combo-arrow{background:#fff;border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background:url(../../images/common/arr_select.png) no-repeat 50%;opacity:1;}
.textbox.combo .textbox-text{border-right:0;cursor:pointer;width:calc(100% - 22px) !important;margin-right:22px !important;padding-right:0}

select{display:inline-block;vertical-align:middle;position:relative;width:100%;min-width:70px;height:22px;border:1px solid #e4e4e4;padding:0 8px;font-size:12px;background:#fff url(../../images/common/arr_select_default.png) no-repeat right center;}

/* Select easyui Common */
.combo-panel{max-height:300px;height:auto !important}
.combobox-item-selected{background-color:#3d73e1}
.combobox-item,
.combobox-group,
.combobox-stick {font-size:12px;padding:1px 10px;line-height: 20px}

/* TextArea */
textarea{width:100%;min-width:70px;height:100px;border:1px solid #e4e4e4;resize:none;padding:10px;line-height:18px;overflow-y:auto;font-size:12px}
textarea:disabled{border:1px solid #ddd;color:#999;}

/* Text */
.txtBrown{color:#ae8670 !important}
.txtBlue{color:#1c5cb0 !important;font-weight:bold}
.txtRed{color:#e5004f !important;font-weight:bold}
.txtOrange{color:#f3b100 !important;font-weight:bold}
.txtGreen{color:#a7c52d !important;font-weight:bold}
.txtGreen02{color:#008995 !important;font-weight:bold}
.txtNavy{color:#515f7a !important;font-weight:bold}
.txtGray{color:#999 !important;}

a.linkText{color:#000;text-decoration:underline;font-weight:700}
a.listen{position:relative;padding-left:15px;line-height:14px}
a.listen:before{display:block;content:'';width:14px;height:14px;background:url(../../images/common/ico_listen.png) no-repeat;position:absolute;top:0;left:0}
.linkTel{text-indent:-9999em;display:inline-block;vertical-align:middle;width:17px;height:17px;background:url(../../images/common/ico_tel.png) no-repeat;}

.ingCall{text-align:center;margin-bottom:20px}
.ingCall span{display:inline-block;vertical-align:middle;font-size:13px;}
.ingCall span.msg{padding-left:5px;font-weight:700}

.noti{position:relative;font-size:12px;padding-left:19px;line-height:18px}
.noti + .noti{margin-top:5px;}
.noti:before{display:block;content:'';width:16px;height:13px;background:url(../../images/common/ico_noti.png) no-repeat;position:absolute;top:2px;left:0}

.txtInfo {font-size:12px;line-height:15px}
.bulStar{position:relative;font-size:12px;color:#282728;padding-left:11px}
.bulStar:before{display:block;content:'※';position:absolute;top:0;left:0}

.gridData + .noti{margin-top:10px}
.gridForm + .noti{margin-top:10px}
.gridData + .boxShow{margin-top:20px}
.gridData + .gridForm{margin-top:10px}
.gridData + .gridData{margin-top:10px}
.gridForm + .gridData{margin-top:10px}

/* listStyle */
.listStyle01 > li{position:relative;padding-left:8px;font-size:13px;line-height:20px}
.listStyle01 > li:before{display:block;content:'';width:3px;height:3px;border-radius:50%;background:#000 ;position:absolute;top:8px;left:0;}
.listStyle01 > li strong{font-weight:700}
.listStyle01 > li .vital{vertical-align:middle}

.listStyle02 > li{position:relative;padding-left:10px;font-size:13px;line-height:20px}
.listStyle02 > li:before{display:block;content:'';width:5px;height:1px;border-radius:50%;background:#000 ;position:absolute;top:9px;left:0;}
.listStyle02 > li strong{font-weight:700}
.listStyle02 > li .vital{vertical-align:middle}

.listStyleStar > li{position:relative;font-size:12px;padding-left:10px;line-height:18px}
.listStyleStar > li:before{display:block;content:'*';color:#000;position:absolute;top:0;left:0}

.vital{position:relative;display:inline-block;vertical-align:top;padding-right:10px}
.vital:after{display:block;content:'';width:5px;height:6px;background:url(../../images/common/bg_vital.png) no-repeat;background-size:5px;position:absolute;top:50%;right:0;margin-top:-3px}

/* Button */
.btnArea{position:relative;text-align:center;font-size:0;}
.btnArea:after{display:block;clear:both;content:''}
.btnArea.left{text-align:left}
.btnArea.right{text-align:right}
.btnArea .btns{margin-left:11px;}
.btnArea .btns:first-child{margin-left:0}
.btnArea > .left{float:left;font-size:14px}
.btnArea > .right{float:right;font-size:14px}

.btnArea.btmBtnArea{margin-top:20px !important}
.btnArea.infoTelBtn{margin-top:10px}

.btns{position:relative;display:inline-block;vertical-align:middle;text-align:center;background:#fff;height:22px;line-height:18px;padding:0 16px;white-space:nowrap;box-shadow:none;border-radius:0;}
.btns.full{width:100%}
.btns.w107{min-width:107px}
.btns.l-btn-focus{outline:none;}
.btns .l-btn-left{display:inline;}
.btns .l-btn-text{display:inline;line-height:inherit;margin:0;}
.btns span{font-size:12px;font-weight:700}

.btns.easyui-filebox + .textbox.filebox{height:22px !important;margin-right:0}
.btns.easyui-filebox + .textbox.filebox .l-btn-left{display:inline}
.btns.easyui-filebox + .textbox.filebox .l-btn-text{line-height:19px;margin:0;}
.btns.easyui-filebox + .textbox.filebox .textbox-button{margin-right:0;border:0;background:transparent;width:100%;height:22px !important}
.btns.easyui-filebox + .textbox.filebox input{display:none}

.btns.btnCol01.easyui-filebox + .textbox.filebox .textbox-button{background:#003298;border:1px solid #003298}
.btns.btnCol01.easyui-filebox + .textbox.filebox .textbox-button span{color:#fff}
.btns.btnLine01.easyui-filebox + .textbox.filebox .textbox-button{background:#fff;border:1px solid #003298}
.btns.btnLine01.easyui-filebox + .textbox.filebox .textbox-button span{color:#003298}
.btns.btnLine02.easyui-filebox + .textbox.filebox .textbox-button{background:#fff;border:1px solid #818181}
.btns.btnLine02.easyui-filebox + .textbox.filebox .textbox-button span{color:#000}

.btns.big{height:27px;line-height:25px;min-width:87px}

.btns.btnCol01{background:#003298;border:1px solid #003298}
.btns.btnCol01 span{color:#fff}
.btns.btnCol02{background:#3d73e1;border:1px solid #3d73e1}
.btns.btnCol02 span{color:#fff}
.btns.btnCol03{background:#00b3c8;border:1px solid #00b3c8}
.btns.btnCol03 span{color:#fff}
.btns.btnCol04{background:#f45858;border:1px solid #f45858}
.btns.btnCol04 span{color:#fff}

.btns.btnLine01{background:#fff;border:1px solid #003298}
.btns.btnLine01 span{color:#003298}
.btns.btnLine02{background:#fff;border:1px solid #818181}
.btns.btnLine02 span{color:#000}

.btns.excel{padding-left:30px;background-image:url(../../images/common/btn_excel.png);background-repeat:no-repeat;background-position:8px 50%;text-align:left}
.btns.fold{width:73px;padding-left:25px;background-image:url(../../images/common/btn_fold_up.png);background-repeat:no-repeat;background-position:8px 50%;}
.btns.foldShow{width:73px;padding-left:25px;background-image:url(../../images/common/btn_fold_down.png);background-repeat:no-repeat;background-position:4px 50%;}
.btns.assignment{width:83px;padding-left:25px;background-image:url(../../images/common/btn_assignment.png);background-repeat:no-repeat;background-position:4px 50%;text-align:left}
.btns.autoAssignment{width:83px;padding-left:25px;background-image:url(../../images/common/btn_autoAssignment.png);background-repeat:no-repeat;background-position:4px 50%;text-align:left}
.btns.save{min-width:83px;padding-left:35px;background-image:url(../../images/common/btn_save.png);background-repeat:no-repeat;background-position:4px 50%;text-align:left;}
.btns.reset{width:83px;padding-left:30px;background-image:url(../../images/common/btn_reset.png);background-repeat:no-repeat;background-position:4px 50%;text-align:left}
.btns.cmpt{width:93px;padding-left:30px;background-image:url(../../images/common/btn_complete.png);background-repeat:no-repeat;background-position:5px 50%;text-align:left}
.btns.sms{width:83px;padding-left:28px;background-image:url(../../images/common/btn_sms.png);background-repeat:no-repeat;background-position:7px 50%;text-align:left}
.btns.chk{width:83px;padding-left:25px;background-image:url(../../images/common/btn_chk.png);background-repeat:no-repeat;background-position:6px 50%;text-align:left}
.btns.memo{width:83px;padding-left:36px;background-image:url(../../images/common/btn_memo.png);background-repeat:no-repeat;background-position:6px 50%;text-align:left}
.btns.supplier{width:83px;padding-left:25px;background-image:url(../../images/common/btn_supplier.png);background-repeat:no-repeat;background-position:6px 50%;text-align:left}
.btns.compare{width:93px;padding-left:27px;background-image:url(../../images/common/btn_compare.png);background-repeat:no-repeat;background-position:6px 50%;text-align:left}
.btns.print{min-width:83px;padding-left:33px;background-image:url(../../images/common/btn_print.png);background-repeat:no-repeat;background-position:6px 50%;text-align:left}
.btns.pdf{min-width:77px;padding:0 20px;background-image:url(../../images/common/btn_pdf.png);background-repeat:no-repeat;background-position:3px 50%;}
.btns.realTime{width:94px;padding-left:22px;background-image:url(../../images/common/btn_real_time.png);background-repeat:no-repeat;background-position:4px 50%;text-align:left;}
.btns.logout{min-width:88px;padding-left:31px;background-image:url(../../images/common/btn_logout.png);background-repeat:no-repeat;background-position:11px 0;text-align:left}

.btns.select{padding-right:25px}
.btns.select:after{display:block;content:'';width:7px;height:9px;background:url(../../images/common/arr_btn_down.png) no-repeat;position:absolute;top:50%;right:10px;margin-top:-5px}

.btns.btnUp span{display:inline-block;vertical-align:middle;text-indent:-9999px;width:13px;height:8px;background:url(../../images/common/btn_arr_up.png) no-repeat center center;}
.btns.btnDown span{display:inline-block;vertical-align:middle;text-indent:-9999px;width:13px;height:8px;background:url(../../images/common/btn_arr_down.png) no-repeat center center;}

.btnAllFile{display:inline-block;vertical-align:top;text-indent:-9999em;width:19px;height:19px;background:url(../../images/common/btn_add_file.png) no-repeat;}

.btnSubDetail{position:absolute;top:0;left:0;right:0;bottom:0;display:table;font-size:12px;width:100%;height:100%;}
.btnSubDetail.open{background:#003298;color:#fff}
.btnSubDetail span{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}

.btnsSearch{display:block;text-indent:-9999em;width:15px;height:15px;background:url(../../images/common/btn_form_search.png) no-repeat !important;border:0 !important;box-shadow:none}
.btnsSearch.l-btn-focus{outline:none}

/* topTitle */
.bigTitle{font-weight: 700;font-size: 20px;margin-bottom:10px;}
.topTitle{position:relative;display:table;margin-top:20px;margin-bottom:9px;width:100%}
.topTitle.first{margin-top:0}
.topTitle.ver2{margin-bottom:3px}
.topTitle:after{display:block;content:'';clear:both}
.topTitle .bigTitle{margin-bottom:0}
.topTitle .left{display:table-cell;vertical-align:bottom;text-align:left;font-size:0;white-space:nowrap;}
.topTitle .right{display:table-cell;vertical-align:bottom;text-align:right;font-size:0;white-space:nowrap;}
.topTitle h3{position:relative;display:inline-block;vertical-align:middle;font-size:16px;font-weight:700;padding-left:13px;background:url(../../images/common/bg_top_title.png) no-repeat;}
.topTitle h3 + .caption{margin-left:5px;}
.topTitle h4{position:relative;display:inline-block;vertical-align:middle;font-size:14px;font-weight:700;padding-left:13px;background:url(../../images/common/bg_top_title02.png) no-repeat 0 5px;}
.topTitle .tooltipWrap{margin-left:6px}
.topTitle .caption{display:inline-block;vertical-align:middle;font-size:12px;line-height:1;}
.topTitle .caption + .caption {margin-left:10px;}
.topTitle .caption + .btns{margin-left:8px}
.topTitle .btnArea{display:inline-block;vertical-align:middle;text-align:center;font-size:0;position:relative;}
.topTitle .caption + .btnArea{vertical-align:middle;margin-left:8px}
.topTitle .btns{margin-left:5px;}
.topTitle .formList{vertical-align:bottom;}
.topTitle .formList + .btnArea{margin-left:8px}
.topTitle .left .count{display:inline-block;font-size:12px;margin-left:5px;vertical-align:middle;}
.topTitle .left .checkboxWrap{vertical-align:middle;width:auto;margin-left:9px}
.topTitle .left .btnMapping{position:relative;display:inline-block;top:-1px;margin-left:10px;padding-left:23px;background:url(../../images/common/btn_mapping.png) no-repeat 0 50%;font-weight:700}
.topTitle .left .btnMapping span{color:#003298}
.topTitle .txtBlue {font-size:14px;}
.topTitle .icoStatusBox{display:inline-block;vertical-align:middle;font-size:0;margin-left:10px}
.topTitle .icoStatusBox .ico{position:relative;display:inline-block;vertical-align:middle;padding-left:7px;margin-left:8px;}
.topTitle .icoStatusBox .ico:first-child{padding-left:0;margin-left:0}
.topTitle .icoStatusBox .ico:before{display:block;content:'';width:1px;height:13px;background:#dcdddd;position:absolute;top:50%;left:0;margin-top:-7px}
.topTitle .icoStatusBox .ico:first-child:before{display:none}
.topTitle .icoStatusBox .ico em{display:block;text-indent:-9999em;background-repeat:no-repeat;background-position:right 0}
.topTitle .icoStatusBox .ico.ico01 em{width:14px;height:16px;background-image:url(../../images/common/ico_status01.png)}
.topTitle .icoStatusBox .ico.ico02 em{width:20px;height:16px;background-image:url(../../images/common/ico_status02.png)}
.topTitle .icoStatusBox .ico.ico03 em{width:14px;height:16px;background-image:url(../../images/common/ico_status03.png)}
.topTitle .icoStatusBox .ico.ico02 + .ico.ico03{margin-left:4px}

.topTitle .right .checkboxWrap{vertical-align:middle;width:auto;margin-right:9px}
.topTitle .right .checkboxWrap:last-child{margin-right:0}
.topTitle .boxHorizental .checkboxWrap, .topTitle .boxHorizental .radioWrap {display: table-cell;vertical-align: middle;width:auto;padding-left:10px;}
.topTitle .boxHorizental .checkboxWrap:first-child, .topTitle .boxHorizental .radioWrap:first-child {padding-left:0;}
.topTitle .boxHorizental strong.label {display: table-cell;vertical-align: middle;font-size: 12px;width: auto;white-space: nowrap;padding-right:5px;}
.topTitle .boxHorizental form {display: table-cell;vertical-align: middle;}
.topTitle .boxHorizental .bar {display: table-cell;vertical-align: middle;font-size: 12px;width: auto;white-space: nowrap;padding-left:10px !important;padding-right:8px !important;}
.topTitle .boxHorizental .bar:before {content:"|"}
.topTitle .boxHorizental .caption {padding-top:1px;}
.topTitle .left:after,
.topTitle .right:after {content:"";display:block;clear:both;}
.topTitle .right .boxHorizental {float:right;}
.topTitle .left .boxHorizental {float:left;}

/* 탭메뉴 */
.tabGroup{position:relative;}
.tabGroup + .tabGroup{margin-top:20px}
.tabGroup .tabs-header{border:0;padding:0;margin-bottom:10px;width:100% !important;height:32px}
.tabGroup .tabs-header .tabs-scroller-left{display:none !important}
.tabGroup .tabs-header .tabs-scroller-right{display:none !important}
.tabGroup .tabs-wrap{width:100% !important;height:100%;margin:0 !important}
.tabGroup > .tabs-header > .tabs-wrap > .tabs{padding:0;border:0;display:table;width:100%;height:auto;table-layout:fixed}
.tabGroup > .tabs-header > .tabs-wrap > .tabs > li{float:none;display:table-cell;vertical-align:top;margin:0;}
.tabGroup > .tabs-header > .tabs-wrap > .tabs > li .tabs-inner{display:block;background:#e4e4e4;border:0;border-radius:0;height:30px;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;}
.tabGroup > .tabs-header > .tabs-wrap > .tabs > li:last-child .tabs-inner{border-right:1px solid #c8c8c8}
.tabGroup > .tabs-header > .tabs-wrap > .tabs > li .tabs-inner .tabs-title{display:inline-block;vertical-align:top;font-size:12px;color:#000}
.tabGroup > .tabs-header > .tabs-wrap > .tabs > li.tabs-selected .tabs-inner{background:#437df3;border:1px solid #437df3;}
.tabGroup > .tabs-header > .tabs-wrap > .tabs > li.tabs-selected .tabs-inner .tabs-title{color:#fff}
.tabGroup .tabs-panels{border:0;width:100% !important}
.tabGroup .panel-body{background:transparent;border:0;width:100% !important;overflow-y:hidden}
/* .tabGroup .panel-body > .topTitle{margin-top:15px}
.tabGroup .panel-body > .topTitle.first{margin-top:0} */

.tabGroup.ver2 .tabs-header{margin-bottom:12px;}
.tabGroup.ver2 > .tabs-header > .tabs-wrap > .tabs > li.tabs-selected .tabs-inner{background:#f9f9f9;border:0;border-top:2px solid #437df3;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8}
.tabGroup.ver2 > .tabs-header > .tabs-wrap > .tabs > li.tabs-selected .tabs-inner .tabs-title{color:#282728}
.tabGroup.ver2 > .tabs-header > .tabs-wrap > .tabs > li.tabs-selected + li:before{display:block;content:'';width:8px;height:100%;background:url(../../images/common/bg_tab_shadow.png) no-repeat;background-size:cover;position:absolute;bottom:0;left:0}
.tabGroup.ver2 > .tabs-header > .tabs-wrap > .tabs > li.tabs-selected + li .tabs-inner{border-left:0;}

.tabGroup.ver3 > .tabs-header > .tabs-wrap > .tabs > li .tabs-inner {background:#dfeaff;}
.tabGroup.ver3 > .tabs-header > .tabs-wrap > .tabs > li.tabs-selected .tabs-inner {background:#0842b8;border-color:#c8c8c8;}
.tabGroup.ver3 > .tabs-header > .tabs-wrap > .tabs > li .tabs-inner {height:27px;}

.tabGroup.verText > .tabs-header {background:transparent;}
.tabGroup.verText > .tabs-header > .tabs-wrap > .tabs > li {display:inline-block;width:auto;}
.tabGroup.verText > .tabs-header > .tabs-wrap > .tabs > li .tabs-inner {background:transparent;border:none;}
.tabGroup.verText > .tabs-header > .tabs-wrap > .tabs > li.tabs-selected .tabs-inner {background:transparent;border:none;}
.tabGroup.verText > .tabs-header > .tabs-wrap > .tabs > li.tabs-selected .tabs-inner .tabs-title {color:#437df3;}

.tabGroup .tabs{padding:0;border:0;display:table;width:100%;height:auto;table-layout:fixed;margin-bottom:10px}
.tabGroup .tabs.layoutAuto{table-layout:auto;}
.tabGroup .tabs li{display:table-cell;float:none;margin:0;text-align:center}
.tabGroup .tabs li a{display: block;background: #e4e4e4;border: 0;border-radius: 0;height: 32px;line-height:30px;border-top: 1px solid #c8c8c8;border-bottom: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;font-size:12px;font-weight:700;color:#000}
.tabGroup .tabs li:last-child a{border-right:1px solid #c8c8c8}
.tabGroup .tabs li.on a{background: #437df3;border: 1px solid #437df3;color:#fff}

.tabGroup.ver2 > .tabs > li.on a{background:#f9f9f9;border:0;border-top:2px solid #437df3;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;color:#282728}
.tabGroup.ver2 > .tabs > li.on + li:before{display:block;content:'';width:8px;height:100%;background:url(../../images/common/bg_tab_shadow.png) no-repeat;background-size:cover;position:absolute;bottom:0;left:0}
.tabGroup.ver2 > .tabs > li.on + li a{border-left:0}

.tabGroup.ver3 > .tabs > li a{background:#dfeaff;}
.tabGroup.ver3 > .tabs > li.on a{background:#0842b8;border-color:#c8c8c8;}
.tabGroup.ver3 > .tabs > li.on + li a{border-left:0}
.tabGroup.ver3 > .tabs > li.x4 {width:40%;}
.tabGroup.ver3 > .tabs > li.x5 {width:50%;}
.tabGroup.ver3 > .tabs > li.x1 {width:10%;}
.tabGroup.ver3 > .subTabs {display:table;width:100%;table-layout:fixed;margin-bottom:10px}
.tabGroup.ver3 > .subTabs > li {display:table-cell;}
.tabGroup.ver3 > .subTabs > li a {display:block;background:#fff;text-align:center;border-radius:0;height:32px;line-height:30px;border-left:1px solid #c8c8c8;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;font-size: 12px;font-weight: 700;color: #000;}
.tabGroup.ver3 > .subTabs > li:last-child a {border-right:1px solid #c8c8c8;}
.tabGroup.ver3 > .subTabs > li.on a {background:#4a6ade;color:#fff}
.tabGroup.ver3 > .subTabs > li a:hover{background:#4a6ade;color:#fff}
.tabGroup.ver3 > .subTabs > li.disabled{pointer-events:none}

.tabGroup.ver3 > .tabs-header > .tabs-wrap > .tabs > li.tabs-selected + li a{border-left:0}

/* tblData */
.tblData{width:100%}
.tblData table{width:100%;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8}
.tblData table tr{height:26px}
.tblData table thead th{background:#f5f5f5;text-align:center;font-size:12px;font-weight:700;color:#000;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;padding:7px 0}
.tblData table tbody th{background:#f5f5f5;text-align:center;font-size:12px;font-weight:700;color:#000;border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8;padding:7px 0}
.tblData table tbody td{font-size:12px;color:#000;padding:7px 10px;border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8;background:#fff}
.tblData table tbody tr.two td{height:50px}
.tblData table th.bgCol01{background:#dfeaff}
.tblData table th.bgCol02{background:#ffdcdc}

.tblData + .tabGroup{margin-top:20px}

/* gridData */
.gridData{position:relative;}
.gridData .panel{overflow:initial}
.gridData > table{width:100%;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8}
.gridData > table thead th{text-align:center;font-size:12px;font-weight:700;background:#dfeaff;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;padding:7px 10px;line-height:14px}
.gridData > table thead tr + tr th:first-child{border-left:0}
.gridData > table tbody tr{height:29px}
.gridData > table tbody th{background:#f0f5ff;font-size:12px;font-weight:400;padding:7px 10px;border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8;text-align:center}
.gridData > table tbody th.big{font-size:14px;line-height:26px;}
.gridData > table tbody th.step01{font-weight:700;text-align:left}
.gridData > table tbody th.step02{font-weight:700;padding-left:20px;text-align:left}
.gridData > table tbody th.step03{font-weight:400;padding-left:30px;text-align:left}
.gridData > table tbody th.step04{font-weight:400;padding-left:40px;text-align:left}
.gridData > table tbody td{text-align:center;font-size:12px;background:#fff;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;padding:7px 10px;background:#fff;word-break: break-word;}
.gridData > table tbody td.inpCell{padding:3px}
.gridData > table tbody td.tar input[type="text"]{text-align:right}
.gridData > table tbody td.noneSpace {padding:0;}
.gridData > table tbody .two td{height:58px}
.gridData > table tbody .total th {text-align:center;background:#f5f5f5;font-size:12px;font-weight:700;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;padding:7px 10px;}
.gridData > table tbody .total td {text-align:center;background:#f5f5f5;font-size:12px;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;padding:7px 10px;}
.gridData > table tbody td.total {text-align:center;background:#f5f5f5;font-size:12px;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;padding:7px 10px;}
.gridData > table tfoot th{text-align:center;background:#f5f5f5;font-size:12px;font-weight:700;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;padding:7px 10px;}
.gridData > table tfoot td{text-align:center;background:#f5f5f5;font-size:12px;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;padding:7px 10px;}
.gridData > table .tblAccodian{display:none}

.gridData.ver2 > table tbody th{background:#f5f5f5;font-weight:700}
.gridData.ver3 > table tbody th{background:#fff;font-weight:700}
.gridData.ver4 > table tbody th{background:#dfeaff;font-weight:700;}
.gridData.ver4 > table tbody td{text-align:left;}
.gridData.ver4.lineRed > table tbody th{background:#fceceb;-webkit-print-color-adjust:exact;}
.gridData.ver4.lineRed > table,
.gridData.ver4.lineRed > table tbody th,
.gridData.ver4.lineRed > table tbody td {border-color:#ffa8a3}
.gridData.ver4.lineBlue > table tbody th{background:#dfeaff;-webkit-print-color-adjust:exact;}
.gridData.ver4.lineBlue > table,
.gridData.ver4.lineBlue > table tbody th,
.gridData.ver4.lineBlue > table tbody td {border-color:#689cff}

.gridData .panel-header, .gridData .panel-body{border:0;color:#000}
.gridData .datagrid-wrap{border:1px solid #c8c8c8;}
.gridData .datagrid-view table thead th{text-align:center;font-size:12px;font-weight:700;background:#dfeaff;border-top:1px solid #c8c8c8;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;padding:4px 10px;}
.gridData .datagrid-view table thead th:first-child{border-left:1px solid #c8c8c8}
.gridData .datagrid-view table tbody tr.datagrid-row-selected{background:#dfeaff;color:#000}
.gridData .datagrid-view table tbody td{position:relative;text-align:center;font-size:12px;background:#fff;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;background:#fff;color:#000;word-break: break-word;}
.gridData .datagrid-view table tbody tr:first-child td{border-top:0}
.gridData .datagrid-view table tbody td.step01{background:#f0f5ff;font-weight:700}
.gridData .datagrid-view table tbody td.step02{background:#f0f5ff;font-weight:700;padding-left:12px}
.gridData .datagrid-view table tbody td.step03{background:#f0f5ff;font-weight:400;padding-left:22px;}
.gridData .datagrid-view table tbody td.step04{background:#f0f5ff;font-weight:400;padding-left:32px;}
.gridData .datagrid-view table tbody td.linkText{font-weight:700;text-decoration:underline;cursor:pointer}
.gridData .datagrid-view table tbody td > div{line-height:normal;font-size:12px;opacity:1;overflow:hidden;}
.gridData .datagrid-view table tbody td.inpCell > div{padding-left:3px;padding-right:3px}
/* .gridData .datagrid-view .datagrid-body table tbody td > div{text-overflow: ellipsis;} */
.gridData .datagrid-view .datagrid-header{border:0;border-bottom:1px solid #c8c8c8;background:#dfeaff}
.gridData .datagrid-view .datagrid-header tr td{background:#dfeaff;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-top:0;border-left:0;font-weight:700;color:#000;height:100%;padding:7px 0;-webkit-print-color-adjust:exact;}
.gridData .datagrid-view .datagrid-header tr td.inpCell{padding:3px 0}
.gridData .datagrid-view .datagrid-header tr td > div{text-align:center !important;line-height:14px}
.gridData .datagrid-view .datagrid-header tr td .datagrid-cell-group{width:100% !important;font-size:12px;color:#000}
.gridData .datagrid-view .datagrid-header tr td span{font-size:12px;color:#000}
.gridData .datagrid-view .datagrid-header tr td .datagrid-sort .datagrid-sort-icon{background-image: url(../../images/common/datagrid_icons.png) }
.gridData .datagrid-view .datagrid-header tr td .checkboxWrap{vertical-align:middle;margin-left:8px;padding:8px 0;width:auto;top:-1px}
.gridData .datagrid-view .datagrid-header tr td .checkboxWrap .checkbox{padding-left:0}

.gridData .datagrid-view .datagrid-body{position:relative;background:#fff;margin-bottom:-1px}
.gridData .datagrid-view .datagrid-body table tbody tr.datagrid-row-selected td{background:#f0f5ff}
.gridData .datagrid-view .datagrid-body table tbody tr.datagrid-row-over td{background:#f0f5ff}
.gridData .datagrid-view .datagrid-row-detail table.datagrid-htable td:first-child{border-left:0}
.gridData .datagrid-view .datagrid-body table tbody td{padding-top:3px;padding-bottom:3px}
.gridData .datagrid-view .datagrid-body .datagrid-cell td{border:0 !important;padding:0}
.gridData .datagrid-view .datagrid-body .datagrid-cell .datagrid-editable-input{height: 22px;line-height: 22px;border: 1px solid #e4e4e4;border-radius: 0;padding: 0 10px;background: #fff;font-size: 12px;}

.gridData .datagrid-view .datagrid-row-detail{padding:5px}
.gridData .datagrid-view .datagrid-row-detail .datagrid-header{background:#f5f5f5 !important}
.gridData .datagrid-view .datagrid-row-detail .datagrid-header tr td{background:#f5f5f5 !important;padding:7px 0}
.gridData .datagrid-view .datagrid-row-detail .datagrid-body td{background:#fff !important}

.gridData .datagrid-view .datagrid-row-expand{background:url(../../images/common/btn_subgrid_off.png) no-repeat;}
.gridData .datagrid-view .datagrid-row-collapse{background:url(../../images/common/btn_subgrid_on.png) no-repeat;}
.gridData .datagrid-view td[field*='_expander'] div{padding:0 4px !important}

.datagrid-footer{overflow:inherit !important;zoom:1;}
.datagrid-footer:after{display:block;clear:both;content:''}
.gridData .datagrid-view .datagrid-footer{position:relative;overflow:initial;}
.gridData .datagrid-view .datagrid-footer:after{display:block;clear:both;content:''}
.gridData .datagrid-view .datagrid-footer .datagrid-footer-inner{position:relative;background:#f5f5f5;}
.gridData .datagrid-view .datagrid-footer .datagrid-footer-inner:before{display:block;content:'';position:absolute;top:-1px;left:0;right:-100%;height:1px;background:#c8c8c8;z-index:5}
.gridData .datagrid-view .datagrid-footer table tbody td{background:#f5f5f5;font-weight:700;-webkit-print-color-adjust:exact;}
.gridData .datagrid-view .datagrid-footer table tbody tr:last-child td{border-bottom:0}

.gridData .datagrid-header-rownumber,
.gridData .datagrid-cell-rownumber{width:35px}

.datagrid-header-row,
.datagrid-row{height:29px}
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{padding:0 10px;line-height:normal;height:auto}
.datagrid-body .datagrid-editable{padding:0 3px}

/* GridData 라인정리 */
.gridData .datagrid-view .datagrid-view2 .datagrid-body table tbody td:last-child{border-right:0}
.gridData .datagrid-view .datagrid-view2 .datagrid-body[style*='overflow-x'] table tbody td:last-child{border-right:1px solid #c8c8c8}

/* .gridData .datagrid-wrap{width:100% !important}
.gridData .datagrid-view{width:100% !important;}
.gridData .datagrid-view2{width:100% !important}
.gridData .datagrid-header{width:100% !important}
.gridData .datagrid-body{width:100% !important;}
.gridData .datagrid-footer{width:100% !important} */

.gridData .pagination-info{display:none}
.gridData .datagrid-pager{position:relative;background:#e9e9e9;padding:3px;margin-top:1px}
.gridData .datagrid-pager:after{display:block;clear:both}
.gridData .datagrid-pager:before{display:block;content:'';position:absolute;top:-2px;left:0;right:0;height:1px;background:#c8c8c8}
.gridData .datagrid-pager .l-btn{box-shadow:none}
.gridData .datagrid-pager .l-btn-focus{outline:none}
.gridData .datagrid-pager span{font-size:12px;line-height:21px;}
.gridData .datagrid-pager table{height:auto}
.gridData .datagrid-pager .pagination-links{padding:0 4px;font-size:0}
.gridData .datagrid-pager .pagination-links a{display:inline-block;vertical-align:top;margin-left:3px;background:#fff}
.gridData .datagrid-pager .pagination-links a:first-child{margin-left:0}
.gridData .datagrid-pager .pagination-links a .l-btn-left{height:22px;border:1px solid #e4e4e4;background:#fff;color:#000;}
.gridData .datagrid-pager .pagination-links a .l-btn-left .l-btn-text{min-width:22px;padding:0;line-height:21px}
.gridData .datagrid-pager .pagination-links .l-btn-selected .l-btn-left{border:1px solid #003298;background:#003298;color:#fff}
.gridData .datagrid-pager .pagination-links .l-btn-selected .l-btn-text{}
.gridData .datagrid-pager .pagination-page-list{margin:0;padding:0 8px;border:1px solid #e4e4e4;height:22px;width:78px}
.gridData .datagrid-pager .pagination-num{min-width:auto;width:43px;height:22px;line-height:22px;border:1px solid #e4e4e4;font-size:12px;margin:0;padding:0 10px;}
.gridData .datagrid-pager .pagination-btn-separator{border:0;margin:1px;height:auto;}
.gridData .datagrid-pager .pagination-before-page-text{margin-left:-6px}
.gridData .datagrid-pager .l-btn{border:0;border-radius:0}
.gridData .datagrid-pager .l-btn-plain{padding:0}
.gridData .datagrid-pager .l-btn .l-btn-empty{margin:0;width:22px;line-height:22px}
.gridData .datagrid-pager .l-btn .l-btn-icon{width:22px;height:22px;line-height:22px;margin-top:0;top:0;left:0;background-color:#fff;background-position:50%;border:1px solid #6195ff}
.gridData .datagrid-pager .l-btn .l-btn-icon.pagination-first{background-image:url(../../images/common/btn_pager_first.png);}
.gridData .datagrid-pager .l-btn .l-btn-icon.pagination-prev{background-image:url(../../images/common/btn_pager_prev.png);border-left:0}
.gridData .datagrid-pager .l-btn .l-btn-icon.pagination-next{background-image:url(../../images/common/btn_pager_next.png);border-right:0}
.gridData .datagrid-pager .l-btn .l-btn-icon.pagination-last{background-image:url(../../images/common/btn_pager_last.png)}
.gridData .datagrid-pager .l-btn .l-btn-icon.pagination-load{background-image:url(../../images/common/btn_pager_refresh.png);border-color:#939393}
.gridData .datagrid-pager .l-btn.l-btn-disabled{opacity:1}
.gridData .datagrid-pager .l-btn.l-btn-disabled .l-btn-icon{border-color:#939393}
.gridData .datagrid-pager .l-btn.l-btn-disabled .l-btn-icon.pagination-first{background-image:url(../../images/common/btn_pager_first_disabled.png);}
.gridData .datagrid-pager .l-btn.l-btn-disabled .l-btn-icon.pagination-prev{background-image:url(../../images/common/btn_pager_prev_disabled.png);}
.gridData .datagrid-pager .l-btn.l-btn-disabled .l-btn-icon.pagination-next{background-image:url(../../images/common/btn_pager_next_disabled.png);}
.gridData .datagrid-pager .l-btn.l-btn-disabled .l-btn-icon.pagination-last{background-image:url(../../images/common/btn_pager_last_disabled.png);}

.gridData .gridPager{background:#e9e9e9;padding:3px;text-align:right;border-left:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8;font-size:0}
.gridData .gridPager .selectboxWrap{display:inline-block;vertical-align:middle;width:78px}
.gridData .gridPager .pagerWrap{display:inline-block;vertical-align:middle;margin-left:8px}
.gridData .gridPager .pagerWrap .pager{display:inline-block;vertical-align:middle;font-size:0;}
.gridData .gridPager .pagerWrap .pager .btnPage{display:inline-block;vertical-align:middle;text-indent:-9999em;width:22px;height:22px;border:1px solid #a8a8a8;background:#fff;background-repeat:no-repeat;background-position:50%;background-size:22px;margin:0 -1px}
.gridData .gridPager .pagerWrap .pager .btnPage.first{background-image:url(../../images/common/btn_pager_first.png)}
.gridData .gridPager .pagerWrap .pager .btnPage.prev{background-image:url(../../images/common/btn_pager_prev.png)}
.gridData .gridPager .pagerWrap .pager .btnPage.next{border:1px solid #6195ff;background-image:url(../../images/common/btn_pager_next.png)}
.gridData .gridPager .pagerWrap .pager .btnPage.last{border:1px solid #6195ff;background-image:url(../../images/common/btn_pager_last.png)}
.gridData .gridPager .pagerWrap .pager .infoPager{display:inline-block;vertical-align:middle;margin:0 8px;}
.gridData .gridPager .pagerWrap .pager .infoPager .inpTextWrap{display:inline-block;vertical-align:middle;width:43px;}
.gridData .gridPager .pagerWrap .pager .infoPager .inpTextWrap input{min-width:auto}
.gridData .gridPager .pagerWrap .pager .infoPager .dash{display:inline-block;vertical-align:middle;font-size:12px;color:#010101;margin:0 3px 0 7px}
.gridData .gridPager .pagerWrap .pager .infoPager .total{display:inline-block;vertical-align:middle;font-size:12px;color:#010101}
.gridData .gridPager .pagerWrap .refresh{display:inline-block;vertical-align:middle;vertical-align:middle;text-indent:-9999em;width:22px;height:22px;border:1px solid #939393;background:#fff url(../../images/common/btn_pager_refresh.png) no-repeat 50%;background-size:22px;margin-left:6px;}

.gridData .datagrid-header-check,
.gridData .datagrid-cell-check{width:40px;height:16px}
.gridData .datagrid-header-check{height:auto}

.gridData.infoTel{margin-top:29px}
.gridData.infoTel table{border-top:1px solid #000;border-left:1px solid #000}
.gridData.infoTel table tbody tr{height:28px}
.gridData.infoTel table tbody td:last-child{border-right:1px solid #000}
.gridData.infoTel table tbody tr:last-child th{border-bottom:1px solid #000}
.gridData.infoTel table tbody tr:last-child td{border-bottom:1px solid #000}
.gridData.infoTel table tbody th{padding-top:3px;padding-bottom:3px}
.gridData.infoTel table tbody td{padding-top:3px;padding-bottom:3px}

body > .datagrid-cell-rownumber{top:-1000em}

/* paging */
.paging{position:relative;margin-top:15px;padding:0}
.paging:after{display:block;clear:both}
.paging .l-btn{box-shadow:none}
.paging .l-btn-focus{outline:none}
.paging span{font-size:12px;line-height:21px;}
.paging table{height:auto;float:none;margin:0 auto}
.paging .pagination-links{padding:0 4px;font-size:0}
.paging .pagination-links a{display:inline-block;vertical-align:top;margin-left:3px;background:#fff}
.paging .pagination-links a:first-child{margin-left:0}
.paging .pagination-links a .l-btn-left{height:22px;border:1px solid #e4e4e4;background:#fff;color:#000;}
.paging .pagination-links a .l-btn-left .l-btn-text{min-width:22px;padding:0;line-height:21px}
.paging .pagination-links .l-btn-selected .l-btn-left{border:1px solid #003298;background:#003298;color:#fff}
.paging .pagination-links .l-btn-selected .l-btn-text{}
.paging .pagination-page-list{margin:0;padding:0 8px;border:1px solid #e4e4e4;height:22px;width:78px}
.paging .pagination-num{min-width:auto;width:43px;height:22px;line-height:22px;border:1px solid #e4e4e4;font-size:12px;margin:0;padding:0 10px;}
.paging .pagination-btn-separator{border:0;margin:1px;height:auto;}
.paging .pagination-before-page-text{margin-left:-6px}
.paging .l-btn{border:0;border-radius:0}
.paging .l-btn-plain{padding:0}
.paging .l-btn .l-btn-empty{margin:0;width:22px;line-height:22px}
.paging .l-btn .l-btn-icon{width:22px;height:22px;line-height:22px;margin-top:0;top:0;left:0;background-color:#fff;background-position:50%;border:1px solid #6195ff}
.paging .l-btn .l-btn-icon.pagination-first{background-image:url(../../images/common/btn_pager_first.png);}
.paging .l-btn .l-btn-icon.pagination-prev{background-image:url(../../images/common/btn_pager_prev.png);border-left:0}
.paging .l-btn .l-btn-icon.pagination-next{background-image:url(../../images/common/btn_pager_next.png);border-right:0}
.paging .l-btn .l-btn-icon.pagination-last{background-image:url(../../images/common/btn_pager_last.png)}
.paging .l-btn .l-btn-icon.pagination-load{background-image:url(../../images/common/btn_pager_refresh.png);border-color:#939393}
.paging .l-btn.l-btn-disabled{opacity:1}
.paging .l-btn.l-btn-disabled .l-btn-icon{border-color:#939393}
.paging .l-btn.l-btn-disabled .l-btn-icon.pagination-first{background-image:url(../../images/common/btn_pager_first_disabled.png);}
.paging .l-btn.l-btn-disabled .l-btn-icon.pagination-prev{background-image:url(../../images/common/btn_pager_prev_disabled.png);}
.paging .l-btn.l-btn-disabled .l-btn-icon.pagination-next{background-image:url(../../images/common/btn_pager_next_disabled.png);}
.paging .l-btn.l-btn-disabled .l-btn-icon.pagination-last{background-image:url(../../images/common/btn_pager_last_disabled.png);}

/* gridForm */
.gridForm{position:relative;width:100%;margin-top:10px}
.gridForm:first-child{margin-top:0}
.gridForm table{width:100%;border-top:1px solid #c8c8c8;border-right:1px solid #c8c8c8}
.gridForm table tr{height:29px}
.gridForm table th{position:relative;background:#f5f5f5;text-align:center;font-size:12px;font-weight:700;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;padding:3px 10px;line-height:18px;white-space:nowrap;}
.gridForm table th .btnsSearch{display:block;position:absolute;top:50%;right:9px;margin-top:-8px;}
.gridForm table td{background:#fff;text-align:left;font-size:12px;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8;padding:3px;line-height:18px;vertical-align:middle}
.gridForm table td.value{padding-left:10px;padding-right:10px}
.gridForm table td .btns{height:22px;line-height:20px}
.gridForm table td > span.value{display:block;padding:0 10px}
.gridForm table td .strong{font-weight:700;}
.gridForm table td .linkText + .inputWrap{width:400px;margin-left:10px}

.gridForm.view table th{background:#fff}
.gridForm.view table td{background:#fff}
.gridForm.view table td .filebox .textbox-button{border:0;background:#282828;border:0;}
.gridForm.view table td .filebox .textbox-button .l-btn-text{color:#fff}

.gridForm + .btnArea{margin-top:7px}
.gridForm + .tabGroup{margin-top:20px}

/* boxShow */
.boxShow{position:relative;width:100%;background:#f5f5f5;border:1px solid #282728;padding-right:76px;}
.boxShow.noSearchBtn{padding-right:0}
.boxShow .btnSearch{position:relative;display:block;width:76px;position:absolute;right:-1px;top:0;bottom:0;cursor: pointer;background:#282728;text-align:left;padding-left:37px;border:0;box-shadow:none;border-radius:0}
.boxShow .btnSearch.l-btn-focus{outline:none}
.boxShow .btnSearch:before{display:block;content:'';width:15px;height:15px;background:url(../../images/common/bg_search.png) no-repeat;position:absolute;top:50%;left:15px;margin-top:-8px}
.boxShow .btnSearch span{position:relative;top:50%;margin-top:-7px;font-size:12px;font-weight:700;color:#fff}
.boxShow .btnSearch .l-btn-text{line-height:inherit;margin:0}
.boxShow .boxForm{position:relative;display:table;width:100%;border-top:1px solid #c8c8c8;table-layout:fixed;}
.boxShow .boxForm:first-child{border-top:0}
.boxShow .formList{width:100%;min-width:16.666%;min-height:28px;display:table-cell;vertical-align:top;margin-top:0;padding:3px;border-right:1px solid #c8c8c8;overflow:hidden}
.boxShow .formList:last-child{border-right:0}
.boxShow .formList dt{display:table-cell;vertical-align:top;height:100%;padding-left:9px;white-space:nowrap;}
.boxShow .formList dt span{display:table-cell;vertical-align:middle;}
.boxShow .formList dd{display:table-cell;vertical-align:top;width:100%;}
.boxShow .formList .radioWrap{vertical-align:middle;top:2px}
.boxShow .formList .checkboxWrap{vertical-align:middle;top:2px}
.boxShow .formList .boxHorizental .checkboxWrap,
.boxShow .formList .boxHorizental .radioWrap{top:0}
.boxShow .formList.half{width:150%}
.boxShow .formList.two{width:200%}
.boxShow .formList.three{width:300%}
.boxShow .btnArea{position:absolute;top:3px;right:2px}
.boxShow .btnArea .btns{margin-left:5px}
.boxShow .btnArea .btns:first-child{margin-left:0}

.boxShow .boxForm.default{table-layout:auto}
.boxShow .boxForm.default .formList{width:auto;display:inline-block;}

.boxShow + .gridData{margin-top:10px}

/* formList */
.formList{position:relative;display:inline-block;}
.formList dt{display:inline-block;vertical-align:middle;font-size:12px;font-weight:700;padding-right:9px;line-height:22px;}
.formList dd{display:inline-block;vertical-align:middle;min-height:22px;}

/* boxInfo */
.boxInfo{display:table;table-layout:fixed;width:100%;margin-top:10px}
.boxInfo.first{margin-top:0}
.boxInfo .item{display:table-cell;vertical-align:top;width:100%;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-top:1px solid #c8c8c8;background:#fff;padding:6px 10px}
.boxInfo .item:first-child{border-left:1px solid #c8c8c8}
.boxInfo .item strong{font-size:12px;font-weight:700;color:#000}
.boxInfo .item span{font-size:12px;color:#000}

.boxInfo.ver2 .item{position:relative;padding:12px 10px}
.boxInfo.ver2 .item dl{display:table;width:100%;line-height:20px}
.boxInfo.ver2 .item dt{position:relative;display:table-cell;vertical-align:top;padding-left:8px;font-size:12px;font-weight:700;width:88px}
.boxInfo.ver2 .item dt:before{display:block;content:'';width:3px;height:3px;background:#000;border-radius:50%;position:absolute;top:8px;left:0}
.boxInfo.ver2 .item dd{display:table-cell;vertical-align:top;font-size:12px;}
.boxInfo.ver2 .item dd span{display:inline-block;margin-left:5px}
.boxInfo.ver2 .item dd span:first-child{margin-left:0}

.boxInfo .item.status{padding-right:145px}
.boxInfo .item.status .statusBox{position:absolute;top:8px;right:10px;font-size:0;width:130px}
.boxInfo .item.status .sticker{display:inline-block;vertical-align:top;width:60px;height:17px;line-height:16px;border-radius:8px;text-align:center;margin:4px 4px 0 0}
.boxInfo .item.status .sticker em{font-size:12px;color:#fff;line-height:1}
.boxInfo .item.status .sticker.sticker01{background:#ff9100}
.boxInfo .item.status .sticker.sticker02{background:#f45858}
.boxInfo .item.status .sticker.sticker03{background:#19a3a3}
.boxInfo .item.status .sticker.sticker04{background:#06adef}
.boxInfo .item.status .sticker.sticker05{background:#f476d1}
.boxInfo .item.status .sticker.sticker06{background:#195bcb}
.boxInfo .item.status .sticker.sticker07{background:#5656e2}

.boxInfo.table{background:#fff;border:1px solid #c8c8c8;}
.boxInfo.table table{width:100%;table-layout:fixed}
.boxInfo.table table th{text-align:left;padding:0 10px;font-size:12px;font-weight:700;width:88px;line-height:20px;vertical-align:top;}
.boxInfo.table table th span{position:relative;display:inline-block;vertical-align:top;padding-left:8px}
.boxInfo.table table th span:before{display:block;content:'';width:3px;height:3px;background:#000;border-radius:50%;position:absolute;top:8px;left:0}
.boxInfo.table table td{text-align:left;font-size:12px;line-height:20px;vertical-align:top;}

.boxInfo.table table tr:first-child th{padding-top:12px}
.boxInfo.table table tr:first-child td{padding-top:12px}
.boxInfo.table table tr:last-child th{padding-bottom:12px}
.boxInfo.table table tr:last-child td{padding-bottom:12px}

.boxInfo + .tabGroup{margin-top:10px}

/* 캘린더 */
.calendarWrap{position:relative;width:100% !important;height:100% !important;margin-top:20px;border:1px solid #c8c8c8;background:#fff;padding:0;text-align:center;overflow:inherit}
.calendarWrap .calendar-header{display:inline-block;height:auto;background:#fff}
.calendarWrap .calendar-header .calendar-title{padding:24px 0;height:auto;line-height:normal}
.calendarWrap .calendar-header .calendar-title .calendar-text{font-size:20px;font-weight:700;color:#282728;line-height:1;height:auto;border-radius:0;padding:0;cursor:auto;background:#fff}
.calendarWrap .calendar-header .calendar-nav{width:22px;height:22px;background-repeat:no-repeat;background-position:0 0;border-radius:0;z-index:10;margin-top:-11px}
.calendarWrap .calendar-header .calendar-nav.calendar-prevmonth{background-image:url(../../images/common/btn_cal_prev.png);left:-44px;}
.calendarWrap .calendar-header .calendar-nav.calendar-nextmonth{background-image:url(../../images/common/btn_cal_next.png);right:-44px}
.calendarWrap .calendar-header .calendar-nav.calendar-prevyear{display:none}
.calendarWrap .calendar-header .calendar-nav.calendar-nextyear{display:none}
.calendarWrap .calendar-header .calendar-today-btnArea{position:absolute;top:50%;right:-115px;margin-top:-11px}
.calendarWrap .calendar-header .calendar-today-btnArea .calendar-today-btns{display:inline-block;width:63px;height:22px;line-height:22px;background:#80ab19;color:#fff;font-size:14px;font-weight:700;}
.calendarWrap .calendar-body{height:auto !important;text-align:left}
.calendarWrap .calendar-body thead th{font-size:14px;font-weight:700;color:#000;padding:10px 0;background:#f5f5f5;border-left:1px solid #c8c8c8;border-top:1px solid #c8c8c8;}
.calendarWrap .calendar-body thead th:first-child{border-left:0;color:#ff0000;background:#feeaea}
.calendarWrap .calendar-body thead th:last-child{color:#0373f9;background:#d9eaff}
.calendarWrap .calendar-body tbody td{position:relative;border-radius:0;font-size:14px;font-weight:700;color:#000;height:126px;padding:12px 12px 35px 12px;background:#fff;border:0;border-left:1px solid #c8c8c8;border-top:1px solid #c8c8c8;opacity:1;text-align:left;vertical-align:top}
.calendarWrap .calendar-body tbody td:first-child{border-left:0}
.calendarWrap .calendar-body tbody td.calendar-sunday{color:#ff0000}
.calendarWrap .calendar-body tbody td.calendar-saturday{color:#0373f9}
.calendarWrap .calendar-body tbody td.calendar-other-month{color:#a8a8a8}
.calendarWrap .calendar-body tbody td.calendar-today{background:#f4fcd3}
.calendarWrap .calendar-body tbody td.calendar-today .calendar_today_span{position:relative;top:-6px;display:inline-block;vertical-align:top;width:28px;height:28px;line-height:28px;border-radius:50%;text-align:center;font-size:14px;font-weight:700;color:#fff;background:#80ab19}
.calendarWrap .calendar-menu{display:none !important}
.calendarWrap .calendar-body tbody td .viewList{margin-top:14px;max-height:48px;overflow:hidden;}
.calendarWrap .calendar-body tbody td .viewList li{font-size:12px;color:#000;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendarWrap .calendar-body tbody td .more{position:absolute;right:10px;bottom:10px;font-size:12px;font-weight:700;line-height:1;color:rgba(40, 39, 40, 0.6)}
.calendarWrap .calendar-body tbody td .more em{color:#ff0000}
.calendarWrap .calendar-body tbody td .layerCalList{display:none;position:absolute;top:-1px;bottom:calc(-100% - 2px);left:-1px;right:calc(-100% - 2px);border:1px solid #666;padding:15px 12px;background:#fff;z-index:10;}
.calendarWrap .calendar-body tbody td .layerCalList:before{display:block;content:'';width:7px;height:7px;background:url(../../images/common/bg_cal_place.png) no-repeat;position:absolute;top:2px;left:2px}
.calendarWrap .calendar-body tbody td .layerCalList .list{max-height:208px;overflow-y:auto}
.calendarWrap .calendar-body tbody td .layerCalList .list li{font-size:12px;color:#000;line-height:16px}
.calendarWrap .calendar-body tbody td .layerCalList .btnCalClose{display:block;position:absolute;bottom:10px;right:10px;font-size:12px;font-weight:700;color:#000;padding-left:11px;background:url(../../images/common/bg_btn_cal_close.png) no-repeat 0 50%;}
.calendarWrap .calendar-body tbody td.calendar-today .viewList{margin-top:5px}
.calendarWrap .calendar-body tbody td.calendar-last .layerCalList{right:-1px;left:calc(-100% - 2px)}
.calendarWrap .calendar-body tbody td.calendar-last .layerCalList:before{left:auto;right:2px;transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.calendarWrap .calendar-body tbody tr.calendar-last td .layerCalList{bottom:-1px;top:calc(-100% - 2px);}

.calendarWrap.mini .calendar-body tbody td{height:80px;font-size:12px;padding:8px}
.calendarWrap.mini .calendar-body tbody td.calendar-today .calendar_today_span{width:22px;height:22px;line-height:22px;font-size:12px;top:-4px}
.calendarWrap.mini .calendar-body tbody td .viewList{margin-top:4px;max-height:45px}
.calendarWrap.mini .calendar-body tbody td .viewList li{font-size:11px;line-height:15px}
.calendarWrap.mini .calendar-body tbody td .more{font-size:11px;right:8px;bottom:8px}
.calendarWrap.mini .calendar-body tbody td .layerCalList{padding:12px;}
.calendarWrap.mini .calendar-body tbody td .layerCalList .list{max-height:120px}
.calendarWrap.mini .calendar-body tbody td .layerCalList .list li{font-size:11px;line-height:15px}
.calendarWrap.mini .calendar-body tbody td .layerCalList .btnCalClose{font-size:11px;bottom:8px;right:8px}
.calendarWrap.mini .calendar-body tbody td.calendar-today .viewList{margin-top:0}

.calendarWrap.ver2 .calendar-header .calendar-title{padding:13px 0}
.calendarWrap.ver2 .calendar-view-btns{display:block;text-indent:-9999em;width:16px;height:16px;position:absolute;top:12px;right:13px;background:url(../../images/common/btn_cal_view.png) no-repeat;}
.calendarWrap.ver2 .calendar-header .calendar-title .calendar-text{font-size:14px}
.calendarWrap.ver2 .calendar-header .calendar-nav.calendar-prevmonth{left:-35px}
.calendarWrap.ver2 .calendar-header .calendar-nav.calendar-nextmonth{right:-35px}
.calendarWrap.ver2 .calendar-body thead th{font-size:12px;background:#fff;padding:15px 0}
.calendarWrap.ver2 .calendar-body tbody td{height:43px;text-align:center;font-size:12px;font-weight:300;padding:14px 12px}
.calendarWrap.ver2 .calendar-body tbody td.calendar-today{background:#dfeaff}
.calendarWrap.ver2 .calendar-body tbody td .viewCount{position:absolute;top:0;right:0;width:18px;height:18px;line-height:16px;text-align:center;background:#a8a8a8;font-size:12px;font-weight:700;color:#fff}

.calendarWrap + .bulStar{margin-top:6px}

/* 레이어 팝업 */
.window{display:none;padding:0;border:0;border-radius:0;background:transparent}
.window-shadow{box-shadow:none;border-radius:0;background:transparent}
.window:after{display:block;content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);z-index:10;}
.window .window-header{position:relative;z-index:1000;background:#003298;border-radius:0;padding:11px 20px;border:0}
.window .window-header .panel-title{font-size:16px;font-weight:700;color:#fff;}
.window .window-header .panel-tool{right:20px;top:13px;margin-top:0;height:17px}
.window .window-header .panel-tool a{width:17px;height:17px;opacity:1;margin:0;background:url(../../images/common/btn_layer_close.png) no-repeat;border-radius:0}
.window .window-body{position:relative;z-index: 20;}
.window .dialog-button{position:relative;z-index: 20;padding:10px}
/* max-height:700px에서 800px로 수정 박연우[20201208] */
.window .layerPop{position:relative;z-index:1000;width:600px;max-height:800px;background:#fff;border-left:1px solid #003298;border-right:1px solid #003298;border-bottom:1px solid #003298;padding:20px 20px 0 20px}
.window .layerPop.mid{width:843px}
.window .layerPop.big{width:86%}
.window .layerPop.large{width:1152px !important;}
.window .layerPop .layerCont{padding-bottom:20px}
.window .messager-button .l-btn{outline:none !important;width:87px;height:27px;line-height:25px;background:#003298;color:#fff;font-size:12px;font-weight:700;border:0;border-radius:0;box-shadow:none}
.window .messager-button .l-btn:first-child{margin-left:0}
.window .messager-button .l-btn span{font-size:12px;line-height:25px}

.messager-window:after{display:none}
.window-mask{filter: alpha(opacity=30);opacity:0.3}
.messager-body{padding-top:20px}
.messager-body div[style*='clear'] + div{margin-left:42px}
.messager-icon{position:relative;top:-6px}

/* noticeList */
.noticeList{position:relative;border:1px solid #c8c8c8;margin-top:19px}
.noticeList.first{margin-top:0}
.noticeList .head{background:#0842b8;padding:5px 70px 5px 20px;border-bottom:1px solid #c8c8c8}
.noticeList .head strong{display:block;font-size:14px;font-weight:700;color:#fff;line-height:1;}
.noticeList .list{padding:7px 23px;background:#fff}
.noticeList .list li{position:relative;padding-left:13px;font-size:12px;color:#000;line-height:20px;}
.noticeList .list li:before{display:block;content:'';width:4px;height:4px;border-radius:50%;background:#003298;position:absolute;top:8px;left:0}
.noticeList .list li a{display:block;width:100%;white-space: nowrap;text-overflow: ellipsis;overflow:hidden}
.noticeList .more{font-size:12px;font-weight:700;color:rgba(255, 255, 255, 0.6);line-height:1;position:absolute;top:7px;right:15px}

/* typeApply */
.typeApply{display:table;width:100%;font-size:0}
.typeApply span{display:inline-block;vertical-align:top;font-size:12px;font-weight:700;padding:0 4px;height:17px;line-height:17px;text-align:center;color:#fff;border-radius:1px;margin-left:6px}
.typeApply span:first-child{margin-left:0}
.typeApply span.typeApply01{background:#003298}
.typeApply span.typeApply02{background:#5656e2}
.typeApply span.typeApply03{background:#19ae8c}
.typeApply span.typeApply04{background:#b4643c}
.typeApply span.typeApply05{background:#0fb4f1}
.typeApply span.typeApply06{background:#f476d1}
.typeApply span.typeApply07{background:#6195ff}
.typeApply span.typeApply08{background:#ffa733}
.typeApply span.typeApply09{background:#f45858}
.typeApply span.typeApply10{background:#b563ef}
.typeApply span.typeApply11{background:#d9d9d9;color:#000}
.typeApply span.typeApply12{background:#a52e37}
.typeApply span.typeApply13{background:#fac090;color:#000}
.typeApply span.typeApply14{background:#3484cc}
.typeApply span.typeApply15{background:#70ad47}
.typeApply span.typeApply16{background:#7500ea}
.typeApply span.typeApply17{background:#f19759}
.typeApply span.typeApply18{background:#803753}
.typeApply span.typeApply19{background:#7c7c7c}
.typeApply span.typeApply20{background:#ffc000}
.typeApply span.reqPdCd18{background:#b4643c}
.typeApply span.reqPdCd48{background:#5656e2}

/* typeGraph */
.typeGraph{display:table;width:100%;font-size:0}
.typeGraph span{position:relative;display:inline-block;vertical-align:top;font-size:12px;padding-left:16px;margin-left:16px;line-height:12px}
.typeGraph span:first-child{margin-left:0}
.typeGraph span:before{display:block;content:'';width:12px;height:12px;position:absolute;top:0;left:0;}
.typeGraph span.typeGraph01:before{background:#f45858}
.typeGraph span.typeGraph02:before{background:#003298}
.typeGraph span.typeGraph03:before{background:#6195ff}
.typeGraph span.typeGraph04:before{background:#ffa733}

/* replyBoxArea */
.replyBoxArea{margin-top:10px}
.replyBoxArea .tit{display:block;font-size:12px;font-weight:700;color:#000;line-height:1;margin-bottom:5px}
.replyBoxArea .replyBox .item{position:relative;background:#fff;border:1px solid #c8c8c8;border-top:0;padding:11px 20px}
.replyBoxArea .replyBox .item:first-child{border-top:1px solid #c8c8c8}
.replyBoxArea .replyBox .item .head{display:table;width:100%;font-size:0;margin-bottom:5px}
.replyBoxArea .replyBox .item .head span{position:relative;display:inline-block;vertical-align:top;font-size:12px;font-weight:700;color:#000;line-height:1;padding-left:8px;margin-left:8px}
.replyBoxArea .replyBox .item .head span:first-child{padding-left:0;margin-left:0}
.replyBoxArea .replyBox .item .head span:before{display:block;content:'';width:1px;height:8px;background:#c8c8c8;position:absolute;top:2px;left:0}
.replyBoxArea .replyBox .item .head span:first-child:before{display:none}
.replyBoxArea .replyBox .item .cont{font-size:12px;color:#000;line-height:18px;word-break: break-word;}
.replyBoxArea .replyBox .item .btnReplyDel{display:block;text-indent:-9999em;width:14px;height:14px;background:url(../../images/common/btn_reply_del.png) no-repeat;position:absolute;top:8px;right:9px}

.replyBoxArea .datagrid .panel-body,
.replyBoxArea .datagrid-header{border:0}
.replyBoxArea .datagrid-row td{background:#fff;border:1px solid #c8c8c8;border-top:0;}
.replyBoxArea .datagrid-row:first-child td{border-top:1px solid #c8c8c8}
.replyBoxArea .datagrid-row td > div{position:relative;padding:11px 20px;line-height:inherit}
.replyBoxArea .datagrid-row td .head{display:table;width:100%;font-size:0;margin-bottom:5px}
.replyBoxArea .datagrid-row td .head span{position:relative;display:inline-block;vertical-align:top;font-size:12px;font-weight:700;color:#000;line-height:1;padding-left:8px;margin-left:8px}
.replyBoxArea .datagrid-row td .head span:first-child{padding-left:0;margin-left:0}
.replyBoxArea .datagrid-row td .head span:before{display:block;content:'';width:1px;height:8px;background:#c8c8c8;position:absolute;top:2px;left:0}
.replyBoxArea .datagrid-row td .head span:first-child:before{display:none}
.replyBoxArea .datagrid-row td .cont{font-size:12px;color:#000;line-height:18px;word-break: break-word;}
.replyBoxArea .datagrid-row td .btnReplyDel{display:block;text-indent:-9999em;width:14px;height:14px;background:url(../../images/common/btn_reply_del.png) no-repeat;position:absolute;top:8px;right:9px}

/* boxMsg */
.boxMsg{border:1px solid #c8c8c8;background:#fff;}
.boxMsg .head{position:relative;padding:7px 145px 7px 17px}
.boxMsg .head .tit{display:block;font-size:12px;font-weight:700;line-height:1;}
.boxMsg .head .tit em{display:inline-block;color:#fe0000;margin-right:3px}
.boxMsg .head .date{position:absolute;top:6px;right:13px;font-size:0;line-height:1}
.boxMsg .head .date span{display:inline-block;vertical-align:top;font-size:12px;margin-left:8px}
.boxMsg .head .date span:first-child{margin-left:0}
.boxMsg .cont{border-top:1px solid #c8c8c8;padding:18px;line-height:20px;font-size:12px;word-break: break-word;min-height:77px}

/* boxStatus */
.boxStatus{display:table;width:100%;table-layout:fixed;background:#fff}
.boxStatus .item{display:table-cell;vertical-align:top;width:100%;border:1px solid #c8c8c8;text-align:center;padding:20px 23px 28px 23px;}
.boxStatus .item:first-child{border-right:none}
.boxStatus .item strong{display:inline-block;vertical-align:top;font-size:12px;line-height:1;padding-bottom:4px;border-bottom:1px solid #282728;}
.boxStatus .item .count{margin-top:14px;font-size:16px;font-weight:700;line-height:1;}
.boxStatus .item .count span{font-size:24px;font-weight:700}

/* tblGraph */
.tblGraph{border-top:1px solid #c8c8c8}
.tblGraph .trGraph{display:table;width:100%;background:#fff;border-bottom:1px solid #c8c8c8;}
.tblGraph .trGraph .cell{position:relative;display:table-cell;vertical-align:top;height:26px;font-size:0}
.tblGraph .trGraph .cell.name{width:98px;border-left:1px solid #c8c8c8;font-size:12px;padding:6px 9px}
.tblGraph .trGraph .allCell{display:table;vertical-align:top;width:100%;table-layout:fixed}
.tblGraph .trGraph .allCell .cell{width:100%}
.tblGraph .trGraph .allCell .cell:first-child:before{display:block;content:'';width:1px;height:100%;background:#c8c8c8;position:absolute;top:0;left:0;bottom:0}
.tblGraph .trGraph .allCell .cell:after{display:block;content:'';width:1px;height:100%;background:#c8c8c8;position:absolute;top:0;right:0;bottom:0}
.tblGraph .trGraph span{position:relative;top:11px;display:inline-block;vertical-align:top;height:4px;text-indent:-9999em;z-index:10}
.tblGraph .trGraph span.gp01{background:#f45858}
.tblGraph .trGraph span.gp02{background:#003298}
.tblGraph .trGraph span.gp03{background:#6195ff}
.tblGraph .trGraph span.gp04{background:#ffa733}
.tblGraph .trPoint{display:table;width:100%;table-layout:fixed;padding-top:9px}
.tblGraph .trPoint .point{position:relative;display:table-cell;vertical-align:top;width:100%;text-align:right;font-size:12px;line-height:1;left:3px}
.tblGraph .trPoint .point:first-child{width:98px}

/* searchValue */
.searchValue{position:relative;padding-right:35px}
.searchValue .value{width:100%;font-size:12px;text-align:left}
.searchValue .btnsSearch{position:absolute;top:0;right:0}

/* boxAddDel */
.boxAddDel{position:relative;display:table;width:100%;font-size:0;table-layout:fixed;}
.boxAddDel .box{display:inline-block;vertical-align:top;border:1px solid #e4e4e4;overflow-y:auto;height:122px;background:#fff;font-size:12px;width:100%;text-align:left;padding:5px}
.boxAddDel .box a{display:block;font-size:12px;line-height:16px;padding:3px}
.boxAddDel .box a.on{background:#003298;color:#fff}
.boxAddDel .btnArea{display:table-cell;vertical-align:middle;width:63px;}
.boxAddDel .btnArea .btns{width:53px;margin:0;margin-top:5px}
.boxAddDel .btnArea .btns:first-child{margin-top:0}

.boxAddDel.ver02 .box{height:350px}

/* noData */
.noData{text-align:center;margin:25px 0;}

/* calDateWrap */
.calDateWrap{display:table;width:100%;margin:-4px 0}
.calDateWrap a{display:inline-block;vertical-align:middle;box-shadow:none;border-radius:0;border:0}
.calDateWrap a.btnDatePrev{text-indent:-9999em;width: 22px;height: 22px;background:url(../../images/common/btn_cal_prev.png) no-repeat;}
.calDateWrap a.btnDateNext{text-indent:-9999em;width: 22px;height: 22px;background:url(../../images/common/btn_cal_next.png) no-repeat;}
.calDateWrap a.l-btn-focus{outline:none}
.calDateWrap a:hover{border:0}
.calDateWrap a .l-btn-left{display:inline}
.calDateWrap .date{display:inline-block;vertical-align:middle;margin:0 20px}

/* treeStruct */
.treeStruct{margin-top:20px;}
.treeStruct.first{margin-top:0}
.treeStruct .head{background:#0842b8;font-size:14px;font-weight:700;color:#fff;padding:4px 20px;}
.treeStruct .cont{border:1px solid #c8c8c8;border-top:0}
.treeStruct .cont div{border-top:1px solid #c8c8c8}
.treeStruct .cont .easyui-tree > li > div{background:#fff !important}
.treeStruct .cont .easyui-tree > li > ul > li > div{background:#f0f5ff !important}
.treeStruct .cont .easyui-tree > li > ul > li > ul > li > div{background:#f9f9f9 !important}
.treeStruct .tree-title{font-size:12px;font-weight:700;line-height:15px}
.treeStruct .tree-folder{display:none}
.treeStruct .tree-file{display:none}
.treeStruct .tree-expanded,
.treeStruct .tree-collapsed,
.treeStruct .tree-folder,
.treeStruct .tree-file,
.treeStruct .tree-checkbox,
.treeStruct .tree-indent{width:28px}
.treeStruct .tree-checkbox0{background: url(../../images/common/bg_chk_default.png) no-repeat;width:16px}
.treeStruct .tree-checkbox1,
.treeStruct .tree-checkbox2{background: url(../../images/common/bg_chk_checked.png) no-repeat;width:16px}
.treeStruct .tree-collapsed{background:url(../../images/common/ico_tree_collapsed.png) no-repeat 50%;}
.treeStruct .tree-expanded{background:url(../../images/common/ico_tree_expanded.png) no-repeat 50%;}
.treeStruct .tree-node-selected{background:transparent;color:#000}

.treeStruct .datagrid-wrap{border:1px solid #c8c8c8;}
.treeStruct .datagrid-view table thead th{text-align:center;font-size:12px;font-weight:700;background:#dfeaff;border-top:1px solid #c8c8c8;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;padding:4px 10px;}
.treeStruct .datagrid-view table thead th:first-child{border-left:1px solid #c8c8c8}
.treeStruct .datagrid-view table tbody tr.datagrid-row-selected{background:#dfeaff;color:#000}
.treeStruct .datagrid-view table tbody td{position:relative;text-align:center;font-size:12px;background:#fff;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;background:#fff;color:#000;word-break: break-word;}
.treeStruct .datagrid-view table tbody tr:first-child td{border-top:0}
.treeStruct .datagrid-view table tbody td > div{line-height:normal;font-size:12px;opacity:1;overflow:hidden;}
.treeStruct .datagrid-view .datagrid-header{border:0;border-bottom:1px solid #c8c8c8;background:#dfeaff}
.treeStruct .datagrid-view .datagrid-header tr td{background:#dfeaff;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-top:0;border-left:0;font-weight:700;color:#000;height:100%;padding:7px 0;-webkit-print-color-adjust:exact;}
.treeStruct .datagrid-view .datagrid-header tr td > div{text-align:center !important;line-height:14px;padding:0}
.treeStruct .datagrid-view .datagrid-header tr td .datagrid-cell-group{width:100% !important;font-size:12px;color:#000}
.treeStruct .datagrid-view .datagrid-header tr td span{font-size:12px;color:#000}

.treeStruct .datagrid-view .datagrid-body{position:relative;background:#fff;margin-bottom:-1px}
.treeStruct .datagrid-view .datagrid-body table tbody tr.datagrid-row-selected td{background:#f0f5ff}
.treeStruct .datagrid-view .datagrid-body table tbody tr.datagrid-row-over td{background:#f0f5ff}
.treeStruct .datagrid-view .datagrid-row-detail table.datagrid-htable td:first-child{border-left:0}
.treeStruct .datagrid-view .datagrid-body .datagrid-cell td{border:0 !important;padding:0}
.treeStruct .datagrid-view .tree-expanded,
.treeStruct .datagrid-view .tree-collapsed,
.treeStruct .datagrid-view .tree-folder,
.treeStruct .datagrid-view .tree-file,
.treeStruct .datagrid-view .tree-checkbox,
.treeStruct .datagrid-view .tree-indent{width:20px}
.treeStruct .datagrid-view .tree-indent{width:10px}

.gridData .tree-node{margin-top:-3px;margin-bottom:-3px}
.gridData .datagrid-view .datagrid-body .treegrid-tr-tree td{padding-top:0;padding-bottom:0}
.gridData .treegrid-tr-tree .tree-node{margin-top:0;margin-bottom:0}
.gridData .tree-title{font-size:12px;font-weight:700;line-height:15px}
.gridData .tree-folder{display:none}
.gridData .tree-file{display:none}
.gridData .tree-expanded,
.gridData .tree-collapsed,
.gridData .tree-folder,
.gridData .tree-file,
.gridData .tree-checkbox,
.gridData .tree-indent{width:28px}
.gridData .tree-checkbox0{background: url(../../images/common/bg_chk_default.png) no-repeat;width:16px}
.gridData .tree-checkbox1,
.gridData .tree-checkbox2{background: url(../../images/common/bg_chk_checked.png) no-repeat;width:16px}
.gridData .tree-collapsed{background:url(../../images/common/ico_tree_collapsed.png) no-repeat 50%;}
.gridData .tree-expanded{background:url(../../images/common/ico_tree_expanded.png) no-repeat 50%;}
.gridData .tree-node-selected{background:transparent;color:#000}

.gridData .datagrid-view .tree-expanded,
.gridData .datagrid-view .tree-collapsed,
.gridData .datagrid-view .tree-folder,
.gridData .datagrid-view .tree-file,
.gridData .datagrid-view .tree-checkbox,
.gridData .datagrid-view .tree-indent{width:20px}
.gridData .datagrid-view .tree-indent{width:10px}

/* tooltipWrap */
.tooltipWrap{display:inline-block;vertical-align:middle;}
.tooltipWrap .toolTipBx{display:inline-block;vertical-align:middle;text-indent:-9999em;width:19px;height:19px;background:url(../../images/common/ico_tooltip.png) no-repeat}
.tooltipWrap .label{display:inline-block;vertical-align:middle;font-size:12px;margin-left:5px}

.tooltip{background:#fff !important;border-radius:0;border:1px solid #003298 !important;padding:5px 17px;/* transform: translateY(50%);-webkit-transform: translateY(50%); */max-width:600px;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.3)}
.tooltip.tooltip-left{box-shadow:-5px 5px 5px rgba(0, 0, 0, 0.3)}
.tooltip .tooltip-arrow-outer,
.tooltip .tooltip-arrow{display:none}
.tooltip .tooltip-content{font-size:14px;padding:10px 0}
.tooltip .tooltip-content .listStyle01{padding:5px 0}

.tooltip.tooltip-right:before{display:block;content:'';width:12px;height:23px;background:url(../../images/common/bg_tooltip.png) no-repeat;position:absolute;top:50%;left:-12px;transform:translateY(-50%);}
.tooltip.tooltip-left:before{display:block;content:'';width:12px;height:23px;background:url(../../images/common/bg_tooltip.png) no-repeat;position:absolute;top:50%;right:-12px;transform:translateY(-50%) scaleX(-1);}

/* boxContWrap */
.boxContWrap{padding:0 15px 20px 15px; border:1px solid #c8c8c8;background:#fff;margin-top:20px}
.boxContWrap.noBg{background:transparent}
.boxContWrap > .noData:only-child {margin:25px 0 5px;}

/* boxSeparate */
.boxSeparate{padding:8px 9px;background:#fff;border:1px solid #d5d5d5;margin-top:9px}
.boxSeparate.first{margin-top:0}

/* addressArea */
.addressArea .msgBox{padding-bottom:12px}
.addressArea .msgBox p{font-size:12px;line-height:16px}
.addressArea .msgBox p.exp{font-weight:700;margin-bottom:5px}
.addressArea .searchBox .boxHorizental > span{padding-left:4px}
.addressArea .searchBox .boxHorizental > span:first-child{padding-left:0}
.addressArea .searchBox .inputWrap{width:100%}
.addressArea .searchBox .inputWrap:not(.textarea) .textbox{height:28px !important}
.addressArea .searchBox .textbox input.textbox-text{height:28px !important}
.addressArea .searchBox .btns.find{background:#282728;font-size:0;width:89px;height:28px;line-height:26px;border:0}
.addressArea .searchBox .btns.find:before{display:inline-block;vertical-align:middle;content:'';margin-right:5px;width:15px;height:15px;background:url(../../images/common/btn_addr_find.png) no-repeat}
.addressArea .searchBox .btns.find span{display:inline-block;vertical-align:middle;color:#fff;height:100%}
.addressArea .topTitle .tit{display:block;font-size:14px;font-weight:700;color:#000;line-height:1}
.addressArea .addList .item{margin-top:5px;}
.addressArea .addList .item:first-child{margin-top:0}
.addressArea .addList .item button{position:relative;display:block;width:100%;border:1px solid #dfdfdf;outline:0;padding:12px 75px 12px 15px;text-align:left}
.addressArea .addList .item span{display:block;font-size:12px;color:#282728}
.addressArea .addList .item span.address{font-weight:700;line-height:18px}
.addressArea .addList .item span.address.lot{font-weight:400;}
.addressArea .addList .item span.zip{font-weight:400;line-height:1;position:absolute;right:20px;bottom:15px}
.addressArea .addList .item button:hover{border:2px solid #003298;padding:11px 74px 11px 14px;}
.addressArea .addList .item button:hover span.zip{right:19px;bottom:14px}

.addressArea .addrDetail dl{border:1px solid #d5d2c9;padding:12px 19px 15px 19px}
.addressArea .addrDetail dl dt{font-size:12px;font-weight:700;color:#282728;line-height:1;}
.addressArea .addrDetail dl dd{font-size:12px;color:#282728;margin-top:6px}
.addressArea .addrDetail dl dd .boxHorizental{padding-top:2px}
.addressArea .addrDetail .btnArea{margin-top:10px}
.addressArea .addrDetail .btnArea .btns{height:33px;line-height:32px}

/* spinBox */
.spinBox {position:relative; min-height:28px;}
.spinBox .btnWrap {position:absolute; right:0; top:0;}
.spinBox .btn {background:url(../../images/common/btn_spin_box.png) no-repeat;width:14px;height:14px;display:block;}
.spinBox .btn.up {background-position:0 0;}
.spinBox .btn.down {background-position:0 -15px;}

/* progressbar */
.progressbarWrap {font-size:0;text-align:left;}
.progressbarWrap.danger .progressbar .item {background:#ffa733;}
.progressbarWrap.danger .value {color:#ff0000;}
.progressbar {overflow:visible;border:0;border-radius:0;display:inline-block;}
.progressbar .bar {height:8px;width:100%;background:#e4e4e4;border:0;border-radius:0;}
.progressbar .item {height:8px;background:#437df3;position:absolute;left:0;top:0;}
.progressbarWrap .value {display:inline-block;width:40%;font-size:12px;padding-left:3px;}

.statementTop {color:#000000; margin-top:-30px;border-bottom:3px solid #000000; text-align:center; padding-bottom:10px;}
.statementTop .title {font-size:32px;font-weight:700;}
.statementTop .desc {font-size:14px;padding-top:4px;}

/* guideBox */
.guideBox{border:1px solid #ddd;background:#fefefe;padding:15px;margin-top:15px;border-radius:5px}
.guideBox .listGuide > li{position:relative;font-size:13px;padding-left:8px;line-height:18px}
.guideBox .listGuide > li:before{display:block;content:'';width:2px;height:2px;border-radius:50%;background:#000;position:absolute;top:8px;left:0}

/* graphArea */
.graphArea .graphLegend{font-size:0;text-align:center;border:1px solid #c8c8c8;border-radius:3px;padding:6px 20px;margin:0 auto 30px auto;width:450px}
.graphArea .graphLegend span{position:relative;font-size:13px;display:inline-block;vertical-align:top;padding:0 15px;line-height:17px}
.graphArea .graphLegend span:before{display:inline-block;vertical-align:top;content:'/';font-size:13px;position:absolute;top:0;left:0}
.graphArea .graphLegend span:first-child:before{display:none}

/* graphBalWrap */
.graphBalWrap{display:table;width:100%;table-layout:fixed;margin-top:20px}
.graphBalWrap.first{margin-top:0}
.graphBalWrap .graphCol{background:#fff;display:table-cell;vertical-align:top;width:100%;text-align:center}
.graphBalWrap .graphCol .graphBox{border-left:0}
.graphBalWrap .graphCol:first-child .graphBox{border-left:1px solid #c8c8c8}

/*  graphBox */
.graphBox{position:relative;border:1px solid #c8c8c8;padding:30px 45px;text-align:left;background:#fff}

/* infoMember */
.infoMember{background:#fff;border:1px solid #d5d5d5;padding:23px 19px}
.infoMember .head{position:relative;padding-bottom:10px;border-bottom:1px solid #c9c9c9}
.infoMember .head:after{display:block;clear:both;content:'';}
.infoMember .head .nameArea{float:left;font-size:18px;color:#000;}
.infoMember .head .nameArea .name{display:inline-block;font-weight:700;}
.infoMember .head .btnArea{float:right}
.infoMember .head .btnArea .btns{width:107px;}
.infoMember .cont{padding-top:10px}
.infoMember .cont dl{margin-top:10px}
.infoMember .cont dl:first-child{margin-top:0}
.infoMember .cont dt{position:relative;display:block;font-size:12px;font-weight:700;padding-left:5px;line-height:1;margin-bottom:10px}
.infoMember .cont dt:before{display:block;content:'';width:3px;height:2px;background:#111;border-radius:50%;position:absolute;top:4px;left:0}
.infoMember .cont .btnArea{margin-left:-2px;margin-right:-2px;text-align:left}
.infoMember .cont .btnArea .btns{width:25%;margin:-1px;background:#f9f9f9}
.infoMember .cont .btnArea .btns span{color:#808080}
.infoMember .cont .btnArea .btns.l-btn-selected{background:#00b3c8;border:1px solid #00b3c8}
.infoMember .cont .btnArea .btns.l-btn-selected span{color:#fff}

/* errorPage */
.errorWrap{width:100%;height:calc(100vh - 50px);padding-bottom:50px}
.errorPage{position:relative;top:50%;width:890px;height:485px;background:#fff;margin:-242px auto 0 auto;text-align:center;overflow:hidden;padding:0 30px}
.errorPage .img{margin-top:95px;}
.errorPage dl{padding-top:25px}
.errorPage dt{font-size:28px;font-weight:700;color:#282728;line-height:1}
.errorPage dd{font-size:20px;color:#282728;line-height:1;margin-top:9px}
.errorPage .btnArea{margin-top:30px}
.errorPage .btnArea .btns{width:78px}

.errorWrap.logout dt{line-height:1.2}
.errorWrap.logout dd{font-size:16px;line-height:26px}

/* boxConsult */
.boxDefault{position:relative;border:1px solid #c8c8c8;padding:6px 7px;height:36px;}
.boxDefault .rightPos{position:absolute;top:6px;right:7px}
.boxDefault .btnArea .btns{margin-left:9px}
.boxDefault .btnArea .btns:first-child{margin-left:0}

/* consultList */
.consultList{position:relative;display:table;width:100%;font-size:0;padding-right:110px}
.consultList dt{display:inline-block;vertical-align:middle;font-size:14px;font-weight:700;color:#282728;padding-right:35px;padding-left:7px}
.consultList dd{display:inline-block;vertical-align:middle}
.consultList dd .btnArea .btns{background:#e4e4e4;border:0;border-radius:2px;line-height:22px}
.consultList dd .btnArea .btns span{color:#010101;font-weight:700}
.consultList dd .btnArea .btns.l-btn-selected{background:#ff5da2;}
.consultList dd .btnArea .btns.l-btn-selected span{color:#fff}

/* callInfoList */
.callInfoList{position:relative;display:table;width:100%;font-size:0;padding-right:355px}
.callInfoList dt{display:inline-block;vertical-align:middle;padding-right:6px}
.callInfoList dd{position:relative;display:inline-block;vertical-align:middle;padding-right:30px}
.callInfoList dd:after{display:block;content:'';width:1px;height:18px;background:#e7e7e7;position:absolute;top:50%;right:0;margin-top:-9px}
.callInfoList dd .inputWrap.textBoxWrap{width:185px;margin-right:9px}
.callInfoList dd .btnTel{display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(../../images/common/btn_tel.png) no-repeat;margin-left:6px;margin-top:-2px;margin-bottom:-2px}
.callInfoList dd .btnLinsten.txt{position:relative;display:inline-block;vertical-align:middle;text-indent:0;font-size:12px;padding-left:32px;line-height:22px;height:22px;margin-left:6px}
.callInfoList dd .btnLinsten.txt:before{display:block;content:'';position:absolute;top:-2px;left:0;width:26px;height:26px;background:url(../../images/common/btn_listen.png) no-repeat;}

/* 자동로그아웃  */
.logoutBox{margin-top:10px;background:#f3f3f3;text-align:center;padding:20px}
.logoutBox .logoutMsg{font-size:14px;font-weight:100;color:#282728}
.logoutBox .logoutMsg:before{display:inline-block;vertical-align:middle;content:'';width:23px;height:23px;background:url(../../images/common/ico_logout.png) no-repeat;margin-right:7px}
.logoutBox .logoutMsg em{font-weight:700;}