@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; } input:focus {outline:none !important; box-shadow:none !important;} body{min-width:1240px;} .modal-open{padding-right:0 !important; height:100%;} 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} /* view - header */ .vHeader{ width: 100%; min-width:1240px; height: 110px; top:0; left:0; z-index:10; background: #00A1DD; } .vHeader[data-sc="meeting"]{ background: #2692FF; } .vHeader[data-sc="class"]{ background: #9bcd65; } .vHeader[data-sc="consult"]{ background: #9875f9; } .vHeader[data-sc="webinar"]{ background: #e65261; } .vHeader[data-sc="work"]{ background: #46c9a9; } .vHeader nav{overflow:hidden;width:1200px;margin:0 auto;padding: 0 20px;} .vHeader nav .logo{float:left;margin-top:30px;} .vHeader nav .logo a{display:block;min-width:100px;max-width:229px;max-height:45px;line-height:45px} .vHeader nav .logo a img{vertical-align:middle} .vHeader .vNav{float:right;margin-top:40px} .vHeader .vNav li{float:left;margin-left: 25px;color: #fff;} .vHeader .vNav li + li:before{content:'|';display:inline-block;*display:inline;zoom:1;font-size:14px;line-height:24px;vertical-align:top;margin:0 25px 0 0 } .vHeader .vNav li a{display:inline-block;vertical-align:top;color:#fff;font-size: 24px;line-height:24px;} .vHeader .vNav li a:hover{text-decoration:none} .vHeader .vNav li a:hover span{color:#FFFF00} .vHeader .vNav li span{padding:0 0 0 10px;font-size:14px;line-height:24px;vertical-align:top;display:inline-block;} .viewMenu{margin-top:0px;width:100%; margin-bottom:15px;} .viewMenu nav{margin:0 auto;position:relative;background: #fff; height:60px;} .viewMenu nav .nav_div {max-width:1200px; margin:0 auto;} .viewMenu .viewNav{overflow:visible; float:right;} .viewMenu .viewNav:before, .viewMenu .viewNav:after {clear:both; display:block; content:"";} .viewMenu .viewNav:after{content:"";display:block;clear:both;*zoom:1;} .container .viewMenu {margin-top:30px !important;} .viewMenu .viewNav > li{float:left;} .viewMenu .viewNav > li > a, .viewMenu .viewNav > li > .dropbtn > a{min-width:130px} .viewMenu .viewNav > li > a, .viewMenu .viewNav > li > .dropbtn > a{display:block;border-bottom:4px solid #fff;color:#333;line-height:56px;vertical-align:top;padding:0 20px;text-align:center;font-size:17px} .viewMenu .viewNav > li > a:hover, .viewMenu .viewNav > li > a:hover *, .viewMenu .viewNav > li > .dropbtn a:hover{border-color:#00A1DD;color:#00A1DD;} .viewMenu .viewNav > li svg{color:#707070;margin-right:10px} .viewMenu .viewNav > li.checked{} .viewMenu .viewNav > li.checked > a, .viewMenu .viewNav > li.checked > .dropbtn > a, .viewMenu .viewNav > li.checked > .dropbtn > a *, .viewMenu .viewNav > li.checked > a *{border-color:#00A1DD;color:#00A1DD;/* font-weight:bold */} .viewMenu .navSubBtn {overflow:hidden;max-width: 1200px;padding:0 20px;margin:15px auto;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} .viewMenu .navSubBtn .refreshBtn{width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;border-radius:50%;background:#fff;overflow:hidden;color:#00A1DD;} .viewMenu[data-sc="meeting"] .viewNav > li > a:hover, .viewMenu[data-sc="meeting"] .viewNav > li > a:hover *, .viewMenu[data-sc="meeting"] .viewNav > li > .dropbtn a:hover{border-color:#2692FF;color:#2692FF;} .viewMenu[data-sc="meeting"] .viewNav > li.checked > a, .viewMenu[data-sc="meeting"] .viewNav > li.checked > .dropbtn > a, .viewMenu[data-sc="meeting"] .viewNav > li.checked > .dropbtn > a *, .viewMenu[data-sc="meeting"] .viewNav > li.checked > a *{border-color:#2692FF;color:#2692FF;} .viewMenu[data-sc="meeting"] .navSubBtn .refreshBtn{color:#2692FF;} .viewMenu[data-sc="class"] .viewNav > li > a:hover, .viewMenu[data-sc="class"] .viewNav > li > a:hover *, .viewMenu[data-sc="class"] .viewNav > li > .dropbtn a:hover{border-color:#9BCD65;color:#9BCD65;} .viewMenu[data-sc="class"] .viewNav > li.checked > a, .viewMenu[data-sc="class"] .viewNav > li.checked > .dropbtn > a, .viewMenu[data-sc="class"] .viewNav > li.checked > .dropbtn > a *, .viewMenu[data-sc="class"] .viewNav > li.checked > a *{border-color:#9BCD65;color:#9BCD65;} .viewMenu[data-sc="class"] .navSubBtn .refreshBtn{color:#9BCD65;} .viewMenu[data-sc="consult"] .viewNav > li > a:hover, .viewMenu[data-sc="consult"] .viewNav > li > a:hover *, .viewMenu[data-sc="consult"] .viewNav > li > .dropbtn a:hover{border-color:#9875F9;color:#9875F9;} .viewMenu[data-sc="consult"] .viewNav > li.checked > a, .viewMenu[data-sc="consult"] .viewNav > li.checked > .dropbtn > a, .viewMenu[data-sc="consult"] .viewNav > li.checked > .dropbtn > a *, .viewMenu[data-sc="consult"] .viewNav > li.checked > a *{border-color:#9875F9;color:#9875F9;} .viewMenu[data-sc="consult"] .navSubBtn .refreshBtn{color:#9875F9;} .viewMenu[data-sc="webinar"] .viewNav > li > a:hover, .viewMenu[data-sc="webinar"] .viewNav > li > a:hover *, .viewMenu[data-sc="webinar"] .viewNav > li > .dropbtn a:hover{border-color:#E65261;color:#E65261;} .viewMenu[data-sc="webinar"] .viewNav > li.checked > a, .viewMenu[data-sc="webinar"] .viewNav > li.checked > .dropbtn > a, .viewMenu[data-sc="webinar"] .viewNav > li.checked > .dropbtn > a *, .viewMenu[data-sc="webinar"] .viewNav > li.checked > a *{border-color:#E65261;color:#E65261;} .viewMenu[data-sc="webinar"] .navSubBtn .refreshBtn{color:#E65261;} .viewMenu[data-sc="work"] .viewNav > li > a:hover, .viewMenu[data-sc="work"] .viewNav > li > a:hover *, .viewMenu[data-sc="work"] .viewNav > li > .dropbtn a:hover{border-color:#46C9A9;color:#46C9A9;} .viewMenu[data-sc="work"] .viewNav > li.checked > a, .viewMenu[data-sc="work"] .viewNav > li.checked > .dropbtn > a, .viewMenu[data-sc="work"] .viewNav > li.checked > .dropbtn > a *, .viewMenu[data-sc="work"] .viewNav > li.checked > a *{border-color:#46C9A9;color:#46C9A9;} .viewMenu[data-sc="work"] .navSubBtn .refreshBtn{color:#46C9A9;} .excelBtn{display:block;width:150px;height:36px;line-height:36px;text-align:center;font-size:14px;border-radius:5px;overflow:hidden;background:#019851;color:#fff;} .excelBtn *{margin-right:5px} .viewMenu .excelBtn{margin-right:10px} .excelBtn.mobExl{width:36px} .excelBtn.mobExl *{margin:0;font-size:20px !important} .excelBtn:hover, .excelBtn:focus{font-weight:bold;color:#fff} .excelBtn:hover *, .excelBtn:focus *{font-size:14px} .viewMenu .refreshBtn:hover, .viewMenu .refreshBtn:focus{color:#355BC1} .navSubBtn .excelBtn.mobExl{display:none} /* 드롭다운메뉴 추가 */ .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} .dropdown-content[data-sc="meeting"]{border:1px solid #00A1DD;} .viewMenu[data-sc="meeting"] .viewNav > li .dropdown-content a + a:hover:before{background-color:#00A1DD} .viewMenu[data-sc="meeting"] .viewNav > li .dropdown-content a:hover{background: #00A1DD;} .dropdown-content[data-sc="class"]{border:1px solid #9BCD65;} .viewMenu[data-sc="class"] .viewNav > li .dropdown-content a + a:hover:before{background-color:#9BCD65} .viewMenu[data-sc="class"] .viewNav > li .dropdown-content a:hover{background: #9BCD65;} .dropdown-content[data-sc="consult"]{border:1px solid #9875F9;} .viewMenu[data-sc="consult"] .viewNav > li .dropdown-content a + a:hover:before{background-color:#9875F9} .viewMenu[data-sc="consult"] .viewNav > li .dropdown-content a:hover{background: #9875F9;} .dropdown-content[data-sc="webinar"]{border:1px solid #E65261;} .viewMenu[data-sc="webinar"] .viewNav > li .dropdown-content a + a:hover:before{background-color:#E65261} .viewMenu[data-sc="webinar"] .viewNav > li .dropdown-content a:hover{background: #E65261;} .dropdown-content[data-sc="work"]{border:1px solid #46C9A9;} .viewMenu[data-sc="work"] .viewNav > li .dropdown-content a + a:hover:before{background-color:#46C9A9} .viewMenu[data-sc="work"] .viewNav > li .dropdown-content a:hover{background: #46C9A9;} /* view - 개설하기*/ .container{margin:10px auto 60px;padding:0;min-width:1200px;max-width:1200px} .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;} .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-input{margin-bottom:27px;width: 100%;overflow: hidden;} .container .create-input input.room_title{width: 100%;border:1px solid #D0D0D0;height:60px;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:60px;height:60px;vertical-align:top;font-size:16px;border-radius:6px;width:130px;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} /* 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;border-radius: 0 8px 8px 8px;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;} #tab.viewCTab .rTypeList.changeReserve[data-sc="meeting"], #tab.viewCTab #content2[data-sc="meeting"]{border-bottom: 1px solid #2692FF;} #tab.viewCTab .rTypeList.changeReserve[data-sc="class"], #tab.viewCTab #content2[data-sc="class"]{border-bottom: 1px solid #9BCD65;} #tab.viewCTab .rTypeList.changeReserve[data-sc="consult"], #tab.viewCTab #content2[data-sc="consult"]{border-bottom: 1px solid #9875F9;} #tab.viewCTab .rTypeList.changeReserve[data-sc="webinar"], #tab.viewCTab #content2[data-sc="webinar"]{border-bottom: 1px solid #E65261;} #tab.viewCTab .rTypeList.changeReserve[data-sc="work"], #tab.viewCTab #content2[data-sc="work"]{border-bottom: 1px solid #46C9A9;} /* view - 개설하기 - 회의유형 */ .rTypeList li{float: left;width: 15.2%;margin:1% 0 2% 1%;position:relative} .rTypeList li a{display:block} .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 a.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:80px; 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 a:hover .tempOption, .rTypeList li a:hover .tempSetting{display:block;} .rTypeList li .text-info{color:#b4b4b4 !important;} .rTypeList li a{padding-top:10px;padding-left:10px;position:relative; width:130px;} .rTypeList li a, .rTypeList li a:hover .tempName, .rTypeList li a.checked .tempName{color:#00A1DD;} .rTypeList li a[data-sc="meeting"], .rTypeList li a:hover .tempName[data-sc="meeting"], .rTypeList li a.checked .tempName[data-sc="meeting"]{color:#2692FF;} .rTypeList li a[data-sc="class"], .rTypeList li a:hover .tempName[data-sc="class"], .rTypeList li a.checked .tempName[data-sc="class"]{color:#9BCD65;} .rTypeList li a[data-sc="consult"], .rTypeList li a:hover .tempName[data-sc="consult"], .rTypeList li a.checked .tempName[data-sc="consult"]{color:#9875F9;} .rTypeList li a[data-sc="webinar"], .rTypeList li a:hover .tempName[data-sc="webinar"], .rTypeList li a.checked .tempName[data-sc="webinar"]{color:#E65261;} .rTypeList li a[data-sc="work"], .rTypeList li a:hover .tempName[data-sc="work"], .rTypeList li a.checked .tempName[data-sc="work"]{color:#46C9A9;} /* .rTypeList li a.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 a[data-sc="meeting"].checked:before{background:#fff url('/resources/common/image/meeting/checkBox.png') no-repeat 100% 0;} .rTypeList li a[data-sc="class"].checked:before{background:#fff url('/resources/common/image/class/checkBox.png') no-repeat 100% 0;} .rTypeList li a[data-sc="consult"].checked:before{background:#fff url('/resources/common/image/consult/checkBox.png') no-repeat 100% 0;} .rTypeList li a[data-sc="webinar"].checked:before{background:#fff url('/resources/common/image/webinar/checkBox.png') no-repeat 100% 0;} .rTypeList li a[data-sc="work"].checked:before{background:#fff url('/resources/common/image/work/checkBox.png') no-repeat 100% 0;} .rTypePw{overflow:hidden;position:relative;margin-top:20px} .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 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;} /* 공통 검색 인풋*/ .com_search {width:100%; height:40px; position: relative; display:-ms-flexbox; display: flex; -ms-flex-flow:row wrap; flex-flow:row wrap; -ms-flex-align: center; align-items:center; flex-wrap:nowrap; font-size: 21px;} .com_search .title_group {height: 100%; margin-right: auto; display:flex; align-items: center; justify-content: center;} .com_search .title_group .search_title {font-size: 21px; color:#3D4E6A;} .com_search .input_group {height: 100%; position: relative; margin-left: auto;} .com_search .input_group .search_input {height: 100%; font-size: 14px; background-color: #ffffff; border: 1px solid #D9E2E8; border-radius: 6px; color: #3D4E6A; padding: 0px 10px; } .com_search .input_group .search_input::placeholder {color: #3D4E6A; } .com_search .input_group .search_input:-webkit-autofill {webkit-text-fill-color: #3d4e6a; } .com_search .input_group .search_input + .search_btn {width: 40px; height: 100%; display: inline-block; font-size: 20px; position: absolute; right: 0px;} .com_search .input_group .search_input + .search_btn:before {color:#3D4E6A; content: '\f002'; font-family: 'Font Awesome 5 Pro';} .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: 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.png");background-position: center left 20px; 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{} .nCardList > li{background:#D9E2E8;position:relative;overflow:hidden;margin-bottom:15px; padding:0 0 0 10px; height:110px;} .nCardList > li:hover{border-color:#00A1DD;background-color:#00A1DD;} .nCardList > li:hover .listTit{color: #00A1DD;} .nCardList > li.listCheck .listTit{color:#00A1DD;font-weight:bold} .nCardList > li.listCheck{border-color:#00A1DD;background: #00A1DD;} .nCardList > li.listCheck .listAttendBtn .attBtn a, .nCardList > li.listCheck .listAttendBtn .attBtn a:before{background:#00A1DD;color:#fff} .nCardList li .cardListWrap{background:#fff;margin:0;overflow:hidden;width:100%;height:100%} .nCardList li .cardListWrap *{font-weight:normal} .nCardList .listTit{margin:23px 0 0 18px;height:38px;color:#3D4E6A;font-weight:500 !important;font-size:23px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .nCardList[data-sc="meeting"] > li:hover{border-color:#2692FF;background-color:#2692FF;} .nCardList[data-sc="meeting"] > li:hover .listTit{color: #2692FF;} .nCardList[data-sc="meeting"] > li.listCheck .listTit{color:#2692FF;font-weight:bold} .nCardList[data-sc="meeting"] > li.listCheck{border-color:#2692FF;background: #2692FF;} .nCardList[data-sc="meeting"] > li.listCheck .listAttendBtn .attBtn a, .nCardList[data-sc="meeting"] > li.listCheck .listAttendBtn .attBtn a:before{background:#2692FF;color:#fff} .nCardList[data-sc="class"] > li:hover{border-color:#9BCD65;background-color:#9BCD65;} .nCardList[data-sc="class"] > li:hover .listTit{color: #9BCD65;} .nCardList[data-sc="class"] > li.listCheck .listTit{color:#9BCD65;font-weight:bold} .nCardList[data-sc="class"] > li.listCheck{border-color:#9BCD65;background: #9BCD65;} .nCardList[data-sc="class"] > li.listCheck .listAttendBtn .attBtn a, .nCardList[data-sc="class"] > li.listCheck .listAttendBtn .attBtn a:before{background:#9BCD65;color:#fff} .nCardList[data-sc="consult"] > li:hover{border-color:#9875F9;background-color:#9875F9;} .nCardList[data-sc="consult"] > li:hover .listTit{color: #9875F9;} .nCardList[data-sc="consult"] > li.listCheck .listTit{color:#9875F9;font-weight:bold} .nCardList[data-sc="consult"] > li.listCheck{border-color:#9875F9;background: #9875F9;} .nCardList[data-sc="consult"] > li.listCheck .listAttendBtn .attBtn a, .nCardList[data-sc="consult"] > li.listCheck .listAttendBtn .attBtn a:before{background:#9875F9;color:#fff} .nCardList[data-sc="webinar"] > li:hover{border-color:#E65261;background-color:#E65261;} .nCardList[data-sc="webinar"] > li:hover .listTit{color: #E65261;} .nCardList[data-sc="webinar"] > li.listCheck .listTit{color:#E65261;font-weight:bold} .nCardList[data-sc="webinar"] > li.listCheck{border-color:#E65261;background: #E65261;} .nCardList[data-sc="webinar"] > li.listCheck .listAttendBtn .attBtn a, .nCardList[data-sc="webinar"] > li.listCheck .listAttendBtn .attBtn a:before{background:#E65261;color:#fff} .nCardList[data-sc="work"] > li:hover{border-color:#46C9A9;background-color:#46C9A9;} .nCardList[data-sc="work"] > li:hover .listTit{color: #46C9A9;} .nCardList[data-sc="work"] > li.listCheck .listTit{color:#46C9A9;font-weight:bold} .nCardList[data-sc="work"] > li.listCheck{border-color:#46C9A9;background: #46C9A9;} .nCardList[data-sc="work"] > li.listCheck .listAttendBtn .attBtn a, .nCardList[data-sc="work"] > li.listCheck .listAttendBtn .attBtn a:before{background:#46C9A9;color:#fff} /* list-title */ .flexInfo{float:left;width:100%;margin-right:-480px;padding-right:380px;box-sizing:border-box} .flexInfo .icoType{position: relative;float: left;width: 115px; text-align: center;line-height:80px;margin: 10px 0px;padding: 0px 10px;} .flexInfo .icoType{position:relative;float:left;margin: 10px 18px 10px 18px;text-align:center;line-height: 80px; padding-top:5px;} .flexInfo .icoType img{vertical-align:middle;height: auto;width:auto;max-width: 100%;} .flexInfo .icoType:after{display:inline-block;content:'';width:0px;height:80px;background:#ccc;position:absolute;top:0;right:0} .flexInfoTx{} .flexInfo .listDateIco{margin-left:18px; margin-top:5px;} .flexInfo .listDateIco li{display:inline-block;font-size:13px;color:#848CAF} .flexInfo .listDateIco li + li{margin-left:20px} .flexInfo .listDateIco li.list-icon:before{display:inline-block; width:20px; height:20px; clear:both; margin-right:5px; content:""; vertical-align:middle;} .flexInfo .listDateIco li.list-icon#regstrNm{max-width: 85px; width:auto;} .flexInfo .listDateIco li.list-icon#regstrNm:before {background:url('../../common/image/list_name_icon.png') no-repeat 0px -2px;} .flexInfo .listDateIco li.list-icon#regDatetime:before{background:url('../../common/image/list_date_icon.png') no-repeat 0px -2px;} .flexInfo .listDateIco li.list-icon#totalDatetime:before{background:url('../../common/image/list_time_icon.png') no-repeat 0px -2px;} .flexInfo .listDateIco li.list-icon#currentUserNum:before{background:url('../../common/image/list_user_icon.png') no-repeat 0px -2px;} .flexInfo .listDateIco li.list-icon#security:before{background:url('../../common/image/list_pwroom_icon.png') no-repeat 0px -2px;} .flexInfo .listDateIco li.list-icon#inviteOnly:before {background:url('../../common/image/list_ivtroom_icon.png') no-repeat 0px -2px;} .flexInfo .listDateIco #staticConfBadge span{border-radius:50px; border:1px solid #848CAF !important; padding:6px 13px; background:#fff; color:#848CAF; font-size:11px; margin-top:-2px;} .flexInfo .listDateIco #reserveConfBadge span{border-radius:50px; border:1px solid #848CAF !important; padding:6px 13px; background:#fff; color:#848CAF; font-size:11px; margin-top:-2px;} /* list-button */ .flexBtnWrap{float:right} /* list-button - 방청 참석 */ .flexBtnWrap .listAttend{float:left;display:table;min-height:100px} .flexBtnWrap .listAttend ul{display:table-cell;vertical-align:middle} .flexBtnWrap .listAttend > ul > li{padding:0px 10px; height:100px;float:left;text-align:center;font-size:14px;line-height:18px;color:#3D4E6A;position:relative} .flexBtnWrap .listAttend > ul > li:last-child {margin-right:30px;} .flexBtnWrap .listAttend > ul > li + li:before{position:absolute;content:'';width:0px;height:38px;display:block;background:#D0D0D0;top:31px;left:0} .flexBtnWrap .listAttend ul li.flexMobTime{line-height:100px} .flexBtnWrap .listAttend ul li.flexMobUser{display:table} .flexBtnWrap .listAttend ul li.flexMobUser > div{display:table-cell;vertical-align:middle} .flexBtnWrap .listAttend ul li.flexMobUser > div > span{display:block;font-size:14px;line-height:18px;color:#333;text-align:center;} .flexBtnWrap .listAttend ul li#totalDatetime:before{content:'\f2f2';display:inline-block;font-family:"Font Awesome 5 Pro";color:#707070;clear:both;font-size:14px;margin-right:5px} /* list-button - 초대 참가 */ .flexBtnWrap .flexBtn{float:right} .flexBtnWrap .flexBtn:before{float:right} .listAttendBtn{float:left; width:100%; height:110px;} .listAttendBtn > div{float:left} .listAttendBtn > div > a{display:block;width:100px} .listAttendBtn div{display:table;} .listAttendBtn div a{text-align:center;font-size:13px;line-height:30px;color:#848CAF;width:100%;height:100%;overflow:hidden} .listAttendBtn div a:hover, .listAttendBtn div a:hover:before{color:#3D4E6A;} .listAttendBtn div a:before{display:block; content:''; margin:0 auto; margin-top:28px; width:30px; height:30px; margin-bottom:5px; background:url('../../common/image/list_ivt_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 a span {color:white; border-radius:150px; padding:2px 10px; background:#848CAF; font-size:12px;} .listAttendBtn div a:hover span {background:#3D4E6A;} .listAttendBtn div a:hover:before {background:url('../../common/image/list_ivt_icon_hover.png') no-repeat;} .flexBtn .listAttendBtn div a:before{color:#848CAF;} .listAttendBtn div.assignedSeatBtn a:before{display:block;content:''; width:30px; height:30px; 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 a:hover:before {background:url('../../common/image/list_ass_icon_hover.png') no-repeat; background-size:100%;} .listAttendBtn div.simpleInviteBtn a:before{display:block;content:''; width:30px; height:30px; 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 a:hover:before {background:url('../../common/image/list_sivt_icon_hover.png') no-repeat;} .listAttendBtn div.audienceInviteBtn a:before{display:block; width:30px; height:30px; 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 a:hover:before {background:url('../../common/image/list_aivt_icon_hover.png') no-repeat;} .listAttendBtn div{width:100%;height:100%;text-align:center;} .flexBtnWrap .flexBtn .listAttendBtn .attBtn{background:#848CAF; width:110px;} .flexBtnWrap .flexBtn .listAttendBtn .attBtn a{color:white;font-size:14px; transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms;} .flexBtnWrap .flexBtn .listAttendBtn .attBtn a:hover {background:#00A1DD; color:#fff; font-weight:normal;} .flexBtnWrap .flexBtn .listAttendBtn .attBtn a:before{content:''; display:block; width:30px; height:30px; background:url('../../common/image/list_join_icon.png') no-repeat; transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms;} .flexBtnWrap .flexBtn .listAttendBtn .attBtn a:hover:before{background:url('../../common/image/list_join_icon_hover.png') no-repeat; } .flexBtnWrap[data-sc="meeting"] .flexBtn .listAttendBtn .attBtn a:hover{background:#2692FF;} .flexBtnWrap[data-sc="class"] .flexBtn .listAttendBtn .attBtn a:hover{background:#9BCD65;} .flexBtnWrap[data-sc="consult"] .flexBtn .listAttendBtn .attBtn a:hover{background:#9875F9;} .flexBtnWrap[data-sc="webinar"] .flexBtn .listAttendBtn .attBtn a:hover{background:#E65261;} .flexBtnWrap[data-sc="work"] .flexBtn .listAttendBtn .attBtn a: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 12px;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 .listAttend{display:none;} .rsvRoom .flexBtn .listAttendBtn .attBtn{background:#D9E2E8;} .rsvRoom .flexBtn .listAttendBtn .attBtn a{pointer-events: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 { height: 510px; width: 100%; } .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:50%;background:#85C4EB;color:#fff;width:23px;height:23px;line-height:23px;text-align:center;display:block;font-size:16px;outline:none} .ivtText button:focus, .ivtText button:hover{background:#00A1DD} .inviteContents .ivtList{border:1px solid #D0D0D0;border-radius:5px;padding:23px;padding-right:8px;min-height:540px} .inviteContents .ivtList > ul{max-height:440px;overflow-y:auto;padding-right:15px} .inviteContents .ivtList > ul > li{overflow:hidden} .inviteContents .ivtList > ul > li + li{margin-top:10px} .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 .ivtName{width:35%;} .inviteContents .ivtList .ivtTel{width:50%; margin-left:10px;} .inviteContents .ivtList .ivtDutyName{width: 140px;} .inviteContents .ivtList .ivtDutyTel{width: 200px;} .inviteContents .ivtList .ivtDutyNameHtml{width: 160px;} .inviteContents .ivtList .ivtDutyTelHtml{width: 200px;} .inviteContents .ivtList.latelyList .ivtName{width:35%;} .inviteContents .ivtList.latelyList .ivtTel{width:50%;margin-right:10px;} .inviteContents .ivtList.latelyList .ivtDutyUserNm{width:200px; margin-right:10px;} .inviteContents .ivtList.latelyList .ivtDutyName{width:120px; margin-right:10px;} .inviteContents .ivtList.latelyList .ivtDutyTel{width:290px;margin-right:10px;} .inviteContents .ivtList.latelyList .ivtOrgName{width:33%;} .inviteContents .ivtList.latelyList .ivtOrgTel{width:30%;} .inviteContents .ivtList.latelyList .ivtOrgEmail{width:35%;} .inviteContents .ivtList.latelyList .ivtOrgEmail[data-sc="meeting"] input.checked{background:#2692FF; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgEmail[data-sc="class"] input.checked{background:#9BCD65; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgEmail[data-sc="consult"] input.checked{background:#9875F9; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgEmail[data-sc="webinar"] input.checked{background:#E65261; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgEmail[data-sc="work"] input.checked{background:#46C9A9; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgTel[data-sc="meeting"] input.checked{background:#2692FF; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgTel[data-sc="class"] input.checked{background:#9BCD65; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgTel[data-sc="consult"] input.checked{background:#9875F9; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgTel[data-sc="webinar"] input.checked{background:#E65261; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgTel[data-sc="work"] input.checked{background:#46C9A9; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyOneName{width:180px;} .inviteContents .ivtList.latelyList .ivtOrgDutyOneTel{width:210px;} .inviteContents .ivtList.latelyList .ivtOrgDutyName{width:140px;} .inviteContents .ivtList.latelyList .ivtOrgDutyTel{width:170px;} .inviteContents .ivtList.latelyList .ivtOrgDutyEmail{width:170px;} .inviteContents .ivtList.latelyList .ivtOrgDutyEmail[data-sc="meeting"] input.checked{background:#2692FF; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyEmail[data-sc="class"] input.checked{background:#9BCD65; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyEmail[data-sc="consult"] input.checked{background:#9875F9; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyEmail[data-sc="webinar"] input.checked{background:#E65261; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyEmail[data-sc="work"] input.checked{background:#46C9A9; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyTel[data-sc="meeting"] input.checked{background:#2692FF; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyTel[data-sc="class"] input.checked{background:#9BCD65; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyTel[data-sc="consult"] input.checked{background:#9875F9; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyTel[data-sc="webinar"] input.checked{background:#E65261; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyTel[data-sc="work"] input.checked{background:#46C9A9; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyOneTel[data-sc="meeting"] input.checked{background:#2692FF; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyOneTel[data-sc="class"] input.checked{background:#9BCD65; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyOneTel[data-sc="consult"] input.checked{background:#9875F9; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyOneTel[data-sc="webinar"] input.checked{background:#E65261; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyOneTel[data-sc="work"] input.checked{background:#46C9A9; color:#fff} .inviteContents .ivtList.latelyList .ivtOrgDutyNameHtml{width:150px;} .inviteContents .ivtList.latelyList .ivtOrgDutyHtml{width:140px;} .inviteContents .ivtList.latelyList .ivtOrgDutyTelHtml{width:170px;} .inviteContents .ivtList.latelyList .ivtOrgDutyOneNameHtml{width:185px;} .inviteContents .ivtList.latelyList .ivtOrgDutyOneHtml{width:215px;} .inviteContents .ivtList.latelyList .ivtOrgDutyCheckboxNameHtml{width:185px; margin-left:20px;} .inviteContents .ivtList.latelyList .ivtOrgDutyCheckboxHtml{width:190px;} .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;} .tabs-comp .tabs-panel .ivtList{border:none;padding:0;} .tabs-comp .tabs-panel .ivtList ul{max-height:540px} .tabs-comp .tabs-panel .ivtList > ul span{margin-right:0} .tabs-comp .tabs-panel .ivtList > ul .ivtTel{margin-left:10px} .ivtListTit{overflow:hidden;margin-bottom:10px} .ivtListTit span{display:block;float:left;color:#333;font-size:15px} .ivtListTit .ivtTel{margin-left:10px} .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;border-radius:0 0 5px 5px;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{border-radius:.25rem; background-color:#F05F40;border-color:#F05F40;margin-bottom:10px;} .custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after{top:-2px !important;left:-20px !important} .ivtList .custom-checkbox .custom-control-label::before, .ivtList .custom-checkbox .custom-control-label::after{top:10px !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:20px; 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{min-height:700px;max-height:700px;} /* 지난회의 */ .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;color:#707070;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:65px 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-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;} /* 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;} /* 지난회의 검색 */ .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; } 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 .goPrevBtn:before{color:#fff;display:inline-block;content:'\f053';font-family:'Font Awesome 5 Pro';font-size:16px;margin-right:10px} /* 사용자관리 모바일 */ .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; 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 { min-height:480px; 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 {color:black !important; 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;} .quiz_list .sub_title_text {font-size:31px; color:#3D4E6A; font-weight:500; margin-top:35px; margin-bottom:5px; display:inline-block;} .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:#F8F9FE; height:50px; color:#3D4E6A; 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']: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:#A4ABC8; border:1px solid #A4ABC8;} .quiz_list .quiz_list_btn {position:absolute; left:0px; bottom:-20px;} .quiz_list .quiz_list_btn button {width:60px; height:40px; line-heihgt: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 .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_createSection #quizContent .answer2 .answer_txtbox {width:650px; height:60px;} .quiz_createSection {width:1080px; position:relative; margin:0 auto; margin-top:10px; background:none; box-shadow:none; padding:0px;} .quiz_createSection .table {background:white;} .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; padding:0px 0px 25px 100px; font-weight:500;} .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 .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.pd50 {padding-bottom:50px;} .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:650px; height:40px; border:1px solid #CED6DD; font-size:15px; padding-left:15px; color:#3D4E6A; font-weight:300;} .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:650px; height:100px; box-shadow:none !important; outline:none !important;} .quiz_createSection #quizContent {margin-top:20px !important; background:white; padding-top:50px; padding-bottom:50px; position:relative;} .quiz_createSection .control_btn {position:absolute; top:5px; right:65px;} .quiz_createSection .answer {border:none !important;} .quiz_createSection .quizSet {padding:10px 70px; position:relative;} .quiz_createSection .quiz_table_title {font-size:19px; color:#3D4E6A; margin-bottom:10px;} .quiz_createSection #quizContent .table {border:1px solid #A4ABC8; 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:0px !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 {width:120px; 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:650px; height:60px; border-radius:0px; font-weight:300;} .quiz_createSection #quizContent .objectiveItem textarea {height:40px !important;} .quiz_createSection #quizContent .answer {position:relative; padding-bottom:0px !important;} .quiz_createSection #quizContent input[type='checkbox'] {position:absolute; top:15px; left:-15px;} .quiz_createSection #quizContent .selectText {font-size:15px; color:#3D4E6A; margin-right:30px;} .quiz_createSection #quizContent .form-group {margin-bottom:0px;} .quiz_createSection #quizContent .table tr:last-child td:last-child {padding-bottom:40px;} .quiz_createSection #quizContent .answer button {display:block; width:20px; height:20px; background:url(../../common/image/answer_del.png) no-repeat; position:absolute; top:20px; right:100px; transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms;} .quiz_createSection #quizContent .quiz_btn_top , .quiz_createSection #quizContent .quiz_btn_bottom , .quiz_createSection #quizContent .quiz_btn_del { 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 button {margin-right:5px;} .quiz_createSection #quizContent .quiz_btn_top {display:inline-block; width:30px; height:30px; background:url(../../common/image/quiz_btn_top.png) no-repeat} .quiz_createSection #quizContent .quiz_btn_bottom {display:inline-block; width:30px; height:30px; background:url(../../common/image/quiz_btn_bottom.png) no-repeat} .quiz_createSection #quizContent .quiz_btn_del {display:inline-block; width:30px; height:30px; background:url(../../common/image/quiz_btn_del.png) no-repeat} .quiz_createSection #quizContent .quiz_btn_top:hover {display:inline-block; width:30px; height:30px; background:url(../../common/image/quiz_btn_top_hover.png) no-repeat} .quiz_createSection #quizContent .quiz_btn_bottom:hover {display:inline-block; width:30px; height:30px; background:url(../../common/image/quiz_btn_bottom_hover.png) no-repeat} .quiz_createSection #quizContent .quiz_btn_del:hover {display:inline-block; width:30px; height:30px; background:url(../../common/image/quiz_btn_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:40px;} .quiz_createSection #quizContent .table .pt60 {padding-top:60px;} .quiz_createSection .table .pl15 {padding-left:15px;} .quiz_createSection #quizContent .table .pl20 {padding-left:20px;} .quiz_createSection #quizContent .table .pl90 {padding-left:90px;} .quiz_createSection #quizContent .table .pl0 {padding-left:0px;} .quiz_createSection #quizContent .table .pl100 {padding-left:100px;} .quiz_createSection #quizContent .answer2 .fl {font-weight:400 !important; margin-left:70px; font-size:13px !important;} .quiz_createSection #quizContent .answer2 input[type='text'] {width:650; height:60; border:1px solid #CBD4DB; margin-left:40px; border-radius:0px; max-width:650px; margin-top:0px;} .quiz_createSection #quizContent .answer2 .fc_blue {margin-bottom:5px;} .quiz_createSection #quizContent .answer_add_btn {position:absolute; bottom:10px; right:-590px;} .quiz_createSection #quizContent .answer_add_btn button {display:inline-block; width:110px; height:40px; background:#A4ABC8; font-size:15px; border:none;} .quiz_createSection #quizContent .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:50px; 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;} .quiz_createSection td {font-size:17px; color:#3D4E6A;} .quiz_createSection td span {display:block;} .quiz_createSection td .selectText {padding-left:0px;} .quiz_createSection .custom-control-inline {padding-left:15px;} .quiz_createSection .form-control:disabled, .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:650px; 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:300px; 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;} .viewMenu .quizExcelBtn {position:relative; overflow:visible} .viewMenu .quizExcelBtn a {position:absolute; right:60px; top:40px; background:url(../../common/image/excel_btn.png) no-repeat 13px 7px; color:#ffffff; background-color:#4DA462; border:1px solid #4DA462; width:auto; height:36px; padding:7px 25px 1px 45px;transition: all 200ms;border-radius:5px; font-size:14px; text-align:center; transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms;} .viewMenu .quizExcelBtn a:hover {background-color:#ffffff; color:#4DA462; font-weight:400;} .mw770 {max-width:770px;} .inviteContents .ivtList > ul > li > .invite_del_btn {display:block; background:url('../../common/image/ivt_del_btn.png'); width:20px; height:20px; 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');} /* --------------------------------------------------------------테마별 색상변경------------------------------------------------------------------*/ .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 {bcolor:#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:550px; 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;} .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:-30px;} .carousel-control-next {right:-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} /* 웹설정 */ .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; } @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("/resources/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;]} /*템플릿 자세히 보기 */ /*공통 Color*/ .common-color{ color:#00A1DD; } .common-color[data-sc="meeting"] {color: #2692FF !important;} .common-color[data-sc="class"] {color:#9BCD65 !important;} .common-color[data-sc="consult"]{color:#9875F9 !important;} .common-color[data-sc="webinar"]{color:#E65261 !important;} .common-color[data-sc="work"]{color:#46C9A9 !important;} .com-bg-color{ color:white; background-color:#00A1DD; } .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{ background-color:#00A1DD; } .com-bg-color_bfor[data-sc="meeting"]:before {background-color: #2692FF !important;} .com-bg-color_bfor[data-sc="class"]:before {background-color:#9BCD65 !important;} .com-bg-color_bfor[data-sc="consult"]:before{background-color:#9875F9 !important;} .com-bg-color_bfor[data-sc="webinar"]:before{background-color:#E65261 !important;} .com-bg-color_bfor[data-sc="work"]:before{background-color:#46C9A9 !important;} /* 캘린더 회의목록 */ .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:1500px;} .mr10{margin-right:10px !important;}