@charset "utf-8";
@import 'reset.css';
@import 'layout.css';

/*
	Author : SMCHO (2019.06)
	Comment : ez-ui.css
	Modify : 
*/
* {outline:none;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
    
.notransition * { 
  -webkit-transition: none !important; 
  -moz-transition: none !important; 
  -o-transition: none !important; 
  -ms-transition: none !important; 
  transition: none !important; 
}
textarea.notUseNotice {width:100%; min-height:60px; border:none; background-color:rgba(0,0,0,0); overflow-y:hidden; resize:none; font-size:20px; font-weight: 400; color:#fff; text-align:center;}
input:focus {outline:none !important; box-shadow:none !important;}
body{min-width:1240px;}
html[data-signin-type="quiz"] body {min-width: 1000px;}

.modal-open{padding-right:0 !important; height:100%;overflow: visible;}

input:-webkit-autofill{ -webkit-box-shadow:0 0 0 30px #FFFFFF inset; -webkit-text-fill-color:#000000; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ transition:background-color 5000s ease-in-out 0s; }

.mb0{margin-bottom:0 !important}


/* common - header */
.view-header { min-width:1240px; width: 100%; height: 110px; z-index:10; background: #00A1DD; }
.view-header > nav {display:-ms-flexbox; display:flex; width:1200px; overflow:hidden; margin:0 auto; padding:0 20px; min-height:75px; height:100%; align-items:center;}
.view-header > nav .logo-top { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; margin-top:auto; margin-bottom:auto;}
.view-header > nav .logo-top a {display:inline-block; overflow:hidden; min-width:100px; max-width:229px; max-height:75px; }
.view-header > nav .global-nav {display:-ms-flexbox; display:flex; margin-left:auto;}
.view-header > nav .global-nav > li {color:#fff; line-height:37px; flex:1 1 auto; -ms-flex:1 1 auto; align-self:center;}
.view-header > nav .global-nav > li:not(:last-child) .btn-nav:after{content:'|'; font-size:14px; margin:auto 14px; display:-ms-flexbox; display:flex;}
.view-header > nav .global-nav > li .btn-nav{color:#fff; font-size:24px; line-height:24px; cursor:pointer; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.view-header > nav .global-nav > li .btn-nav svg{font-size:24px; line-height:24px; align-self:center;}
.view-header > nav .global-nav > li .btn-nav span{font-size:14px; margin-left:10px; line-height:14px; align-self:center;}
.view-header > nav .global-nav > li .btn-nav .btn-label{font-size:14px; margin-left:10px; line-height:14px; align-self:center;}
.view-header > nav .global-nav > li .btn-nav:hover svg, 
.view-header > nav .global-nav > li .btn-nav:hover span{color:#ffff00;}
.view-menu { width: 100%; background:#fff; }
.view-menu > nav {display:-ms-flexbox; -ms-flex-wrap:wrap; display:flex; flex-wrap:wrap; margin:0 auto; max-width:1250px;  }
.view-menu > nav:not(.swiper-container) .sub-nav {flex-wrap:wrap; -ms-flex-wrap: wrap;}
.view-menu > nav:not(.swiper-container) .sub-nav > li {flex:1 1 auto; -ms-flex:1 1 auto;}
.view-menu > nav .sub-nav {display:-ms-flexbox; display:flex; margin-left:auto; }
.view-menu > nav .sub-nav > li {}
.view-menu > nav .sub-nav > li .btn-nav {display:-ms-flexbox; -ms-flex-wrap:wrap; display:flex; flex-wrap:wrap; white-space:nowrap; padding:0 20px; border-bottom:4px solid #fff; color:#333; font-size:17px; line-height:56px; text-align:center; cursor:pointer; align-items:center; justify-content:center; vertical-align:middle;}
.view-menu > nav .sub-nav > li .btn-nav span {}
.view-menu > nav .sub-nav > li .btn-nav span svg {margin-right:0.4em;}
.view-menu > nav .sub-nav > li .dropbtn > .btn-nav{min-width:130px; display:-ms-flexbox; display:flex; border-bottom:4px solid #fff; color:#333; line-height:56px; padding:0 20px; text-align:center;}
.view-menu > nav .sub-nav > li .dropdown-content div {text-align:center; font-weight:500; border-radius: 6px; padding:0 8px; font-size: 17px; line-height:40px; cursor:pointer;}
.view-menu > nav .sub-nav > li .dropdown-content div:first-child {border-bottom-left-radius:0; border-bottom-right-radius:0;}
.view-menu > nav .sub-nav > li .dropdown-content div:last-child {border-bottom-left-radius:0; border-bottom-right-radius:0;}
.view-menu > nav .sub-nav > li .dropdown-content div + div:before {content: ''; height: 1px; width: 100%; background: #ccc; display:block;}
.view-menu[data-sc="meeting"] > nav .sub-nav > li.checked .btn-nav,
.view-menu[data-sc="meeting"] > nav .sub-nav > li.checked .btn-nav svg {border-color:#2692FF; color:#2692FF;}
.view-menu[data-sc="class"] > nav .sub-nav > li.checked .btn-nav,
.view-menu[data-sc="class"] > nav .sub-nav > li.checked .btn-nav svg {border-color:#9BCD65; color:#9BCD65;}
.view-menu[data-sc="consult"] > nav .sub-nav > li.checked .btn-nav,
.view-menu[data-sc="consult"] > nav .sub-nav > li.checked .btn-nav svg {border-color:#9875F9; color:#9875F9;}
.view-menu[data-sc="webinar"] > nav .sub-nav > li.checked .btn-nav,
.view-menu[data-sc="webinar"] > nav .sub-nav > li.checked .btn-nav svg {border-color:#E65261; color:#E65261;}
.view-menu[data-sc="work"] > nav .sub-nav > li.checked .btn-nav,
.view-menu[data-sc="work"] > nav .sub-nav > li.checked .btn-nav svg {border-color:#46C9A9; color:#46C9A9;}

.search-bar {display:-ms-flexbox; -ms-flex-wrap:wrap; display:flex; flex-wrap:wrap; margin:10px 0;}
.search-bar .title-form {height:40px; margin:2.5px;}
.search-bar .title-form .title{font-size:21px; color:#3D4E6A;}
.search-bar .dt-form  {margin:2.5px; border:none; border-radius:6px;}
.search-bar .dt-form .dt-length {width:auto; height:40px; font-size:15px; border:none; }
.search-bar .table-form {margin:2.5px; border:none; border-radius:6px;}
.search-bar .table-form .table-type {width:auto; height:40px; font-size:15px; border:none; }
.search-bar .date-form {display:-ms-flexbox; display:flex; }
.search-bar .date-form .date-wrapper {display:-ms-flexbox; display:flex;}
.search-bar .date-form .date-wrapper > span {position:relative; margin:2.5px; border:none; border-radius:6px;}
.search-bar .date-form .date-wrapper > span .ui_datepicker {border:none; width:135px; height:40px; font-size:14px; border-radius: 6px;}
.search-bar .date-form .date-wrapper > span .ui-datepicker-trigger {height:40px; position:absolute; right:0; margin:0 6px 0 0; cursor:pointer; }
.search-bar .date-form .date-wrapper > span .ui-datepicker-trigger:before {line-height:40px;}
.search-bar .radio-form {display:-ms-flexbox; display:flex; height:40px; margin:2.5px; align-items:center;}
.search-bar .radio-form .radio-wrapper {align-items:center;}
.search-bar .radio-form .radio-wrapper > label {font-size:14px;}
.search-bar .search-form {margin:2.5px; margin-left:auto; position:relative; border:1px solid #D9E2E8; border-radius:3px;}
.search-bar .search-form .search-input {width:220px; height:40px; color:#707070; font-size:14px; border:none; padding:0 44px 0 20px; }
.search-bar .search-form .search-btn {width:36px; height:36px; line-height:34px; position:absolute; top:2px; right:2px; cursor:pointer; background:#fff; border-radius:5px;}
.search-bar .search-form .search-btn:before {color:#3D4E6A; content: '\f002'; font-family: 'Font Awesome 5 Pro'; font-size:20px;}

.search-bar .search-form2 {margin:2.5px; margin-left:auto; position:relative;}
.search-bar .search-form2 .search-input2 {padding: 0 34px 0 20px !important; height: 40px; vertical-align: top; color: #707070; font-size: 14px; float: left; margin-right: 5px; width: 100%; border: none; border-radius: 6px;}
.search-bar .search-form2 .search-btn2 {width:36px; height:36px; line-height:34px; position:absolute; top:2px; right:2px; cursor:pointer; background:#fff; border-radius:5px;}
.search-bar .search-form2 .search-btn2:before {color:#3D4E6A; content: '\f002'; font-family: 'Font Awesome 5 Pro'; font-size:20px;}

.main-header {width:100%; margin:15px auto;}
.main-header .btn-wrapper {display:-ms-flexbox; display:flex; max-width:1200px; padding:0 20px; margin:0 auto; justify-content:flex-end;}
.main-header .btn-wrapper a + a {margin-left:10px;}
.btn-refresh {width:36px; height:36px; line-height:36px; text-align:center; font-size:20px; border-radius:50%; background:#fff; overflow:hidden; padding:0px 5px;}
.btn-excel {height:36px; line-height:24px; text-align:center; padding:5px 10px; font-size:14px; border-radius:5px; background:#019851; color:#fff; }
.btn-excel:hover, .btn-excel:active, .btn-excel:focus {color:#fff;}
.btn-excel svg {margin-right:5px;}

.viewMenu{margin-top:0px;width:100%; margin-bottom:15px;}
.viewMenu .navSubBtn {overflow:hidden;max-width: 1200px;text-align:right; margin-bottom:0px;}
.viewMenu .navSubBtn #listCnt {margin-left:10px; color:#3D4E6A;}
.viewMenu .navSubBtn .cs_search_conf .form-inline .form-control {border:none; height:40px; font-size:13px; margin-right:10px;}
.viewMenu .navSubBtn a{display:inline-block}

/* 드롭다운메뉴 추가 */
.dropbtn{border:none;cursor:pointer;}
.dropdown{background: none;vertical-align: none;position:relative;}
.dropdown-content:before{position:absolute;top:-8px;left:50%;margin-left:-9px;content:'';width:17px;height:8px;display:block;background:url('../image/dropArr.png') no-repeat 0 0;}
.dropdown-content{display: none;position: absolute;background:#fff;border:1px solid #00A1DD;min-width:120px;box-shadow:0px 3px 3px 2px rgba(0,0,0,0.3);z-index: 1;border-radius: 6px;top:50px;left:50%;margin-left:-60px}
.viewMenu .viewNav > li .dropdown-content a{color:#333;text-decoration: none;display: block;text-align:center;font-family: 'Noto Sans KR', sans-serif;font-weight:500;border-radius: 6px;text-shadow: none;padding:0 8px;line-height:40px;font-size: 17px;}
.viewMenu .viewNav > li .dropdown-content a:first-child{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.viewMenu .viewNav > li .dropdown-content a:last-child{border-top-left-radius: 0;border-top-right-radius: 0;}
.viewMenu .viewNav > li .dropdown-content a + a:before{content:'';display:block;top:0;left:10px;height:1px;width:100px;background:#ccc;margin:0 auto}
.viewMenu .viewNav > li .dropdown-content a + a:hover:before{background-color:#00A1DD}
.viewMenu .viewNav > li .dropdown-content a:hover{background: #00A1DD;color:#fff;font-weight: 400;}
.dropdown:hover .dropdown-content{display: block;}
.dropdown:hover .dropbtn{color: #3977e5}

/* view - 개설하기*/
.container{margin:10px auto 60px;padding:0;min-width:1200px;max-width:1200px}
html[data-signin-type="quiz"] .container {min-width: 1000px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin:0px auto 10px !important; }
html[data-signin-type="quiz"] .container h2{color:#666;font-size:20px;font-family: 'Noto Sans KR', sans-serif;font-weight: 500; margin-bottom:0px !important;}
.createSection{padding:30px 65px 25px;background:#fff;border-radius:6px;box-shadow: 0px 3px 3px 2px rgba(0,0,0,0.05);}
.container h2{color:#666;font-size:18px;margin-bottom:16px;font-family: 'Noto Sans KR', sans-serif;font-weight: 500;}
.b-bottom-line{border-bottom:.25rem solid #4e73df!important;}
.container a.forder_create {text-align:center; display:block; width:500px; height:400px; margin:0 auto; margin-top:100px; padding-top:260px; background:url(../../common/image/quiz_img1.png) no-repeat center;}
.container .forder_create p {font-size:15px; color:#86A0C1;}
.container .forder_create h2 {display:block; width:130px; height:40px; margin:0 auto; margin-top:20px; color:white; background:#46C9A9; border-radius:3px; line-height:40px; font-weight:300; 
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.container a.forder_create:hover h2 {background:#28B18F;}

/* view - 회의실 개설 */
.container .create-label{margin-top : 8px; font-size:17px;color:#666; font-weight:600}
.container .create-label-sub{font-size:14px;color:#666; font-weight:500}
.container .create-input{margin-bottom:27px;width: 100%;overflow: hidden;}
.container .create-input input.room_title{width: 87%;border:1px solid #D0D0D0;height:40px;line-height:20px;padding:20px;border-radius:6px;font:300 16px 'Noto Sans KR';}
.container .create-input .form-group{display: block;overflow: hidden;margin-bottom:0}
/* .container .create-input button {float: right;background:#2692FF;color:#fff;font-weight:bold;line-height:40px;height:40px;vertical-align:top;font-size:16px;border-radius:6px;width:100px;margin-left:10px}
.container .create-input button[data-sc="meeting"] {background:#2692FF;}
.container .create-input button[data-sc="class"] {background:#9BCD65;}
.container .create-input button[data-sc="consult"] {background:#9875F9;}
.container .create-input button[data-sc="webinar"] {background:#E65261;}
.container .create-input button[data-sc="work"] {background:#46C9A9;} */
.container .create-input input.room_title{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.container .create-input > input[type='submit']{display:none}

.container .statisticTable table.dataTable thead th, .container .statisticTable table.dataTable thead td { padding:10px 2px;}
.container .statisticTable table.dataTable tbody th, .container .statisticTable table.dataTable tbody td { padding:10px 2px; word-break: break-all; white-space:pre-line;}
.custom-placeholder::placeholder {font-size:15px; color:#C7D7EB; font-weight:300;}

/* view - 개설하기 - 탭 */
#tab.viewCTab{float:none;position:relative;}
#tab.viewCTab ul.nav li{top:0;left:0;height:35px;text-align:center; display:flex;}
#tab.viewCTab ul.nav li a{display:block;background:#B4B4B4;line-height:35px;border-radius:6px 6px 0 0;color:#fff;font-weight:bold;font-size:16px; padding:0px 8px;}
#tab.viewCTab ul.nav li a.active{background:#00A1DD}
#tab.viewCTab ul.nav li a.active[data-sc="meeting"]{background:#2692FF}
#tab.viewCTab ul.nav li a.active[data-sc="class"]{background:#9BCD65}
#tab.viewCTab ul.nav li a.active[data-sc="consult"]{background:#9875F9}
#tab.viewCTab ul.nav li a.active[data-sc="webinar"]{background:#E65261}
#tab.viewCTab ul.nav li a.active[data-sc="work"]{background:#46C9A9}
#tab.viewCTab ul.nav li#tab2{left:96px}
#tab.viewCTab #template .rTypeList div[data-toggle="collapse"] {cursor:pointer;}
#tab.viewCTab #template .rTypeList #templateSettingModal.collapse {transition:height .35s ease-in-out !important;}
#tab.viewCTab #template .rTypeList #templateSettingModal.collapsing {transition:height .35s ease-in-out !important;}
#tab.viewCTab #template .rTypeList #assignedSeatSetting .assigned-seat-setting-div {display:flex; position:relative; width:100%; padding:0px 15px;}
#tab.viewCTab #template .rTypeList #assignedSeatSetting .search-div {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; margin-right:1rem;}
#tab.viewCTab #template .rTypeList #assignedSeatSetting .seat-div {-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
#tab.viewCTab .rTypeList:after{display:block;clear:both;content:'';}
#tab.viewCTab .rTypeList,
#tab.viewCTab #content2{border: 2px solid #00A1DD;width:100%;text-align: center;margin: 0 auto;padding:10px 0 10px 0}
#tab.viewCTab .rTypeList[data-sc="meeting"], #tab.viewCTab #content2[data-sc="meeting"]{border: 2px solid #2692FF;}
#tab.viewCTab .rTypeList[data-sc="class"], #tab.viewCTab #content2[data-sc="class"]{border: 2px solid #9BCD65;}
#tab.viewCTab .rTypeList[data-sc="consult"], #tab.viewCTab #content2[data-sc="consult"]{border: 2px solid #9875F9;}
#tab.viewCTab .rTypeList[data-sc="webinar"], #tab.viewCTab #content2[data-sc="webinar"]{border: 2px solid #E65261;}
#tab.viewCTab .rTypeList[data-sc="work"], #tab.viewCTab #content2[data-sc="work"]{border: 2px solid #46C9A9;}

#planContent.rTypeList .btn {border-radius: 0px !important;}
#planContent.rTypeList label {font-weight:700;}

#planContent.rTypeList .btn-info{color: #fff; background-color: #2692FF; border-color: #2692FF;}
#planContent.rTypeList .btn-info:hover{color: #fff; background-color: #2478FF; border-color: #2478FF;}
#planContent.rTypeList .btn-danger{color: #fff; background-color: #404F64; border-color: #404F64;}
#planContent.rTypeList .btn-danger:hover{color: #fff; background-color: #484848; border-color: #484848;}
#planContent.rTypeList .input-group-text{margin-bottom : 0px !important;}

/* view - 개설하기 - 회의유형 */
ul.rTypeList {display:flex; flex-wrap:wrap;}
.rTypeList li{float: left;width: 15.2%;margin:1% 0 2% 1%;position:relative; justify-content:flex-start;}
.rTypeList li:nth-child(7n){border-left:none}
.rTypeList li:nth-child(n+7):before{width:100%;height:1px;background:#d0d0d0;position:absolute;top:-3%;left:7px;}
.rTypeList li .layoutItem.checked .tempImg{border:5px solid;}
.rTypeList li .tempImg{display: table;height: 110px;text-align: center;width: 110px;line-height: 90px; float:none; margin: 0 auto; border : 5px solid; border-color:#ffffff;}
.rTypeList li .tempImg img{vertical-align:middle;width:79px;height:79px;}
.rTypeList li .tempName{display:block;margin-top:10px}
.rTypeList li .tempName{font-size:15px;color:#333;text-align:center;display:block; word-break:break-all;}
.rTypeList li .tempOption{font-size:20px;cursor:pointer; margin-left:87px; width:36px; height:36px; position:absolute; display:none;}
.rTypeList li .tempSetting{font-size:20px;cursor:pointer; margin-left:80px; width:36px; height:36px; position:absolute; display:none; top:83px;}
.rTypeList li .layoutItem:hover .tempOption, .rTypeList li .layoutItem:hover .tempSetting{display:block;}
.rTypeList li .text-info{color:#b4b4b4 !important;}
.rTypeList li .layoutItem{display:block; padding-top:10px;padding-left:10px;position:relative; width:130px; margin:auto; cursor:pointer;}
.rTypeList li .layoutItem,
.rTypeList li .layoutItem:hover .tempName,
.rTypeList li .layoutItem.checked .tempName{color:#00A1DD;}
.rTypeList li .layoutItem[data-sc="meeting"],
.rTypeList li .layoutItem:hover .tempName[data-sc="meeting"],
.rTypeList li .layoutItem.checked .tempName[data-sc="meeting"]{color:#2692FF;}
.rTypeList li .layoutItem[data-sc="class"],
.rTypeList li .layoutItem:hover .tempName[data-sc="class"],
.rTypeList li .layoutItem.checked .tempName[data-sc="class"]{color:#9BCD65;}
.rTypeList li .layoutItem[data-sc="consult"],
.rTypeList li .layoutItem:hover .tempName[data-sc="consult"],
.rTypeList li .layoutItem.checked .tempName[data-sc="consult"]{color:#9875F9;}
.rTypeList li .layoutItem[data-sc="webinar"],
.rTypeList li .layoutItem:hover .tempName[data-sc="webinar"],
.rTypeList li .layoutItem.checked .tempName[data-sc="webinar"]{color:#E65261;}
.rTypeList li .layoutItem[data-sc="work"],
.rTypeList li .layoutItem:hover .tempName[data-sc="work"],
.rTypeList li .layoutItem.checked .tempName[data-sc="work"]{color:#46C9A9;}
/* .rTypeList li .layoutItem.checked:before{content:'';display:block;width:17px;height:17px;overflow:hidden;background:#fff url('../image/checkBox.png') no-repeat 100% 0;position:absolute;top:0;right:0;z-index:10;border-radius:3px} */
.rTypeList li .layoutItem[data-sc="meeting"].checked:before{background:#fff url('../../common/image/meeting/checkBox.png') no-repeat 100% 0;}
.rTypeList li .layoutItem[data-sc="class"].checked:before{background:#fff url('../../common/image/class/checkBox.png') no-repeat 100% 0;}
.rTypeList li .layoutItem[data-sc="consult"].checked:before{background:#fff url('../../common/image/consult/checkBox.png') no-repeat 100% 0;}
.rTypeList li .layoutItem[data-sc="webinar"].checked:before{background:#fff url('../../common/image/webinar/checkBox.png') no-repeat 100% 0;}
.rTypeList li .layoutItem[data-sc="work"].checked:before{background:#fff url('../../common/image/work/checkBox.png') no-repeat 100% 0;}
.rTypePw{overflow:hidden;position:relative;margin:10px auto;}
.rTypePw span{display:block;float:left;position:relative;margin-right:10px}
.rTypePw span svg{position:absolute;left:11px;top:14px;width:12px;color:#b4b4b4;}
.rTypePw span i{position:absolute;left:11px;top:14px;width:12px;color:#b4b4b4;}
.rTypePw span input{padding-left:37px;width: 220px;height:40px;line-height:40px;font-size:14px;color:#B4B4B4;border:1px solid #D0D0D0;border-radius:6px;background-color:transparent;}
.rTypePw span input:hover,
.rTypePw span input:focus{border-radius:6px;outline:none}
.rTypePw span input:focus{padding-left:37px;background:#fff}
.rTypePw .noBg input{background:#fff;}
.rTypePw span input.noBg{background:#fff}
.rTypePw p{float:left;line-height:40px;color:#00A1DD;font-size:14px}

.no_wrap_table thead th, .no_wrap_table tbody td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* 지정자리 설정 */
.com_data_table { table-layout:fixed; margin:0px; }
.com_data_table tr:hover {background-color: #f1f4f8;}
/* 구 브라우저 지원 fixed & sticky */
.com_data_table thead th { position:sticky; top:-1px; border:1px solid #d9e2e8; height:43px; line-height:20px; font-size: 15px; font-weight:400; border: 1px solid #d2d2d2; color: #3D4E6A; background-color:#f1f4f8; padding:12px 1px; }
.com_data_table tbody td { height:37px; vertical-align:middle; font-size:14px; padding:3px 8px; line-height:20px; border:1px solid #D9E2E8; color:#3D4E6A;}
.com_data_table tbody td a {cursor: pointer;}

.modal_template_setting .modal-footer {justify-content: center; flex-direction: row;}
.modal_template_setting .modal-footer button {width: 250px; height: 50px; font-size: 17px;}
.modal_assigned_seat_setting .modal-footer {justify-content: center; flex-direction: row;}
.modal_assigned_seat_setting .modal-footer button {width: 250px; height:50px; font-size: 17px;}

.scrollZone {border:1px solid #d9e2e8; border-radius: 6px; overflow-y: scroll; min-height: 60px; max-height: 242px;}

/* 템플릿 플립 */
.flip_header:first-child:nth-last-child(2) {pointer-events:none;}
.flip_header:first-child:nth-last-child(2) .flip_title:after {border:solid #d2d2d2; border-width:0 2px 2px 0;}
.flip_header {padding:0px 16px 0px 16px; cursor:pointer; height: 36px; position:relative;}
.flip_header:not(:first-child) {margin-top:30px;}
.flip_header .flip_title {margin-right:auto; font-size:23px; line-height:34px; color:#3d4e6a; }
.flip_header .flip_title:before {content: ''; width:2px; height:24px; top:6px; left:6px; position:absolute;}
.flip_header .flip_title:after {content: ''; right:7px; top:8px; position:absolute; border:solid #7f7f7f; border-width:0 2px 2px 0; display:inline-block; padding:5px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.flip_header[aria-expanded=true] .flip_title:after { top:13px; transform:rotate(225deg); -webkit-transform:rotate(225deg);}
.flip_content.show:after {width: 100%; height: 1px; content: ''; background-color: #d9e2e8; position: absolute; left: 0px; margin: 15px 0px; }

/* 사용자 검색 테이블 */
.search_member_table tbody td a img{margin: auto;}
.search_member_table tbody td a img:first-child{display:block;}
.search_member_table tbody td a img:last-child{display:none;}
.search_member_table tbody td a:hover img:first-child{display:none;}
.search_member_table tbody td a:hover img:last-child{display:block;}

/* 착석 테이블 */
.seat_member_table tbody td select {margin:0px; padding: 0rem .75rem; height:calc(2.0rem + 2px);}
.seat_member_table tbody td a img{margin: auto;}
.seat_member_table tbody td a img:first-child{display:block;}
.seat_member_table tbody td a img:last-child{display:none;}
.seat_member_table tbody td a:hover img:first-child{display:none;}
.seat_member_table tbody td a:hover img:last-child{display:block;}

/* 지정자리 목록 */
.position_seat_list .title_group {margin: 15px 0; margin-right: auto;}
.position_seat_list .title_group .title_text {font-size: 21px; color: #3d4e6a;}

/* 참석자 목록 */
.assigned_seat_list .title_group {margin: 15px 0; margin-right: auto;}
.assigned_seat_list .title_group .title_text {font-size:21px; color:#3d4e6a;}
.assigned_seat_list .user_group {height:100px; overflow-y: scroll; background-color:#f1f4f8; border-radius: 6px; border-style:none; padding: 10px;}
.assigned_seat_list .user_group .assigned_seat_user {border-color:#d9e2e8; color:#212121; padding: 0px 8px; height: 35px; line-height:32px; margin: 2px; background-color:#ffffff;}
.assigned_seat_list .user_group .assigned_seat_user.data_assigned {background-color:#F3FFDD;}
.assigned_seat_list .user_group .assigned_seat_user a[del-assigned-seat-user] {display: none; cursor: pointer;}
.assigned_seat_list .user_group .assigned_seat_user a[del-assigned-seat-user].data_assigned {display: inline-block; padding-left:10px;}
.assigned_seat_list .user_group .assigned_seat_user a[del-assigned-seat-user].data_assigned img {vertical-align:text-top;}
.assigned_seat_list .user_group .assigned_seat_user a[del-assigned-seat-user] img:first-child{display: inline-block;}
.assigned_seat_list .user_group .assigned_seat_user a[del-assigned-seat-user] img:last-child{display: none;}
.assigned_seat_list .user_group .assigned_seat_user a[del-assigned-seat-user]:hover img:first-child{display: none;}
.assigned_seat_list .user_group .assigned_seat_user a[del-assigned-seat-user]:hover img:last-child{display: inline-block;}

/* 간편초대 링크발급(운영자용) */
.inviteTimeModalForm h5{font-size : 19px; font-weight: normal!important;}
.inviteTimeModalForm .form-group {width : 100%;margin-bottom: 14px;}
.inviteTimeModalForm .font-weight-bold {font-size:21px; color : #3d4e6a; font-weight: normal!important; font-style: normal; }
.inviteTimeModalForm .form-group .font-weight-bold{margin-top:14px;margin-bottom: 15px;}
.inviteTimeModalForm .select-ui {margin: 0px 15px 14px 15px;}
.inviteTimeModalForm .select-ui .select-list{display: block; position:relative; width:100%; max-height: 250px; overflow: hidden; overflow-y:scroll; border: 1px solid #d9e2e8; padding-left: 20px!important; padding-right:20px!important; font-size : 17px;  border-radius: 6px; height : 50px; color:#3d4e6a; background: #fff url("../image/show_option_arr.png") no-repeat 95%; line-height: 50px; appearance: none;}
.inviteTimeModalForm .select-ui .select-list::-ms-expand{display:none;}
.inviteTimeModalForm .select-ui .select-list:hover{border:1px solid #9bcd65;}
.inviteTimeModalForm .select-ui .select-list option{display: inline; float: left; width:100%; color : #3d4e6a; font-size : 17px; line-height:40px;padding: 0px 20px}
.inviteTimeModalForm .select-ui .select-list option:hover{background: #d9e2e8;}
.inviteTimeModalForm .select-ui .select-list li{display: inline; float: left; width:100%;}
.inviteTimeModalForm .select-ui .select-list li a{display:block; color : #3d4e6a; font-size : 17px; line-height:40px;padding: 0px 20px}


.inviteTimeModalForm .inviteTimeUse button{width:50% ;height: 50px; border: 1px solid #d9e2e8; color:#3d4e6a; text-align : center; vertical-align: middle; font-size: 17px; }
.inviteTimeModalForm .inviteTimeUse button:hover{border:none; background-color:#9BCD65;color:#fff;}
.inviteTimeModalForm .inviteTimeUse button.selected{border:none; background-color:#9BCD65;color:#fff;}
.inviteTimeModalForm .inviteTimeUse {display:-ms-flexbox; -ms-flex-wrap:nowrap; -ms-flex-direction:row; display: flex; flex-wrap: nowrap;flex-direction: row;margin-bottom: 15px;}
.inviteTimeModalForm .inviteTimeUse .unlimitedTime{border-radius:6px 0px 0px 6px;}
.inviteTimeModalForm .inviteTimeUse .limitedTime{border-radius: 0px 6px 6px 0px; border-left-width: 0px!important;}

.inviteTimeModalForm .input-group input{background-color: #fff; border-radius:6px!important; background-image: url("../image/calendar_re.png");background-position: 8% 55%; background-repeat: no-repeat;height: 50px;color :#3d4e6a; }
.inviteTimeModalForm .input-group .wave-dash{font-size:21px; line-height: 50px; margin-left: 16px; margin-right: 16px;}
.inviteTimeModalForm .input-group .form-control{padding-left:45px!important;}

.inviteTimeModalForm .btn-primary {font-size:17px!important; font-weight:normal !important; width:250px; height: 50px; text-align: center; border-radius: 25px; background-color: #9BCD65; margin-bottom: 14px;}
.inviteTimeModalForm .modal-footer {text-align: center; justify-content: center;padding-top: 2px;}
.inviteTimemodalForm .modal-body{padding-bottom: 0px;}

/* 간편초대 링크발급(운영자용) 끝 */ 



.cBadge {display:inline-block; border:1px solid; padding: .25em .4em; font-size:16px; font-weight:300; text-align:center; white-space:nowrap; vertical-align:baseline;     transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.cBadge-pill {padding-right: .6em; padding-left:.6em; border-radius: 10rem;}
.cBadge-light {border-color: #adadad; color:#212121; background-color:#ffffff;}


/* view - 현재회의 */
.nCardList .category {margin-bottom:0.5rem; cursor:pointer;}
.nCardList .category.disable {cursor:auto; pointer-events:none;}
.nCardList .category.disable .category-head{color:#a0a3ad; background-color:#d7dae5;}
.nCardList .category .category-head {display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; min-height:46px; line-height:46px; color:#ffffff; background-color:#525a7e; padding:0 15px; margin:5px 0.15rem 5px 0; border-radius:4px;}
.nCardList .category .category-head .category-name{width:75%; font-size:20px; word-break:break-all;}
.nCardList .category .category-head .category-badge{margin-left:auto; font-size:14px;}
.nCardList .category .category-head .category-badge span{height:26px; padding: 0px 20px; border-radius:13px; border:solid 1px #ffffff; background-color:#ffffff; color:#282c38;}
.nCardList .category .category-body{padding-right: 0.25rem;
-webkit-transition:none;
-o-transition:none;
transition:none;}
.nCardList li[data-name=roomCard]{height:100%; background:#D9E2E8;position:relative;overflow:hidden;margin-bottom:15px; padding:0 0 0 10px; box-shadow:0px 2px 2px 2px rgba(0,0,0,0.05);}
.nCardList li[data-name=roomCard]:last-child{margin-bottom:0.65rem;}
.nCardList li[data-name=roomCard]:hover{border-color:#00A1DD;background-color:#00A1DD;}
.nCardList li[data-name=roomCard]:hover .listTit{color: #00A1DD;}
.nCardList li[data-name=roomCard] .cardListWrap{display:-ms-flexbox; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; background:#fff;margin:0;overflow:hidden;width:100%;height:100%; }
.nCardList li[data-name=roomCard] .cardListWrap *{font-weight:normal}
.nCardList li[data-name=roomCard] .cardListWrap .flexBtnWrap{display:-ms-flexbox; display:flex; margin-left:auto; flex:0.4; -ms-flex:0.4;}
.nCardList li[data-name=roomCard].listCheck .listTit{color:#00A1DD;font-weight:bold}
.nCardList li[data-name=roomCard].listCheck{border-color:#00A1DD;background: #00A1DD;}
.nCardList li[data-name=roomCard].listCheck .listAttendBtn .attBtn a,
.nCardList li[data-name=roomCard].listCheck .listAttendBtn .attBtn a:before{background:#00A1DD;color:#fff}
.nCardList .listTit{margin:5px auto 0px auto; width:550px; height:38px;color:#3D4E6A;font-weight:500 !important;font-size:23px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nCardList[data-sc="meeting"] li[data-name=roomCard]:hover{border-color:#2692FF;background-color:#2692FF;}
.nCardList[data-sc="meeting"] li[data-name=roomCard]:hover .listTit{color: #2692FF;}
.nCardList[data-sc="meeting"] li[data-name=roomCard].listCheck .listTit{color:#2692FF;font-weight:bold}
.nCardList[data-sc="meeting"] li[data-name=roomCard].listCheck{border-color:#2692FF;background: #2692FF;}
.nCardList[data-sc="meeting"] li[data-name=roomCard].listCheck .listAttendBtn .attBtn a,
.nCardList[data-sc="meeting"] li[data-name=roomCard].listCheck .listAttendBtn .attBtn a:before{background:#2692FF;color:#fff}
.nCardList[data-sc="class"] li[data-name=roomCard]:hover{border-color:#9BCD65;background-color:#9BCD65;}
.nCardList[data-sc="class"] li[data-name=roomCard]:hover .listTit{color: #9BCD65;}
.nCardList[data-sc="class"] li[data-name=roomCard].listCheck .listTit{color:#9BCD65;font-weight:bold}
.nCardList[data-sc="class"] li[data-name=roomCard].listCheck{border-color:#9BCD65;background: #9BCD65;}
.nCardList[data-sc="class"] li[data-name=roomCard].listCheck .listAttendBtn .attBtn a,
.nCardList[data-sc="class"] li[data-name=roomCard].listCheck .listAttendBtn .attBtn a:before{background:#9BCD65;color:#fff}
.nCardList[data-sc="consult"] li[data-name=roomCard]:hover{border-color:#9875F9;background-color:#9875F9;}
.nCardList[data-sc="consult"] li[data-name=roomCard]:hover .listTit{color: #9875F9;}
.nCardList[data-sc="consult"] li[data-name=roomCard].listCheck .listTit{color:#9875F9;font-weight:bold}
.nCardList[data-sc="consult"] li[data-name=roomCard].listCheck{border-color:#9875F9;background: #9875F9;}
.nCardList[data-sc="consult"] li[data-name=roomCard].listCheck .listAttendBtn .attBtn a,
.nCardList[data-sc="consult"] li[data-name=roomCard].listCheck .listAttendBtn .attBtn a:before{background:#9875F9;color:#fff}
.nCardList[data-sc="webinar"] li[data-name=roomCard]:hover{border-color:#E65261;background-color:#E65261;}
.nCardList[data-sc="webinar"] li[data-name=roomCard]:hover .listTit{color: #E65261;}
.nCardList[data-sc="webinar"] li[data-name=roomCard].listCheck .listTit{color:#E65261;font-weight:bold}
.nCardList[data-sc="webinar"] li[data-name=roomCard].listCheck{border-color:#E65261;background: #E65261;}
.nCardList[data-sc="webinar"] li[data-name=roomCard].listCheck .listAttendBtn .attBtn a,
.nCardList[data-sc="webinar"] li[data-name=roomCard].listCheck .listAttendBtn .attBtn a:before{background:#E65261;color:#fff}
.nCardList[data-sc="work"] li[data-name=roomCard]:hover{border-color:#46C9A9;background-color:#46C9A9;}
.nCardList[data-sc="work"] li[data-name=roomCard]:hover .listTit{color: #46C9A9;}
.nCardList[data-sc="work"] li[data-name=roomCard].listCheck .listTit{color:#46C9A9;font-weight:bold}
.nCardList[data-sc="work"] li[data-name=roomCard].listCheck{border-color:#46C9A9;background: #46C9A9;}
.nCardList[data-sc="work"] li[data-name=roomCard].listCheck .listAttendBtn .attBtn a,
.nCardList[data-sc="work"] li[data-name=roomCard].listCheck .listAttendBtn .attBtn a:before{background:#46C9A9;color:#fff}



/* list-title */
.nCardList .flexInfo {display:-ms-flexbox; display:flex; flex-direction:row; flex:0.6; -ms-flex:0.6;}
.nCardList .flexInfo .icoType{position: relative; margin:10px; text-align: center; width:115px; align-self:center;}
.nCardList .flexInfo .icoType img{vertical-align:middle;height: auto;width:auto;max-width: 100%;}
.nCardList .flexInfo .icoType:after{display:inline-block;content:'';width:0px;height:80px;background:#ccc;position:absolute;top:0;right:0}
.nCardList .flexInfoTx{margin:auto; align-self:center; -ms-flex-align: center;}
.nCardList .flexInfo .listDateIco{max-width:550px; margin:0px 5px 5px 0px;}
.nCardList .flexInfo .listDateIco li{display:inline-block;font-size:13px;color:#848CAF; margin-top:3px;}
.flexInfo .listDateIco li + li{margin-left:10px}
.nCardList .flexInfo .listDateIco li.list-icon:before{display:inline-block; width:20px; height:20px; clear:both; margin-right:5px; content:""; vertical-align:middle;}
.nCardList .flexInfo .listDateIco li.list-icon#regstrNm{max-width: 105px; width:auto;}
.nCardList .flexInfo .listDateIco li.list-icon#regstrNm:before {background:url('../../common/image/list_name_icon.png') no-repeat 0px -2px;}
.nCardList .flexInfo .listDateIco li.list-icon#regDatetime:before{background:url('../../common/image/list_date_icon.png') no-repeat 0px -2px;}
.nCardList .flexInfo .listDateIco li.list-icon#totalDatetime:before{background:url('../../common/image/list_time_icon.png') no-repeat 0px -2px;}
.nCardList .flexInfo .listDateIco li.list-icon#currentUserNum:before{background:url('../../common/image/list_user_icon.png') no-repeat 0px -2px;}
.nCardList .flexInfo .listDateIco li.list-icon#security:before{background:url('../../common/image/list_pwroom_icon.png') no-repeat 0px -2px;}
.nCardList .flexInfo .listDateIco li.list-icon#inviteOnly:before {background:url('../../common/image/list_ivtroom_icon.png') no-repeat 0px -2px;}
.nCardList .flexInfo .listDateIco #staticConfBadge span{border-radius:50px; border:1px solid #FF7F30 !important; padding:6px 7px; background:#fff; color:#FF7F30; font-size:11px; margin-top:-2px;}
.nCardList .flexInfo .listDateIco #reserveConfBadge span{border-radius:50px; border:1px solid #848CAF !important; padding:6px 7px; background:#fff; color:#848CAF; font-size:11px; margin-top:-2px;}
.nCardList .flexInfo .listDateIco #staticConfLimitBadge span{border-radius:50px; border:1px solid #FF0000 !important; padding:6px 7px; background:#fff; color:#FF0000; font-size:11px; margin-top:-2px; font-weight:bold; min-width:180px;}

/* list-button - 방청 참석 */
.flexBtnWrap .listAttend{display:-ms-flexbox; -ms-flex-wrap:wrap; -ms-flex-direction:row; min-height:110px; height:100%; margin-left:auto; display:flex; flex-direction:row; flex-wrap:wrap;}
.flexBtnWrap .listAttend .flexMobBtn{padding:14px; margin:auto; align-self:center; -ms-flex-align: center; display:-ms-flexbox; display:flex;}
.flexBtnWrap .listAttend .flexMobBtn > div {cursor:pointer;  align-self:center;}

/* list-button - 초대 참가 */
.flexBtnWrap .flexBtn{margin-left:30px; position:relative;}
.flexBtn .listAttendBtn{width:100%; height:100%;}
.listAttendBtn .flexMobBtn .attBtnImg{text-align:center;font-size:16px;line-height:30px;color:#848CAF;width:100%;height:100%;overflow:hidden; cursor:pointer;}
.listAttendBtn .flexMobBtn .attBtnImg:hover,
.listAttendBtn .flexMobBtn .attBtnImg:hover:before{color:#3D4E6A;}
.listAttendBtn div .attBtnImg:before{display:block; content:''; margin:0 auto; width:40px; height:40px; margin-bottom:5px; background:url('../../common/image/list_ivt_icon.png') no-repeat; text-align:center;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.flexMobBtn .listAttendBtn .attBtnImg span{color:white; border-radius:150px; padding:2px 10px; background:#848CAF; font-size:14px;}
.flexMobBtn .listAttendBtn .attBtnImg:hover span {background:#3D4E6A;}
.listAttendBtn div .attBtnImg:hover:before {background:url('../../common/image/list_ivt_icon_hover.png') no-repeat;}
.flexBtn .listAttendBtn div .attBtnImg:before{color:#848CAF;}

.listAttendBtn div.btnModifyBooking .attBtnImg:before{display:block; content:'\f044'; width:40px; height:40px; font-size:27px;  font-family:'Font Awesome 5 Pro'; font-weight:900;  background:none; color: #848CAF;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.listAttendBtn div.btnModifyBooking .attBtnImg:hover:before {content:'\f044'; font-family:'Font Awesome 5 Pro'; font-weight:900; color: #3D4E6A;}

.listAttendBtn div.btnFileDownload .attBtnImg:before{display:block; content:'\f0c7'; width:40px; height:40px; font-size:30px; font-family:'Font Awesome 5 Pro'; font-weight:900;  background:none; color: #848CAF;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.listAttendBtn div.btnFileDownload .attBtnImg:hover:before {content:'\f0c7'; font-family:'Font Awesome 5 Pro'; font-weight:900; color: #3D4E6A;}

.listAttendBtn div.listAttendBtn .attBtnImg:before{display:block;content:''; width:40px; height:40px; background:url('../../common/image/list_ivt_icon.png') no-repeat;
background-size:100%;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.listAttendBtn div.listAttendBtn .attBtnImg:hover:before {background:url('../../common/image/list_ivt_icon_hover.png') no-repeat; background-size:100%;}
.listAttendBtn div.assignedSeatBtn .attBtnImg:before{display:block;content:''; width:40px; height:40px; background:url('../../common/image/list_ass_icon.png') no-repeat;
background-size:100%;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.listAttendBtn div.assignedSeatBtn .attBtnImg:hover:before {background:url('../../common/image/list_ass_icon_hover.png') no-repeat; background-size:100%;}
.listAttendBtn div.simpleInviteBtn .attBtnImg:before{display:block;content:''; width:40px; height:40px; background:url('../../common/image/list_sivt_icon.png') no-repeat;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.listAttendBtn div.simpleInviteBtn .attBtnImg:hover:before {background:url('../../common/image/list_sivt_icon_hover.png') no-repeat;}
.listAttendBtn div.audienceInviteBtn .attBtnImg:before{display:block; width:40px; height:40px; content:''; background:url('../../common/image/list_aivt_icon.png') no-repeat;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.listAttendBtn div.audienceInviteBtn .attBtnImg:hover:before {background:url('../../common/image/list_aivt_icon_hover.png') no-repeat;}
.flexBtn .listAttendBtn div{width:100%;height:100%;text-align:center;}
.flexBtnWrap .flexBtn .listAttendBtn .attBtn{display:-ms-flexbox; -ms-flex-direction:column; background:#848CAF; width:110px; display:flex; flex-direction:column; cursor:pointer;}
.flexBtnWrap .flexBtn .listAttendBtn .attBtn .attBtnImg {height:40px; margin:auto; color:white;font-size:14px;}
.flexBtnWrap .flexBtn .listAttendBtn .attBtn:hover {background:#00A1DD; color:#fff;  font-weight:normal;}

.flexBtnWrap .flexBtn .listAttendBtn .attBtn .attBtnImg:before{content:''; display:block; width:40px; height:40px; background:url('../../common/image/list_join_icon.png') no-repeat; margin:auto; margin-top:-10px; margin-bottom:5px;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.flexBtnWrap .flexBtn .listAttendBtn .attBtn .attBtnImg:hover:before{background:url('../../common/image/list_join_icon_hover.png') no-repeat;  }

.flexBtnWrap .flexBtn .listAttendBtn .attBtn .attWebrtcBtnImg {height:38px; margin:auto; color:white;font-size:14px;}
.flexBtnWrap .flexBtn .listAttendBtn .attBtn .attWebrtcBtnImg:before{content:''; display:block; width:40px; height:38px; background:url('../../common/image/ic_webRTC.png') no-repeat; margin:auto; margin-top:-10px; margin-bottom:5px;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.flexBtnWrap .flexBtn .listAttendBtn .attBtn .attWebrtcBtnImg:hover:before{background:url('../../common/image/ic_webRTC.png') no-repeat;  }

.flexBtnWrap .flexBtn .listAttendBtn .attBtn .attAppBtnImg {height:38px; margin:auto; color:white;font-size:14px;}
.flexBtnWrap .flexBtn .listAttendBtn .attBtn .attAppBtnImg:before{content:''; display:block; width:40px; height:38px; background:url('../../common/image/ic_App.png') no-repeat; margin:auto; margin-top:-10px; margin-bottom:5px;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.flexBtnWrap .flexBtn .listAttendBtn .attBtn .attAppBtnImg:hover:before{background:url('../../common/image/ic_App.png') no-repeat;  }

.flexBtnWrap[data-sc="meeting"] .flexBtn .listAttendBtn .attBtn:hover{background:#2692FF;}
.flexBtnWrap[data-sc="class"] .flexBtn .listAttendBtn .attBtn:hover{background:#9BCD65;}
.flexBtnWrap[data-sc="consult"] .flexBtn .listAttendBtn .attBtn:hover{background:#9875F9;}
.flexBtnWrap[data-sc="webinar"] .flexBtn .listAttendBtn .attBtn:hover{background:#E65261;}
.flexBtnWrap[data-sc="work"] .flexBtn .listAttendBtn .attBtn:hover{background:#46C9A9;}

/* list-button - 삭제 */
.flexBtnWrap .flexBtn .listLock{width:20px;height:20px;text-align:center;overflow:hidden;display:block;background:#000;position:absolute;right:0;top:0}
.flexBtnWrap .flexBtn .listLock a{display:block;height:100%;line-height:100px;overflow:hidden;vertical-align:middle;font-size:16px;}
.flexBtnWrap .flexBtn .listLock .fa-w-14{color:#fff}
.flexBtnWrap .flexBtn .listLock a{color:#d0d0d0;background:#333333}
.flexBtnWrap .flexBtn .listLock a:hover{color:#707070}

/* 초대 */
.tabBack{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#000;z-index:11;opacity: 0.7;}
.inviteSection{background:#fff;padding:28px 45px;border-radius:6px;box-shadow: 0px 3px 3px 2px rgba(0,0,0,0.05);}
.inviteSection input[type="text"]{display:inline-block;margin:0;width:100%;height:36px;line-height:36px;color:#B4B4B4;font-size:14px;padding:0 6px;vertical-align:middle;background:#fff;cursor:pointer;border:1px solid #B4B4B4;border-radius:5px; box-sizing:border-box;}
.inviteSection .inviteName input{padding-left:0px; border:none; color:#333;font-size:17px;height:48px;line-height:48px;cursor:default;}
.inviteSection .inviteName {margin-bottom:7px;}
.inviteSection .ivtHorizontalLine {width:100%; height:1px; background-color:#ccc; margin-bottom:23px;}

/* 예약 강의 */
.rsvRoom .flexBtn .listAttendBtn .attBtn{background:#D9E2E8; pointer-events:none; cursor:none;}

/* 조직도 관리 */
.deptSection{background:#fff;padding:28px 45px;border-radius:6px;box-shadow: 0px 3px 3px 2px rgba(0,0,0,0.05);}
.deptSection input[type="text"]{display:inline-block;margin:0;width:100%;height:36px;line-height:36px;color:#B4B4B4;font-size:14px;padding:0 12px;vertical-align:middle;background:#fff;cursor:pointer;border:1px solid #B4B4B4;border-radius:5px; box-sizing:border-box;}
.deptContents{overflow:hidden;position:relative}
.deptContents:after{content:'';width:1px;height:100%;background:#ccc;position:absolute;top:0;bottom:0;left:50%;}
.deptContents .deptTab{width:47%;position:relative}
.deptSection .tabs-comp .tabs-panel{min-height:554px;max-height:554px;padding-right:0}
.deptContents .ivtList.latelyList .ivtName{width:35%;}
.deptContents .ivtList.latelyList .ivtTel{width:65%;}
.deptContents .ivtList.latelyList .ivtOrgName{width:33%;}
.deptContents .ivtList.latelyList .ivtOrgTel{width:30%;}
.deptContents .ivtList.latelyList .ivtOrgEmail{width:35%;}
.deptContents .ivtList > ul > li > span{display:block; float:left;}
.deptTab ul.fancytree-container {
  max-height: 640px;
  height: 100%;
  width: 100%;
  border: 0;
}
.personalDeptTab ul.fancytree-container {
  max-height: 600px;
  height: 100%;
  width: 100%;
  border: 0;
}
#attendOrg ul.fancytree-container {
  height: 350px;
  width: 100%;
}
#personalOrg ul.fancytree-container {
  height: 350px;
  width: 100%;
}
#attendPublicOrg ul.fancytree-container {
  height: 500px;
  width: 100%;
}

.deptTab .orgHeight {
	height:400px;
}

.inviteContents{overflow:hidden;position:relative}
.inviteContents:after{content:'';width:1px;height:100%;background:#ccc;position:absolute;top:0;bottom:0;left:45%;}
.none:after{content:none;}
.inviteContents .inviteMsg{float:left;width:43%}
.inviteContents .inviteTab{float:right;width:53%;position:relative}
.inviteContents .dataBtn{overflow:hidden}
.inviteContents .inviteMsg .dataBtn .orange{float:right}
.inviteContents .dataBtn .blue{float:left;display:none}
.inviteContents .dataBtn .green{float:left;}
.inviteContents .inviteTab .dataBtn{position:absolute;top:0;right:0;margin:0}
.ivtText{margin:0 0 10px;position:relative;border:1px solid #ADD6F0;background:#D3E8F5 no-repeat 100% 100%;height:120px;}
/* .ivtText:before{display:inline-block;content:'\f303';font-family:"Font Awesome 5 Pro";font-size:16px;position:absolute;top:16px;left:15px;color:#9DC5DE} */
.ivtText textarea{width:100%;background: none;height:120px;color:#333;font-size:17px;border: none;padding:15px 15px;resize:none}
.ivtText textarea:focus{box-shadow: 0px 0px 2px 2px rgba(0, 82, 214, 0.4) inset}
.ivtText button{position:absolute;top:15px;right:20px;border-radius:7%;background:#85C4EB;color:#fff;width:80px;height:23px;line-height:23px;text-align:center;display:block;font-size:13px;outline:none}
.ivtText button:focus,
.ivtText button:hover{background:#00A1DD}
.selectedDate{margin:0 0 10px;position:relative;border:1px solid #ADD6F0;background:#D3E8F5 no-repeat 100% 100%;height:100%;}
.selectedDate textarea{width:100%;background: none;min-height:17px;color:#333;font-size:14px;border: none;resize:none}
.inviteContents .ivtList{border:1px solid #D0D0D0;border-radius:5px;padding:10px;min-height:540px}
.inviteContents .ivtList > ul{max-height:440px;overflow-y:auto}
.inviteContents .ivtList > ul > li:first-child {border-top:none; border-left:none;border-right:none;}
.inviteContents .ivtList > ul > li{overflow:hidden; position:relative; border:1px solid #d9e2e8; padding:4px; }
.inviteContents .ivtList > ul > li + li{border-top:none; border-left:none; border-right:none; margin-top:3px;}
.inviteContents .ivtList > ul > li > span{display:block;float:left;margin-right:10px;}
.inviteContents .ivtList > ul > li input[type=text]{color: #000;}
.inviteContents .ivtList > ul > li input[readonly]{color: #272727; font-weight:400;}
.inviteContents .ivtList > ul > li input[readonly]:not(.nonBorder){background-color:rgba(0,0,0,0.05);}
.inviteContents .ivtList > ul > li input[readonly].nonBorder{border:none;}

.inviteContents .ivtList.targetListPopup .ivtListTit.hasChild2 .ivtName{width: 190px; margin-right:5px;}
.inviteContents .ivtList.targetListPopup .ivtListTit.hasChild2 .ivtDuty{width: 190px; margin-right:5px;}
.inviteContents .ivtList.targetListPopup .ivtListTit.hasChild2 .ivtTel{width: 190px; margin-right:5px;}
.inviteContents .ivtList.targetListPopup ul li.hasChild2 .ivtTagName{width: 190px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.targetListPopup ul li.hasChild2 .ivtTagDuty{width: 190px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.targetListPopup ul li.hasChild2 .ivtTagTel{width: 190px; display:inline-block; margin-right:5px;}

.inviteContents .ivtList.targetListPopup .ivtListTit.hasChild3 .ivtName{width: 150px; margin-right:5px;}
.inviteContents .ivtList.targetListPopup .ivtListTit.hasChild3 .ivtDuty{width: 100px; margin-right:5px;}
.inviteContents .ivtList.targetListPopup .ivtListTit.hasChild3 .ivtTel{width: 130px; margin-right:5px;}
.inviteContents .ivtList.targetListPopup ul li.hasChild3 .ivtTagName{width: 150px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.targetListPopup ul li.hasChild3 .ivtTagDuty{width: 100px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.targetListPopup ul li.hasChild3 .ivtTagTel{width: 130px; display:inline-block; margin-right:5px;}

.inviteContents .ivtList.recentListPopup .ivtListTit.hasChild2 .ivtName{width: 240px; margin-right:5px;}
.inviteContents .ivtList.recentListPopup .ivtListTit.hasChild2 .ivtDuty{width: 240px; margin-right:5px;}
.inviteContents .ivtList.recentListPopup .ivtListTit.hasChild2 .ivtTel{width: 240px; margin-right:5px;}
.inviteContents .ivtList.recentListPopup ul li.hasChild2 .ivtTagName{width: 240px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.recentListPopup ul li.hasChild2 .ivtTagDuty{width: 240px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.recentListPopup ul li.hasChild2 .ivtTagTel{width: 240px; display:inline-block; margin-right:5px;}

.inviteContents .ivtList.recentListPopup .ivtListTit.hasChild3 .ivtName{width: 180px; margin-right:5px;}
.inviteContents .ivtList.recentListPopup .ivtListTit.hasChild3 .ivtDuty{width: 110px; margin-right:5px;}
.inviteContents .ivtList.recentListPopup .ivtListTit.hasChild3 .ivtTel{width: 180px; margin-right:5px;}
.inviteContents .ivtList.recentListPopup ul li.hasChild3 .ivtTagName{width: 180px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.recentListPopup ul li.hasChild3 .ivtTagDuty{width: 110px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.recentListPopup ul li.hasChild3 .ivtTagTel{width: 180px; display:inline-block; margin-right:5px;}

.inviteContents .ivtList.recentListPopup ul li button.invite_del_btn {margin-top:0px;}

.inviteContents .ivtList.orgListPopup .ivtListTit.hasChild2 .ivtName{width: 240px; margin-right:5px;}
.inviteContents .ivtList.orgListPopup .ivtListTit.hasChild2 .ivtDuty{width: 240px; margin-right:5px;}
.inviteContents .ivtList.orgListPopup .ivtListTit.hasChild2 .ivtTel{width: 240px; margin-right:5px;}
.inviteContents .ivtList.orgListPopup .ivtListTit.hasChild2 .ivtEmail{width: 240px;}
.inviteContents .ivtList.orgListPopup ul li.hasChild2 .ivtTagName{width: 240px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.orgListPopup ul li.hasChild2 .ivtTagDuty{width: 240px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.orgListPopup ul li.hasChild2 .ivtTagTel{width: 240px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.orgListPopup ul li.hasChild2 .ivtTagEmail{width: 240px; display:inline-block; }

.inviteContents .ivtList.orgListPopup .ivtListTit.hasChild3 .ivtName{width: 180px; margin-right:5px;}
.inviteContents .ivtList.orgListPopup .ivtListTit.hasChild3 .ivtDuty{width: 105px; margin-right:5px;}
.inviteContents .ivtList.orgListPopup .ivtListTit.hasChild3 .ivtTel{width: 135px; margin-right:5px;}
.inviteContents .ivtList.orgListPopup .ivtListTit.hasChild3 .ivtEmail{width: 190px;}
.inviteContents .ivtList.orgListPopup ul li.hasChild3 .ivtTagName{width: 180px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.orgListPopup ul li.hasChild3 .ivtTagDuty{width: 105px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.orgListPopup ul li.hasChild3 .ivtTagTel{width: 135px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.orgListPopup ul li.hasChild3 .ivtTagEmail{width: 190px; display:inline-block; }

.inviteContents .ivtList.orgListPopup .ivtListTit.hasChild4 .ivtName{width: 140px; margin-right:5px;}
.inviteContents .ivtList.orgListPopup .ivtListTit.hasChild4 .ivtDuty{width: 75px; margin-right:5px;}
.inviteContents .ivtList.orgListPopup .ivtListTit.hasChild4 .ivtTel{width: 130px; margin-right:5px;}
.inviteContents .ivtList.orgListPopup .ivtListTit.hasChild4 .ivtEmail{width: 165px;}
.inviteContents .ivtList.orgListPopup ul li.hasChild4 .ivtTagName{width: 135px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.orgListPopup ul li.hasChild4 .ivtTagDuty{width: 70px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.orgListPopup ul li.hasChild4 .ivtTagTel{width: 125px; display:inline-block; margin-right:5px;}
.inviteContents .ivtList.orgListPopup ul li.hasChild4 .ivtTagEmail{width: 160px; display:inline-block;}

.inviteContents .ivtList.orgListPopup ul li .ivtDeptWrap .ivtTagDept {font-size:14px; color:#5f5f5f;}
.inviteContents .ivtList.targetListPopup ul li .ivtDeptWrap .ivtTagDept {font-size:14px; color:#5f5f5f;}
.inviteContents .ivtList.recentListPopup ul li .ivtDeptWrap .ivtTagDept {font-size:14px; color:#5f5f5f;}

.inviteContents .ivtList.orgList .ivtListTit {display:-ms-flexbox; display: flex; width:100%;}
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(2),
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(2) ~ div { flex:0.5; -ms-flex:0.5;}
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(3),
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(3) ~ div.ivtEmail { flex:0.55; -ms-flex:0.55;}
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(3),
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(3) ~ div.ivtTel { flex:0.25;-ms-flex:0.25;}
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(3),
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(3) ~ div.ivtDuty { flex:0.25;-ms-flex:0.25;}
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(3),
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(3) ~ div.ivtName { flex:0.35;-ms-flex:0.35;}
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(4),
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(4) ~ div.ivtEmail { flex:0.4;-ms-flex:0.4;}
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(4),
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(4) ~ div.ivtTel { flex:0.2;-ms-flex:0.2;}
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(4),
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(4) ~ div.ivtDuty { flex:0.15;-ms-flex:0.15;}
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(4),
.inviteContents .ivtList.orgList .ivtListTit div:first-child:nth-last-child(4) ~ div.ivtName { flex:0.25;-ms-flex:0.25;}
.inviteContents .ivtList.orgList ul li > div { display:-ms-flexbox; display:flex; width:100%;}
.inviteContents .ivtList.orgList ul li .ivtTagWrap { display:-ms-flexbox; display: flex; width:100%;}
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:not(last-child) {margin-right:.25rem !important;}
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(2),
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(2) ~ div { flex:0.5; -ms-flex:0.5;}
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(3),
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(3) ~ div.ivtTagEmail { flex:0.55; -ms-flex:0.55;}
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(3),
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(3) ~ div.ivtTagTel { flex:0.25; -ms-flex:0.25;}
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(3),
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(3) ~ div.ivtTagDuty { flex:0.25; -ms-flex:0.25;}
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(3),
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(3) ~ div.ivtTagName { flex:0.35; -ms-flex:0.35;}
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(4),
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(4) ~ div.ivtTagEmail { flex:0.4; -ms-flex:0.4;}
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(4),
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(4) ~ div.ivtTagTel { flex:0.2; -ms-flex:0.2;}
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(4),
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(4) ~ div.ivtTagDuty { flex:0.15; -ms-flex:0.15;}
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(4),
.inviteContents .ivtList.orgList ul li .ivtTagWrap div:first-child:nth-last-child(4) ~ div.ivtTagName { flex:0.25; -ms-flex:0.25;}

.inviteContents .ivtList.orgList div[data-sc="meeting"] input.checked{background:#2692FF; color:#fff}
.inviteContents .ivtList.orgList div[data-sc="class"] input.checked{background:#9BCD65; color:#fff}
.inviteContents .ivtList.orgList div[data-sc="consult"] input.checked{background:#9875F9; color:#fff}
.inviteContents .ivtList.orgList div[data-sc="webinar"] input.checked{background:#E65261; color:#fff}
.inviteContents .ivtList.orgList div[data-sc="work"] input.checked{background:#46C9A9; color:#fff}

.inviteContents .ivtList.orgListPopup div[data-sc="meeting"] input.checked{background:#2692FF; color:#fff}
.inviteContents .ivtList.orgListPopup div[data-sc="class"] input.checked{background:#9BCD65; color:#fff}
.inviteContents .ivtList.orgListPopup div[data-sc="consult"] input.checked{background:#9875F9; color:#fff}
.inviteContents .ivtList.orgListPopup div[data-sc="webinar"] input.checked{background:#E65261; color:#fff}
.inviteContents .ivtList.orgListPopup div[data-sc="work"] input.checked{background:#46C9A9; color:#fff}

.inviteContents .ivtList.targetList .ivtListTit {display:-ms-flexbox; display: flex; width:100%; padding-right:15px;}
.inviteContents .ivtList.targetList .ivtListTit div:first-child:nth-last-child(2),
.inviteContents .ivtList.targetList .ivtListTit div:first-child:nth-last-child(2) ~ div { flex:0.5; -ms-flex:0.5;}
.inviteContents .ivtList.targetList .ivtListTit div:first-child:nth-last-child(3),
.inviteContents .ivtList.targetList .ivtListTit div:first-child:nth-last-child(3) ~ div.ivtTel { flex:0.4; -ms-flex:0.4;}
.inviteContents .ivtList.targetList .ivtListTit div:first-child:nth-last-child(3),
.inviteContents .ivtList.targetList .ivtListTit div:first-child:nth-last-child(3) ~ div.ivtDuty { flex:0.25; -ms-flex:0.25;}
.inviteContents .ivtList.targetList .ivtListTit div:first-child:nth-last-child(3),
.inviteContents .ivtList.targetList .ivtListTit div:first-child:nth-last-child(3) ~ div.ivtName { flex:0.35; -ms-flex:0.35;}
.inviteContents .ivtList.targetList ul li .ivtTagWrap { display:-ms-flexbox; display:flex; width:100%;}
.inviteContents .ivtList.targetList ul li .ivtTagWrap div { display:-ms-flexbox; display: flex; width:100%;}
.inviteContents .ivtList.targetList ul li .ivtTagWrap div:not(last-child) {margin-right:.25rem !important;}
.inviteContents .ivtList.targetList ul li .ivtTagWrap div:first-child:nth-last-child(3),
.inviteContents .ivtList.targetList ul li .ivtTagWrap div:first-child:nth-last-child(3) ~ div { flex:0.5; -ms-flex:0.5;}
.inviteContents .ivtList.targetList ul li .ivtTagWrap div:first-child:nth-last-child(4),
.inviteContents .ivtList.targetList ul li .ivtTagWrap div:first-child:nth-last-child(4) ~ div.ivtTagTel { flex:0.4; -ms-flex:0.4;}
.inviteContents .ivtList.targetList ul li .ivtTagWrap div:first-child:nth-last-child(4),
.inviteContents .ivtList.targetList ul li .ivtTagWrap div:first-child:nth-last-child(4) ~ div.ivtTagDuty { flex:0.25; -ms-flex:0.25;}
.inviteContents .ivtList.targetList ul li .ivtTagWrap div:first-child:nth-last-child(4),
.inviteContents .ivtList.targetList ul li .ivtTagWrap div:first-child:nth-last-child(4) ~ div.ivtTagName { flex:0.35; -ms-flex:0.35;}

.inviteContents .ivtList.recentList ul li .ivtTagWrap { display:-ms-flexbox; display:flex; width:100%;}
.inviteContents .ivtList.recentList ul li .ivtTagWrap div { display:-ms-flexbox; display: flex;}
.inviteContents .ivtList.recentList ul li .ivtTagWrap div:not(last-child) {margin-right:.25rem !important;}
.inviteContents .ivtList.recentList ul li .ivtTagWrap div:first-child:nth-last-child(4),
.inviteContents .ivtList.recentList ul li .ivtTagWrap div:first-child:nth-last-child(4) ~ div { flex:0.5; -ms-flex:0.5;}
.inviteContents .ivtList.recentList ul li .ivtTagWrap div:first-child:nth-last-child(5),
.inviteContents .ivtList.recentList ul li .ivtTagWrap div:first-child:nth-last-child(5) ~ div.ivtTagTel { flex:0.4; -ms-flex:0.4;}
.inviteContents .ivtList.recentList ul li .ivtTagWrap div:first-child:nth-last-child(5),
.inviteContents .ivtList.recentList ul li .ivtTagWrap div:first-child:nth-last-child(5) ~ div.ivtTagDuty { flex:0.25; -ms-flex:0.25;}
.inviteContents .ivtList.recentList ul li .ivtTagWrap div:first-child:nth-last-child(5),
.inviteContents .ivtList.recentList ul li .ivtTagWrap div:first-child:nth-last-child(5) ~ div.ivtTagName { flex:0.35; -ms-flex:0.35;}

.inviteContents .ivtList.orgList ul li .ivtDeptWrap .ivtTagDept {font-size:14px; color:#5f5f5f;}
.inviteContents .ivtList.targetList ul li .ivtDeptWrap .ivtTagDept {font-size:14px; color:#5f5f5f;}
.inviteContents .ivtList.recentList ul li .ivtDeptWrap .ivtTagDept {font-size:14px; color:#5f5f5f;}

.inviteContents .ivtList.orgList ul li:not(:last-child) div.ivtHR {margin-bottom:3px; height:7px; border-bottom:1px dashed #747474; display:-ms-flexbox; display:flex; width:100%;}
.inviteContents .ivtList.targetList ul li:not(:last-child) div.ivtHR {margin-bottom:3px; height:7px; border-bottom:1px dashed #747474; display:-ms-flexbox; display:flex; width:100%;}
.inviteContents .ivtList.recentList ul li:not(:last-child) div.ivtHR {margin-bottom:3px; height:7px; border-bottom:1px dashed #747474; display:-ms-flexbox; display:flex; width:100%;}

.inviteContents .ivtList .ivtListTit > div {color:#333; font-size:15px;}

.inviteContents .ivtList > ul > li:after {padding:5px 0px; border-bottom:1px dotted #747474;}

.inviteContents .ivtList > ul > li .invite_del_btn {display:inline-block; margin:auto; vertical-align:middle; background:url('../../common/image/ivt_del_btn.png'); width:18px; height:18px; 
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.inviteContents .ivtList > ul > li .invite_del_btn:hover {background:url('../../common/image/ivt_del_btn_hover.png');}

.custom_del_btn {display:inline-block; margin:auto; vertical-align:middle; background:url('../../common/image/ivt_del_btn.png'); width:18px; height:18px; 
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.custom_del_btn:hover {background:url('../../common/image/ivt_del_btn_hover.png');}

.inviteContents .ivtList > ul > li > button{font-size:17px;width:17px;height:17px;line-height:17px;color:#B4B4B4;vertical-align:top;float:left;margin-top:9px;outline:none}
.inviteContents .ivtList > ul > li > button:hover,
.inviteContents .ivtList > ul > li > button:focus{color:#969696}
.inviteContents .ivtList > ul > li > .custom-checkbox{float:left;height:15px;}

.inviteContents .readText {cursor:default !important; background-color: #eaecf4 !important; color:#000 !important;} 

.tabs-comp .tabs-panel .ivtList{border:none;padding:0;}
.tabs-comp .tabs-panel .ivtList ul{max-height:630px}
.tabs-comp .tabs-panel .ivtList > ul span{margin-right:0}
.tabs-comp .tabs-panel .ivtList > ul .ivtTel{margin-left:10px}
.ivtListTit{overflow:hidden;}
.ivtListTit span{display:block;float:left;color:#333;font-size:15px}
.tabs-comp{overflow:hidden;}
.tabs-comp > ul{height:40px}
.tabs-comp > ul > li{float:left;width:30%}
.tabs-comp > ul > li:last-child{width:30%}
.tabs-comp > ul > li + li{margin-left:3px}
.tabs-comp > ul > li a{display:block;color:#fff;background:#969696;font-size:14px;line-height:20px;padding:10px 0;width:100%;text-align:center;border-radius:5px 5px 0 0;font-size:16px}
.tabs-comp > ul > li.current,
.tabs-comp > ul > li.none{background:none}
.tabs-comp > ul > li.current a{background:#00A1DD}
.tabs-comp[data-sc="meeting"] > ul > li.current a{background:#2692FF}
.tabs-comp[data-sc="class"] > ul > li.current a{background:#9BCD65}
.tabs-comp[data-sc="consult"] > ul > li.current a{background:#9875F9}
.tabs-comp[data-sc="webinar"] > ul > li.current a{background:#E65261}
.tabs-comp[data-sc="work"] > ul > li.current a{background:#46C9A9}
.tabs-comp .tabs-panel{border:1px solid #D0D0D0;padding:10px;background:#fff}
.tabs-comp .tabs-panel .panel-section{display:none}
.tabs-comp .tabs-panel .latelyAddress .removeBtn{text-align:right;padding-bottom:right;border-bottom:1px solid;margin-bottom:10px;}
.tabs-comp .tabs-panel .latelyAddress .removeBtn > button{margin-bottom:10px;}
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after{top:-2px !important;left:-20px !important}
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after{top:1px !important;}
.tabs-comp .search-address .search-div .search-box {width: 250px;}
.tabs-comp .search-address .search-div .search-box input {box-sizing:border-box; border:none; margin-right:5px; padding:0 34px 0 20px !important; float:left;}
.tabs-comp .search-address .search-div .search-box button.btn-submit {float:right; border-radius:5px; position:absolute; right:0px; width:40px; height:40px; background:inherit; color:#fff; line-height:40px; text-align:center; overflow:hidden; display:block;}
.tabs-comp .search-address .search-div .search-box button.btn-submit:before {width:40px; height:40px; background:inherit; color:#3d4e6a; display:box; content: '\f002'; line-height: 40px; font-family: 'Font Awesome 5 Pro'; font-size:20px; border-radius:0 5px 5px 0;}
.inviteSection .tabs-comp .tabs-panel.ext{min-height:370px;max-height:370px;}

.tabs-comp .search-box-org {width: 250px;}
.tabs-comp .search-box-org input {box-sizing:border-box; margin-right:5px; padding:0 34px 0 20px !important; float:left;}
.tabs-comp .search-box-org button.btn-submit {float:right; border-radius:5px; position:absolute; right:0px; width:40px; height:40px; background:inherit; color:#fff; line-height:40px; text-align:center; overflow:hidden; display:block;}
.tabs-comp .search-box-org button.btn-submit:before {width:40px; height:40px; background:inherit; color:#3d4e6a; display:box; content: '\f002'; line-height: 40px; font-family: 'Font Awesome 5 Pro'; font-size:20px; border-radius:0 5px 5px 0;}

.customBtn{
	border: 1px solid;
	float: right;
	border-radius: 5px;
	position: absolute;
	right: 10px;
	width: 40px;
	height: 35px;
	background: inherit;
	line-height: 35px;
	text-align: center;
	overflow: hidden;
	display: block;
	margin-right: 30px;
}

.orgAddress ul.fancytree-container {
	width: 100%;
	height: 250px;
	overflow: auto;
	position: relative;
}

.personalAddress ul.fancytree-container {
	width: 100%;
	height: 250px;
	overflow: auto;
	position: relative;
}

.myAddress ul.fancytree-container {
	width: 100%;
	height: 510px;
	overflow: auto;
	position: relative;
}

/* 지난회의 */
.nCardList.nHisList{border-top:1px solid #D0D0D0;margin-bottom:20px}
.nCardList.nHisList > li{border:1px solid #D0D0D0;border-top:0;background:#fff;padding:0;margin:0;box-shadow:none}
.nCardList.nHisList > li:hover{box-shadow: 0px 0px 2px 2px rgba(0, 161, 221, 1.0) inset;}
.nCardList.nHisList > li .hisListWrap{overflow:hidden}
.hisListWrap > div{overflow:hidden;float:left;display:table}
.hisListWrap .hisTitWrap > span{display:table-cell;vertical-align:middle;;font-size:17px;font-weight:bold;line-height:30px;padding:20px 15px;position:relative;;text-align:center}
.hisListWrap .hisTitWrap > span.thw_t{width:120px;text-align:center}
.hisListWrap .hisTitWrap > span.thw_d{width:120px}
.hisListWrap .hisTitWrap > span.thw_n span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;width:340px;text-align:left}
.hisListWrap .hisTitWrap > span:after{position:absolute;content:'';width:1px;border-right:1px solid #d0d0d0;top:22px;bottom:22px;right:0}
.hisListWrap .hisTitWrap > span.thw_n:after{display:none}
.hisListWrap .hisTitWrap{float:left;width:100%; margin-right:-400px;padding-right : 400px;box-sizing : border-box;}
.hisListWrap .hisInfoWrap{float:right}
.hisListWrap .hisInfoWrap ul{overflow:hidden;float:left}
.hisListWrap .hisInfoWrap ul li{float:left;width:70px;position:relative;font-size:15px;color:#333;text-align:right;line-height:30px;padding:20px 0}
.hisListWrap .hisInfoWrap ul li + li{}
.hisListWrap .hisInfoWrap ul li.hITime{width:90px}
.hisListWrap .hisInfoWrap ul li.hIName{width:90px}
.hisListWrap .hisInfoWrap ul li + li:after{position:absolute;content:'';width:1px;border-right:1px solid #d0d0d0;top:27px;bottom:27px;left:12px}
.hisListWrap .hisInfoWrap ul li.hITime:before,
.hisListWrap .hisInfoWrap ul li.hIName:before{display:inline-block;content:'\f073';font-family:"Font Awesome 5 Pro";color:#b4b4b4;font-size:14px;margin-right:7px;}
.hisListWrap .hisInfoWrap ul li.hIName:before{content:'\f2bd';}
.hisListWrap .listLock{display:block;float:right;width:70px;height:70px}
.hisListWrap .listLock a{display:block;width:70px;height:70px;line-height:70px;color:#D0D0D0;overflow:hidden;text-align:center;font-size:16px}
.hisListWrap .listLock a:hover,
.hisListWrap .listLock a:focus,
.hisListWrap .listLock a:active{color:#707070}
.hisListWrap .listLock a span{display:none}

/* no list */
.listEmpty{padding:30px 65px 25px;background:#fff;border-radius:6px;box-shadow: 0px 3px 3px 2px rgba(0,0,0,0.05);}
.listEmpty p{text-align:center;font-size:18px;color:#333}

.searchMaxEmpty p{text-align:center;font-size:18px;color:#ff0000;font-weight:bold;}


/* date-picker */
.js_datepicker{padding:0 34px 0 20px !important;width:145px;height:40px;vertical-align:top;border:1px solid #B4B4B4;border-radius:5px;font-size:14px}
.js_datepicker_custom{padding:0 34px 0 20px !important;width:145px;height:40px;vertical-align:top;border:1px solid #B4B4B4;border-radius:5px;color:#707070;font-size:14px}
.ui-datepicker-trigger{cursor:pointer;padding:0;vertical-align:top;width:32px;height:38px;overflow:hidden;margin:1px 15px 0 -39px;position:relative}
.ui-datepicker-trigger:before{display:block;clear:both;content:'\f073';width:100%;height:100%;position:absolute;top:0;left:0;font-family:'Font Awesome 5 Pro';font-size:20px;color:#707070;line-height:38px}
.ui-datepicker{display:none;position:relative;width:286px;padding:65px 15px 20px;background-color:#fff;border:1px solid #666;text-align:center;padding:0}
.ui-datepicker .ui-datepicker-header{padding:0;;top:0;left:0;width:100%;background-color:#355BC1;border-radius:0}
.ui-datepicker .ui-datepicker-title{margin:0;background:#355BC1;padding:14px 0;font-size:18px;line-height:20px;color:#fff;font-weight:bold}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year{width:80px;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month{width:80px;}
.ui-datepicker-header a{position:absolute;top:9px !important;width:29px !important;height:29px !important;cursor:pointer;z-index:3}
.ui-datepicker-header a span{visibility:hidden}
 .ui-datepicker-header a.ui-datepicker-prev{left:20px;background:url('../image/date_left.png') no-repeat 0 0;}
.ui-datepicker-header a.ui-datepicker-next{right:20px;background:url('../image/date_right.png') no-repeat 0 0;}
.ui-datepicker-header a.ui-datepicker-prev:hover,
.ui-datepicker-header a.ui-datepicker-next:hover{background-position:0 0;border:none}
.ui-datepicker-calendar tr th,.ui-datepicker-calendar tr td,.ui-datepicker-calendar tr td a,.ui-datepicker-calendar tr td span{font-size:14px}
.ui-datepicker table{margin:10px auto !important;width:266px !important;padding:15px 15px 20px !important}
.ui-datepicker-calendar,.ui-datepicker-calendar tr th,.ui-datepicker-calendar tr td{border:0;padding:0;background-color:transparent;text-align:center}
.ui-datepicker-calendar tr th{line-height:36px;text-transform:uppercase}
.ui-datepicker-calendar thead tr th:first-child span{color:#f00}
.ui-datepicker-calendar tr td a,.ui-datepicker-calendar tr td span{display:block;width:34px;line-height:32px;padding: 0;background: #fff !important;border: none !important;text-align: center;}
.ui-datepicker-other-month a,.ui-datepicker-unselectable span{color:#ccc}
.ui-datepicker-unselectable span{cursor:default}
.ui-datepicker-calendar .ui-datepicker-today a{color:#355BC1;font-weight:bold;font-size:16px}
.ui-datepicker-current-day .ui-state-active{display:block;background:#355BC1 !important;border-radius:50%;font-weight:bold;color:#fff}
.ui-datepicker-current-day.ui-datepicker-today a{color:#fff}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{opacity: .4;filter:Alpha(Opacity=40); font-weight: normal}
.ui-state-highlight a.ui-state-default{display:block;background:#111111 !important;border-radius:50%;font-weight:bold;color:#fff}
.ui-state-highlight span.ui-state-default{display:block;background:#111111 !important;border-radius:50%;font-weight:bold;color:#fff}

.ui-datepicker[data-sc="meeting"] .ui-datepicker-current-day .ui-state-active{background:#2692FF !important;}
.ui-datepicker[data-sc="meeting"] .ui-datepicker-header{background-color:#2692FF;}
.ui-datepicker[data-sc="meeting"] .ui-datepicker-title{background:#2692FF;}
.ui-datepicker[data-sc="class"] .ui-datepicker-current-day .ui-state-active{background:#9BCD65 !important;}
.ui-datepicker[data-sc="class"] .ui-datepicker-header{background-color:#9BCD65;}
.ui-datepicker[data-sc="class"] .ui-datepicker-title{background:#9BCD65;}
.ui-datepicker[data-sc="consult"] .ui-datepicker-current-day .ui-state-active{background:#9875F9 !important;}
.ui-datepicker[data-sc="consult"] .ui-datepicker-header{background-color:#9875F9;}
.ui-datepicker[data-sc="consult"] .ui-datepicker-title{background:#9875F9;}
.ui-datepicker[data-sc="webinar"] .ui-datepicker-current-day .ui-state-active{background:#E65261 !important;}
.ui-datepicker[data-sc="webinar"] .ui-datepicker-header{background-color:#E65261;}
.ui-datepicker[data-sc="webinar"] .ui-datepicker-title{background:#E65261;}
.ui-datepicker[data-sc="work"] .ui-datepicker-current-day .ui-state-active{background:#46C9A9 !important;}
.ui-datepicker[data-sc="work"] .ui-datepicker-header{background-color:#46C9A9;}
.ui-datepicker[data-sc="work"] .ui-datepicker-title{background:#46C9A9;}

.input-group .ui-datepicker-trigger{margin-left: 5px;background: #85C4EB;outline: none;border-radius: 7%;width: 80px;vertical-align: top;height: 18px;}
.input-group .ui-datepicker-trigger:before{display: block;clear: both;content: '날짜선택';width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-size: 14px;color: #fff;line-height: 18px;}

/* modal */
.form-group > label{font-size:14px}
.popup-div {z-index: 1011; position: fixed; padding: 0px; margin: 0px; width: 450px; min-height:300px; top: 40%; left: 35%; text-align: center; color: rgb(0, 0, 0);  background-color: rgb(255, 255, 255); cursor: wait; border-radius:5px; border-top-left-radius:10px; border-top-right-radius:10px;}
.modal-header{background:#fff;margin:0; padding:0; background:#00a1dd; height:50px; border-top-left-radius:5px; border-top-right-radius:5px;}
.modal-header[data-sc="meeting"]{background:#2692FF;}
.modal-header[data-sc="class"]{background:#9BCD65;}
.modal-header[data-sc="consult"]{background:#9875F9;}
.modal-header[data-sc="webinar"]{background:#E65261;}
.modal-header[data-sc="work"]{background:#46C9A9;}
.modal-title{color:white; font-size:17px; margin-left:15px; margin-top:14px;}
.modal-content{padding:0;border:none; border-radius:10px; font-size:15px;}
.modal-header .close {padding:10px; margin-right:5px; margin-top:6px; text-shadow:none; opacity:1;}
.modal-header .close:not(:disabled):not(.disabled):focus, .modal-header .close:not(:disabled):not(.disabled):hover {opacity:1;}
.modal-body {min-height:191px;}
.modal-body h3 {font-size: 21px;}
.modal-body .form-row .form-group textarea { resize:none; overflow:hidden; width:100%; height:100%; border:0; font-size:15px; background:white;}
.modal-footer {border-top:0px; font-size:13px; color:#666666;}
.modal-footer label {cursor:pointer;}
.modal-footer label input[type=checkbox] {margin-right:5px; margin-top:2px; vertical-align:middle;}
.modal-footer label span {vertical-align:middle;}

.bootbox .modal-body {position: relative; -webkit-box-flex: 1; flex: 1 1 auto; padding: 1.75rem; min-height:auto;}
.bootbox .modal-footer button {
  float:right;
  margin-left: 10px;
}


/* 지난회의 검색 */
.schWrap{margin-bottom:30px;padding:23px 28px;background:#fff;border-radius:6px;}

.schWrap:after{content:'';clear:both;display:block}
.schWrap .date{float:left}
.schWrap .search-radio-wrap{}
.schWrap.mb0{border-radius:6px 6px 0 0;padding:38px 65px 25px;}
.search-radio-wrap{float:left;overflow:hidden;height:auto;padding:10px 10px 10px 30px}
.search-radio-wrap li{float:left;}
.search-radio-wrap li label{font-size:14px}
.custom_search{float:right;overflow:hidden;width:auto;}
.custom_search button{display:block;width:40px;height:40px;background:inherit;color:#fff;line-height:40px;text-align:center;border-radius:0 5px 5px 0;overflow:hidden;float:right; position:absolute; top:0px; right:5px;}
.custom_search button:before{width:40px;height:40px;background:inherit;color:#3D4E6A;display:block;content:'\f002';line-height:40px;font-family:'Font Awesome 5 Pro';font-size:20px;border-radius:0 5px 5px 0}
.custom_search input + button{border-radius:0 5px 5px 0;position:absolute;right:0;top:0px;}
.custom_search input{padding:0 34px 0 20px !important;width:352px;height:40px;vertical-align:top;border:1px solid #D0D0D0;border-radius:5px 0 0 5px;color:#707070;font-size:14px;float:left;}
.custom_search input{margin-right:5px;width: 100%;border:none;}
.custom_search input + button{position:static;border-radius:5px}
.custom_search span{display: block;overflow: hidden;}
.custom_search.type2{float:left; position:relative;}
.custom_search.type2 .search_div {position:relative;}
.custom_search.type2 .search_div button {float: right;margin-left:5px;border-radius:5px; position:absolute; top:0px; right:5px;}
.custom_search.type2 input{border-radius:6px;}
.custom_search.onlyBtn button{border-radius:5px}
.custom_search input{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}

.schWrap .excelBtn{float:right;line-height:40px;height:40px}
.schWrap .excelBtn *{font-size:16px;margin-right:8px}
/* 지난회의 상세 */
.hisDetInfo{background:#fff;border-radius:10px;position:relative;padding:23px 50px;overflow:hidden}
.hisDetInfo:after{content:'';height:1px;display:block;background:#D0D0D0;bottom:0;left:50px;right:50px;position:absolute;}
.hisDetInfo .hisDetMob{display:none}
.hisDetInfo .roomIco{float:left;width:80px;height:80px;line-height:80px;margin-right:37px}
.hisDetInfo .roomIco img{max-width:100%;max-height:100%}
.hisDetInfo .hisDetTx{float:left;width:100%;margin-right:-120px;padding-right:120px;box-sizing : border-box;}
.hisDetInfo .hisDetTx h3{margin-bottom:10px;color:#333;font-weight:400;font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.hisDetInfo .hisDetTx ul{overflow:hidden}
.hisDetInfo .hisDetTx ul li{float:left;overflow:hidden;border:1px solid #D0D0D0;border-radius:5px;line-height:38px;height:40px;padding:0 10px;color:#707070;font-size:14px;min-width:220px;margin:10px 15px 0 0}
.hisDetInfo .hisDetTx ul li span{display:inline-block;overflow:hidden;margin-right:5px;font-weight:bold;color:#B4B4B4;font-size:14px;min-width:63px;float:left}
.hisDetInfo .hisDetTx ul li span:after{display:block;float:right;margin-left:5px;content:'|';color:#D0D0D0}
.hisDetInfo .hisDetTx ul li:last-child{margin-right:0}
.hisDetInfo + .dTableWrap{padding:45px 50px 23px;border-radius:10px}
/* 지난회의 상세 모바일 */
.hisDetList{display:none}
.hisDetList > li{margin-bottom:10px;box-shadow: 0px 3px 3px 2px rgba(0,0,0,0.05);background:#fff;border-radius:10px}
.hisDetList > li ul{padding:15px}
.hisDetList > li ul li{overflow:hidden;color:#707070;line-height:20px}
.hisDetList > li ul li span{font-weight:bold;font-size:13px;float:left;display:block;min-width:55px;margin-right:10px;color:#707070;line-height:20px}
.hisDetList > li ul li.hisDetUser{padding-bottom:15px;border-bottom:1px solid #ccc;margin-bottom:15px}
.hisDetList > li ul li.hisDetUser span{font-weight:normal;color:#333;text-align:center}
.hisDetList > li ul li.hisDetUser .hisDetName{text-align:left}
.hisDetUser .hisDetName:before{display:block;float:left;content:'|';color:#D0D0D0;margin-right:10px}

/* 사용자관리 */
.dTableWrap{border-radius:0 0 6px 6px;padding:0 65px 23px;background:#fff}
/* 테이블 */
.dataTables_empty{text-align:center;}
table.viewtable thead th {border-top:2px solid #707070 !important;border-bottom:1px solid #707070;color:#707070;font-weight:400;font-size: 15px;text-align: center;height: 13px;line-height: 13px;background:#fff; vertical-align:middle; word-break: break-all;}
table.viewtable tbody td{border-bottom:1px solid #707070;color:#333;background:#fff;font-weight:300;font-size:13px;border-right:none;vertical-align:middle}
table.viewtable tbody td:first-child{border-right:none;vertical-align:middle}
table.viewtable tbody td:last-child{border-left:none;}
table.viewtable tbody tr:hover td{background-color:#d5e9f2}
table.viewtable td, .viewtable th{border-top:none;}
table.viewtable tbody td input[type=checkbox]{-webkit-appearance:checkbox}
table.viewtable thead th input[type=checkbox]{-webkit-appearance:checkbox}
/* dataTables custom 페이징 */
.dataTables_wrapper .dataTables_paginate .paginate_button{ color: #969696 !important; 	border: 1px solid #ddd; 	background: #fff;  font-weight: bold; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{	color: #969696 !important;	border: 1px solid #ddd; 	background: #fff; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{	color: #fff !important;    background: #707070;    font-weight: bold; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{ 	border: 1px solid #ddd; } 
.dataTables_wrapper .dataTables_paginate{	text-align:center; 	float : none; 	margin-top: 15px; }

/* 삭제/등록 */
.dataBtn{text-align:center;margin:20px auto}
.dataBtn > button{display:inline-block;*display:inline;zoom:1;min-width:85px;height:40px;line-height:40px;vertical-align:top;text-align:center;background:#808080;color:#fff;border-radius:5px;font-size:16px;padding:0 10px}
.dataBtn > button + button{margin-left:10px;background:#18A3E0}
.dataBtn button.blue{background:#18A3E0}
.dataBtn button.green{background:#019851}
.dataBtn button.red{background:#dc3545}
.dataBtn .goPrevBtn{background-color:#00A1DD;color:#fff;width:auto;min-width:110px;padding:0 10px}
.dataBtn .orange{min-width:inherit;padding:0 10px;background:#FF7F30}
.dataBtn .c-data-type-btn-green{margin-top:5px; float:left; background: #019851; zoom: 1; min-width: 70px; height: 30px; width: 84px; line-height: 30px; text-align: center; color: #fff; border-radius: 5px; font-size: 14px; padding: 0 10px;}
.dataBtn .c-data-type-btn[data-sc="meeting"]{margin-left: 10px; background: #2692FF; zoom: 1; min-width: 60px; height: 30px; width: 74px; line-height: 30px; text-align: center; color: #fff; border-radius: 5px; font-size: 14px; padding: 0 10px;}
.dataBtn .c-data-type-btn[data-sc="class"]{margin-left: 10px; background: #9BCD65; zoom: 1; min-width: 60px; height: 30px; width: 74px; line-height: 30px; text-align: center; color: #fff; border-radius: 5px; font-size: 14px; padding: 0 10px;}
.dataBtn .c-data-type-btn[data-sc="consult"]{margin-left: 10px; background: #9875F9; zoom: 1; min-width: 60px; height: 30px; width: 74px; line-height: 30px; text-align: center; color: #fff; border-radius: 5px; font-size: 14px; padding: 0 10px;}
.dataBtn .c-data-type-btn[data-sc="work"]{margin-left: 10px; background: #46C9A9; zoom: 1; min-width: 60px; height: 30px; width: 74px; line-height: 30px; text-align: center; color: #fff; border-radius: 5px; font-size: 14px; padding: 0 10px;}
.dataBtn .c-data-type-btn[data-sc="webinar"]{margin-left: 10px; background: #e65261; zoom: 1; min-width: 60px; height: 30px; width: 74px; line-height: 30px; text-align: center; color: #fff; border-radius: 5px; font-size: 14px; padding: 0 10px;}
.dataBtn .goPrevBtn:before{color:#fff;display:inline-block;content:'\f053';font-family:'Font Awesome 5 Pro';font-size:16px;margin-right:10px}
.dataBtn .databtn-sm {height: 30px; line-height: 30px; min-width: 70px;}

/* 사용자관리 모바일 */
.memListMob{border-bottom:1px solid #ccc;display:none}
.memListMob > li{overflow:hidden;border-top:1px solid #ccc;padding:10px 0}
.memListMob .listNum{float:left}
.memListMob .listNum > div{float:left;width:24px;height:24px}
.memListMob .listNum > span{display:block;float:left;line-height:24px;width:25px;text-align:center}
.memListMob .listNum .custom-control-label::before,.memListMob .listNum .custom-control-label::after{top:-9px !important;left:-20px !important}
.memListMob > li ul{width:calc( 100% - 52px);overflow:hidden;float:right}
.memListMob > li ul li{float:left;line-height:24px;color:#333;margin-right:20px}
.memListMob > li ul li span{font-weight:bold}

/* 퀴즈 */
.mt_30 {margin-top:30px;}
.quiz_folder {background:none; padding:0px !important;}
.quiz_folder .quiz_btn {background:white !important; border:none !important; color:#E65261 !important; font-size:15px !important; width:110px; margin-left:5px; min-height:40px; border-radius:0.25rem !important;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.quiz_folder .quiz_btn:hover {background:#E65261 !important; color:white !important;}
.quiz_folder .page-card { width:100%; display:flex; flex-direction:column; position:relative; overflow:hidden;}
.quiz_folder .page-card > .carousel {margin:0 auto; width:100%; }
.quiz_folder .page-card > .carousel .carousel-inner {overflow:hidden;}
.quiz_folder .page-card > .carousel ul { min-width:700px;}
.quiz_folder .page-card > .carousel ul >li {position:relative; width:254px; height:210px; display:inline-block; margin-right:15px; margin-top:30px;}
.quiz_folder .page-card > .carousel ul >li:last-child {margin-right:0px;}
.quiz_folder .page-card > .carousel ul >li .forder_text {width:100%; height:100%; cursor:pointer; float:left;  padding:75px 25px 0px 20px; background:url(../../common/image/forder_img.png) no-repeat;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}

.quiz_folder .page-card > .carousel ul >li .forder_text h2 {font-size:31px; color:#3D4E6A; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.quiz_folder .page-card > .carousel ul >li .forder_text p {font-size:20px; color:#3D4E6A;}
.quiz_folder .page-card > .carousel ul >li .forder_text .quiz_date {font-size:15px; color:#A4ABC8;}
.quiz_folder .page-card > .carousel ul >li .forder_text:hover {background:url(../../common/image/forder_img_hover.png) no-repeat;}
.quiz_folder .page-card > .carousel ul >li .forder_text:hover h2 {color:#e65261;}
.quiz_folder .page-card > .carousel ul >li .seting_icon {position:absolute; z-index:999; top:35px; right:20px;}
.quiz_folder .page-card > .carousel ul >li .seting_icon a {margin-left:10px;
}
.quiz_folder .page-card > .carousel ul >li .seting_icon a:hover .fa-cog ,.quiz_folder .page-card > .carousel ul >li .seting_icon a:hover .fa-trash-alt {color:#e65261 !important;}
.quiz_folder .page-card > .carousel ul > .forder_add .forder_add_img {display:block; width:100%; height:100%; background:url(../../common/image/forder_add_img.png) no-repeat;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}



/*퀴즈 모달 레이어 팝업*/
.quiz_modal .input-group-text {border:none; background-color:inherit; font-size:17px; color:#E65261;}
.quiz_modal .modal-body {padding:0px;}
.quiz_modal .modal-dialog {width:500px; height:250px; background:white; border-radius:5px;}
.quiz_modal .form-control {width:100%; height:55px; border:none; border-bottom:1px solid #A4ABC8; flex:none; margin:0 auto; padding:0px; padding-left:10px; font-size:21px; color:#3D4E6A;}
.quiz_modal .form-control::placeholder {font-size:21px; color:#C7D7EB; font-weight:300;}
.quiz_modal .form-control:focus {outline:none;  box-shadow:none; border-radius:0px; border-bottom:1px solid #46C9A9;}
.quiz_modal .btn-primary {background:none; border:none; color:#E65261; font-size:19px;padding:7px 15px 7px 15px; margin:0px !important; outline:none;}
.quiz_modal .btn-primary:hover {color:#D53B4B !important; box-shadow:2px 2px 5px 2px rgba(128,121,146,0.1);}
.quiz_modal .btn-primary:active {background:white !important; border:none !important; color:#28B18F !important; outline:none !important; box-shadow:none !important;}
.quiz_modal .btn-secondary {background:none; border:none; color:#3D4E6A; font-size:19px; padding:7px 15px 7px 15px; margin-right:30px; outline:none;}
.quiz_modal .btn-secondary:hover {box-shadow:2px 2px 5px 2px rgba(128,121,146,0.1);}
.quiz_modal .btn-secondary:active {background:white !important; border:none !important; color:black !important; outline:none !important; box-shadow:none !important;}
.quiz_modal .modal-footer {padding:0px;}
.quiz_folder .page-card > .carousel ul > .forder_add .forder_add_img:hover {background:url(../../common/image/forder_add_img_hover.png) no-repeat;}
.quiz_modal .input-group {padding:72px 30px 0 30px;}
.quiz_modal .input-group .input-group-text {padding:0px;}
.quiz_modal .modal-footer {margin-top:10px;}
.quiz_modal .modal-dialog {margin-top:200px;}

.quiz_select .input-group {padding:0px;}
.quiz_select .input-group-prepend {width:100%; margin-top:50px;}
.quiz_select .input-group .input-group-text {display:block; width:100%; text-align:center;}
.quiz_select .modal-footer {justify-content:center; flex-direction:row;}
.quiz_select .btn-primary {color:#3D4E6A; font-size:19px; width:130px; height:50px; box-shadow:2px 2px 5px 2px rgba(128,121,146,0.1); margin-right:20px !important; padding:0px;}
.quiz_select .btn-primary:hover {color:white !important; background:#E65261;}
.quiz_select .btn-primary:last-child {margin-right:0px !important;}
.quiz_select .modal-footer {margin-top:25px;}



/*퀴즈 list*/
.quiz_list {width:1080px; margin:0px auto; padding-top:5px;}
html[data-signin-type="quiz"] .quiz_list {width: auto;}
.quiz_list .sub_title_text {font-size:31px; color:#3D4E6A; font-weight:500; margin-top:35px; margin-bottom:5px; display:inline-block;}
html[data-signin-type="quiz"] .quiz_list .sub_title_text{margin-top: 0}
.quiz_list ul {margin-left:10px;}
.quiz_list ul , .quiz_list ul li{display:inline-block;}
.quiz_list ul li a {font-size:17px; color:#848CAF; display:inline-block;}
.quiz_list ul li.now a {font-weight:500; color:#848CAF; }
.quiz_list ul li a:after {content:""; display:inline-block; width:20px; height:20px; background:url(../../common/image/sub_titlie_img.png) no-repeat 1px 3px;}
.quiz_list ul li.now a:after {display:none;}
.quiz_list .schWrap {background:none; padding:0px; width:100%; margin-top:10px;}
.quiz_list .form-control {width:80px; height:40px; font-size:15px; color:#3D4E6A; border:none !important; cursor:pointer;}
.quiz_list .dTableWrap {width:100%; padding:0px; background:none; margin-top:15px; position:relative;}
.quiz_list .quiz_createSection table {box-shadow:none;}
.quiz_list table.viewtable thead th {padding:0px; background:#737682; height:50px; color: white; font-size:15px; font-weight:400; border-top:none !important; border-bottom:2px solid #E8EDF3 !important; line-height:19px;}
.quiz_list table.viewtable thead th:first-child {border-radius:0.4em 0px 0px 0px;}
.quiz_list table.viewtable thead th:last-child {border-radius:0px 0.4em 0px 0px;}
.quiz_list table.viewtable tbody tr:last-child td:first-child {border-radius:0px 0px 0px 0.4em;}
.quiz_list table.viewtable tbody tr:last-child td:last-child {border-radius:0px 0px 0.4em 0px;}
.quiz_list table.viewtable tbody td {padding:0px; border:none !important; height:50px; font-size:13px; color:#3D4E6A; border-bottom:1px solid #E8EDF3 !important; text-align:center; cursor:pointer;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.quiz_list table.viewtable tbody td:hover {text-decoration:underline;}
.quiz_list table.rsvtable tbody td:hover {text-decoration:none;}
.quiz_list table.rsvtable tbody td {cursor:default;}
.quiz_list table.dataTable.no-footer {border:none;}
.quiz_list table.viewtable tbody tr:hover td {background:#ffffff;}
.quiz_list input[type='checkbox'] , .quizSet input[type='checkbox'] {width:33px; height:30px; background:url(../../common/image/quiz_checkbox.png) no-repeat 3px -3px; cursor:pointer;
-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;}
.quiz_list input[type='checkbox'] , .quizSet input[type='checkbox']::ms-check {display: none;}
.quiz_list input[type='checkbox']:checked , .quizSet input[type='checkbox']:checked {background:url(../../common/image/quiz_checkedbox.png) no-repeat 3px -3px;}
.quiz_list table.viewtable thead th input[type=checkbox] , .quiz_list table.viewtable tbody td input[type=checkbox] , .quiz_list input[type='checkbox']:checked {
	-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
	transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
}
.quiz_list .quiz_url_copy , .quiz_list .quiz_result_view {text-align:center; margin:0 auto; border:1px solid #A4ABC8; padding:6px 12px;  color:#3D4E6A; font-size:13px; border-radius:5px; 
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.quiz_list .quiz_url_copy:hover , .quiz_list .quiz_result_view:hover {background:#A4ABC8; color:white;}
.quiz_list .custom_search.type2 {position:relative; margin-left:10px;}
.quiz_list .custom_search.type2 button {float:none; margin:0px; position:absolute; top:0px; right:0px; background:none !important;}
.quiz_list button[data-sc="webinar"]:before {background:none !important; color:#A4ABC8!important;}
.quiz_list button[data-sc="webinar"]:hover:before {color:#3D4E6A!important;}
.quiz_list .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {background:white;}
.quiz_list .dataTables_wrapper .dataTables_paginate {margin-top:25px;}
.quiz_list .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background:#737682; border:1px solid #ddd;}
.quiz_list .quiz_list_btn {position:absolute; left:0px; bottom:-20px;}
.quiz_list .quiz_list_btn button {width:60px; height:40px; line-height:40px; font-size:15px; color:#3D4E6A; background:white; border:1px solid #A4ABC8; padding:0px; }
.quiz_list .quiz_con_btn {position:absolute; right:0px; bottom:-20px;}
.quiz_list .quiz_con_btn_bootstrap {position:absolute; right:0px; bottom:0px;}
.quiz_list .dataBtn > button {min-width:inherit; width:auto; height:auto; padding:0px 20px; font-size:15px;}
.quiz_list .quiz_con_btn .delBtn {color:#FF8282; border:1px solid #FF8282; background:white;}
.quiz_list .quiz_con_btn .newBtn {color:white; background:#E65261;}
.quiz_list .quiz_con_btn .excelBtn {color:white; border:1px solid #019851; background:#019851;}
.quiz_createSection #quizContent .answer2 .answer_txtbox {width:650px; height:60px;}


.quiz-header {background: white; border-radius: 5px; padding: 15px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
	-moz-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
}
.quiz_createSection {width:1080px; position:relative; margin:0 auto; margin-top:10px; background:none; box-shadow:none; padding:0px;}
html[data-signin-type="quiz"] .quiz_createSection {width: auto;} 
.quiz_createSection .table-bordered td, .quiz_createSection .table-bordered th , .quiz_createSection .table-bordered{border:none;}
.quiz_createSection .table th { font-size:15px; color:#3D4E6A; font-weight:500; text-align: right;}
.quiz_createSection .table th.pt25 , .quiz_createSection .table td.pt25 {padding-top:46px;}
.quiz_createSection #createQuiz .table tr:first-child th.pt25 {padding-top:50px;} 
.quiz_createSection #createQuiz .itemPoint {margin-left:0px !important;}
.quiz_createSection #createQuiz td.pt40 {padding-bottom:10px;}
.quiz_createSection #createQuiz td {position:relative;}
.quiz_createSection #createQuiz .objectiveItemCheck-error {position:absolute; top:-17px; left:165px;}
.quiz_createSection #createQuiz span#subject , .quiz_createSection #createQuiz span#limittime{padding-left:15px;}
.quiz_createSection .quiz-header label { font-size:15px; color:#3D4E6A; font-weight:500; text-align: right;}
.quiz_createSection hr.option_section {display: block; height: 0; width: 100%; background: none; margin:0.2rem 0;}

.quiz_createSection .table th.pt10 {padding-top:10px;}
.quiz_createSection .table th.pt6 {padding-top:6px;}
.quiz_createSection .table th.pt70 {padding-top:35px; padding-bottom:40px;}
.quiz_createSection .table td {padding:0px;}
.quiz_createSection .table td select {width:120px; height:40px; box-shadow:none !important; outline:none !important; border:1px solid #CED6DD; color:#3D4E6A; font-size:15px; padding-left:30px;}
.quiz_createSection .form-group input[type='text'] {width:100%; height:40px; border:1px solid #CED6DD; font-size:15px; padding-left:15px; color:#3D4E6A; font-weight:300;border-radius: 6px;}
.quiz_createSection .form-group input[type='text']:focus {border-radius:0px !important; box-shadow:none !important; outline:none !important;}
.quiz_createSection .custom-control-label {font-size:15px; color:#3D4E6A; padding-left:3px;}
.quiz_createSection .custom-radio {margin-right:20px;}
.quiz_createSection .table td textarea {border:1px solid #CED6DD; width:100%; height:65px; box-shadow:none !important; outline:none !important;}
.quiz_createSection #quizContent {margin-top:20px !important; position:relative;}
.quiz_createSection #quizContent .quizSet {padding: 20px 30px; background-color: white; border-radius: 5px; margin-top: 15px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
	-moz-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
}
.quiz_createSection #quizContent .quizSet:first-child {margin-top: 0}

.quiz_createSection .answer {border:none !important;}
.quiz_createSection .quiz_table_title {font-size:19px; color:#3D4E6A; margin-bottom:10px; display: inline-block;}
.quiz_createSection #quizContent .table {width:100%;}
.quiz_createSection .questionText {font-size:15px; color:#3D4E6A;}
.quiz_createSection .score {font-size:15px !important; padding-top:7px !important;}
.quiz_createSection .itemPoint {border-radius:6px !important; width:100px !important; height:40px!important; font-size:15px !important; padding-left:15px !important; margin-left:20px !important;}
.quiz_createSection .answer2 .score {}
.quiz_createSection #quizContent .table .btn-secondary {height:35px; border:1px solid #A4ABC8; background:none; font-size:13px; color:#3D4E6A; margin-left:530px; }
.quiz_createSection #quizContent .table .btn-secondary:hover {color:white; background:#A4ABC8;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.quiz_createSection #quizContent textarea {width:100%; height:60px; border-radius:6px; font-weight:300;padding:.375rem .75rem;}
.quiz_createSection #quizContent .objectiveItem textarea {height:40px !important;}
.quiz_createSection #quizContent .answer {position:relative; padding-bottom:0px !important;}
.quiz_createSection #quizContent .selectText {font-size:15px; color:#3D4E6A; margin-right:30px;}
.quiz_createSection #quizContent .form-group {margin-bottom:0px;}
.quiz_createSection #quizContent .answer button {display:block; width:25px; height:20px; background:url(../../common/image/answer_del.png) no-repeat; margin-left:1rem;
transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.quiz_createSection #quizContent .survey_txtarea textarea {height:40px;}
.quiz_createSection #quizContent .survey_txtarea span {vertical-align:top; padding-top:10px;}
.quiz_createSection .answer_detail span:first-child {padding-top:2px;}
.quiz_createSection .answer_detail span {display:inline-block; max-width:800px; word-break:break-all; vertical-align:top;}
.word_break span {display:inline-block; word-break:break-all; vertical-align:top; max-width:380px;}


.quiz_createSection #quizContent .answer button:hover {background:url(../../common/image/answer_del_hover.png) no-repeat;}

.quiz_createSection #quizContent .table .di {display:inline;}
.quiz_createSection #quizContent .table .pt30 {padding-top:30px;}
.quiz_createSection #quizContent .table .pt40 {padding-top:0;}
.quiz_createSection #quizContent .table .pt60 {padding-top:20px;}
.quiz_createSection #quizContent .table .pl20 {padding-left:20px;}
.quiz_createSection #quizContent .table .pl90 {padding-left:71px;}
.quiz_createSection #quizContent .table .pl0 {padding-left:0px;}
.quiz_createSection #quizContent .table .pl100 {padding-left:55px;}
.quiz_createSection #quizContent .answer2 .fl {font-weight:400 !important; font-size:13px !important;}
.quiz_createSection #quizContent .answer2 input[type='text'] {width:100%; height:60; border:1px solid #CBD4DB; margin-left:0px; border-radius:0px; max-width:100%; margin-top:0px;}
.quiz_createSection #quizContent .answer2 .fc_blue {margin-bottom:5px;}
.quiz_createSection .answer_add_btn {display:flex; justify-content:flex-end; padding-top: 15px;}
.quiz_createSection .answer_add_btn button {display:inline-block; height:40px; font-size:15px; border:none; border-radius: 5px;}
.quiz_createSection .answer_add_btn button:hover {background:#848CAF;}
.quiz_createSection .save_cancle_btn {justify-content:center; margin-top:40px;}
.quiz_createSection .save_cancle_btn button {display:inline-block; width:200px; height:50px; border-radius:5px; font-size:17px; margin-right:10px;}
.quiz_createSection .save_cancle_btn .btn-primary {background:#E65261; border:none;}
.quiz_createSection .save_cancle_btn .btn-secondary {background:white; color:#3D4E6A; border:1px solid #A4ABC8;}
.quiz_createSection .save_cancle_btn .btn-primary:hover {background:#D53B4B;}
.quiz_createSection .save_cancle_btn .btn-secondary:hover {background:#F8F9FE !important;}
.quiz_createSection td {font-size:17px; color:#3D4E6A;}
.quiz_createSection td span {display:block;}
.quiz_createSection td .selectText {padding-left:0px;}
.quiz_createSection .form-control:disabled, .quiz_createSection .form-control[readonly] {background:white;}
.quiz_createSection #quizContent .answer span {display:inline-block;}
.quiz_createSection #quizContent .answer span.invalid-feedback {padding-left:70px;}
.quiz_createSection .answer_detail {border:none !important; border-bottom:1px solid #E8EDF3 !important;}
.quiz_createSection .answer_detail th {padding:0px; font-size:17px;}
.quiz_createSection .answer_detail td {padding-bottom:30px !important;}
.quiz_createSection .answer_detail .questionSubText {padding-left:10px; font-size:17px; font-weight:400;}
.quiz_createSection .answer_detail .answer {font-size:15px; color:#3D4E6A; margin-bottom:5px !important;}
.quiz_createSection .answer_detail .answer .row {font-size:15px; color:#3D4E6A; margin-bottom:5px !important;}
.quiz_createSection .answer_detail .answer .selectText:before {background:url(../../common/image/quiz_checkbox.png) no-repeat; content:""; display:inline-block; width:33px; height:30px; position:absolute; top:1px; left:25px;}
.quiz_createSection .answer_detail .answer .right:before {background:url(../../common/image/quiz_checkedbox.png) no-repeat; content:""; display:inline-block; width:33px; height:30px; position:absolute; top:1px; left:25px;}
.quiz_createSection .answer_detail .answers {padding-top:10px;}
.quiz_createSection .answer_detail .selectText {margin:0px !important; margin-left:50px !important;}
.quiz_createSection .answer_detail td span {padding-left:5px;}
.quiz_createSection .answer2 .subjectiveItem {font-weight:400 !important; margin-top:15px; margin-left:15px; max-width:600px; padding:10px; border:1px solid #CBD4DB;}
.quiz_createSection .answer2 .answer2_textspan span {width:100%; min-height:80px; margin-left:20px; max-width:800px;}
.quiz_solveSection {background:white; width:700px !important; margin:0 auto;}
.quiz_solveSection .sub_title_text , .quiz_solveSection span {display:block;}
.quiz_solveSection .table-active, .table-active>td, .table-active>th {background-color:inherit;}
.quiz_solveSection .sub_title {padding:60px 0px 0px 0px;}
.quiz_solveSection .sub_title_text {margin-top:0px;}
.quiz_solveSection .sub_title span {margin-top:10px; font-size:17px; color:#3D4E6A;}
.quiz_solveSection .quiz_list {width:600px;}
.quiz_solveSection table {margin-top:40px;}
.quiz_solveSection table td , .quiz_solveSection table th {text-align:center; height:50px; line-height:50px; padding:0px !important;}
.quiz_solveSection .bb_white {border-bottom:1px solid #ffffff !important;}
.quiz_solveSection table th {width:50%; color:#3D4E6A; font-size:19px; background:#E8EDF3 !important; font-weight:500; border-bottom:1px solid #ffffff !important; border-right:1px solid #ffffff !important;}
.quiz_solveSection table td {border-bottom:1px solid #E8EDF3 !important;}
.quiz_solveSection .bd_n {border:none !important;}
.quiz_solveSection .card-body {min-height:120px; font-size:17px; color:#3D4E6A;}
.quiz_solveSection button {display:block; width:250px; height:50px; margin:0 auto; border-radius:50px; background:#E65261; border:none; margin-top:15px; margin-bottom:30px;}
.quiz_solveSection button:hover {background:#D53B4B;}
.quiz_solveSection2 .form-group {margin-bottom:0px !important;}
.quiz_solveSection2 td span {line-height:normal;}
.quiz_solveSection2 td span.lh50 {line-height:50px;}
.quiz_solveSection2 table th {background:#D9E2E8 !important;}
.quiz_solveSection2 table th:first-child {border-right:none !important;}
.quiz_solveSection2 .quizSet th {background:white !important; text-align:left !important;}
.quiz_solveSection2 .quizSet td {text-align:left !important; padding-left:70px !important;}
.quiz_solveSection2 .quizSet table {border:none !important;}
.quiz_solveSection2 .quizSet table span {display:inline-block; font-size:15px; font-weight:500; padding-left:0px !important;}
.quiz_solveSection2 .questionSubText , .quiz_solveSection2 .objectiveItem , .quiz_solveSection2 .itemSubject{font-weight:400 !important; margin-left:10px;}
.quiz_solveSection2 .questionSubText {font-size:17px !important;}
.quiz_solveSection2 #quizContent {padding-top:0px !important; margin-top:0px !important;}
.quiz_solveSection2 .quiz_createSection .quizSet {padding-top:0px !important;}
.quiz_solveSection2 #quizContent .table {margin-top:10px !important;}
.quiz_solveSection2 #quizContent input[type='checkbox'] {left:-30px !important; top:8px !important;}
.quiz_solveSection2 #quizContent .selectText {margin-right:0px !important;}
.quiz_solveSection2 .answer {padding-top:0px !important;}
.quiz_solveSection2 .answer .form-group {height:40px;}
.quiz_solveSection2 #quizContent .table tr:last-child td:last-child {padding-bottom:30px !important;}
.quiz_solveSection2 #quizContent .answer span {font-size:15px;}
.quiz_solveSection2 .subjectiveItem {width:500px !important; border:1px solid #A4ABC8;}
.quiz_solveSection2 .answer2 td {padding-left:0px !important; padding-top:20px !important;}
.quiz_solveSection2 #quizContent .answer2 input[type='text'] {margin-left:24px !important;}
.quiz_solveSection2 .quizSet {padding-top:0px !important; padding-bottom:0px !important;}
.red {color:#FF4E4E;}
.survey_list .survey_table {margin:10px 0px 0px 0px; background:white;}
.survey_list .survey_table .col-sm-12 {padding:0px;}
.survey_list .survey_table .col-sm-12 th {background:#F8F9FE; color:#3D4E6A; font-size:15px; font-weight:400; border-bottom:1px solid #E8EDF3; vertical-align:middle;}
.survey_list .survey_table .col-sm-12 tr:last-child td , .survey_list .survey_table .col-sm-12 tr:last-child th {border-bottom:none !important;}
.survey_list .survey_table .col-sm-12 td {font-size:15px; font-weight:400; border-bottom:1px solid #E8EDF3; color:#3D4E6A;}
.survey_list .survey_table .table {margin-bottom:0px; border:none; text-align:center;}
.survey_list .survey_table .survey_td {padding:0px;}
.survey_list .survey_table tr:last-child td {padding:0px;}
#surveyContent {background:white; padding:10px; overflow:auto; max-height:450px; margin-bottom:1.5rem; border-radius:0.4em;}
.survey_list .quizSet .float-left {text-align:left; width:100%; padding:5px 15px; background:#E8EDF3;}
.survey_list .quizSet div span {font-size:15px; color:#3D4E6A; margin-left:5px;}
.survey_list .quizSet td {padding:3px 30px; color:#3D4E6A; font-size:13px;}
.survey_list .quizSet tr:first-child td {padding-top:15px;}
.survey_list .quizSet tr:last-child td { padding-bottom:15px;}
.survey_list .quizSet td:last-child  {color:#FF8282;}
#surveyContent {margin:0px !important;}
#surveyContent .quizSet {margin-top:20px;}
#surveyContent .quizSet:first-child {margin-top:0px;}
#surveyContent table {border:1px solid #E8EDF3;}
#surveyContent table td {padding-top:5px; text-align:left; padding-left:50px; padding-right:50px;}
#surveyContent table tr:first-child td {padding-top:15px;}
#surveyContent table tr td:last-child {text-align:right;}
#surveyContent table td span {display:inline-block; max-width:400px; word-break:break-all; vertical-align:top; font-size:13px;}
#surveyContent span {display:inline-block; max-width:400px; word-break:break-all; vertical-align:top;}
.quizExcelBtn { background:url(../../common/image/excel_btn.png) no-repeat 3px 5px; color:#ffffff; background-color:#4DA462; border:1px solid #4DA462; width:auto; height:36px; line-height:18px; padding:7px 8px 1px 30px;transition: all 200ms;border-radius:5px; font-size:14px; text-align:center; display:inline-block; cursor:pointer;
	transition: all 200ms;
    -o-transition: all 200ms;
    -ms-transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;}
.quizExcelBtn:hover {background-color:#ffffff; color:#4DA462; font-weight:400;}
.mw770 {max-width:770px;}











/* --------------------------------------------------------------테마별 색상변경------------------------------------------------------------------*/

.quiz_folder .quiz_btn[data-sc="meeting"] {background: #2692FF !important; color:white !important;}  
.quiz_folder .quiz_btn[data-sc="class"] {background: #9BCD65 !important; color:white !important;} 
.quiz_folder .quiz_btn[data-sc="consult"] {background: #9875F9 !important; color:white !important;}
.quiz_folder .quiz_btn[data-sc="work"] {background: #46C9A9 !important; color:white !important;}
.quiz_folder .quiz_btn[data-sc="webinar"] {background: #E65261 !important; color:white !important;}

.quiz_folder .quiz_btn[data-sc="meeting"]:hover { background:#177BE1 !important;}
.quiz_folder .quiz_btn[data-sc="class"]:hover { background:#85BB4B !important;}
.quiz_folder .quiz_btn[data-sc="consult"]:hover {  background:#7C57E2 !important;}
.quiz_folder .quiz_btn[data-sc="work"]:hover {  background:#28B18F !important;}
.quiz_folder .quiz_btn[data-sc="webinar"]:hover {  background:#D53B4B !important;}


.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="meeting"]:hover {background:url(../../common/image/forder_blue_img_hover.png) no-repeat;}
.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="class"]:hover {background:url(../../common/image/forder_green_img_hover.png) no-repeat;}
.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="consult"]:hover {background:url(../../common/image/forder_puple_img_hover.png) no-repeat;}
.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="work"]:hover {background:url(../../common/image/forder_mint_img_hover.png) no-repeat;}
.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="webinar"]:hover {background:url(../../common/image/forder_img_hover.png) no-repeat;}


.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="meeting"]:hover h2 {color:#2692FF;}
.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="class"]:hover h2 {color:#9BCD65;}
.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="consult"]:hover h2 {color:#9875F9;}
.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="work"]:hover h2 {color:#46C9A9;}
.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="webinar"]:hover h2 {color:#e65261;}

.quiz_list .quiz_con_btn .delBtn[data-sc="meeting"] {border:1px solid #2692FF; color:#2692FF;}
.quiz_list .quiz_con_btn .delBtn[data-sc="class"] {border:1px solid #2692FF; color:#9BCD65;}
.quiz_list .quiz_con_btn .delBtn[data-sc="consult"] {border:1px solid #2692FF; color:#9875F9;}
.quiz_list .quiz_con_btn .delBtn[data-sc="work"] {border:1px solid #2692FF; color:#46C9A9;}
.quiz_list .quiz_con_btn .delBtn[data-sc="webinar"] {border:1px solid #2692FF; color:#e65261;}

.quiz_list .quiz_con_btn .newBtn[data-sc="meeting"] {background:#2692FF;}
.quiz_list .quiz_con_btn .newBtn[data-sc="class"] {background:#9BCD65;}
.quiz_list .quiz_con_btn .newBtn[data-sc="consult"] {background:#9875F9;}
.quiz_list .quiz_con_btn .newBtn[data-sc="work"] {background:#46C9A9;}
.quiz_list .quiz_con_btn .newBtn[data-sc="webinar"] {background:#e65261;}

.quiz_modal .input-group-text[data-sc="meeting"] {color:#A4ABC8;}
.quiz_modal .input-group-text[data-sc="class"] {color:#A4ABC8;}
.quiz_modal .input-group-text[data-sc="consult"] {color:#A4ABC8;}
.quiz_modal .input-group-text[data-sc="work"] {color:#A4ABC8;}
.quiz_modal .input-group-text[data-sc="webinar"] {color:#A4ABC8;}

.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="meeting"]:hover h2 {color:#2692FF;}
.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="class"]:hover h2 {color:#9BCD65;}
.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="consult"]:hover h2 {color:#9875F9;}
.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="work"]:hover h2 {color:#46C9A9;}
.quiz_folder .page-card > .carousel ul >li .forder_text[data-sc="webinar"]:hover h2 {color:#e65261;}

.quiz_select .btn-primary[data-sc="meeting"]:hover {background:#2692FF;}
.quiz_select .btn-primary[data-sc="class"]:hover {background:#9BCD65;}
.quiz_select .btn-primary[data-sc="consult"]:hover {background:#9875F9;}
.quiz_select .btn-primary[data-sc="work"]:hover {background:#46C9A9;}
.quiz_select .btn-primary[data-sc="webinar"]:hover {background:#e65261;}

.quiz_modal .btn-primary[data-sc="meeting"] {background:#ffffff !important; color:#2692FF !important;}
.quiz_modal .btn-primary[data-sc="class"] {background:#ffffff !important; color:#9BCD65 !important;}
.quiz_modal .btn-primary[data-sc="consult"] {background:#ffffff !important; color:#9875F9 !important;}
.quiz_modal .btn-primary[data-sc="work"] {background:#ffffff !important; color:#46C9A9 !important;}
.quiz_modal .btn-primary[data-sc="webinar"] {background:#ffffff !important; color:#e65261 !important;}

.quiz_modal .btn-primary[data-sc="meeting"]:hover {background:#2692FF !important; color:white !important;}
.quiz_modal .btn-primary[data-sc="class"]:hover {background:#9BCD65 !important; color:white !important;}
.quiz_modal .btn-primary[data-sc="consult"]:hover {background:#9875F9 !important; color:white !important;}
.quiz_modal .btn-primary[data-sc="work"]:hover {background:#46C9A9 !important; color:white !important;}
.quiz_modal .btn-primary[data-sc="webinar"]:hover {background:#e65261 !important; color:white !important;}

.quiz_createSection .save_cancle_btn .btn-primary[data-sc="meeting"] {background:#2692FF !important;}
.quiz_createSection .save_cancle_btn .btn-primary[data-sc="class"] {background:#9BCD65 !important;}
.quiz_createSection .save_cancle_btn .btn-primary[data-sc="consult"] {background:#9875F9 !important;}
.quiz_createSection .save_cancle_btn .btn-primary[data-sc="work"] {background:#46C9A9 !important;}
.quiz_createSection .save_cancle_btn .btn-primary[data-sc="webinar"] {background:#e65261 !important;}
.quiz_createSection .save_cancle_btn .btn-primary[data-sc="meeting"]:hover {background:#177BE1 !important;}
.quiz_createSection .save_cancle_btn .btn-primary[data-sc="class"]:hover {background:#85BB4B !important;}
.quiz_createSection .save_cancle_btn .btn-primary[data-sc="consult"]:hover {background:#7C57E2 !important;}
.quiz_createSection .save_cancle_btn .btn-primary[data-sc="work"]:hover {background:#28B18F !important;}
.quiz_createSection .save_cancle_btn .btn-primary[data-sc="webinar"]:hover {background:#D53B4B !important;}



/* -------------------------------------------------------------end 테마별 색상변경------------------------------------------------------------------*/


.quiz_view_modal .modal-dialog {width:700px; height:600px; overflow-y:scroll; pointer-events:auto;}
.quiz_view_modal .modal-header {background:white; border-bottom:none !important;}
.quiz_view_modal .modal-title {color:#E65261; font-size:19px; font-weight:500; margin-left:30px; margin-top:30px;}
.quiz_view_modal .btn-secondary {background:white !important; color:#3D4E6A; border:1px solid #A4ABC8; font-size:13px; font-weight:400; padding:8px 17px 8px 17px; margin-top:30px; margin-right:15px;}
.quiz_view_modal .btn-secondary:hover {background:#E8EDF3 !important;}
.quiz_view_modal .modal-body {padding:30px 40px; margin-top:20px; min-height:550px !important;}
.quiz_view_modal .modal-body table.dataTable.no-footer {border-bottom:none;}
.quiz_view_modal table.viewtable thead th {border-top:none !important; border-bottom:1px solid #E8EDF3; font-weight:500; color:#3D4E6A; padding-bottom:15px;}
.quiz_view_modal table.viewtable tbody td {border-bottom:none; font-size:15px; color:#3D4E6A;}
.quiz_view_modal .modal-content { border-radius:0px;}
.quiz_view_modal table.dataTable tbody tr:nth-of-type(even) td {background-color:#F6F7F8;}
.quiz_view_modal .quiz_vm1 table {text-align:center; border:1px solid #E8EDF3 !important;}
.quiz_view_modal .quiz_vm1 .questionText {font-size:15px; font-weight:500; color:#E65261;}
.quiz_view_modal .quiz_vm1 .questionSubText {font-size:15px; color:#3D4E6A; margin-left:5px; font-weight:500;}
.quiz_view_modal .quiz_vm1 .quizSet div {margin-bottom:8px; margin-left:8px;}
.quiz_view_modal .quiz_vm1 .table-bordered thead th , .quiz_view_modal .quiz_vm1 .table thead th ,.quiz_view_modal .quiz_vm1 .table-bordered , .quiz_view_modal .quiz_vm1 .table-bordered td, .quiz_view_modal .quiz_vm1 .table-bordered th {border:none;}
.quiz_view_modal .quiz_vm1 .table thead th {background:#E8EDF3; color:#3D4E6A; font-weight:500; font-size:13px;}
.quiz_view_modal .quiz_vm1 table td {font-size:13px; color:#3D4E6A; border-top:1px solid #E8EDF3; border-right:1px solid white; vertical-align:middle;}
.quiz_view_modal .quiz_vm1 table td:last-child {border-right:1px solid #E8EDF3;}
.quiz_view_modal .quiz_vm1 table td:first-child {text-align:left; padding-left:15px;}
.quiz_view_modal .quiz_vm1 table td:nth-child(2) , .quiz_view_modal .quiz_vm1 table td:nth-child(3) {background:#F6F7F8;}
.quiz_view_modal .quiz_vm1 table td:nth-child(4) {}
.quiz_view_modal .quiz_vm1 .quizSet {margin-bottom:30px;}
.survey_view_modal table {border:none !important;}
.survey_view_moda .quiz_vm1 table td:last-child {border:none !important;}
.survey_view_moda .quiz_vm1 table td {border:none !important; padding-top:0px;}
.survey_view_moda .quiz_vm1 table tr:first-child td {padding-top:10px;}

html[data-signin-type="quiz"] .card .card-title {color:#E65261; font-size:19px; font-weight:500; margin-top:5px;}







.custom-control-input[data-sc="meeting"]:checked~.custom-control-label::before {border-color:#2692FF ; background-color:#2692FF ;}
.custom-control-input[data-sc="meeting"]:disabled:checked~.custom-control-label::before {border-color:#2692FF ; background-color:#2692FF ;}
.custom-control-input[data-sc="class"]:checked~.custom-control-label::before {border-color:#9BCD65 ; background-color:#9BCD65 ;}
.custom-control-input[data-sc="class"]:disabled:checked~.custom-control-label::before {border-color:#9BCD65 ; background-color:#9BCD65 ;}
.custom-control-input[data-sc="consult"]:checked~.custom-control-label::before {border-color:#9875F9 ; background-color:#9875F9 ;}
.custom-control-input[data-sc="consult"]:disabled:checked~.custom-control-label::before {border-color:#9875F9 ; background-color:#9875F9 ;}
.custom-control-input[data-sc="webinar"]:checked~.custom-control-label::before {border-color:#E65261 ; background-color:#E65261 ;}
.custom-control-input[data-sc="webinar"]:disabled:checked~.custom-control-label::before {border-color:#E65261 ; background-color:#E65261 ;}
.custom-control-input[data-sc="work"]:checked~.custom-control-label::before {border-color:#46C9A9 ; background-color:#46C9A9 ;}
.custom-control-input[data-sc="work"]:disabled:checked~.custom-control-label::before {border-color:#46C9A9 ; background-color:#46C9A9 ;}



.carousel-control-prev {left:-15px; width:30px;}
.carousel-control-next {right:-15px; width:30px;}
.carousel-indicators .active {background-color:#2692FF !important;}
nav .grd_prev {position:absolute; top:0; bottom:3px; left:0; width:60px; height:50px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,100),rgba(255,255,255,0)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
z-index: 101;
}
nav .grd_next {position:absolute; top:0; bottom:3px; right:0; width:60px; height:50px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to left,  rgba(255,255,255,100),rgba(255,255,255,0)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
z-index: 101;	
}








/* 통계 */
.graph-wrap{background:#fff;padding:20px;box-shadow: 0px 3px 3px 2px rgba(0,0,0,0.05);border-radius:8px}

.custom-control-label::before,
.custom-control-label::after{top:0.2rem;left:-1.25rem}
.custom-switch .custom-control-label::before{top: .25rem;}

/* 웹설정 */
.sysCreateWrap{background:#fff;padding:65px 35px;border-radius:10px;box-shadow: 0px 3px 3px 2px rgba(0,0,0,0.05);}
.sCreateTbl{overflow:hidden}
.sCreateTbl h3{float:left;border-top:4px solid #707070;width:100px;margin-right:30px;padding-top:12px;font-weight:bold;color:#707070;font-size:20px;line-height:24px}
.siteInfo{float:left;overflow:hidden;width:calc( 100% - 135px );border-top:1px solid #707070;padding:20px 0}
.siteInfo > div > label{word-break:keep-all; width:135px; display:block;float:left;color:#333;font-size:14px;line-height:36px;margin:0}
.siteInfo.basicInfo > div {overflow:hidden;}
.siteInfo.basicInfo > div > div > p{margin-top:5px;}

.siteInfo .imgField{width:215px;float:left}
.imgField.field-login{height:78px}
.imgField.field-login-back{height:120px}
.imgField.field-login-bottom{height:48px}
.imgField.field-main-logo{height:78px}
.imgField.field-main-foot{height:48px}
.siteInfo .imgField img{width:100% !important;height:100% !important}
.siteInfo .siteTx{float:right;width:calc( 100% - 135px );}
.siteInfo .siteTx p{margin-top:5px}
.inpForm > li input[type="text"],
.inpForm > li input[type="password"],
.siteInfo .siteTx > input[type="text"]{display:inline-block;margin:0;width:100%;height:36px;line-height:36px;color:#B4B4B4;font-size:14px;padding:0 12px;vertical-align:middle;background:#fff;cursor:pointer;border:1px solid #B4B4B4;border-radius:5px;}
.siteSkin{float:left;width:calc( 100% - 135px );}
.siteSkin li .siteInfo{width:100%}
.siteSkin li .siteInfo .siteTx{width:calc( 100% - 340px );}
.sCreateTbl .inpForm > li label,
.siteSkin li .siteInfo .siteTx > label{margin:0;font-size:14px;line-height:36px;color:#333}
.siteSkin li .siteInfo .siteTx > p{clear:both;margin-left:135px}
.sCreateTbl .siteInfo.basicInfo > div > p {clear:both; margin-left:135px;}
.sCreateTbl .input-group{width:calc( 100% - 135px );float:right}
.sCreateTbl .input-group button{width:96px;height:38px;line-height:38px;color:#fff;background:#969696;border-radius:5px;font-size:14px}
.sCreateTbl .input-group button:hover{background:#00A1DD}

.sCreateTbl1{overflow:hidden}
.sCreateTbl1 h3{float:left;border-top:4px solid #707070;width:100px;margin-right:30px;padding-top:12px;font-weight:bold;color:#707070;font-size:20px;line-height:24px}
.sCreateTbl1 .siteInfo.basicInfo > div > p {clear:both; margin-left:135px;}
.sCreateTbl1 .input-group{width:calc( 100% - 135px );float:right}
.sCreateTbl1 .input-group button{background:#969696;border-radius:5px;font-size:14px}
.sCreateTbl1 .input-group button:hover{background:#00A1DD}
.siteSkin li > div{overflow:hidden}
.custom-file{margin-right:5px}
.custom-file label {display:inline-block;margin:0;width:100%;line-height:36px;color:#B4B4B4;font-size:14px;padding:0 12px;vertical-align:middle;background:#fff;cursor:pointer;border:1px solid #B4B4B4;border-radius:5px; } 
.custom-file input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/*사용자관리 & 회사정보 */
.sCreateTbl h3.tblTit{width:115px}
.sCreateTbl .inpForm{float:left;width:calc( 100% - 145px );margin-bottom:10px;border-top:1px solid #707070;padding-top:25px}
.sCreateTbl .inpForm > li{width:calc( 50% - 25px );float:right;margin-right:0;margin-bottom:25px; position:relative;}
.sCreateTbl .inpForm > li > input[type="text"][disabled='disabled'] { background-color:#e1e1e1; }
.sCreateTbl .inpForm > li > input[type='text'] + button {position:absolute; right:0; top:0; margin: .15rem; height:87.5%; }
.sCreateTbl .inpForm > li ul{overflow:hidden;width:calc( 100% - 110px );float:left;margin-top:8px}
.sCreateTbl .inpForm > li li{float:left;margin-right:15px; margin-bottom:10px;}
.sCreateTbl .inpForm > li li label{line-height:17px}
.sCreateTbl .inpForm > li:nth-child(2n){margin-right:50px;float:left;}
.sCreateTbl .inpForm > li > label{width:110px;float:left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.inpForm > li input[type="text"],
.inpForm > li input[type="password"]{width:calc( 100% - 110px )}
.sCreateTbl .inpForm > li.listC{clear:both;float:left;margin-right:50px}
.sCreateTbl .inpForm > li.listCNext{margin:0;float:right}
.sCreateTbl .inpForm > li.userUrl{}
.sCreateTbl .inpForm > li.userUrl input{width:calc( 100% - 220px );float:left}
.sCreateTbl .inpForm > li.userUrl input + input{width:100px;float:right}
.listCNext .custom-radio .custom-control-label::before,
.listCNext .custom-radio .custom-control-label::after{top:2px !important;}
.listCNext .custom-checkbox .custom-control-label::before,
.listCNext .custom-checkbox .custom-control-label::after{top:2px !important;}
.custom-radio{position:relative;height:17px;line-height:17px}
.cs_worktimesetting .sCreateTbl .cs_worktimesetting_ctnt {display:inline-block; float:left;width:calc( 100% - 205px );margin-bottom:10px;border-top:1px solid #707070;padding-top:25px}
.cs_worktimesetting .sCreateTbl .cs_rowGroup > div > h2 {width:100px;}
.cs_worktimesetting .sCreateTbl > h3 {width:175px;}
.cs_worktimesetting .sCreateTbl .cs_rowGroup button {width:40px;}

.sCreateTbl .input-group > .custom-file {margin-top:3px;}
/* CAPS LOCK IS ON */
.divCaps { text-align: center; font-family: 'Noto Sans KR'; font-size: 1rem; color: #fff; position: relative; background: #716FF4;border-radius: .4em;padding-left: 2px; padding-right: 2px; z-index: 100; }
.divCaps:before {content: ""; width: 0px; height: 0px; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid #716FF4; left: 40px; top: -19px; z-index: 100;}

/* term.jsp */
.termDiv textarea {resize:none; font-size: 0.75rem !important; background-color:#fff !important;}

.wrap-loading { 
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.2); /*not in ie */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000',
		endColorstr='#20000000'); /* ie */
}

.wrap-loading div { 
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -40px;
}

.file_upload{
	background: #18A3E0;
	zoom: 1;
	min-width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	font-size: 12px;
	padding: 0 10px;
}

.place_select{
	background: #18A3E0;
	zoom: 1;
	min-width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	font-size: 12px;
	padding: 0 10px;
}

@media (max-width: 800px) {
	
	body {min-width:330px;}
	.quiz_container {min-width:100%; max-width:100%; width:100%; margin:0; padding:15px; }
	.quiz_container .quiz_solveSection {width:100% !important; }
	.quiz_container .quiz_solveSection .quiz_list {width:100% !important;}
	.quiz_solveSection2 #quizContent .answer2 input[type='text'] {width:100% !important;}
}
/* 간편초대 운영자용 반응형 적용 */
@media (max-width:575px){
	.inviteTimeModalForm {min-width:330px; max-width:100%; width:100%; margin:0; padding:15px; }
	.inviteTimeModalForm .input-group .wave-dash{display:none;}
	.inviteTimeModalForm .input-group {flex-direction: column;}
	.inviteTimeModalForm .input-group input:first-child{width: 100%; border-radius: 6px 6px 0px 0px!important;}
	.inviteTimeModalForm .input-group input:last-child{width:100%; border-radius:0px 0px 6px 6px!important;border-top-width:0px!important;}
	
}
/* 간편초대 운영자용 반응형 적용 끝 */

@media (min-width: 768px) {
	.modal-xl {
		width: 90%;
		max-width:1000px;
	}
}
@media (min-width: 768px) {
	.modal-agr {
		width: 305px;
		max-width:1000px;
	}
}
















/* tinymce editor */
#noticeModal .tox-tinymce{border: 1px solid #fff}
#noticeModal .tox .tox-edit-area{	border-top: 1px solid #fff }
#listNoticeModal .tox-tinymce{border: 1px solid #fff}
#listNoticeModal .tox .tox-edit-area{	border-top: 1px solid #fff }
.faqCtnt .tox-tinymce{border: none;}


/* 미리보기 창 크기 */
.tox .tox-dialog--width-lg {  height: 580px !important;   max-width: 500px !important;}

.custom-control-input[data-sc="meeting"]:checked~.custom-control-label::before {border-color:#2692FF ; background-color:#2692FF ;}
.custom-control-input[data-sc="class"]:checked~.custom-control-label::before {border-color:#9BCD65 ; background-color:#9BCD65 ;}
.custom-control-input[data-sc="consult"]:checked~.custom-control-label::before {border-color:#9875F9 ; background-color:#9875F9 ;}
.custom-control-input[data-sc="webinar"]:checked~.custom-control-label::before {border-color:#E65261 ; background-color:#E65261 ;}
.custom-control-input[data-sc="work"]:checked~.custom-control-label::before {border-color:#46C9A9 ; background-color:#46C9A9 ;}

.custom_nowrap {white-space:nowrap !important; text-overflow:ellipsis !important; overflow:hidden !important;}
.custom_disable {opacity:0.35; pointer-events:none;}

.spinner-border { animation: spinner-border 1.0s linear infinite !important; -webkit-animation: spinner-border 1.0s linear infinite !important;}

ul.fancytree-container {
  height: 250px;
  width: 100%;
}
.spinner-border { animation: spinner-border 1.0s linear infinite !important; -webkit-animation: spinner-border 1.0s linear infinite !important;}

.hFlex {display:flex; flex-direction:row; } .vFlex {display:flex; flex-direction:column; }

/* datepicker */
.datepicker .datepicker-days table tr:last-child th:first-child { color:#ff0000; }
.datepicker td, .datepicker th {width:39px; height:32px; border-radius:10px; -webkit-border-radius:10px; }
.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {font-size:19px;}
.datepicker table tr td span, .datepicker table tr td, .datepicker table tr th {font-size:16px;} 

.datepicker[data-sc="meeting"] table tr td.active.active, .datepicker[data-sc="meeting"] table tr td.active.disabled, .datepicker[data-sc="meeting"] table tr td.active.disabled.active, .datepicker[data-sc="meeting"] table tr td.active.disabled.disabled, .datepicker[data-sc="meeting"] table tr td.active.disabled:active, .datepicker[data-sc="meeting"] table tr td.active.disabled:hover, .datepicker[data-sc="meeting"] table tr td.active.disabled:hover.active, .datepicker[data-sc="meeting"] table tr td.active.disabled:hover.disabled, .datepicker[data-sc="meeting"] table tr td.active.disabled:hover:active, .datepicker[data-sc="meeting"] table tr td.active.disabled:hover:hover, .datepicker[data-sc="meeting"] table tr td.active.disabled:hover[disabled], .datepicker[data-sc="meeting"] table tr td.active.disabled[disabled], .datepicker[data-sc="meeting"] table tr td.active:active, .datepicker[data-sc="meeting"] table tr td.active:hover, .datepicker[data-sc="meeting"] table tr td.active:hover.active, .datepicker[data-sc="meeting"] table tr td.active:hover.disabled, .datepicker[data-sc="meeting"] table tr td.active:hover:active, .datepicker[data-sc="meeting"] table tr td.active:hover:hover, .datepicker[data-sc="meeting"] table tr td.active:hover[disabled], .datepicker[data-sc="meeting"] table tr td.active[disabled] { background-color:#2692FF; }
.datepicker[data-sc="class"] table tr td.active.active, .datepicker[data-sc="class"] table tr td.active.disabled, .datepicker[data-sc="class"] table tr td.active.disabled.active, .datepicker[data-sc="class"] table tr td.active.disabled.disabled, .datepicker[data-sc="class"] table tr td.active.disabled:active, .datepicker[data-sc="class"] table tr td.active.disabled:hover, .datepicker[data-sc="class"] table tr td.active.disabled:hover.active, .datepicker[data-sc="class"] table tr td.active.disabled:hover.disabled, .datepicker[data-sc="class"] table tr td.active.disabled:hover:active, .datepicker[data-sc="class"] table tr td.active.disabled:hover:hover, .datepicker[data-sc="class"] table tr td.active.disabled:hover[disabled], .datepicker[data-sc="class"] table tr td.active.disabled[disabled], .datepicker[data-sc="class"] table tr td.active:active, .datepicker[data-sc="class"] table tr td.active:hover, .datepicker[data-sc="class"] table tr td.active:hover.active, .datepicker[data-sc="class"] table tr td.active:hover.disabled, .datepicker[data-sc="class"] table tr td.active:hover:active, .datepicker[data-sc="class"] table tr td.active:hover:hover, .datepicker[data-sc="class"] table tr td.active:hover[disabled], .datepicker[data-sc="class"] table tr td.active[disabled] { background-color:#9BCD65; }
.datepicker[data-sc="consult"] table tr td.active.active, .datepicker[data-sc="consult"] table tr td.active.disabled, .datepicker[data-sc="consult"] table tr td.active.disabled.active, .datepicker[data-sc="consult"] table tr td.active.disabled.disabled, .datepicker[data-sc="consult"] table tr td.active.disabled:active, .datepicker[data-sc="consult"] table tr td.active.disabled:hover, .datepicker[data-sc="consult"] table tr td.active.disabled:hover.active, .datepicker[data-sc="consult"] table tr td.active.disabled:hover.disabled, .datepicker[data-sc="consult"] table tr td.active.disabled:hover:active, .datepicker[data-sc="consult"] table tr td.active.disabled:hover:hover, .datepicker[data-sc="consult"] table tr td.active.disabled:hover[disabled], .datepicker[data-sc="consult"] table tr td.active.disabled[disabled], .datepicker[data-sc="consult"] table tr td.active:active, .datepicker[data-sc="consult"] table tr td.active:hover, .datepicker[data-sc="consult"] table tr td.active:hover.active, .datepicker[data-sc="consult"] table tr td.active:hover.disabled, .datepicker[data-sc="consult"] table tr td.active:hover:active, .datepicker[data-sc="consult"] table tr td.active:hover:hover, .datepicker[data-sc="consult"] table tr td.active:hover[disabled], .datepicker[data-sc="consult"] table tr td.active[disabled] { background-color:#9875F9; }
.datepicker[data-sc="webinar"] table tr td.active.active, .datepicker[data-sc="webinar"] table tr td.active.disabled, .datepicker[data-sc="webinar"] table tr td.active.disabled.active, .datepicker[data-sc="webinar"] table tr td.active.disabled.disabled, .datepicker[data-sc="webinar"] table tr td.active.disabled:active, .datepicker[data-sc="webinar"] table tr td.active.disabled:hover, .datepicker[data-sc="webinar"] table tr td.active.disabled:hover.active, .datepicker[data-sc="webinar"] table tr td.active.disabled:hover.disabled, .datepicker[data-sc="webinar"] table tr td.active.disabled:hover:active, .datepicker[data-sc="webinar"] table tr td.active.disabled:hover:hover, .datepicker[data-sc="webinar"] table tr td.active.disabled:hover[disabled], .datepicker[data-sc="webinar"] table tr td.active.disabled[disabled], .datepicker[data-sc="webinar"] table tr td.active:active, .datepicker[data-sc="webinar"] table tr td.active:hover, .datepicker[data-sc="webinar"] table tr td.active:hover.active, .datepicker[data-sc="webinar"] table tr td.active:hover.disabled, .datepicker[data-sc="webinar"] table tr td.active:hover:active, .datepicker[data-sc="webinar"] table tr td.active:hover:hover, .datepicker[data-sc="webinar"] table tr td.active:hover[disabled], .datepicker[data-sc="webinar"] table tr td.active[disabled] { background-color:#E65261; }
.datepicker[data-sc="work"] table tr td.active.active, .datepicker[data-sc="work"] table tr td.active.disabled, .datepicker[data-sc="work"] table tr td.active.disabled.active, .datepicker[data-sc="work"] table tr td.active.disabled.disabled, .datepicker[data-sc="work"] table tr td.active.disabled:active, .datepicker[data-sc="work"] table tr td.active.disabled:hover, .datepicker[data-sc="work"] table tr td.active.disabled:hover.active, .datepicker[data-sc="work"] table tr td.active.disabled:hover.disabled, .datepicker[data-sc="work"] table tr td.active.disabled:hover:active, .datepicker[data-sc="work"] table tr td.active.disabled:hover:hover, .datepicker[data-sc="work"] table tr td.active.disabled:hover[disabled], .datepicker[data-sc="work"] table tr td.active.disabled[disabled], .datepicker[data-sc="work"] table tr td.active:active, .datepicker[data-sc="work"] table tr td.active:hover, .datepicker[data-sc="work"] table tr td.active:hover.active, .datepicker[data-sc="work"] table tr td.active:hover.disabled, .datepicker[data-sc="work"] table tr td.active:hover:active, .datepicker[data-sc="work"] table tr td.active:hover:hover, .datepicker[data-sc="work"] table tr td.active:hover[disabled], .datepicker[data-sc="work"] table tr td.active[disabled] { background-color:#46C9A9; }
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {background-image:none;}

.datepicker[data-sc="meeting"] table tr td span.active.active, .datepicker[data-sc="meeting"] table tr td span.active.disabled, .datepicker[data-sc="meeting"] table tr td span.active.disabled.active, .datepicker[data-sc="meeting"] table tr td span.active.disabled.disabled, .datepicker[data-sc="meeting"] table tr td span.active.disabled:active, .datepicker[data-sc="meeting"] table tr td span.active.disabled:hover, .datepicker[data-sc="meeting"] table tr td span.active.disabled:hover.active, .datepicker[data-sc="meeting"] table tr td span.active.disabled:hover.disabled, .datepicker[data-sc="meeting"] table tr td span.active.disabled:hover:active, .datepicker[data-sc="meeting"] table tr td span.active.disabled:hover:hover, .datepicker[data-sc="meeting"] table tr td span.active.disabled:hover[disabled], .datepicker[data-sc="meeting"] table tr td span.active.disabled[disabled], .datepicker[data-sc="meeting"] table tr td span.active:active, .datepicker[data-sc="meeting"] table tr td span.active:hover, .datepicker[data-sc="meeting"] table tr td span.active:hover.active, .datepicker[data-sc="meeting"] table tr td span.active:hover.disabled, .datepicker[data-sc="meeting"] table tr td span.active:hover:active, .datepicker[data-sc="meeting"] table tr td span.active:hover:hover, .datepicker[data-sc="meeting"] table tr td span.active:hover[disabled], .datepicker[data-sc="meeting"] table tr td span.active[disabled] { background-color:#2692FF; }
.datepicker[data-sc="class"] table tr td span.active.active, .datepicker[data-sc="class"] table tr td span.active.disabled, .datepicker[data-sc="class"] table tr td span.active.disabled.active, .datepicker[data-sc="class"] table tr td span.active.disabled.disabled, .datepicker[data-sc="class"] table tr td span.active.disabled:active, .datepicker[data-sc="class"] table tr td span.active.disabled:hover, .datepicker[data-sc="class"] table tr td span.active.disabled:hover.active, .datepicker[data-sc="class"] table tr td span.active.disabled:hover.disabled, .datepicker[data-sc="class"] table tr td span.active.disabled:hover:active, .datepicker[data-sc="class"] table tr td span.active.disabled:hover:hover, .datepicker[data-sc="class"] table tr td span.active.disabled:hover[disabled], .datepicker[data-sc="class"] table tr td span.active.disabled[disabled], .datepicker[data-sc="class"] table tr td span.active:active, .datepicker[data-sc="class"] table tr td span.active:hover, .datepicker[data-sc="class"] table tr td span.active:hover.active, .datepicker[data-sc="class"] table tr td span.active:hover.disabled, .datepicker[data-sc="class"] table tr td span.active:hover:active, .datepicker[data-sc="class"] table tr td span.active:hover:hover, .datepicker[data-sc="class"] table tr td span.active:hover[disabled], .datepicker[data-sc="class"] table tr td span.active[disabled] { background-color:#9BCD65; }
.datepicker[data-sc="consult"] table tr td span.active.active, .datepicker[data-sc="consult"] table tr td span.active.disabled, .datepicker[data-sc="consult"] table tr td span.active.disabled.active, .datepicker[data-sc="consult"] table tr td span.active.disabled.disabled, .datepicker[data-sc="consult"] table tr td span.active.disabled:active, .datepicker[data-sc="consult"] table tr td span.active.disabled:hover, .datepicker[data-sc="consult"] table tr td span.active.disabled:hover.active, .datepicker[data-sc="consult"] table tr td span.active.disabled:hover.disabled, .datepicker[data-sc="consult"] table tr td span.active.disabled:hover:active, .datepicker[data-sc="consult"] table tr td span.active.disabled:hover:hover, .datepicker[data-sc="consult"] table tr td span.active.disabled:hover[disabled], .datepicker[data-sc="consult"] table tr td span.active.disabled[disabled], .datepicker[data-sc="consult"] table tr td span.active:active, .datepicker[data-sc="consult"] table tr td span.active:hover, .datepicker[data-sc="consult"] table tr td span.active:hover.active, .datepicker[data-sc="consult"] table tr td span.active:hover.disabled, .datepicker[data-sc="consult"] table tr td span.active:hover:active, .datepicker[data-sc="consult"] table tr td span.active:hover:hover, .datepicker[data-sc="consult"] table tr td span.active:hover[disabled], .datepicker[data-sc="consult"] table tr td span.active[disabled] { background-color:#9875F9; }
.datepicker[data-sc="webinar"] table tr td span.active.active, .datepicker[data-sc="webinar"] table tr td span.active.disabled, .datepicker[data-sc="webinar"] table tr td span.active.disabled.active, .datepicker[data-sc="webinar"] table tr td span.active.disabled.disabled, .datepicker[data-sc="webinar"] table tr td span.active.disabled:active, .datepicker[data-sc="webinar"] table tr td span.active.disabled:hover, .datepicker[data-sc="webinar"] table tr td span.active.disabled:hover.active, .datepicker[data-sc="webinar"] table tr td span.active.disabled:hover.disabled, .datepicker[data-sc="webinar"] table tr td span.active.disabled:hover:active, .datepicker[data-sc="webinar"] table tr td span.active.disabled:hover:hover, .datepicker[data-sc="webinar"] table tr td span.active.disabled:hover[disabled], .datepicker[data-sc="webinar"] table tr td span.active.disabled[disabled], .datepicker[data-sc="webinar"] table tr td span.active:active, .datepicker[data-sc="webinar"] table tr td span.active:hover, .datepicker[data-sc="webinar"] table tr td span.active:hover.active, .datepicker[data-sc="webinar"] table tr td span.active:hover.disabled, .datepicker[data-sc="webinar"] table tr td span.active:hover:active, .datepicker[data-sc="webinar"] table tr td span.active:hover:hover, .datepicker[data-sc="webinar"] table tr td span.active:hover[disabled], .datepicker[data-sc="webinar"] table tr td span.active[disabled] { background-color:#E65261; }
.datepicker[data-sc="work"] table tr td span.active.active, .datepicker[data-sc="work"] table tr td span.active.disabled, .datepicker[data-sc="work"] table tr td span.active.disabled.active, .datepicker[data-sc="work"] table tr td span.active.disabled.disabled, .datepicker[data-sc="work"] table tr td span.active.disabled:active, .datepicker[data-sc="work"] table tr td span.active.disabled:hover, .datepicker[data-sc="work"] table tr td span.active.disabled:hover.active, .datepicker[data-sc="work"] table tr td span.active.disabled:hover.disabled, .datepicker[data-sc="work"] table tr td span.active.disabled:hover:active, .datepicker[data-sc="work"] table tr td span.active.disabled:hover:hover, .datepicker[data-sc="work"] table tr td span.active.disabled:hover[disabled], .datepicker[data-sc="work"] table tr td span.active.disabled[disabled], .datepicker[data-sc="work"] table tr td span.active:active, .datepicker[data-sc="work"] table tr td span.active:hover, .datepicker[data-sc="work"] table tr td span.active:hover.active, .datepicker[data-sc="work"] table tr td span.active:hover.disabled, .datepicker[data-sc="work"] table tr td span.active:hover:active, .datepicker[data-sc="work"] table tr td span.active:hover:hover, .datepicker[data-sc="work"] table tr td span.active:hover[disabled], .datepicker[data-sc="work"] table tr td span.active[disabled] { background-color:#46C9A9; }
.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {background-image:none;}


/* FAQ CSS*/
.faqCreateTbl{overflow:hidden}  
.faqCreateTbl h3{float:left;border-top:4px solid #707070;width:100px;margin-right:30px;padding-top:12px;font-weight:bold;color:#707070;font-size:20px;line-height:24px}  
.faqCreateTbl .inpForm > li label,  
.faqCreateTbl .siteInfo.basicInfo > div > p {clear:both; margin-left:135px;}  
.faqCreateTbl .input-group button{width:30px;height:20px;line-height:20px;margin-top:2px;color:#fff;background:#969696;border-radius:5px;font-size:13px}  
.faqCreateTbl .input-group button:hover{background:#00A1DD}  
.faqCreateTbl h3.tblTit{width:115px}  
.faqCreateTbl .inpForm{float:left;width:calc( 100% - 145px );margin-bottom:10px;border-top:1px solid #707070;padding-top:25px}  
.faqCreateTbl .inpForm > li{width:calc( 50% - 25px );float:left;margin-right:50px;margin-bottom:25px}  
.faqCreateTbl .inpForm > li ul{overflow:hidden;width:calc( 100% - 110px );float:left;margin-top:8px}  
.faqCreateTbl .inpForm > li li{float:left;margin-right:15px; margin-bottom:10px;}  
.faqCreateTbl .inpForm > li li label{line-height:17px}  
.faqCreateTbl .inpForm > li:nth-child(2n){margin-right:0;float:right}  
.faqCreateTbl .inpForm > li > label{width:110px;float:left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}  
.faqCreateTbl .inpForm > li.listC{clear:both;float:left;margin-right:50px}  
.faqCreateTbl .inpForm > li.listCNext{margin:0;float:right}  
.faqCreateTbl .inpForm > li.userUrl{}  
.faqCreateTbl .inpForm > li.userUrl input{width:calc( 100% - 220px );float:left}  
.faqCreateTbl .inpForm > li.userUrl input + input{width:100px;float:right}  
.cs_worktimesetting .faqCreateTbl .cs_worktimesetting_ctnt {display:inline-block; float:left;width:calc( 100% - 205px );margin-bottom:10px;border-top:1px solid #707070;padding-top:25px}  
.cs_worktimesetting .faqCreateTbl .cs_rowGroup > div > h2 {width:100px;}  
.cs_worktimesetting .faqCreateTbl > h3 {width:175px;}  
.cs_worktimesetting .faqCreateTbl .cs_rowGroup button {width:40px;}  
.faqCreateTbl .input-group > .custom-file {margin-top:3px;}  

/*템플릿 자세히 보기 2020-09-02*/
.view-template .modal-title {font-weight: 400;}
.view-template .view-title h3 {font-size:16px; line-height: 31px; color:#3d4e6a; font-weight : bold;}
.view-template .view-title .txtbox {border:1px solid #D9E2E8; padding: 10px 10px 5px 10px; border-radius: 6px; line-height: 24px}
.view-template .view-title .txtbox>p {font-size:14px; color:#3D4E6A;}
.view-template-cardgroup-parent .card-header { font-size: 16px; color: #3D4E6A; line-height: 40px; background-color: #F1F4F8}
.view-template-cardgroup-parent .card-text { color: #9BCD65; font-size: 60px; } 
.view-template-cardgroup-parent .card-body { padding: 12px; }
.view-template-cardgroup-parent .card-body.bg-icon{ background-image: url("../../common/image/layout.svg"); background-repeat:no-repeat; background-position: center center;}
.view-template-cardgroup-parent .badge {font-size: 15px; color: #9BCD65; font-weight: 400; border: 1px solid #9BCD65; border-radius: 20px; padding:10px 12px; margin: 4px 2px}
.view-template-cardgroup-parent .badge[data-color="true"][data-sc="meeting"] {color: #2692FF; border: 1px solid #2692FF;}
.view-template-cardgroup-parent .badge[data-color="true"][data-sc="class"] {color:#9BCD65; border: 1px solid #9BCD65;}
.view-template-cardgroup-parent .badge[data-color="true"][data-sc="consult"]{color:#9875F9; border: 1px solid #9875F9;}
.view-template-cardgroup-parent .badge[data-color="true"][data-sc="webinar"]{color:#E65261; border: 1px solid #E65261;}
.view-template-cardgroup-parent .badge[data-color="true"][data-sc="work"]{color:#46C9A9; border: 1px solid #46C9A9;}
.view-template-cardgroup-parent .badge[data-color="false"] {color: #d9e2e8; border: 1px solid #d9e2e8;}
.view-template-cardgroup-parent .badge[data-color="none"] {color: #3d4e6a; border: 1px solid #3d4e6a;}
.view-mt-type02{ border-top-left-radius: 6px; border-top-right-radius: 6px; margin-top:0px;}
.view-mt-type01 { border-top-left-radius: 6px; border-top-right-radius: 6px; margin-top:0px;}
.tooltip-inner {max-width: 1000px; padding : 10px;}
/*템플릿 자세히 보기 */

/* 캘린더 회의목록 */
.container #goToCalendar button.btn_ViewCalendar, .container #goToCalendar button.btn_ListView { color: #333333; font-size: 18px ; border-radius:6px; margin-right: 10px; width:180px; height: 40px}
.container #goToCalendar button.btn_ViewCalendar>span, .container #goToCalendar button.btn_ListView>span {font-size: 15px; margin-left: 8px; line-height: 36px; }

/* 캘린더 modal */
.inviteTimeModalForm .modal-body .table thead {border-bottom: 1px solid #E2E9EE; text-align: center}
.inviteTimeModalForm .modal-body .table td {border-top: 0}
.inviteTimeModalForm .modal-body .table thead>tr>td { font-size: 20px; color: #3D4E6A; text-align: left; padding:10px 30px}
.inviteTimeModalForm .modal-body .table tbody tr td span {padding-top: 10px; margin-top: 10px; margin-top: 10px}
.inviteTimeModalForm .modal-body .table tbody tr td { color: #8EA1C1; font-size: 14px; border: 0; padding-left: 30px; padding-right: 30px;}
.inviteTimeModalForm .modal-body .table tbody .col2th { text-align: right; font-size: 16px; color: #3D4E6A}


/* 캘린더 화면 */

.calendarSection { border-radius: 10px; position: relative; border-left: 0; border-right: 0; padding: 30px 13px 25px; }
.calendarSection .fc-header-toolbar { margin-bottom: 40px;}
.calendarSection #calendar .fc-left { margin-left: 30px}
.calendarSection #calendar .fc-left>button { height: 40px; width: 110px; background-color: #fff; font-size: 16px; color: #626778; border-color: #A4ABC8; font-weight: 500; margin: 0 14px 0 0}

.calendarSection #calendar .fc-center {position: absolute; left: 420px;}
.calendarSection #calendar .fc-center h2 {color: #3D4E6A; font-size: 36px; text-align: center; margin: 0; padding: 0 60px; display: inline-block;}
.calendarSection #calendar .fc-center>button { border: 0; padding: 2px 4px; margin: 0; background-color : white;}
.calendarSection #calendar .fc-center .fc-prev-button { float: left}
.calendarSection #calendar .fc-center .fc-next-button { float: right}
.calendarSection #calendar .fc-center button>span {font-size: 40px; color: #3D4E6A;  background-color: white; margin: 0 }

.calendarSection #calendar .fc-right {margin-right: 30px}
.calendarSection #calendar .fc-right div>span.hide {display: none}
.calendarSection #calendar .fc-right div.ic_roomGeneral{ height: 13px; width: 13px; border-radius: 3px; background-color: #33B679; display: inline-block; margin: 0 0 0 20px; }
.calendarSection #calendar .fc-right div.ic_roomPermanent{ height: 13px; width: 13px; border-radius: 3px; background-color: #1A73E8; display: inline-block; margin: 0 0 0 20px; }
.calendarSection #calendar .fc-right div.ic_roomReservation{ height: 13px; width: 13px; border-radius: 3px; background-color: #A44EE6; display: inline-block;margin: 0 0 0 20px; }
.calendarSection #calendar .fc-right div { margin-right: 20px; }
.calendarSection #calendar .fc-row .fc-widget-header{ border-top: 0; position: relative; text-transform: uppercase }
.calendarSection #calendar .fc-row .fc-widget-header span{ line-height: 40px; } 
.calendarSection #calendar .fc-row .fc-widget-header .fc-sun span{ color:red; } 
.calendarSection #calendar .fc-day-header span { color: #9EA6B4 ; font-size: 14px; font-weight: 400; border-top: 0 ; margin: auto 22px;}
.calendarSection #calendar .fc-day-top span.fc-day-number {float: left; font-size: 16px; text-align: center; padding: 6px; margin-bottom: 8px}

.calendarSection #calendar .fc-event-container a {padding:3px; border-radius: 3px; cursor: pointer ; border: 0;  }
.calendarSection #calendar .fc-event-container .fc-content span { font-weight: 500; font-size: 12px; color: #fff; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.calendarSection #calendar .roomPermanent {background-color: #1A73E8 }
.calendarSection #calendar .roomGeneral {background-color: #33B679}
.calendarSection #calendar .roomReservation {background-color: #A44EE6}

.calendarSection #calendar .fc-today.fc-day {background-color:#fff}
.calendarSection #calendar .fc-today span {background-color: #3D4E6A; color: #fff; width: 18px; height: 18px; text-align: center; margin-top: 3px; line-height: 17px; margin-left: 3px;  border-radius: 50%; }

.calendarSection #calendar { min-width: 900px ; margin: 0 auto; }
.calendarSection #calendar .fc-body .fc-widget-content {height: 132px;}


.userRegisterCard .custom-checkbox .custom-control-label::before,
.userRegisterCard .custom-checkbox .custom-control-label::after{top:3px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs19{font-size:19px !important;}
.fs20{font-size:20px !important;}
.error {color: #FF0000; font-size : 13px !important;}
.cw700{width: 700px; margin:40px 0;}
.widthdrawalView2 #userPwd-error {margin-left : 120px; font-size:14px;}
.invalid-feedback{font-size: 14px !important;}

.customCalendarCheckbox .custom-checkbox.general .custom-control-label::before,
.customCalendarCheckbox .custom-checkbox.general .custom-control-label::after{top:-2px !important;left:-20px !important; border: 2px solid #33B679; border-radius: 4px;}
.customCalendarCheckbox .custom-control-input.gr:checked~.custom-control-label::before {border-color:#33B679 ; background-color:#33B679 ;}

.customCalendarCheckbox .custom-checkbox.permanent .custom-control-label::before,
.customCalendarCheckbox .custom-checkbox.permanent .custom-control-label::after{top:-2px !important;left:-20px !important; border: 2px solid #1A73E8; border-radius: 4px;}
.customCalendarCheckbox .custom-control-input.rp:checked~.custom-control-label::before {border-color:#1A73E8 ; background-color:#1A73E8 ;}

.customCalendarCheckbox .custom-checkbox.reservation .custom-control-label::before,
.customCalendarCheckbox .custom-checkbox.reservation .custom-control-label::after{top:-2px !important;left:-20px !important; border: 2px solid #A44EE6; border-radius: 4px;}
.customCalendarCheckbox .custom-control-input.rv:checked~.custom-control-label::before {border-color:#A44EE6 ; background-color:#A44EE6 ;}

.containerWCustom{max-width : 1500px !important;}
.inviteSectionWCustom{height : 900px !important; min-width:1200px;}
.mr10{margin-right:10px !important;}
.cursor-pointer{cursor:pointer;}


.cbtn-light {
	color:#212529;
	background:#FFFFFF;
	border-radius:100px;
	font-size:1rem;
	font-weight:400;
	transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	padding: 5px;
	width: 150px;
	border: 1px solid #dae0e5;
	}
.cbtn-light:hover {color:#212529;background:#f8f9fa;}

.cbtn-primary {
	color:#fff;
	background:#007bff;
	border-radius:100px;
	font-size:1rem;
	font-weight:400;
	transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	padding: 5px;
	width: 150px;
	border: 2px solid #007bff;
	}
.cbtn-primary:hover {color: #fff; background:#0069d9;border-color:#0062cc;}

.cbtn-kt {
	color:#fff;
	background:#DB9700;
	}
.cbtn-kt:hover {color: #fff; background:#C98500;}

.custom-card-header{color:#fff;margin:0; padding:0; background:#2692FF;height:50px; line-height:40px;font-size:17px;}

.com-color[data-sc="meeting"] {color: #2692FF !important;}
.com-color[data-sc="class"] {color:#9BCD65 !important;}
.com-color[data-sc="consult"] {color:#9875F9 !important;}
.com-color[data-sc="webinar"] {color:#E65261 !important;}
.com-color[data-sc="work"] {color:#46C9A9 !important;}
.com-color--hover[data-sc="meeting"]:hover {color: #2692FF !important;}
.com-color--hover[data-sc="class"]:hover {color:#9BCD65 !important;}
.com-color--hover[data-sc="consult"]:hover {color:#9875F9 !important;}
.com-color--hover[data-sc="webinar"]:hover {color:#E65261 !important;}
.com-color--hover[data-sc="work"]:hover {color:#46C9A9 !important;}
.com-bg-color{color:white;}
.com-bg-color[data-sc="meeting"] {background-color: #2692FF !important;}
.com-bg-color[data-sc="class"] {background-color:#9BCD65 !important;}
.com-bg-color[data-sc="consult"]{background-color:#9875F9 !important;}
.com-bg-color[data-sc="webinar"]{background-color:#E65261 !important;}
.com-bg-color[data-sc="work"]{background-color:#46C9A9 !important;}
.com-bg-color--bfor:before {color:white;}
.com-bg-color--bfor[data-sc="meeting"]:before {background-color: #2692FF ;}
.com-bg-color--bfor[data-sc="class"]:before {background-color:#9BCD65 ;}
.com-bg-color--bfor[data-sc="consult"]:before{background-color:#9875F9 ;}
.com-bg-color--bfor[data-sc="webinar"]:before{background-color:#E65261 ;}
.com-bg-color--bfor[data-sc="work"]:before{background-color:#46C9A9 ;}
.com-bg-color--hover:hover {color:white;}
.com-bg-color--hover[data-sc="meeting"]:hover {background-color: #2692FF ;}
.com-bg-color--hover[data-sc="class"]:hover {background-color:#9BCD65 ;}
.com-bg-color--hover[data-sc="consult"]:hover{background-color:#9875F9 ;}
.com-bg-color--hover[data-sc="webinar"]:hover{background-color:#E65261 ;}
.com-bg-color--hover[data-sc="work"]:hover{background-color:#46C9A9 ;}
.com-border[data-sc="meeting"] {border: 1px solid #2692FF; }
.com-border[data-sc="class"] {border: 1px solid #9BCD65; }
.com-border[data-sc="consult"] {border: 1px solid #9875F9; }
.com-border[data-sc="webinar"] {border: 1px solid #E65261; }
.com-border[data-sc="work"] {border: 1px solid #46C9A9; }
.com-border-color[data-sc="meeting"] {border-color: #2692FF;}
.com-border-color[data-sc="class"] {border-color:#9BCD65;}
.com-border-color[data-sc="consult"] {border-color:#9875F9;}
.com-border-color[data-sc="webinar"] {border-color:#E65261;}
.com-border-color[data-sc="work"] {border-color:#46C9A9;}
.com-border-color--hover[data-sc="meeting"]:hover {border-color: #2692FF !important;}
.com-border-color--hover[data-sc="class"]:hover {border-color:#9BCD65 !important;}
.com-border-color--hover[data-sc="consult"]:hover {border-color:#9875F9 !important;}
.com-border-color--hover[data-sc="webinar"]:hover {border-color:#E65261 !important;}
.com-border-color--hover[data-sc="work"]:hover {border-color:#46C9A9 !important;}

hr.option_section {display: block; height: 0; width: 100%; background: none; margin:0.2rem 0;}

.input_guest {
	width: 400px;
	margin: 15px auto;
}

.input_guest ul li:nth-child(1) {
	width: 320px;
	position: relative;
	color: #fff;
}

.input_guest ul li:nth-child(2) {
	width: 320px;
	position: relative;
	color: #fff;
}

.input_guest ul li input{
	margin-bottom:10;
}

.input_guest input[type=text],
input[type=password] {
	width: 100%;
	height: 50px;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding-left: 10px;
	background-color: transparent;
	margin-bottom: 20px;
	font-family: 'Noto Sans KR';
	color:#ccc;
}

.input_guest > ul > li > p {position:absolute; top:0px; left:8px;}

.input_guest .eyes{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto 15px;
	height: 30px;
	font-size: 15px;
	cursor: pointer;
	color:#fff;
}

.input_guest > ul > li > .guest_txt {color:rgba(255,255,255,0.8); background:rgba(0,0,0,0.5);  padding-left:50px; margin-bottom:10px; outline:none; font-size:15px;
transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;}


.input_guest > ul > li > .guest_submit:hover {background:#177BE1;}
.input_guest > ul > li > .guest_submit[data-sc="meeting"] {background:#2692FF;}
.input_guest > ul > li > .guest_submit[data-sc="meeting"]:hover {background:#177BE1;}
.input_guest > ul > li > .guest_submit[data-sc="class"] {background:#9BCD65;}
.input_guest > ul > li > .guest_submit[data-sc="class"]:hover {background:#85bb4b;}
.input_guest > ul > li > .guest_submit[data-sc="consult"] {background:#9875F9;}
.input_guest > ul > li > .guest_submit[data-sc="consult"]:hover {background:#7c57e2;}
.input_guest > ul > li > .guest_submit[data-sc="webinar"] {background:#E65261;}
.input_guest > ul > li > .guest_submit[data-sc="webinar"]:hover {background:#d53b4b;}
.input_guest > ul > li > .guest_submit[data-sc="work"] {background:#46C9A9;}
.input_guest > ul > li > .guest_submit[data-sc="work"]:hover {background:#28b18f;}

.guest-custom-btn {
	width: 100%;
	height: 50px;
	border: 0;
	border-radius: 6px;
	color: #fff;
	letter-spacing: 2px;
	font-size: 18px;
	font-family: 'Noto Sans KR';
	position:relative;
}



.guest-custom-btn:hover {
	background-color: #ff5b4d;
}

.input_guest_pwd input:focus{outline:4px solid #FF0000;}


.delete-custom-btn {width:30px;height:20px;line-height:20px;margin-top:2px;color:#fff;background:#969696;border-radius:5px;font-size:13px}  
.delete-custom-btn:hover{background:#00A1DD}

/* 캘린더 회의목록 */
.container .conferencePlanChangeBtn button.plan-list-change-btn { color: #333333; font-size: 18px ; border-radius:6px; margin-right: 10px; width:180px; height: 40px}
.container .conferencePlanChangeBtn button.plan-list-change-btn>span {font-size: 15px; margin-left: 8px; line-height: 36px; }

/* 데이터 테이블 가로 스크롤 제거*/
.dataTables_scrollBody{overflow-x:hidden !important;}
.dataTables_scrollBody table.poi tbody td {cursor:pointer;}
.dataTables_scroll .table-bordered{border : 0px solid #dee2e6;}

.fc-sat .fc-day-number { color:#0000FF !important;}
.fc-sun .fc-day-number { color:#FF0000 !important;}

.rTypeList .form-control[readonly] {background:white;}

.rTypeList label {margin-bottom:0.1rem !important;}

.btn.corange{color: #fff; background-color: #FF7F30; border-color: #FF7F30;}
.btn.corange:hover{color: #fff; background-color: #FF6E14; border-color: #FF6E14;}

#roomTemplateImageList div.checked{
	background-color:#efefef;
}

.valid-border {border : 1px solid #2478FF !important;}
.valid-danger-border {border : 2px solid #FF0000 !important;;}

.c_remove_btn{
	background: #f25f5f;
	zoom: 1;
	min-width: 60px;
	height: 30px;
	width: 74px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	padding: 0 10px;
}

.c_remove_btn:hover{
	background: #F05F40;
	zoom: 1;
	min-width: 60px;
	height: 30px;
	width: 74px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	padding: 0 10px;
}

.b-bottom-line-10rem{border-bottom:.10rem solid #4e73df!important;}
.b-top-line-10rem{border-top:.10rem solid #4e73df!important;}

.info_form {
	width:450px;
	margin: 15vh auto 0;
}
.info_form2 {
	margin: 15vh auto 0;
}
.info_form .subject .setup {text-align:center;}
.info_form .subject .setup h2 {border-top:1px solid #ccc; padding:30px 0 5px 0; font-size:25px; color:#5F5F5F;}
.c_input_width{width: 550px !important;}
.pt5 {padding-top: 5px !important;}
.input-wrapper {
	display: inline-block;
	position: relative
}

.input-wrapper:after {
	content: '\f073';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	right: 8px;
	bottom: 1px;
	font-size: 20px;
	color: #707070;
}

.input-wrapper-clickable {
	display: inline-block;
	position: relative;
}

.input-wrapper-clickable input {
	background-image: url("../image/calendar_re.png");
	background-position: 8% 55%;
	background-repeat: no-repeat;
}

.quiz_createSection .input-wrapper-clickable #startDatetime, .quiz_createSection .input-wrapper-clickable #endDatetime {
	background-image: url("../image/calendar_re.png") !important;
	background-position: 8% 55%;
	background-repeat: no-repeat;
}

.c_notice_btn{
	background: #17a2b8;
	zoom: 1;
	min-width: 60px;
	height: 38px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	font-size: 15px;
	padding: 0 10px;
}

.c_notice_btn:hover{
	background: #138FA2;
	zoom: 1;
	min-width: 60px;
	height: 38px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	font-size: 15px;
	padding: 0 10px;
}

.swal2-title {
	font-size : 16px !important;
	color : #000 !important;
}

.banner {
	border-bottom: 1px solid #B4B4B4;
	border-top: 1px solid #B4B4B4;
	margin-top: 0px;
}

.slick-track {
  display: flex !important;
}
.slick-track .slick-slide {
  display: flex !important;
  height: auto !important;
  align-items: center !important;
  justify-content: center !important;
}

.ellipsis-custom {
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* 회의목록 상세 */

.view-class {
	padding-top : 15px !important;
	padding: 45px 50px 23px;
	border-radius: 10px;
	background: #fff;
}

.view-class .titleInfo{background:#fff;border-radius:10px;position:relative;padding:23px 0px;overflow:hidden}
.view-class .titleInfo .hisDetMob{display:none}
.view-class .titleInfo .roomIco{float:left;width:80px;height:80px;line-height:80px;margin-right:37px}
.view-class .titleInfo .roomIco img{max-width:100%;max-height:100%}
.view-class .titleInfo .hisDetTx{float:left;width:100%;margin-right:-120px;padding-right:120px;box-sizing : border-box;}
.view-class .titleInfo .hisDetTx h3{margin-bottom:10px;color:#333;font-weight:400;font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.view-class .titleInfo .hisDetTx ul{overflow:hidden}
.view-class .titleInfo .hisDetTx ul li{float:left;overflow:hidden;border:1px solid #D0D0D0;border-radius:5px;line-height:38px;height:40px;padding:0 10px;color:#707070;font-size:14px;min-width:220px;margin:10px 15px 0 0}
.view-class .titleInfo .hisDetTx ul li span{display:inline-block;overflow:hidden;margin-right:5px;font-weight:bold;color:#B4B4B4;font-size:14px;min-width:63px;float:left}
.view-class .titleInfo .hisDetTx ul li span:after{display:block;float:right;margin-left:5px;content:'|';color:#D0D0D0}
.view-class .titleInfo .hisDetTx ul li:last-child{margin-right:0}
.view-class .titleInfo + .dTableWrap{padding:45px 50px 23px;border-radius:10px}

p.view-title {
	color: #848caf;
	font-size: 18px;
	margin-bottom: 20px;
}

p.view-count {
	color:#848caf;
	font-size:16px;
}

.view-class .input-group label {
	color: #848caf;
	font-size: 18px;
	width: 150px;
}

.view-class .input-group span {
	font-size: 18px;
}

hr.view-line{display: block; height: 0; width: 100%; background: none; margin:0.2rem 0;background:#D0D0D0;}

.inviteText textarea{width:100%;height:120px;color:#333;font-size:17px;padding:15px 15px;resize:none;border:1px solid #ced4da;}
.inviteText button{position:absolute;top:45px;right:35px;border-radius:7%;background:#85C4EB;color:#fff;width:80px;height:23px;line-height:23px;text-align:center;display:block;font-size:13px;outline:none}
.inviteText button:focus,
.inviteText button:hover{background:#00A1DD}

.custom_boot_btn_h30 {height:30px;line-height:15px; max-width: 200px; font-size:16px;}
.custom_boot_btn_h20 {height:20px;line-height:5px; max-width: 200px; font-size:13px;}
#userTypeByLayoutAppend .form-control::placeholder {font-size:15px; color:#C7D7EB; font-weight:300;}
.tree_custom_icon:before{content:'\f007';font-family:"Font Awesome 5 Pro";margin-left:4px; font-size:12px;}
.c-color-blue {color:#0069d9;}

.swiper-button-custom  {
	max-width: 1300px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	bottom: 30px;
}

.custom-form-control-select  {margin:3.5px; border:none; border-radius:6px;}
.custom-form-control-select .custom-form-control-select-height {width:auto; height:40px; font-size:15px; border:none; }

.ellipsis_room_history {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.default_option_legende {padding: 9px;}
.default_option_legende div[data-default-option] {display: inline-block; padding: 1px 10px; color: #fff; font-size:14px; border-radius:3px;}

/* 사용자 승인 modal */
.approvalModalForm .modal-body .table thead {border-bottom: 1px solid #E2E9EE; text-align: center}
.approvalModalForm .modal-body .table td {border-top: 0}
.approvalModalForm .modal-body .table thead>tr>td { font-size: 20px; color: #3D4E6A; text-align: left; padding:10px 30px}
.approvalModalForm .modal-body .table tbody tr td span {padding-top: 10px; margin-top: 10px; margin-top: 10px}
.approvalModalForm .modal-body .table tbody tr td { color: #8EA1C1; font-size: 15px; border: 0;}
.approvalModalForm .modal-body .table tbody .col2th {font-size: 16px; color: #3D4E6A}

svg > g > g:last-child { pointer-events: none }

.previousLogin {width:160px;line-height: 15px !important;margin-top: 5px; text-align: right !important;cursor:pointer;}
.previousLogin:hover span{color:#FFFF00}
.previousLoginText {color:white;  font-weight:bold; font-size:12px;margin-right:5px;}