@charset "utf-8";

/* 말줄임 박스 */
.ellipse-box{position:relative;border-top:3px solid #043353;}
.ellipse-list{border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;}
.ellipse-list > li{position:relative;overflow:hidden;padding:12px 18px;box-sizing:border-box;border-bottom:1px solid #cfcfcf;} 
.ellipse-list > li.on{/*height:auto;padding-bottom:62px;*/}
.ellipse-list > li .recording-box{clear:both;height:42px;margin:0 -18px -12px;padding:0 20px;box-sizing:border-box;text-align:right;background:#f4f5fd;}
.ellipse-list > li .recording-box dl{display:inline-block;margin-top:11px;font-size:0;}
.ellipse-list > li .recording-box dl dt, .ellipse-list > li .recording-box dl dd{display:inline-block;font-size:13px;color:#333;vertical-align:middle;}
.ellipse-list > li .recording-box dl dd{margin:0 0 0 13px;}
.ellipse-list > li .recording-box dl dd span{/*vertical-align:top;*/}
.ellipse-list > li .recording-box dl.flL + dl.flL{margin-left:15px;}
.ellipse-list > li .recording-box dl.flL + dl.flL:before{content:"";display:inline-block;width:1px;height:14px;margin-right:15px;background-color:#999;vertical-align:middle;}
.ellipse-list > li.on .recording-box{display:block;}
.ellipse-list > li .recording-call{display:inline-block;position:absolute;bottom:17px;left:20px;font-size:0;}
.ellipse-list > li .recording-call > li{display:inline-block;position:relative;line-height:16px;margin:0 7px 0 0;padding:0 10px 0 0;font-size:14px;}
.ellipse-list > li .recording-call > li:before{content:"";display:inline-block;position:absolute;bottom:0;right:0;width:1px;height:14px;background:#8186ab;}
.ellipse-list > li .recording-call > li:last-of-type{padding:0;margin:0;}
.ellipse-list > li .recording-call > li:last-of-type:before{display:none;}
.ellipse-list > li .recording-call > li span{display:inline-block;vertical-align:top;}
.ellipse-list > li .ellipse-txt{position:relative;overflow:hidden;float:left;width:892px;line-height:24px;padding:0 0 12px 10px;text-overflow:ellipsis;white-space:nowrap;color:#333; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ellipse-list > li .ellipse-txt strong{position:relative;margin-right:7px;padding-left:7px;font-family:NanumGothicBold; color:#09AEEC;}
.ellipse-list > li .ellipse-txt strong:before{content:"";display:inline-block;position:absolute;top:7px;left:0;width:2px;height:2px;background:#09aeec;}
.ellipse-list > li .ellipse-txt strong + strong{margin-left:20px;}
.ellipse-list > li.on .ellipse-txt{overflow:visible;text-overflow:inherit;white-space:normal;}
.ellipse-list > li .ellipse-date{float:right;width:150px;line-height:24px;box-sizing:border-box;text-align:center;}
.ellipse-list > li .ellipse-date:before{content:"";display:inline-block;position:absolute;top:0;right:170px;bottom:42px;width:1px;background:#cfcfcf;}
.ellipse-list > li .btn-toggle-self{position:absolute;top:0;right:0;bottom:0;width:170px;font-size:0;}
.ellipse-list > li .btn-toggle-self:before{content:"▼";display:inline-block;position:absolute;top:15px;right:15px;line-height:15px;font-size:15px;color:#ff9b32;}
.ellipse-list > li.on .btn-toggle-self:before{content:"▲";}

/* 말줄임 table */
.ellipse-table{position:relative;}
.ellipse-table tbody tr td{position:relative;}
.ellipse-table tbody tr td .ellipse-txt{overflow:hidden;height:21px;padding-right:60px;padding-left:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;}
.ellipse-table tbody tr.on td .ellipse-txt{height:auto;white-space:normal;}
.ellipse-table tbody tr td .btn-toggle-self{display:block;/*position:absolute;*/top:0;right:0;bottom:0;width:100%;font-size:0;}
.ellipse-table tbody tr td .btn-toggle-self:before{content:"▼";display:inline-block;position:absolute;top:17px;right:15px;line-height:15px;font-size:15px;color:#ff9b32;}
.ellipse-table tbody tr.on td .btn-toggle-self:before{content:"▲";/*right:40px;*/}
.ellipse-table tbody tr td .btn-del{display:none;position:absolute;top:17px;right:25px;width:18px;height:17px;margin:0 10px 10px 0;padding-left:12px;font-size:0;background: url(../images/icon/icon-answer-del.png) no-repeat 0 0 / cover;}
.ellipse-table tbody tr.on td .btn-del{display:block;}

/* 아코디언 */
.accordion-box{position:relative;}
.accordion-box .btn-toggle-all{display:block;width:100%;text-align:right;}
.accordion-box .btn-toggle-all:before{content:"+";display:inline-block;}
.accordion-box .btn-toggle-all.on:before{content:"-";}
.accordion-list li{position:relative;border-bottom:1px solid #ddd;}
.accordion-list li:first-of-type{border-top:1px solid #ddd;}
.accordion-list li .accordion-tit{padding:20px 0;}
.accordion-list li .accordion-txt{display:none;}
.accordion-list li.on .accordion-txt{display:block;padding:20px;}
.accordion-list li .btn-toggle-self{position:absolute;top:20px;right:0;background:#f0f0f0;}
.accordion-list li .btn-toggle-self:before{content:"+";display:inline-block;}
.accordion-list li.on .btn-toggle-self:before{content:"-";}

/* 탭 default */
.tab-box{position:relative;}
.tab-box .tab-list{position:relative;overflow:hidden;}
.tab-box .tab-list li{float:left;}
.tab-content .tab-info{display:none;}
.tab-content .tab-info.on{display:block;}
/* 탭 type-1 */
.tab-box.tab-type-1 .tab-list.hasBd:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#d7d7d7;}
.tab-box.tab-type-1 .tab-list.hasBd li.on button:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#043353;}
.tab-box.tab-type-1 .tab-list li{position:relative;min-width:140px;margin-left:-2px;}
.tab-box.tab-type-1 .tab-list li:first-of-type{margin-left:0;}
.tab-box.tab-type-1 .tab-list li button{width:100%;padding:10px;font-size:16px;box-sizing:border-box;border:2px solid #d7d7d7;color:#666;background:#fff;}
.tab-box.tab-type-1 .tab-list li.on button{font-family:'NanumGothicBold';color:#fff;border-color:#043353;background:#043353;}
/* 탭 type-2 */
.tab-box.tab-type-2 .tab-list{padding:0 0 1px;border-bottom:1px solid #043353;}
.tab-box.tab-type-2 .tab-list li{overflow:hidden;border-radius:4px 4px 0 0;}
.tab-box.tab-type-2 .tab-list li button{width:110px;height:40px;line-height:17px;margin:0 1px 0 0;font-size:15px;color:#fff;background:#92b3ca;}
.tab-box.tab-type-2 .tab-list li button:disabled{background:#c7c7c7;}
.tab-box.tab-type-2 .tab-list li.on button{background:#043353;}

/* 탭 type-radio */
.tab-box.tab-radio .tab-list li + li{margin-left:33px;}
/* 탭 type-table */
.tab-box.tab-tbl .tab-content{margin-top:-1px;}

/* datapicker 달력 */
.datepicker{width:100%;border:0;cursor:pointer;}
[data-widget="datepicker"] input[type="text"]:disabled, [data-widget="monthpicker"] input[type="text"]:disabled{background:#f7f7f7;}
[data-widget="datepicker"]{display:inline-block;}
[data-widget="datepicker"] .inp-box{position:relative;}
[data-widget="datepicker"] input[type="text"]{padding:0 22px 0 5px;text-align:center;background:url(../images/datapicker/calendar.png) no-repeat right center;}
[data-widget="monthpicker"]{display:inline-block;}
[data-widget="monthpicker"] input[type="text"]{padding:0 22px 0 5px;text-align:center;background:url(../images/datapicker/calendar.png) no-repeat right center;}
[data-widget="monthpicker"].button{display:inline-block;overflow:hidden;width:28px;height:28px;font-size:0;vertical-align:top;}
[data-widget="monthpicker"].button img{margin:0 0 0 -5px;}
[class*="monthpicker-type"]{width:100%;border:0;cursor:pointer;}
[id^="monthpicker_"].ui-datepicker{padding:0;}
[id^="monthpicker_"].ui-datepicker table{width:207px;margin:0 8px 8px;}
[id^="monthpicker_"].ui-datepicker .mtz-monthpicker-year{width:80px;height:25px;line-height:25px;text-align:center;font-size:11px;font-family:'NanumGothicExtraBold';color:#043353;border:1px solid #ddd;vertical-align:top;}
[id^="monthpicker_"].ui-datepicker .mtz-monthpicker-month{width:28px;height:28px;border:1px solid #ddd;text-align:center;cursor:pointer;box-sizing:border-box;}
[id^="monthpicker_"].ui-datepicker .mtz-monthpicker-month.ui-state-highlight{background:#fff;}

/* selectric 셀렉트박스 */
[data-widget="selectbox"]{display:inline-block;}
.selectricWrapper .selectricItems{left:-1px;width:100% !important;}

/* customScroll */
.customScroll .mCSB_inside>.mCSB_container{margin-right:25px;}
.customScroll .mCSB_scrollTools{width:25px;}
.customScroll .mCSB_scrollTools .mCSB_draggerContainer{margin:11px 0;}
.customScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#dcdee0 !important;}
.customScroll .mCSB_scrollTools .mCSB_draggerRail{display:none;}

.scroll-y.fix-thead table td:first-of-type{/*border-left:0;border-right:0;*/}
.scroll-y.fix-thead .mCSB_inside > .mCSB_container{/*padding-top:43px;*/padding-top:35px;}

/* input file */
[data-widget="file"]{position:relative;text-align:left;font-size:0;}
[data-widget="file"] .btn-search{width:90px;height:30px;margin:0 0 0 10px;padding:0 0 2px;text-align:center;font-size:14px;font-family:'NanumGothicBold';}
[data-widget="file"] input[type="file"]{position:absolute;top:0;right:0;width:100%;height:30px;margin:0;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);}

/* clone */
[data-widget="clone"] .clone-box{position:relative;}
[data-widget="clone"] .clone-box .clone-list > li{position:relative;margin:0 0 30px;padding:0 75px 0 0;}
[data-widget="clone"] .clone-box .clone-list > li .clone-btn{position:absolute;bottom:0;right:0;min-width:65px;text-align:left;font-size:0;}
[data-widget="clone"] .clone-box .clone-list > li .clone-btn [class^="btn-"]{width:30px;height:30px;margin:0 5px 0 0;border-radius:5px;background-image:url(../images/icon/icon-clone-btn.png);background-repeat:no-repeat;}
[data-widget="clone"] .clone-box .clone-list > li .clone-btn [class^="btn-"]:last-of-type{margin:0;}
[data-widget="clone"] .clone-box .clone-list > li .btn-clone{display:none;background-color:#ff9b32;background-position:-30px 0;}
[data-widget="clone"] .clone-box .clone-list > li:last-of-type{margin:0;}
[data-widget="clone"] .clone-box .clone-list > li:last-of-type .btn-clone{display:inline-block;}
[data-widget="clone"] .clone-box .clone-list > li .btn-remove{background-color:#ccc;background-position:0 0;}

/* filter */
[data-widget="filter"]{position:relative;text-align:right;font-size:0;}
[data-widget="filter"].filter-type-1 .btn-filter{padding:0 24px;height:32px;line-height:30px;margin-right:-1px;font-size:15px;color:#666;border:1px solid #12aae2;box-sizing:border-box;background:#fff;}
[data-widget="filter"].filter-type-1 .btn-filter:last-of-type{margin-right:0;}
[data-widget="filter"].filter-type-1 .btn-filter.on{font-family:'NanumGothicBold';color:#fff;background:#12aae2;}