/* font */
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 100;
    src: url(NotoSansKR-Thin.woff2) format('woff2');
    src: url(NotoSansKR-Thin.woff) format('woff');
    src: url(NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: normal;
    src: url(NotoSansKR-Medium.woff2) format('woff2');
    src: url(NotoSansKR-Medium.woff) format('woff');
    src: url(NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: bold;
    src: url(NotoSansKR-Bold.woff2) format('woff2');
    src: url(NotoSansKR-Bold.woff) format('woff');
    src: url(NotoSansKR-Bold.otf) format('opentype');
}


/* reset */
* {box-sizing:border-box; margin:0; padding:0;}
html {background-color:#fff; font-family:NanumGothic;}
body {background-color:transparent; font-family:맑은고딕,Malgun Gothic,sans-serif,dotum; font-size:14px; line-height:1.5; margin:0; min-width:319px; padding:0; overflow-y:scroll;}
body.ovf_hdn {overflow:auto;}
img {border:none; vertical-align:middle;}
select, input {background-color:transparent; border:0px; border-radius:0; vertical-align:top;}
ol, ul, ul li {list-style:none;}
button {appearance:none; background-color:transparent; border:0px; border-radius:0; cursor:pointer; moz-appearance:none; webkit-appearance:none;}
table {border-collapse:collapse; border-spacing:0;}
.clear-fix:after {clear:both; content:''; display:block;}
.clear-fix {zoom:1;}
dd {margin-bottom:0;}
ol, ul, dl {margin-bottom:0;}
a {background-color:transparent; color:inherit; text-decoration:none;}
a:hover {color:inherit; text-decoration:none;}


/* common icon */
[class^='icon'] {background-image:url('../../Resources/Images/icon-set-bk.svg'); background-repeat:no-repeat; background-size:380px; cursor:pointer; position:absolute; width:19px; height:19px;}
[class$='RD'] {background-image:url('../../Resources/Images/icon-set-rd.svg');}
[class$='WH'] {background-image:url('../../Resources/Images/icon-set-wh.svg');}
[class$='BK'] {background-image:url('../../Resources/Images/icon-set-bk.svg');}
[class^='iconL'] {height:21px; width:21px;}
[class^='iconSetting'] {background-position:-14px -14px;}
[class^='iconApply'] {background-position:-275px -163px;}
[class^='iconArrrowTinLineRight'] {background-position:-33px -143px;}
[class^='iconArrrowTinLineLeft'] {background-position:-0px -143px;}
[class^='iconProfile'] {background-position:-122px -14px; height:22px; width:22px;}

[class^='btnRound'] {border:1px solid rgba(0,0,0,0.3); border-radius:32px; cursor:pointer; font-family:'NotoSansKR',맑은고딕,Malgun Gothic,sans-serif,dotum; font-weight:bold; margin-left:10px; padding-left:40px;}
[class*='btnRoundRB'] {border-color:#F9D0D6;}
[class$='RD']+span {color:#E31C38;}
/*.btnControl .dx-button-has-text .dx-button-content {padding:0;}*/

.infoBox {margin-top:10px;}
.infoBox .textTip {margin-left:30px; line-height:21px;}
.iconInfo {background-position:-198px -198px; width:23px; height:23px; opacity:0.4; cursor:default;}

.icon-search.dx-button {border-radius:0px; background:#666; width:28px; height:28px;}
.icon-search.dx-button.dx-state-hover, .icon-search.dx-button.dx-state-focused, .icon-search.dx-button.dx-state-active {background:#333;}
.icon-search .dx-icon.dx-icon-search {color:#fff;}

.icon-reset.dx-button {border-radius:10px; background-color:#999; border-color:transparent;}
.icon-reset.dx-button::before {color:#fff; font-family:'NotoSansKR',맑은고딕,Malgun Gothic,sans-serif,dotum; font-weight:normal; font-size:11px;}
.icon-reset.dx-button .dx-button-content {background-image:url('../../Resources/Images/icon-set-wh.svg'); background-repeat:no-repeat; background-size:380px; cursor:pointer; position:absolute; width:18px; height:18px; padding:10px; background-position:-200.5px -16px;}
.btnInput {background:#f1f1f1; border:#999 1px solid; color:#333; padding:5px 18px; position:absolute; right:-1px; top:-1px; cursor:pointer; border-radius:0;}


/* common class */
.FR {float:right;}
.FL {float:left;}
.wrap {min-width:900px; min-height:700px;}
.wrapMax {padding-bottom:20px; position:relative;}
.wrapMax, .mainImgText {padding:0px 50px; max-width:2430px; margin:0 auto;}
[class^='tit'], .tabs .dx-widget, .mainImgText {font-family:'NotoSansKR',맑은고딕,Malgun Gothic,sans-serif,dotum;}
.titMain {color:#E31C38; font-weight:bold; font-size:20px; margin-top:50px; margin-bottom:10px; min-height:30px;}
.textEllipsis, .subject, .subject .optionBox+div {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.textTip {color:#999; font-size:12px;}
.fileBox {border:1px solid #ccc; width:100%; height:30px}
.fileBox input {width:calc(-94px + 100%); margin-top:4px; margin-left:10px;}
.fileBox .btnFile {border-radius:0px; border-color:transparent; padding:3px 0px 2px 0px; font-size:13px; min-width:80px; text-align:center; background-color:#666; color:#fff; cursor:pointer; }
.mt0 {margin-top:0 !important;}
.borderNone {border:0 !important;}
.marginR {margin-right:3px;}
.marginLR {margin:0px 3px;}
.contour {width:1px; height:12px; background:#ccc; margin:4px 8px;}
.positionR {position:relative;}

.loadingBox {width:100%; height:100vh; z-index:1000; position:fixed; display:table; background-color:rgba(255,255,255,0.4);}
.image-indicator {margin:0 auto; display:table-cell; vertical-align:middle;}
.image-indicator>div {width:282px; height:110px; background-color:#fff; background-size:222px 50px; border-radius:3px; box-shadow:rgba(0,0,0,0.4) 10px 10px;}
[class^='img_Live'] {background-repeat:no-repeat; width:120px; height:130px; display:block; margin:auto; opacity:0.8;}
.img_LiveComplete {background-image:url('/Resources/Images/img_completeLive.svg');}
.img_LiveAuto {background-image:url('/Resources/Images/img_autoLive.svg');}
.img_LiveRehearsal {background-image:url('/Resources/Images/img_LiveRehearsal.svg');}
.img_LiveDownload {width:83px; height:110px; background-image:url('/Resources/Images/img_liveDownload.png');}
.textRed {color:#E31C38;}
.liveUrlBox {border:1px solid #E31C38; padding:5px 10px; margin-top:5px; color:#E31C38; position:relative; font-size:12px;}
.textInfo {font-size:12px; margin-top:20px;}
.textInfo span {margin-left:28px; line-height:20px; cursor:default;}
.tableStandard+.textTip {margin-top:10px;}

#dxDataGrid-popup-companyList {margin-bottom:55px;}
#dxDataGrid-popup-resultCompanyList {margin-bottom:45px;}
#scrollview {height:auto !important;}

/* topMenu */
.topContainer {background-color:#fff; box-shadow:0px 3px 3px rgba(0,0,0,0.1); height:60px; padding:14px 50px; width:100%; position:relative; z-index:3;}
.topContainer [class^='icon'] {left:17px; top:5px;}
.topContainer > div > div {float:left; margin-left:20px; position:relative;}
.imgLiveBi {background-image:url('../../Resources/Images/bi_live.png'); cursor:pointer; float:left; height:33px; width:154px; background-size:contain; background-repeat:no-repeat;}
.topContainer [class^='btnRound'] {font-size:13px; height:32px; line-height:30px; width:118px;}
.topContainer .profileBox {margin-top:-3px; min-width:100px;}
.topContainer .profileBox span {cursor:pointer;}
.topContainer .iconProfile {opacity:1; background-size:cover; width:38px; height:38px; border:1px solid #dedede; border-radius:47px; cursor:default; left:0px; top:0px; background-position:center;}
.topContainer .iconProfile[style="background-image:url('')"] {background-image: url(../../Resources/Images/icon-set-bk.svg) !important; background-position:-87px -1px; background-size:300px; border:1px solid rgba(0,0,0,1); opacity:0.15;}
.topContainer [class^='iconProfile'] + span {line-height:38px; padding-left:45px;}


/* main */
.mainImgBox {background-color:rgba(0,0,0,0); width:100%; position:absolute; z-index:1; border-bottom:1px solid rgba(204,204,204,0.5); top:0; left:0;}
.mainImgBox, .mainImgText, .mainImgBox .gradation {height:350px;}
.mainImgBox .mainImg {background-image:url('/Resources/Images/main_live_image01.png'); width:910px; height:350px; position:absolute; top:-1px; left:-1px; z-index:-1; background-size:cover; background-position:center;}
.mainImgBox+.wrapMax .titMain {margin-bottom:20px;}
.wrapMax #liveAppointed {margin-top:90px;}
#liveBannerContainer+.wrapMax #liveAppointed {margin-top:90px;}
#liveBannerContainer[style="display: none;"]+.wrapMax #liveAppointed {margin-top:70px;}
.mainImgBox[style="display: none;"]+.wrapMax #liveAppointed {margin-top:120px;}
.wrapMax #liveAppointed+.titMain {position:absolute; top:-90px;}
.wrapMax #liveAppointed:empty+.titMain {display:none;}


.mainImgBox .gradation {width:1300px; position:absolute; top:0px; left:-350px; background:linear-gradient(to right, transparent 15%, #fff 85%); border-bottom:1px solid rgba(204,204,204,0.5);}
.mainImgText {position:relative; z-index:2; color:#333; width:100%; display:table;}
.mainImgText>div {vertical-align:middle; display:table-cell;}
.mainImgText>div dl {width:1200px; padding-left:300px; margin:0 auto;}
.mainImgText>div dl dd {position:relative;}

.mainImgBox .subject {font-size:50px; letter-spacing:-3px; text-align:left;}
.mainImgBox [class^="line"] {background-color:rgba(0,0,0,0.1); position:absolute;}
.mainImgBox .line01 {width:1px; height:117px; top:-15px; left:-10px;}
.mainImgBox .line02 {width:217px; height:1px; top:75px; left:-30px;}

.mainImgBox .date {font-size:20px; margin:10px 0px 50px 10px; opacity:0.7; text-align:left;}
.mainImgBox .date::before {content:'LIVE 시간 : '}
.mainImgBox .liveState {background-color:#E31C38; display:block; width:190px; position:relative; font-size:21px; line-height:55px; padding-left:35px; color:#fff; text-align:left; cursor:pointer;}
.mainImgBox .liveState.liveApprove20 {background-color:#666;}
.mainImgBox .liveState, .mainImgBox .liveState > div {height:55px; border-radius:55px;}
.mainImgBox .liveState > div {background-color: rgba(255,255,255,0.2); width:55px; position:absolute; left:135px; top:0px;}

#liveBannerContainer {position:relative;}
.liveBannerSlideWrap{position:relative;width:100%;height:350px}
.liveBannerSlideUl{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%}
.liveBannerSlideUl li{display:none;position:absolute;z-index:2;top:0;left:0;width:100%;height:80%;padding:10% 5%;text-align:center;}
.liveBannerSlideUl li.banner1{background-color: rgb(0, 191, 255)}
.liveBannerSlideUl li.banner2{background-color: rgb(76, 127, 89)}
.liveBannerSlideUl li.banner3{background-color: rgb(144, 73, 156)}
.liveBannerSlideUl li.banner4{background-color: rgb(114, 170, 219)}
.liveBannerSlideUl li.banner0{background-color: rgb(223, 13, 99)}

.prevBanner,.nextBanner{position:absolute;z-index:3;font-size:20px;font-weight:bold;}
.prevBanner{left:10%;bottom:42%;}
.nextBanner{right:10%;bottom:42%;}

.liveBannerSlideWrap a {width:35px; height:55px; opacity:0.5; background-size:760px;}
a.iconArrrowTinLineLeft {background-position:-28px -310px;}
a.iconArrrowTinLineRight {background-position:-103px -310px;}

.liveBannerControl_wrap {position:absolute; bottom:0px; right:60px; z-index:3;}
.control_btn {position:relative; width: 13px;height: 46px;float: left;cursor: pointer; font-size:11px; color:#999; margin-left:5px; opacity:0.5;}
.control_btn.select {color:#E31C38;}


.liveListBox, .liveItemBox, .liveThumbnail {height:138px;}
.liveThumbnail {width:242px; min-width:242px; border:1px solid #f1f1f1; background-size:cover; background-repeat:no-repeat; background-color:#F5F5F5; background-position:center center;}
#liveAppointed .liveItemBox {width:33%; min-width:550px;}
.liveItemBox.liveAppointed {display:inline-block;}
.liveItemBox.liveAppointed>div {display:table-cell;}
.liveItemBox.liveAppointed .liveItemText {max-width:330px;}
.liveItemText {padding-right:10px; padding-left:20px; vertical-align:middle; cursor:default; margin-top:23px;}
.liveItemText .subject {width:100%; font-size:16px; font-weight:bold;}
.liveItemText>div:not(:first-child) {margin-top:4px;}
.liveItemText .liveCreator {font-size:13px;}
.liveItemText .liveCreator span:not(:last-child) {margin-right:5px;}
.liveItemText .liveDate {color:#666; font-size:13px;}
.btnRound.dx-button {padding-left:10px; padding-right:10px;}

.mainLiveList .liveItemBox > div {float:left;}
.mainLiveList .liveItemText {width:calc(100% - 280px);}
.mainLiveList .dx-datagrid-headers .dx-row > td {padding:0;}
.mainLiveList .dx-datagrid .dx-column-lines > td {border-left:0; border-right:0; border-bottom:1px solid rgba(0,0,0,0.15);}
.mainLiveList .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
  background-color: rgba(0,0,0,0.01);
}


.mainPage .mainLiveList {display:none;}
.mainLiveList .contentsBox {width:calc(100% - 150px);}
.mainLiveList .liveItemText {color:#333; /*width:100%;*/}
.mainLiveList .mainListBox {width:100%; position:relative;}
.mainLiveList .liveDate {margin-bottom:0px;}
.mainLiveList .liveUrl {font-size:9px; letter-spacing:-0.3px;}

.mainLiveList .optionBox>div {float:left; padding:3px 2px 2px 2px; font-size:11px; color:#666; margin-right:5px; margin-top:1px; border:1px solid rgba(0,0,0,0.15);}
.mainLiveList .subject .optionBox>div:first-child:not([class]) {background-color:rgba(227,28,56,0.1)}
.mainLiveList .subject .optionBox>div:nth-child(2) {background-color:rgba(224,128,34,0.15)}
.mainLiveList .optionBox>div:empty {display:none;}
.mainLiveList .optionBox .dxBtn {display:inline-block;}
.mainLiveList .optionBox .dxBtn .dx-button {border-radius:0;}
.mainLiveList .optionBox .dxBtn .dx-button-has-icon .dx-button-content {padding:1px 2px 0px 2px;}
.mainLiveList .dxBtn.liveGroup-0 .dx-button+.dx-button {opacity:0;}

.mainLiveList .mainListBox .liveItemText>div:not(.optionBox) {opacity:0.6;}
.mainLiveList .mainListBox.liveApprove20 .liveItemText>div:not(.optionBox) {opacity:0.6;}
.mainLiveList .mainListBox.liveStart40 .liveItemText>div:not(.optionBox) {opacity:1;}
.mainLiveList .optionBox>div.liveState {font-weight:bold; border-width:1px; border-style:solid; border-color:#999; background-color:#fff; color:#999;}

.mainPage .liveStart40 .subject, .mainPage .liveStart40 .liveThumbnail {cursor:pointer;}
.liveApply10 .optionBox>div.liveState  {border-color:rgba(224,128,34,1); color:rgba(224,128,34,1);}
.liveApprove20 .optionBox>div.liveState  {border-color:rgba(227,28,56,0.5); color:rgba(227,28,56,0.8);}
.liveReject30 .optionBox>div.liveState  {border-color:rgba(0,0,0,0.9); color:rgba(0,0,0,0.9); cursor:pointer;}
.liveStart40 .optionBox>div.liveState  {background-color:rgba(227,28,56,0.8); border-color:rgba(227,28,56,0.8); color:#fff;}
.liveEnd50 .optionBox>div.liveState  {background-color:#999; border-color:#999; color:#fff;}

.mainLiveList .liveBox {width:100%;}
.mainLiveList .btnBox {width:125px;}
.mainLiveList .btnBox .dx-button {border-radius:0;}
.mainLiveList .btnBox .dx-button:not(:first-child) {margin-left:-1px;}
.mainLiveList .btnBox .dx-button.settingBtn {margin-top:0px;}
.mainLiveList .btnBox .dx-button:nth-child(5) {margin-right:10px;}
.mainLiveList .btnBox .dx-button.livePlay {position:absolute; top:20px; right:10px;}
.mainLiveList .btnBox .dx-button.livePlay:nth-last-child(2) {top:54px;}

.mainLiveList .dx-button-mode-contained {border-color:rgba(0,0,0,0.4);}
.mainLiveList .dx-button-mode-contained:hover {/*border-color:rgba(227,28,56,0.5);*/ color:#E31C38;}
.mainLiveList .dx-button-mode-contained:hover .dx-icon {color:#E31C38;}


/* dx-style */
.tabs {background-color: #F8F8F8;}
.dx-tab {display:inline-block; text-align:center;}
.dx-tabs {text-align:left; font-weight:bold;}
.dx-tabs, .dx-tab-selected::after, .dx-tab.dx-state-focused::after {border-color:transparent;}
.dx-tab.dx-tab-selected, .dx-tab, .dx-tab.dx-state-hover {background-color:transparent; width:150px; border-bottom:2px solid transparent;}
.dx-tab.dx-tab-selected {color:#E31C38; border-bottom:2px solid #e31c38;}
.tabs-container {border:0;}

.dx-pager .dx-pages {float:inherit; text-align:center;}

.dx-datagrid-borders > .dx-datagrid-filter-panel, .dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-pager,
.dx-datagrid .dx-column-lines > td,
.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {border-color:transparent;}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td {border-bottom-color:#f1f1f1;}
.dx-datagrid-headers {color:#222; font-weight:bold;}
.dx-datagrid-headers .dx-datagrid-content {background-color:#F8F8F8; border-top:2px solid #333;}
.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {border-bottom:1px solid #C6C6C6; color:#666;}
.dx-datagrid .dx-row > td {padding:14px 0px 10px 0px; border-bottom:1px solid rgba(0,0,0,0.03);}
.dx-datagrid .dx-row > td:empty {display:none;}
.dx-button-content>[class^="icon"]+span {margin-left:-10px; line-height:14px;}

.dx-overlay-shader {background-color:rgba(0,0,0,0.5);}
.dx-popup-wrapper > .dx-overlay-content, .dx-popup-wrapper .dx-state-focused.dx-overlay-content {border-radius:0; border:none;}
.dx-popup-title.dx-toolbar {background-color:#E51837; color:#fff; font-weight:bold; border-color:transparent;}

/*.dx-popup-title .dx-toolbar-after:empty,*/
.dx-popup-title [class^="dx-"] .dx-icon {background-image:url('../../Resources/Images/icon-set-wh.svg'); background-repeat:no-repeat; background-size:380px; cursor:pointer; position:absolute; width:35px; height:35px; left:17px; top:1px;}
.dx-popup-title .dx-toolbar-after:empty,
.dx-popup-title .dx-closebutton .dx-icon {background-position:-157px -5px;}
.dx-icon.dx-icon-close {color:transparent;}

.popupContainer #dxButton-popup-export {padding:0;}
svg.dxc.dxc-chart .dxc-title text:first-child {font-size:22px !important; font-weight:bold !important;}

/* main LIVE 현황 달력 strat */
#dxScheduler-liveSchedule {padding-top:44px; background-color:#f1f1f1;}
#dxScheduler-liveSchedule div[aria-label]:nth-child(2) .dx-button-content {margin-top:-18px;}
#dxScheduler-liveSchedule div[aria-label]:not(:nth-child(2)) .dx-button-content {margin-top:-20px;}
#dxScheduler-liveSchedule .dx-button-text, 
#dxScheduler-liveSchedule .dx-scheduler-header-panel-cell, #dxScheduler-liveSchedule .dx-scheduler-date-table-cell {font-family:'NotoSansKR',맑은고딕,Malgun Gothic,sans-serif,dotum;}
.dx-scheduler-view-switcher.dx-tabs {display:none;}
.dx-scheduler-navigator {float:none; margin:0 auto; text-align:center; padding:0;}
.dx-scheduler-header, .dx-scheduler-work-space {border:none; background-color:#f1f1f1;}
.dx-scheduler-navigator .dx-button {margin-top:0;}
#dxScheduler-liveSchedule .dx-button-mode-contained {border:none; background-color:#f1f1f1; margin-left:33px;}
.dx-scheduler-header-panel, .dx-scheduler-date-table-scrollable {background-color:#fff;}
.dx-scheduler-work-space-month .dx-scheduler-header-panel, 
.dx-scheduler-work-space-month .dx-scheduler-date-table {background-color:#fff; width:calc(100% - 140px); margin:0px 70px;}
.dx-scheduler-work-space-month .dx-scheduler-date-table {border-spacing:0px 10px;}
.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable .dx-scrollable-content {background-color:#f1f1f1; padding-bottom:20px;}
#dxScheduler-liveSchedule .dx-button-text {font-size:30px;}
#dxScheduler-liveSchedule .dx-scheduler-navigator-caption {width:350px;}
.dx-scheduler-header .dx-button-has-text .dx-button-content {overflow:visible; padding:0px;}
#dxScheduler-liveSchedule .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {text-align:left; padding:0px 10px;}
#dxScheduler-liveSchedule .dx-scheduler-header-panel-cell {text-transform:uppercase;}
.dx-item.dx-scheduler-appointment.dx-scheduler-appointment-horizontal.dx-resizable {/*background-color:#E31C38 !important;*/ border-radius:30px;}
.dx-scheduler-work-space-month .dx-scheduler-appointment-content {font-size:16px; /*font-weight:bold;*/}
.dx-scheduler-all-day-appointment, 
.dx-scheduler-timeline .dx-scheduler-appointment, 
.dx-scheduler-work-space-month .dx-scheduler-appointment {-webkit-box-shadow:none; box-shadow:none;}
.dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable {-webkit-box-shadow:none; box-shadow:none;}

.dx-scheduler [class^="dx-"] .dx-icon {background-image:url('../../Resources/Images/icon-set-bk.svg'); background-repeat:no-repeat; background-size:380px; cursor:pointer; width:12px; height:40px; opacity:0.4;}
.dx-scheduler .dx-button-content .dx-icon {background-position:-16px -150px;}
.dx-scheduler [aria-label="Next period"] .dx-button-content .dx-icon {background-position-x:-56px;}
.dx-scheduler .dx-button-content .dx-icon {color: transparent;}

#dxScheduler-liveSchedule .dx-scrollable-native.dx-scrollable-vertical, .dx-scrollable-native.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-scrollable-native.dx-scrollable-vertical > div > .dx-scrollable-wrapper > .dx-scrollable-container {overflow-y:hidden;}
/* main LIVE 현황 달력 end */

.dx-header-row [aria-label*="방송 제목"], .dx-header-row [aria-label*="시청 URL"] {text-align:center !important;}

.dx-texteditor.dx-editor-outlined {border-radius:0px; border:1px solid #ccc;}
.dx-texteditor-input {padding:0px 7px 2px 7px; min-height:26px;}
.dx-placeholder {top:-3px;}

.dx-datebox-calendar .dx-texteditor-input {font-size:13px;}
.dx-datebox-calendar .dx-dropdowneditor-icon, .dx-dropdowneditor-button {width:25px; min-width:25px;}
.dx-button[aria-label="search"] {border-color:transparent;}
/*.dx-button.dx-state-hover[aria-label="search"], 
.dx-button.dx-state-focused[aria-label="search"], .dx-button.dx-state-active[aria-label="search"] {background-color:transparent;}*/
.dx-button-has-icon .dx-button-content {padding:4px;}

.dx-checkbox-icon {border-radius:0px; border:1px solid #ccc;}
.dx-checkbox.dx-state-hover .dx-checkbox-icon, 
.dx-checkbox.dx-state-focused .dx-checkbox-icon,
.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-focused.dx-editor-underlined {border-color:#E51837;}

.dx-checkbox-checked .dx-checkbox-icon {color:#E51837;}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {background:#E51837;}
.dx-radiobutton.dx-state-hover .dx-radiobutton-icon::before {border:1px solid rgba(229,24,55,0.5);}
.dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon::before {border:1px solid #e51837;}

.dxTextArea {width:100%;}

#divLiveScheduleDetailList {width:calc(100% - 0px); margin-bottom:20px;}

#liveEngagementChart {width:100%; height:320px;}
#liveEngagementChart svg g.dxc-title {width:calc(100% - 86px);}

.dx-state-disabled .dx-widget, .dx-state-disabled.dx-widget {opacity:0.5 !important;}
.dx-state-disabled .dx-widget.dx-textbox, .dx-state-disabled.dx-widget.dx-textbox {background:#efefef;}
.dx-state-disabled .dx-widget .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {background:#666;}
.dx-state-disabled .dx-widget, .dx-state-disabled.dx-widget input {color:#666;}
.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, :not(.dx-custom-button-hovered).dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon, .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {background-color:transparent;}

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content,
.dx-calendar-navigator-next-month.dx-button .dx-icon, .dx-calendar-navigator-next-view.dx-button .dx-icon,
.dx-calendar-navigator-previous-month.dx-button .dx-icon, .dx-calendar-navigator-previous-view.dx-button .dx-icon {color:#E31C38;}

.liveList .dx-button {border-radius:0; margin-left:2px; border-color:#999; opacity:0.8;}
.liveList .dx-button:hover {opacity:1;}
.liveList .dx-button-has-text {min-width:60px;}
.gridPage .liveList .dx-button-has-text {padding:5px 0px;}
.liveList .dx-button-has-text .dx-icon {margin-right:5px;}
.liveList .dx-button span {font-size:12px; font-weight:bold;}
#divDataGirdContainer {position:relative;}
#divDataGirdContainer #dxDateBox-liveDate {position:absolute; top:-39px; right:140px;}
.dx-datagrid-content .dx-datagrid-table .dx-row > td {position:relative;}
/*.mainPage .liveList .dx-datagrid-rowsview [aria-colindex="3"]>div {position:absolute; top:9px; right:15px;}*/

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {border-left:0; border-right:0;}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {background-color:#fff;}
.dx-dialog-message {font-weight:bold;}


/* popup date calendal */
.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {color:#666;}
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {box-shadow:inset 0 0 0 1px #bebebe, inset 0 0 0 1000px #E31C38;}
.dx-calendar-cell.dx-calendar-empty-cell {opacity:0.5;}
.dx-calendar-navigator-next-month.dx-button .dx-icon, .dx-calendar-navigator-next-view.dx-button .dx-icon,
.dx-calendar-navigator-previous-month.dx-button .dx-icon, .dx-calendar-navigator-previous-view.dx-button .dx-icon {color:#E31C38;}
.dx-calendar-cell {border-radius:0px;}
.dx-popup-normal .dx-toolbar .dx-button-mode-contained {border-radius:0px; /*padding:5px;*/}
.dx-popup-normal [aria-label="OK"], .dx-popup-normal div:not(.btnSBox)>[aria-label="삭제"], .dx-popup-normal [aria-label="승인"], .dx-popup-normal [aria-label="다운로드"] {background-color:#333; color:#fff;}
.dxpopupBtnContainer .dx-button {border-radius:0;}

/*.dx-popup-content+.dx-toolbar .dx-button-has-text .dx-button-content, 
.LivePage .dx-button-has-text .dx-button-content,
.gridPage .liveList .dx-button-has-text .dx-button-content,
.rejected .dx-button-has-text .dx-button-content {padding:0;}*/

.dx-popup-bottom .dx-button {min-width:80px;}
.dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {box-shadow:inset 0 0 0 1000px #E31C38;}

/*#dxDateBox-popup-liveEDate .dx-invalid-message > .dx-overlay-content {left:145px !important; top:-4px !important; transform:translate(0px, 0px)!important; white-space:nowrap;}*/

.dx-toolbar-center {margin:0 !important;}
/*.dx-popup-title .dx-toolbar-after:empty {left:initial; right:-10px;}*/

.calendalToday {border:1px solid rgba(0,0,0,0.5) !important;}
.calendalToday div {color:#333;}

.dx-toolbar.dx-dialog-buttons .dx-toolbar-center[style*="float: none"] {float:right !important;}

.chatRecord {background-image:url('/Resources/Images/icon-set-bk.svg'); background-repeat:no-repeat; background-position:-372px -213px;}
.chatRecord.dx-state-hover {background-image:url('/Resources/Images/icon-set-rd.svg');}
.chatRecord .dx-icon, .chatRecord.dx-state-hover .dx-icon, .dx-button-mode-contained:hover.chatRecord .dx-icon {color:transparent;}

.peopleList {background-image:url('/Resources/Images/icon-set-bk.svg'); background-repeat:no-repeat; background-position:-332px -172px;}
.peopleList.dx-state-hover {background-image:url('/Resources/Images/icon-set-rd.svg');}
.peopleList .dx-icon, .peopleList.dx-state-hover .dx-icon, .dx-button-mode-contained:hover.peopleList .dx-icon {color:transparent;}

.serveyResult {background-image:url('/Resources/Images/icon-set-bk.svg'); background-repeat:no-repeat; background-position:-332px -213px;}
.serveyResult.dx-state-hover {background-image:url('/Resources/Images/icon-set-rd.svg');}
.serveyResult .dx-icon, .serveyResult.dx-state-hover .dx-icon, .dx-button-mode-contained:hover.serveyResult .dx-icon {color:transparent;}

#divScheduleContainer .dx-scheduler-navigator.dx-widget+.dx-scheduler-view-switcher,
#divScheduleContainer .dx-scheduler-navigator.dx-widget+.dx-scheduler-view-switcher+.dx-scheduler-view-switcher-label {display:none;}

.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {color:#E31C38}
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::before {background-color:#E31C38}
.dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell, .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {-webkit-box-shadow:inset 0 0 0 1px rgba(227,28,56,0.4); box-shadow:inset 0 0 0 1px rgba(227,28,56,0.4);}
.dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-focused {background-color:rgba(227,28,56,0.07);}
.dx-scheduler-all-day-table-cell.dx-state-active,.dx-scheduler-date-table-cell.dx-state-active {background-color:rgba(227,28,56,0.3);}
.dx-scheduler-all-day-table-cell.dx-state-hover,.dx-scheduler-date-table-cell.dx-state-hover,
.dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused,.dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused{background-color:rgba(227,28,56,0.1); color:#959595;}

/* popup */
.sequence > dl:not(#page1) {display:none;}
.sequence > dl.pageInfo>dt {height:431px; border:1px solid #ccc; overflow:auto; padding:10px; line-height:28px; font-weight:400;}
.sequence > dl.pageInfo>dt.shortContent {display:table; padding:0px 50px; width:100%;}
.sequence > dl.pageInfo>dt.shortContent>label {display:table-cell; vertical-align:middle; font-family:'NotoSansKR',맑은고딕,Malgun Gothic,sans-serif,dotum; color:#666;}
.sequence > dl.pageInfo>dt.shortContent .tit {font-size:20px; margin-bottom:0;}
.sequence > dl.pageInfo>dt.shortContent label span {color:#000;}
.sequence > dl.pageInfo>dt span {font-weight:bold;}

.sequence > dl#page1 .law>p {padding-left:30px; font-size:13px;}
.sequence > dl#page1 .system {border:1px solid rgba(0,0,0,0.08); padding:15px 20px; margin:30px 15px 15px;}
.sequence > dl#page1 .system p {margin-bottom:5px; font-size:12px;}
.sequence > dl#page1 .system p:first-child {font-size:13px; font-weight:bold;}
.sequence > dl#page1 .system>p:not(:first-child)::before {content:'●'; padding-right:10px; opacity:0.2;}
.sequence > dl#page1 .system p>span.br {margin-left:17px; display:block; color:#333; font-weight:normal; margin-top:-5px;}
.sequence > dl#page1 dt>div>p>span:not([class]) {font-weight:bold; color:#333;}
.sequence > dl#page1 .law>span {background-color:#999; color:#fff; border-radius:22px; width:22px; height:22px; display:inline-block; font-weight:normal; text-align:center; float:left; line-height:21px; margin-top:5px;}

.sequence > dl#page4>dt.shortContent>label {text-align:center;}
.sequence > dl#page3 span[id] {display:inline-block;}
.sequence .dx-button-has-text .dx-button-content, .apply .dx-button-has-text .dx-button-content {overflow:visible; padding:7px 10px;}
.tableStandard dl {float:inherit; overflow:hidden; border-bottom:1px solid #ccc;}
.tableStandard dl:first-child {border-top:2px solid #333;}
.tableStandard dl>dt {padding:10px 0px 10px 10px;}
.tableStandard dl>dt, .tableStandard dl>dd, .tableStandard dl>dd>div {float:left;}
.tableStandard dl>dt {width:80px; min-height:20px; line-height:20px; background-color:#f8f8f8;}
.tableStandard dl>dd {padding:6px 0px 2px 10px; font-size:13px; background-color:#fff; position:relative; line-height:24px;}
.tableStandard:not(.nickPw) dl>dd:nth-child(2) {min-width:310px;}
.tableStandard dl>dd:last-child:not(:nth-child(4)) {width:calc(100% - 100px);}
.tableStandard dl>dt.textAreaST {height:100px;}
.tableStandard .textTip {margin-top:5px; margin-left:10px;}
.tableStandard .icon-search {top:6px; right:0px;}
.tableStandard .icon-reset {top:11px; right:40px;}
.tableStandard .dx-texteditor {width:100%;}
.tableStandard .dx-datebox-calendar {width:140px !important;}
.popupBtnContainer {margin-top:30px;}
.dx-popup-content[style*="height: auto"] .popupBtnContainer .FR {margin-bottom:20px;}
.popupBtnContainer .dx-button-mode-contained {border-radius:0px; border-color:#ccc; padding:0px; font-size:13px; max-width:150px; text-align:center;}
.editDate .popupBtnContainer .dx-button-mode-contained {padding:0;}
.apply .popupBtnContainer .dx-button-mode-contained {min-width:80px; padding:0px;}
.popupBtnContainer .btnBk.dx-button-mode-contained {background-color:#333; border-color:transparent; color:#fff;}
.popupBtnContainer .dx-button-mode-contained:not([style^="width"]) {min-width:80px; max-height:34px;}
.errorBox .popupBtnContainer .btnBk {min-width:110px;}

.popupWrapSmall .popupBtnContainer .dx-button-mode-contained {padding:0;}
.popupWrapSmall .titMain {margin-top:0px; margin-bottom:5px;}
.popupWrapSmall .liveItemBox {width:100%;}

.popupWrapSmall .mainImgBox {margin-bottom:40px; position:relative;}
.popupWrapSmall .mainImgBox, .popupWrapSmall .mainImgBox .gradation {border-bottom:0;}
.popupWrapSmall .mainImgBox, .popupWrapSmall .mainImgText, .popupWrapSmall .mainImgBox .gradation {height:175px;}
.popupWrapSmall .mainImgBox .gradation {width:100%; top:-1px; left:0px; background:linear-gradient(to right, transparent -5%, #fff 45%);}
.popupWrapSmall .mainImgText>div ul {width:600px; padding-left:250px;}
.popupWrapSmall .mainImgBox .subject {font-size:25px;}
.popupWrapSmall .mainImgBox .date {font-size:10px; margin:5px 0px 25px 5px;}
.popupWrapSmall .mainImg {background-repeat:no-repeat; width:405px; height:175px; margin-bottom:40px;}
.popupWrapSmall .mainImgBox .liveState {width:95px; line-height:22px; font-size:11px; padding-left:20px;}
.popupWrapSmall .mainImgBox .liveState, .popupWrapSmall .mainImgBox .liveState > div {height:22px;}
.popupWrapSmall .mainImgBox .liveState > div {width:22px; left:73px;}
.popupWrapSmall .mainImgText>div ul li:first-child {position:relative;}
.popupWrapSmall .mainImgBox .line01 {height:58px;}
.popupWrapSmall .mainImgBox .line02 {width:108px; top:33px; left:-20px;}

[class^="popup"] .tabs {background-color:transparent; margin-bottom:10px; border-bottom:1px solid #dfdfdf;}
[class^="popup"] .dx-tab.dx-tab-selected, [class^="popup"] .dx-tab, [class^="popup"] .dx-tab.dx-state-hover {width:100px;}
[class^="popup"] .dx-datagrid .dx-row > td {padding-top:7px; padding-bottom:7px; font-size:13px; padding-left:7px;}
[class^="popup"] .dx-datagrid-pager {border-top:0;}
[class^="popup"] .dx-pager .dx-pages {float:inherit; text-align:center;}
[class^="popup"] .dx-datagrid-nodata {font-size:13px;}

/*.popupCompany .popupBtnContainer .dx-button-mode-contained {padding:0;}*/
.popupCompany .popupBtnContainer.btnSBox {margin-top:10px;}
.popupCompany .popupBtnContainer.btnSBox .dx-button-mode-contained {min-width:30px; margin-bottom:10px;}
.popupCompany .popupBtnContainer.btnSBox>.dx-button {padding:0px;}
.popupCompany .popupBtnContainer.btnSBox .dx-button-content {padding:3px 5px;}
.popupCompany .popupBtnContainer+div {clear:both;}
.popupCompany .dx-datagrid-rowsview.dx-empty {height:120px;}
.popupCompany .dx-gridbase-container > .dx-datagrid-rowsview[role="presentation"] {height:415px;}
.popupCompany.apply .dx-gridbase-container > .dx-datagrid-rowsview {height:145px;}
.popupCompany>.popupContainer>.popupBtnContainer {margin-top:10px; position:absolute; bottom:15px; right:20px;}
.popupCompany .popupUser .searchBox {margin-bottom:10px; overflow:hidden;}
.popupCompany .popupUser .searchBox>div {float:left;}
.popupCompany .popupUser .searchBox>div:first-child {margin-right:5px;}
.popupCompany .popupUser .searchBox+div {clear:both;}
.popupCompany #dxDataGrid-popup-searchUserList {max-width:inherit !important;}

.popupWrap.editDate .noEdit.dx-state-disabled .dx-widget, 
.popupWrap.editDate .noEdit.dx-state-disabled.dx-widget {background-color:transparent;}
.popupWrap.editDate .noEdit.dx-texteditor.dx-editor-outlined {border:0;}

.approvalPopup p {margin-bottom:5px;}
.approvalPopup .date {}
.approvalPopup .subject {max-width:500px; color:#E31C38}

.popupWrapper .textBox {font-weight:normal;}
.popupWrapper .textBox span {color:#E31C38;}


/* Live Set page */
.LivePage {overflow:hidden;}
.topBox {margin:50px 0px 7px 0px; overflow:hidden;}
.topBox>div {text-align:right;}
.topBox .tooltipBox {position:absolute; right:235px; top:2px; border:1px solid rgba(204,204,204,0.5); border-radius:5px; padding:5px 10px; color:#999; font-size:12px;}

.linkDisabled {width:100%; height:60px; background:rgba(0,0,0,0); position:absolute; top:0px; left:0px; z-index:999;}

.liveSetBox {position:relative;}
.liveSetBox .liveSendOutBox {float:left; position:relative;}
.liveSetBox .liveSendOutBox>div.livePreparing-img {position:absolute; width:100%;}
.liveSetBox .livePreparing-img {background:#333; z-index:2; display:table;}
.liveSetBox .livePreparing-img img {opacity:1;}
.liveSetBox .livePreparing-img .btnRound {margin-top:25px; min-width:130px;}
.liveSetBox .livePreparing-img .btnRound.dx-state-hover, .liveSetBox .livePreparing-img .btnRound.dx-state-hover .dx-button-content .dx-icon {color:#fff;}
.liveSetBox .livePreparing-img>div {display:table-cell; vertical-align:middle; opacity:0.7;}
.liveSetBox .livePreparing-img>div>div {width:400px; height:300px; margin:0 auto; text-align:center; padding-top:90px;}
.liveSetBox .livePreparing-img .livePreparing {border:0px solid #E31C38; border-radius:30px;}
.liveSetBox .livePreparing-img .reset {display:none;}
.liveSetBox .livePreparing-img .normal[style^="display:none;"]+.reset {display:table-cell;}
.liveSetBox .livePreparing-img .liveEnd {display:none;}
.liveSetBox .livePreparing-img .livePreparing[style^="display:none;"]+.liveEnd {display:block;}
.liveSetBox .livePreparing-img p {color:#fff; font-size:24px; font-family:'NotoSansKR',맑은고딕,Malgun Gothic,sans-serif,dotum; margin-top:25px;}
.liveSetBox .livePreparing-img img {width:50%; height:auto;}
.liveSetBox .livePlayer {z-index:1;}
.liveSetBox .liveChatBox {float:right; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative;}
.liveSetBox .liveChatBox .tit {padding:15px 10px; background-color:#fff; border:1px solid #d5d5d5;}

/* LIVE CHAT */
.liveSetBox .liveChatBox, .liveChatDimmed {width:564px;}
.buttonBox.chat {position:absolute; right:0; top:-48px;}
.liveChat iframe {width:564px; border:0;}
.liveChat iframe {/*height:calc(100vh - 343px);*/height:calc(100vh - 287px);}
.liveChatDimmed {position:absolute; background-color:rgba(0,0,0,0.7); display:table;}
.displayNone {display:none;}
.displayTable {display:table;}

.liveChatDimmed>div {display:table-cell; vertical-align:middle; text-align:center; cursor:default; color:#fff; font-family:'NotoSansKR',맑은고딕,Malgun Gothic,sans-serif,dotum;}

.liveSendOutBox, .liveSendOutBox video-js, .bc-player-default_default, .liveSetBox .livePreparing-img,
.liveSetBox .liveChatBox, .liveChatDimmed{/*height:calc(100vh - 342px);*/height:calc(100vh - 285px);}

.liveSendOutBox, .LivePage .topBox>div.buttonBox.live {width:calc(100% - 584px); position:relative;}
.topBox>div.buttonBox.live {float:left;}
.liveSendOutBox video-js, .bc-player-default_defaul {width:100%;}

.wrapMax [class^="btn"]:not([class^="btnRound"]) {border-width:1px; border-style:solid; border-radius:0px; font-family:'NotoSansKR',맑은고딕,Malgun Gothic,sans-serif,dotum;}
.wrapMax .btnLineGR {border-color:#ccc; color:#333; border-color:#ccc;}
.wrapMax .btnLineRD {border-color:#E31C38; color:#E31C38; font-weight:bold;}
.wrapMax .btnFillRD {border-color:transparent; color:#fff; background:#E31C38; font-weight:bold;}
.wrapMax .btnFillDGR {border-color:transparent; color:#fff; background:rgba(0,0,0,0.5);}

/*.LivePage [class^="btn"] {padding:10px 16px;}*/
.LivePage .textBox .btnLineGR, .searchBox [class^="btn"] {font-family:맑은고딕,Malgun Gothic,sans-serif,dotum;}

.LivePage .topBox>div:first-child {text-align:right;}

.liveSetBox .textBox {width:100%/*calc(100% - 604px)*/; float:left; margin-top:30px;}
.liveSetBox .textBox .header {border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:15px; overflow:hidden; height:99px;}
.liveSetBox .textBox .header .FL {width:calc(100% - 330px)}
.liveSetBox .textBox .footer {margin-bottom:20px;}
.liveSetBox .textBox div.tit {width:100%; font-size:24px; padding-top:5px; padding-bottom:5px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.liveSetBox .textBox ul {overflow:hidden;}
.liveSetBox .textBox ul>li {float:left; font-size:13px; color:#666;}
.textBox .footer {color:#666;}

.emergency .tit {font-size:20px;}
.emergency .content {margin-top:20px; line-height:24px; overflow:auto; height:170px;}

/* grid page */
.datagridContainer .searchBox {overflow:hidden; background-color:#F8F8F8; border-top:1px solid rgba(204,204,204,0.3); padding:5px 20px; margin:5px 0px;}
.datagridContainer .searchBox ul {overflow:hidden; float:right;}
.datagridContainer .searchBox ul li {float:left; margin:5px 2px;}
.searchBox [class^="btn"] {padding:2px 10px 4px 10px;}
.searchBox [class^="btn"].dx-button-has-text .dx-button-content {padding:0px;}
#dxDataGrid-liveList table colgroup col:nth-last-child(2) {width:95px;}
#dxDataGrid-liveList table colgroup col:last-child {width:155px;}
.excelDownloadGrid {position:absolute; z-index:-1; top:-100vh; opacity:0;}


/* ========================== error 화면 ========================== */
.errorBox {display: block;width: 800px;height: calc(100% - 10%);vertical-align: middle;margin: 10% auto 0;font-family: 'Noto Sans KR', 맑은고딕,Malgun Gothic,sans-serif,dotum !important;}
.errorBox > .logo {display: block;width:100%;border-bottom: 3px solid #e51c3a;padding:15px 18px; height:75px;}
.errorBox > .title {display: block;background: url(/Resources/Images/icon_error.png) 675px center no-repeat;color: #424242;padding:28px 16px 32px;border-bottom: 1px solid #e9e9e9;}
.errorBox > .title h1 {font-size: 32px;font-weight: 500;}
.errorBox > .title h2 {font-size: 18px;font-weight: 500;}
.errorBox > .context {display: block;padding: 50px 16px 60px;font-size: 16px;color:#afaeae;line-height: 24px;font-weight: 400;}
.errorBox > .btnMainGo {font-family: 'Noto Sans KR', 맑은고딕,Malgun Gothic,sans-serif,dotum !important;min-width: 180px; font-size: 16px;font-weight: 500;color:#424242;background: #e9e9e9;border-radius: 50px;padding: 14px 28px;border:0;height: 50px;margin-left: 16px;}
.errorBox > .btnMainGo:hover {background: #d6d6d6;}
.errorBox > .btnMainGo:after {content: "";display: inline-block;width: 24px;height: 18px;background: url(/Resources/Images/icon_go.png) 0 0 no-repeat;vertical-align: middle;margin-left: 10px;}
.errorBox > .btnMainGo .dx-button-content {display: inline;padding: 0;}

/* url공유 팝업 */
.urlShared .liveUrlBox {border:0; margin-top:0;}
.urlShared .btnInput {top:6px; right:-10px; padding:5px 0px 3px;}
.urlShared .btnInput.dx-state-hover {}
.urlShared .dx-state-disabled .dx-widget.dx-textbox,.urlShared .dx-state-disabled.dx-widget.dx-textbox {background:#fff; border:0;}
.urlShared .dx-state-disabled .dx-widget, .urlShared .dx-state-disabled.dx-widget input {color:#333;}
.urlShared .dx-state-disabled .dx-widget, .urlShared .dx-state-disabled.dx-widget {opacity:1 !important;}
.urlShared .popupContainer {margin-top:30px; position:relative;}
.urlShared .popupContainer .iconInfo {top:-30px; right:0px; cursor:pointer;}
.urlShared .popupContainer .iconInfo+.textInfo {display:none; position:absolute; top:-50px; right:30px; background:#fff; border:1px solid #ccc; z-index:999; padding:5px; line-height:22px;}
.urlShared .popupContainer .iconInfo:hover+.textInfo {display:block;}
.urlShared .tableStandard .dx-texteditor {width:calc(100% - 50px); font-size:11.5px;}

/* url typing */
.urlTyping {z-index:1501; position:fixed; left:0; top:0px; background-color:rgba(0,0,0,0.5); width:100%; height:100%;}
.urlTyping .apply {display:table; margin:10px auto;}
.urlTyping .apply>div {background-color:#fff; position:absolute; width:360px; min-height:183px; box-shadow:0 6px 12px rgb(0 0 0 / 18%); top:50%; margin-top:-50px; margin-left:-180px;}
.urlTyping .dx-popup-title.dx-toolbar span {font-size:20px;}
.urlTyping .content {padding:20px;}
.urlTyping .content dl {overflow:hidden;}

dl.sendUrl dd:nth-child(2n) {margin-top:20px;}

/* media query */
@media only screen and (min-width:1024px) {
    .liveList colgroup [style="width: 80px;"] {width:1px !important;}
}

@media only screen and (max-width:1800px) {
    #liveAppointed .liveItemBox {width:50%; min-width:490px;}
    .mainListBox {min-width:inherit;}
    .mainPage .liveItemBox:nth-child(n+3) {display:none;}
    /*.liveItemText {width:100%;}*/
    .mainImgText>div dl {padding-left:550px;}
}