@charset "utf-8"; #header { position:relative;min-width:1400px;width:100%;height:82px;border-top:3px solid #333;background:#4b4f5a; } #header .logo { width:250px;height:82px;line-height:82px;background:#363a3e;text-align:center;color:#fff;cursor:pointer;float:left; } #header .logo img { width: 220px; margin-top:30px; } #header .logo .lms { position:absolute;top:15px;left:170px; } #header .logo .lms span { padding:3px 10px;background:#478ec5;color:#fff;font-size:14px;font-weight:500; } #header .title { height:82px;line-height:82px; } #header .title .name { margin-left:30px;font-size:20px;color:#fff; } #header .title .comment { margin:3px 0 0 15px;font-size:13px;color:#aaa;display:inline-block; } #header .login { position:absolute;top:30px;right:30px;color:#fff; } #header .login.mobile {right:200px;} #header .login .name { margin:3px 10px 0 0;display:inline-block; } #header .chrome { position:absolute;top:0;right:0;padding:2px 10px 4px 10px;background:#000;color:#fff;font-size:12px; } #topDevSiteInfo { position:fixed;top:0;left:50%;width:500px;height:35px;margin:0 0 0 -250px;line-height:35px;background:#000;color:#fff;text-align:center; } #aside { position:absolute;width:270px;height:calc(100% - 120px);background:#252a2d; } #aside > .scroll { width:270px;height:100%;overflow-x:hidden;overflow-y:scroll; } #aside > .scroll > .menu { border-top:2px solid #1e2224;border-bottom:1px solid #2f3538; } #aside > .scroll > .menu .main { position:relative;width:230px;height:50px;line-height:50px;padding-left:30px;cursor:pointer;color:#fff;font-weight:500; } #aside > .scroll > .menu .main:hover { background:#2d3235; } #aside > .scroll > .menu .main::after { position:absolute;right:30px;content:'>';transition:transform 0.3s ease-out;font-family:'NanumGothic'; } #aside > .scroll > .menu .main.on::after { transform:rotate( 90deg );transition:transform 0.3s ease-out; } #aside > .scroll > .menu ul li.sub { position:relative;width:80%;height:35px;line-height:35px;margin:5px auto;padding-left:30px;color:#aaa;cursor:pointer; } #aside > .scroll > .menu ul li.sub:hover { border-radius:7px;background:#2d3235; } #aside > .scroll > .menu ul li.sub:last-child { margin-bottom:10px; } #aside > .scroll > .menu ul li.sub.on { border-radius:7px;background:#478ec5;color:#fff; } #aside > .scroll > .menu ul li.sub > .num { position:absolute;top:-5px;left:0;width:20px;height:20px;line-height:20px;border-radius:10px;background: red;text-align:center;font-size:11px;color:#fff; } #container { position:absolute;left:250px;width:calc(100% - 290px);height:calc(100% - 162px);padding:20px;border-top:2px solid #161a1c;background:#fff;overflow-y:auto;z-index:1; } #wrap { position:relative;height:100%;min-width:1200px; } #headerTitle { display:none; } #footer { position:fixed;bottom:0;width:100%;height:34px;line-height:37px;border-top:1px solid #e4e6e7;background:#999;text-align:center;font-size:11px;color:#fff; } .access_denied { width:100%;margin-top:200px;text-align:center; } /* 로그인 */ #loginContainer { width:100%;height:100%;background-color:#f2eeee; } #loginBox { position:absolute;top:50%;left:50%;width:500px;height:250px;padding:0 30px;margin:-180px 0 0 -281px;border:1px solid #e9e9e9;background-color:#fff;box-shadow: 0px 0px 5px 3px #999; } #loginBox .logo { position:absolute;left:10px;top:-70px; } #loginBox .logo .lms { position:absolute;top:5px;right:-117px;padding:0 15px;background:#478ec5;font-size:20px;text-align:center;color:#fff; } #loginBox ul.title { height:70px;margin:20px 0 30px 0;overflow:hidden;border-bottom:1px solid #ddd; } #loginBox ul.title li { float:left; } #loginBox ul.title li:first-child { margin:0 0 0 20px;font-size:2.8em;font-weight:700; } #loginBox ul.title li:last-child { margin:22px 0 0 30px;font-size:1.5em;font-weight:400; } #loginBox ul.form { margin-top:15px;overflow:hidden; } #loginBox ul.form dt { width:80px;margin:6px 0 0 20px;font-weight:500;float:left; } #loginBox ul.form dd { float:left; } #loginBox input[type=text], #loginBox input[type=password] { width:260px;border:1px solid #d8d8d8; } #loginBox > .cert ul.form { margin-top:21px; } #loginBox > .cert ul.form input[type=text] { width:180px;margin:0 5px 0; } #btnLogin, #btnLoginCert { position:absolute;top:121px;right:50px;width:100px;height:76px;border:none;background-color:#478ec5;color:#fff;cursor:pointer; } #btnLogin:hover { background-color:#219785; } #btnLogin:active { background-color:#188373; } #btnLoginCert { top:161px;height:36px;background-color:#2e6da4; } #btnLoginCert:hover { background-color:#1f5687; } #btnLoginCert:active { background-color:#215989; } #btnLoginCert.gray, #btnLoginCert.gray:hover, #btnLoginCert.gray:active { background-color:#8c9ba7; } /* 검색(리스트 상단) */ #search { position:relative;padding:15px 20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f7f7f7;font-size:14px;overflow:hidden; } #search .search_default { overflow:hidden; } #search .search_default.oneline { float:left; } #search .search_default .search_keyword { float:left; } #search .search_default .search_keyword .keyword { width:500px;height:38px;float:left; } #search .search_default .search_keyword .keyword.w300 { width:300px; } #search .search_default .search_keyword .keyword.w350 { width:350px; } #search .search_default .search_keyword .keyword.w400 { width:400px; } #search .search_default .search_option { margin:10px 0 0 20px;float:left; } #search .search_default .search_option label { margin-right:10px;font-size:13px;vertical-align:bottom;color:#888; } #search .search_more { margin-top:20px;overflow:hidden; } #search .search_more.mt10 { margin-top:10px; } #search .search_more.mt5 { margin-top:5px; } #search .search_more.oneline { margin-top:5px;float:left; } #search .search_more li { height:40px;float:left; } #search .search_more li.clear { clear:both; } #search .search_more li dt { margin:5px 10px 0 0;font-weight:500;float:left; } #search .search_more li dd { float:left; } #search .search_more li dd.checkbox { margin:5px 0 0 0px; } #search .search_more li dd.checkbox label { margin-right:10px;font-size:13px;vertical-align:bottom;color:#888; } #search .search_more li dd.checkbox label.mr5 { margin-right:5px; } #search .search_detail_button { position:absolute;top:70px;right:20px; } #search .search_detail_button.oneline { top:18px; } #search .search_detail { position:absolute;top:27px;right:20px;width:70px;font-size:13px;cursor:pointer; } #search .search_detail .arrow { font-size:10px;font-family:'NanumGothic';letter-spacing:-3px; } #search .search_detail .text { margin:-2px 0 0 5px;display:inline-block;font-weight:500; } #search .btn_submit { width:80px;height:38px;background-color:#495164;text-align:center;font-size:100%;color:#fff;cursor:pointer; } #search .btn_submit.blue { background-color:#337ab7; } #search .btn_submit:hover { background-color:#59637b; } /* 소트 */ .sort_link { position:relative;cursor:pointer; } .sort_link span:hover::after { content:" ";position:absolute;left:0;top:20px;width:100%;height:1px;background-color:#666; } .icon_sort { position:absolute;width:10px;height:10px;margin-left:10px;line-height:0; } .icon_sort[data-sort=asc] { top:2px; } .icon_sort[data-sort=asc]::after { content:'▲';position:absolute;top:5px;left:0;font-size:10px;color:#ccc; } .icon_sort[data-sort=desc] { top:13px; } .icon_sort[data-sort=desc]::after { content:'▼';position:absolute;top:4px;left:0;font-size:10px;color:#ccc; } .icon_sort.on::after { color:#337ab7; } /* 리스트 상단의 버튼 */ #listButton ul { height:40px;padding:20px 0 0 10px;overflow:hidden; } #listButton ul li.count { margin-top:3px;float:left; } #listButton ul li.count .info { color:#888; } /*#listButton ul li.count .info { position:absolute;top:-2px;left:190px;width:855px;color:#888;border:1px solid #dfdf00;background:#ffffdf;padding:5px;display:inline-block; }*/ /*#listButton ul li.count .info::after { content:'▼';position:absolute;top:24px;left:6px;color:#dfdf00; }*/ #listButton ul li.button { margin-right:10px;float:right; } /* 리스트 상단의 타이틀 */ #listButton ul.title { width:100%;height:40px;margin:20px 0 0 0;padding: 0 0 0 10px;overflow: hidden; } #listButton ul.title .text { margin-top:3px;font-size:17px;color:#333;font-weight:500;float: left; } #listButton ul.title .button { margin-right:10px;float:right; } /* 리스트 테이블 */ .table_list { display: table; width: 100%; } .table_list.w_auto { width:auto; } .table_list ul { display:table-row; } .table_list ul.hidden { display:none; } .table_list ul.title { height:41px;line-height:41px;letter-spacing:-0.5px;text-align:center; } .table_list ul.title.h30 { height:30px;line-height:31px; } .table_list ul.title li { border-bottom:1px solid #a1a1a1;border-top:3px solid #5f5f5f;background:#f3f3f3;color:#555; } .table_list ul.title.reverse_line li { border-bottom:3px solid #5f5f5f;border-top:1px solid #a1a1a1; } .table_list ul.title li.line20 { line-height:20px; } .table_list ul li { display: table-cell;vertical-align:middle;padding: 3px; } .table_list ul li input[type=checkbox] { margin-top:3px; } .table_list ul.list { height:60px; } .table_list ul.list.h90 { height:90px; } .table_list ul.list.h70 { height:70px; } .table_list ul.list.h40 { height:40px; } .table_list ul.list:hover { background-color:#f5f5f5; } .table_list ul.list:hover .pk_code { color:#888; } .table_list ul.list:hover .hidden_code { color:#f5f5f5; } .table_list ul.list li { border-bottom:1px solid #ddd;letter-spacing:-0.5px;text-align:center;color:#555;word-break:break-all; } .table_list ul.list li > span.consult_subject { width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block; } .table_list ul.list li.align_left { padding:0 0 0 20px;text-align:left; } .table_list ul.list li.align_left.pd0 { padding:0; } .table_list ul.leave { background:#fff0f0;text-decoration:line-through; } .table_list ul.leave .number { position:relative; } .table_list ul.leave .icon_delete { position:absolute;top:0;left:0;padding:2px 7px;background:#a54b4b;color:#fff;font-size:12px; } .table_list ul.no_data { position:relative;height:300px;line-height:300px; } .table_list ul.no_data li { position:absolute;width:200px;left:50%;margin-left:-100px;text-align:center; } .table_list ul.active { background:#cddee9; } /* 실제 테이블 */ table.table_list_real { width:100%;border:0; } table.table_list_real.w600 { width:600px; } table.table_list_real.h20 tr td { height:20px;line-height:20px; } table.table_list_real tr th { height:43px;line-height:20px;border-top:3px solid #5f5f5f;border-bottom:1px solid #a1a1a1;background:#f3f3f3;color:#555;font-weight:400;letter-spacing:-0.5px;text-align:center; } table.table_list_real tr td { height: 60px;line-height:20px;padding:10px 0;border-bottom:1px solid #ddd;letter-spacing:-0.5px;text-align:center;color:#555;word-break: break-all; } table.table_list_real tr:hover { background-color:#f5f5f5; } table.table_list_real tr.line20 td { padding:10px 0;height:60px;line-height:20px; } table.table_list_real tr.border_none td { border:none; } table.table_list_real tr td.line20 { line-height:20px; } table.table_list_real tr td.align_left { text-align:left; } table.table_list_real tr td.no_data { padding:100px 0; } table.table_list_real tr td.border_left { border-left:1px solid #ddd; } table.table_list_real tr td.border_right { border-right:1px solid #ddd; } table.table_list_real tr td.border_left_dotted { border-left:1px dotted #ddd; } table.table_list_real tr td.border_right_dotted { border-right:1px dotted #ddd; } table.table_form_real { width: 100%; margin: 20px 0 0; border-top: 2px solid #5c5c5d; } table.table_form_real.border_none { border: none; } table.table_form_real.w50p { width: 50%; } table.table_form_real.mt10 { margin-top: 10px; } table.table_form_real > tbody > tr > th { width: 160px; height: 35px; padding: 10px 0; background-color: #f8f8f8; border-bottom: 1px solid #c7c7c7; vertical-align: middle; } table.table_form_real > tbody > tr > th.w200 { width: 200px; } table.table_form_real > tbody > tr > th > span.red_mark { position: relative; display: block; } table.table_form_real > tbody > tr > th > span.red_mark:before { content: '*'; position: absolute; top: 1px; margin: 0 0 0 -12px; color: red; } table.table_form_real > tbody > tr > td { position: relative; height: 35px; padding: 10px 20px; border-bottom: 1px solid #c7c7c7; vertical-align: middle; } table.table_form_real > tbody > tr > td.button { border: none; text-align: right; } /* 페이징 */ #pagination, .pagination { padding:30px 0;text-align:center; } #pagination a, .pagination a { width:26px;height:26px;border:1px solid #e2e2e2;background:#fff;text-align:center;line-height:26px;font-size:14px;color:#868686;text-decoration:none;display:inline-block; } #pagination a:hover, .pagination a:hover { background:#eee; } #pagination a.on, .pagination a.on {color:#fff;background:#36414f;} #pagination .btn_first, .pagination .btn_first {margin-right:7px;background:url(/images/common/icon_page_first.gif) no-repeat 50% 50%;} #pagination .btn_prev, .pagination .btn_prev {margin-right:7px;background:url(/images/common/icon_page_prev.gif) no-repeat 50% 50%;} #pagination .btn_next, .pagination .btn_next {margin-left:7px;background:url(/images/common/icon_page_next.gif) no-repeat 50% 50%;} #pagination .btn_last, .pagination .btn_last {margin-left:7px;background:url(/images/common/icon_page_last.gif) no-repeat 50% 50%;} /* 레이어팝업 */ .popup_box { position:fixed;width:600px;height:500px;left:50%;top:50%;margin:-250px 0 0 -300px;box-shadow:5px 7px 7px #333;z-index:12;display:none; } .popup_box > .title, .popup_box > .popup_title { position:relative;height:40px;line-height:40px;padding-left:20px;background:#495164;font-size:15px;color:#fff;font-weight:500;cursor:move; } .popup_box > .close { position:absolute;right:15px;top:10px;width:20px;height:20px;background:url(/images/common/icon_pop_close.png) no-repeat;background-size:cover;cursor:pointer; } .popup_box > .menu { background:#fff; } .popup_box > .content { height:calc(100% - 91px);padding:0 20px;background:#fff;overflow-y:auto; } .popup_box > .content .tap { margin-top:10px;overflow:hidden; } .popup_box > .content .tap > li { width:calc(50% - 2px);height:50px;margin-top:10px;background:#d8d8d8;line-height:50px;border:1px solid #ccc;text-align:center;cursor:pointer;float:left;user-select:none; } .popup_box > .content .tap > li.on { height:55px;margin-top:5px;border-bottom:none;background:#fff; } .popup_box > .bottom { height:40px;padding-top:10px;background:#e8e8e8;text-align:center;border-top:1px solid #aaa; } .popup_box > .content .form_type.half { position:relative;width:50%;height:100%;float:left; } .popup_box > .content .form_type.half.w600 { width:600px; } .popup_box > .content .form_type.half.w740 { width:740px; } .popup_box > .content .form_type.half.left > li, .popup_box > .content .form_type.half.left > div { margin-right:10px; } .popup_box > .content .form_type.half.right > li, .popup_box > .content .form_type.half.right > div { margin-left:10px; } .popup_box > .content .form_type.half.left > li > .absolute { position:absolute;right:10px; } .popup_box > .content .form_type > li { height:52px;border-bottom: 1px solid #a1a1a1;overflow:hidden; } .popup_box > .content .form_type > li.h40 { height:40px;background:#fff; } .popup_box > .content .form_type > li.h40 > dt { line-height:40px; } .popup_box > .content .form_type > li.h40 > dd { margin:4px 0 0 20px; } .popup_box > .content .form_type > .sub_title, #registerMulti .sub_title { height:30px;line-height:30px;padding:10px 0 0 10px;font-weight:500;border-bottom:3px solid #5f5f5f; } .popup_box > .content .form_type > .sub_title > .sub_message { position:absolute;right:30px;font-size:13px;font-weight:normal;color:#888;display:inline-block; } .popup_box > .content .form_type > li.profile_image { height:245px; } .popup_box > .content .form_type > li.profile_image > dt { line-height:245px; } .popup_box > .content .form_type > li > dt { position:relative;width:170px;height:100%;padding:0 0 0 40px;line-height:52px;border-right:1px solid #ccc;background: #f3f3f3;text-align:left;float:left; } .popup_box > .content .form_type > li > dt.border_left { border-left:1px solid #ccc; } .popup_box > .content .form_type > li > dt span { vertical-align:middle; } .popup_box > .content .form_type > li > dt.w100 { width:100px; } .popup_box > .content .form_type > li > dt.w120 { width:120px; } .popup_box > .content .form_type > li > dt.w150 { width:150px; } .popup_box > .content .form_type > li > dt.w200 { width:200px; } .popup_box > .content .form_type > li > dt.red_mark { margin:0; } .popup_box > .content .form_type > li > dt.red_mark::before { content:' *';position:absolute;margin-left:-15px;color:red; } .popup_box > .content .form_type > li > dd { height:100%;margin:10px 0 0 20px;float:left; } .popup_box > .content .form_type > li > dd.w100p { width:100%;margin:10px 0 0; } .popup_box > .content .form_type > li > dd.w480 { width:480px; } .popup_box > .content .form_type > li > dd.width_auto { width:calc(100% - 231px); } .popup_box > .content .form_type > li > dd.mt0 { margin:0 0 0 20px; } .popup_box > .content .form_type > li > dd label { margin:5px 10px 0 0;vertical-align: middle;display: inline-block; } .popup_box > .content .form_type > li > dd label.mg0 { margin:0; } .popup_box > .content .form_type > li > dd label.ml35 { margin-left:35px; } .popup_box > .content .form_type > li > dd label.ml250 { margin-left:250px; } .popup_box > .content .form_type > li > dd .msg { margin:6px 0 0 10px;font-size:12px;float:right; } .popup_box > .content .form_type > li > dd .add_example { position:absolute;top:10px;right:10px; } .popup_box > .content .form_type > li > dd span { vertical-align:middle; } .popup_box > .content .form_type > li > dd span.link { width: 420px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; display: inline-block; } .popup_box > .content .form_type > li.line_top { border-top:1px solid #a1a1a1; } .popup_box > .content .form_type > li.double { height:87px; } .popup_box > .content .form_type > li.double dt { line-height:87px; } .popup_box > .content .form_type > li.h100 { height:100px; } .popup_box > .content .form_type > li.h100 dt { line-height:100px; } .popup_box > .content .form_type > li.comment { height:140px; } .popup_box > .content .form_type > li.comment dt { line-height:140px; } .popup_box > .content .form_type > li.comment dd textarea { width:400px;height:120px; } .popup_box > .content .form_type > li.comment dd textarea.w100p { width:100%; } .popup_box > .content .form_type > li.comment dd textarea.w350 { width:350px; } .popup_box > .content .form_type > li.comment dd textarea.w450 { width:450px; } .popup_box > .content .form_type > li.comment dd textarea.w480 { width:480px; } .popup_box > .content .form_type > li.comment dd textarea.w500 { width:500px; } .popup_box > .content .form_type > li.comment dd textarea.h90 { height:90px; } .popup_box > .content .form_type > li.editor { height:400px; } .popup_box > .content .form_type > li.editor dt { line-height:400px; } .popup_box > .content .form_type > li.editor dd textarea { width:95%;height:380px; } .popup_box > .content .form_type > li.editor dd textarea.editor { width:95%;height:330px; } .popup_box > .content .form_type > li.editor dd textarea.w500 { width:500px; } .popup_box > .content .form_type > li.editor .ck-voice-label { display: none !important; } .popup_box > .content .form_type > li.editor .ck-editor__editable_inline { height: 335px !important; } .popup_box > .content .form_type > li:last-child { margin-bottom:20px;border-bottom:3px solid #5f5f5f; } .popup_box > .content .form_type > li:last-child.border_none { border:none; } .popup_box > .content .form_type > li:last-child.margin_none { margin-bottom:0; } .popup_box > .content .form_type > li.last_border { border-bottom:3px solid #5f5f5f; } .popup_box > .content .form_type > li.teacher_addr { height:193px; } .popup_box > .content .form_type > li.book_description { height:351px; } .popup_box > .content .form_type > li.book_description dt { line-height:351px; } .popup_box > .content .form_type > li.book_description dd textarea { width:490px;height:330px; } .popup_box > .content .form_type > li.last_line { height:0; } /* 우편번호 검색 */ #postcodeLayer, .form_search_layer { position:fixed;overflow:hidden;width:500px;height:480px;top:40%;left:40%;margin:-240px 0 0 -250px;border:5px solid #333;z-index:13;display:none; } #postcodeLayer .title, .form_search_layer .title { padding:5px 0 10px 10px;background:#333;color:#fff;cursor:move; } #postcodeLayer .close, .form_search_layer .close { position:absolute;right:10px;top:8px;width:15px;height:15px;background:url(/images/common/icon_pop_close.png) no-repeat;background-size:cover;cursor:pointer; } /* 시설 레이어 검색 */ .form_search_layer { position:absolute;top:410px;left:60%;display:none; } .form_search_layer > .content { height:100%;background-color:#ececec; } .form_search_layer > .content > .search { position:relative;height:46px;border-bottom:1px solid #363636;overflow:hidden; } .form_search_layer > .content > .search > .search_form { width:450px;margin:-12px -7px -7px;padding:20px;font-size:18px; } .form_search_layer > .content > .search > button { position:absolute;top:0;right:36px;width:36px;height:46px;background-color:#fff;cursor:pointer; } .form_search_layer > .content > .search > button > .icon_pos{ overflow:hidden;font-size:0;line-height:0;background:url(//t1.daumcdn.net/postcode/resource/images/dark_320.png) no-repeat;text-indent:-9999px } .form_search_layer > .content > .search > .btn_search { right:0; } .form_search_layer > .content > .search > .btn_reset > .icon_pos { width:14px;height:14px;margin:1px auto 0;background-position:-43px 0; } .form_search_layer > .content > .search > .btn_search > .icon_pos { width:16px;height:17px;margin:1px 14px 0 5px;background-position:0 0;display:block; } .form_search_layer > .content > .search > .placeholder { position:absolute;top:13px;left:20px;line-height:22px;font-size:18px;cursor:text;color: #969696; } .form_search_layer > .content > .result { height:376px;padding:10px 0;overflow:auto; } .form_search_layer > .content > .result > .lists { padding:0 10px; } .form_search_layer > .content > .result > .lists > .list { position:relative;padding:15px;background-color:#fff;broder:1px solid #e0e0e0;border-top:1px solid #d7d7d7;border-bottom:none; } .form_search_layer > .content > .result > .lists > .list > dl { margin-bottom:7px;overflow:hidden; } .form_search_layer > .content > .result > .lists > .list > dl > dt { width:50px;float:left; } .form_search_layer > .content > .result > .lists > .list > dl > dt > .item { width:50px;height:16px;margin-top:3px;line-height:16px;border:1px solid #d4e2ef;border-radius:1px;font-size:11px;color:#008bd3;text-align:center;display:inline-block; } .form_search_layer > .content > .result > .lists > .list > dl > dd { width:calc(100% - 60px);height:21px;margin-left:10px;float:left; } .form_search_layer > .content > .result > .lists > .list > dl > dd.w50p { width:calc(50% - 60px);margin-left:10px;float:left; } .form_search_layer > .content > .result > .lists > .list > dl > dd > i { cursor:pointer; } .form_search_layer > .content > .result > .lists > .list > dl > dd > i:hover { text-decoration:underline; } #selectedGroupName, #selectedAgencyName { margin-left:10px;vertical-align: middle; } #groupSearchNoData, #agencySearchNoData { line-height:150px;text-align:center; } /* 상세 */ #detailView { margin-bottom:30px; } #detailView .title { width:100%;height:40px;margin:20px 0 0 0;padding: 0 0 0 10px;overflow: hidden; } #detailView .title .text { margin-top:3px;font-size:17px;color:#333;font-weight:500;float: left; } #detailView .title .button { margin-right:10px;float:right; } #detailView .rows { border-top:3px solid #5f5f5f; } #detailView .rows > ul { height:auto;min-height:50px;line-height:50px;letter-spacing:-0.5px; } #detailView .rows > ul:after {content: '';display: block;clear: both;} #detailView .rows > ul > li { background:#f3f3f3;float:left;border-bottom:1px solid #a1a1a1; } #detailView .rows > ul > li > dt { position:relative;width:200px;height:auto;min-height:50px;text-align:center;float:left; } #detailView .rows > ul > li > dt.red_mark::before { content:' *';position:absolute;margin-left:-15px;color:red; } #detailView .rows > ul > li.w150 > dt { width:150px; } #detailView .rows > ul > li.w150 > dd { width:calc(100% - 172px); } #detailView .rows > ul > li > dd { width:calc(100% - 222px);height:auto;min-height:50px;padding-left:20px;background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;float:left; } #detailView .rows > ul > li > dd.line30 { min-height:auto;line-height:30px;padding:10px 0 10px 20px; } #detailView .rows > ul > li > dd.board_content { min-height:200px; } #detailView .rows > ul > li > dd > .btn_copy { position:absolute;top:14px;right:20px; } #detailView .rows > ul > li > dd > .btn_chapter_pay { position:absolute;top:10px;right:20px; } #detailView .rows > ul > li:last-child > dd { border-right:1px solid #fff; } #detailView .rows > ul > li.comment > dt { height:200px;line-height:200px; } #detailView .rows > ul > li.comment > dd { height:200px; } #detailView .rows > ul > li.comment > dd > textarea { width:95%;height:180px;margin:10px 0 0; } /* 상세 테이블형식 */ #detailView .no_data { width:100%;height:500px;line-height:500px;border-top:3px solid #5f5f5f;text-align:center; } #detailView .table ul { width:100%;display: table; } #detailView .table ul.line { margin-top:20px;border-top:3px solid #5f5f5f; } #detailView .table ul.line:first-child { margin-top:0; } #detailView .table ul li { display:table-row;border-bottom:1px solid #a1a1a1; } #detailView .table ul li dt, #detailView .table ul li dd { height:50px;line-height:30px;display:table-cell;vertical-align:middle;border-bottom:1px solid #a1a1a1; } #detailView .table ul li dt { position:relative;width:200px;text-align:center; } #detailView .table ul li dt { background:#f5f5f5; } #detailView .table ul li dt .type_tag, #detailView .rows ul li dt .type_tag { position:absolute;top:10px;left:-10px;width:80px;height:30px;line-height:30px;font-size:13px;color:#fff;z-index:2; } #detailView .table ul li dt .type_tag.qna { background:#b758b7; } #detailView .table ul li dt .type_tag.consult { background:#709940; } #detailView .rows ul li dt .type_tag.sales { background:#b530a1; } #detailView .table ul li dt .type_tag_back, #detailView .rows ul li dt .type_tag_back { position:absolute;top:33px;left:-7px;border:7px solid transparent;transform:rotate(45deg);z-index:1; } #detailView .table ul li dt .type_tag_back.qna { border-bottom:7px solid #744774; } #detailView .table ul li dt .type_tag_back.consult { border-bottom:7px solid #4e6236; } #detailView .rows ul li dt .type_tag_back.sales { border-bottom:7px solid #7d1b6e; } #detailView .table ul li dd .status { padding:3px 10px;margin-right:10px;font-size:13px;color:#fff;z-index:2; } #detailView .table ul li dd .status.complete { background:#4480b7; } #detailView .table ul li dd .status.ing { background:#2fa00d; } #detailView .table ul li dd .status.standby { background:#b74444; } #detailView .table ul li dd { width:auto;padding:10px 20px;border-left:1px solid #ccc;border-right:1px solid #ccc; } #detailView .table ul li dd.w500 { width:630px; } #detailView .table ul li dd:last-child { border-right:none; } #detailView .table ul li dd .answer { position:relative;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc;font-weight:500; } #detailView .table ul li dd .answer .box { padding:3px 10px;margin-right:10px;background:#aaa;font-size:13px;color:#fff; } #detailView .table ul li dd .answer .btn { position:absolute; } #detailView .table ul li dd .answer .btn.modify { right:55px; } #detailView .table ul li dd .answer .btn.delete { right:0px; } #detailView .table ul li dd .answer .kind { position:absolute;top:2px;left:350px;height:25px;padding:0 10px;line-height:25px;display:inline-block; } #detailView .table ul li dd .answer.reply { padding:7px 0 5px 0;margin:20px 0 5px 0;border-top:2px solid #ccc; } #detailView .table ul li dd .answer.reply:first-child { padding:5px 0;margin:0 0 5px 0;border-top:none; } /* 사업자(고유)번호 진위학인 검색 폼 */ #groupCodeSearchForm { position: absolute; width: 260px; padding: 15px 20px; margin: 1px 5px 0 -167px; border: 2px solid #31b0d5; background: #fff; display: none; } #groupCodeSearchForm > * { margin: 0 5px 0 0; display: block; float: left; } #groupCodeSearchForm > .btn { margin: 0; } #groupCodeSearchForm > .result { clear: both; margin: 10px 0 0; } #groupCodeSearchForm > .result.hidden { display: none; } #groupCodeSearchForm > .result > * { display: block; } #groupCodeSearchForm > .close { clear: both; margin: 10px 0 0; width: 100%; text-align: center; } /* 시설 리스트 */ #groupLists > .list > li > .icon_clip { position:absolute;margin:3px 0 0 -20px; } #groupLists > .list > li > .delete { position:absolute;bottom:5px;left:20px;padding:0 5px;font-size:11px;background:#cc2121;color:#fff; } /* 시설 등록폼 */ #registGroupFormLayer .btn_attach_delete { position:absolute;top:15px;right:10px; } #registGroupFormLayer .attach_file { margin-top:5px; } /* 회원 리스트 */ .icon_event_user { position:absolute;left:5px;bottom:2px;padding:0 3px;background:#aaa;color:#fff;font-size:11px;font-width:200;letter-spacing:.5px; } .icon_event_user.green { background:#72d0b1; } .icon_event_user.orange { background:#f3c08b; } .icon_event_user.purple { background:#e19ce2; } .icon_event_user.pink { background:#ffa7a7; } .icon_partner_user { position:absolute;left:0;bottom:3px;padding:0 3px;color:#888;font-size:11px;font-width:200;letter-spacing:.5px; } .icon_partner_user.top { top:2px;height:15px; } .icon_partner_user.pink { color:#ffa7a7; } /* 시설/회원유형 등록 */ #firstUserKindLayer, #firstGroupKindLayer { position:fixed;left:1000px;height:300px; } #firstUserKindLayer .btn, #firstGroupKindLayer .btn { border-radius:0; } #userKindTree, #groupKindTree { width:550px;min-height:100%;border-right:1px solid #ccc;padding:0 0 0 150px;border-top: 3px solid #5f5f5f;background:#f7f7f7; } #userKindTree ul:first-child, #groupKindTree ul:first-child { margin-top:50px; } #userKindTree > ul:last-child, #groupKindTree > ul:last-child { padding-bottom:50px; } #userKindTree ul li, #groupKindTree ul li { padding-top:15px; } #userKindTree ul li span, #groupKindTree ul li span { cursor:pointer; } #userKindTree ul li span i, #groupKindTree ul li span i { height:17px;margin-left:5px;background:url(/images/common/icon_folder.png) no-repeat;background-size:auto 15px;display:inline-block;vertical-align:middle;z-index:1; } #userKindTree ul li span i.modify, #groupKindTree ul li span i.modify { width:15px;background-position:-108px 0; } #userKindTree ul li span i.delete, #groupKindTree ul li span i.delete { width:11px;background-position:-94px 0; } #userKindTree ul li span i.regist, #groupKindTree ul li span i.regist { width:15px;background-position:-126px 0; } #userKindTree ul li .cate_modify .btn, #userKindTree ul li .cate_regist .btn, #groupKindTree ul li .cate_modify .btn, #groupKindTree ul li .cate_regist .btn { border-radius:0; } #userKindTree > ul > li.folder::before, #groupKindTree > ul > li.folder::before { content:'';width:30px;height:20px;margin-right:5px;background:url(/images/common/icon_folder.png) no-repeat;background-size:auto 20px;display:inline-block;vertical-align:top; } #userKindTree > ul > li.open::before, #groupKindTree > ul > li.open::before { background-position:-83px 0; } #userKindTree > ul > li.close::before, #groupKindTree > ul > li.close::before { background-position:-43px 0; } #userKindTree > ul > li.none::before, #groupKindTree > ul > li.none::before { background-position: 0 0; } #userKindTree > ul > li > ul > li, #groupKindTree > ul > li > ul > li { position:relative;margin-left:15px;padding-left:28px;border-left:1px dotted #aaa; } #userKindTree > ul > li > ul > li::before, #groupKindTree > ul > li > ul > li::before { content:'';position:absolute;top:25px;left:0;width:15px;height:20px;border-top:1px dotted #ccc; } #userKindTree > ul > li > ul > li:last-child::before, #groupKindTree > ul > li > ul > li:last-child::before { content:'';position:absolute;left:-1px;background:#f7f7f7; } #userKindTree .no_data, #groupKindTree .no_data { margin-top:100px; } #userKindTree .payment, #groupKindTree .payment { position:relative; } #userKindTree .payment::before, #groupKindTree .payment::before { content:'';position:absolute;top:5px;left:-18px;width:15px;height:15px;background-image:url(/images/common/icon_user_kind.png);background-size:30px;background-repeat:no-repeat;background-position:-15px 0px; } #userKindTree .person, #groupKindTree .person { position:relative; } #userKindTree .person::before, #groupKindTree .person::before { content:'';position:absolute;top:5px;left:-18px;width:15px;height:15px;background-image:url(/images/common/icon_user_kind.png);background-size:30px;background-repeat:no-repeat; } #userKindTree .text_kind_id, #groupKindTree .text_kind_id { position:absolute;top:14px;right:545px;color:#aaa; } /* 회원 엑셀 업로드 */ #registerMulti li { overflow:hidden; } #registerMulti li.upload { margin:30px 0 0 100px; } #registerMulti li.warning { margin:0 0 0 100px; } #registerMulti li.half_line { height:50px;margin:30px 0;border-bottom:1px solid #ddd;text-align:center;color:#000; } #registerMulti li.info { margin:10px 0 0 100px;line-height:40px; } #registerMulti li.info.line30 { line-height:30px; } #registerMulti li.info .required_color { width:30px;padding:8px 0;margin-left:5px;background-color:#fce4d6;border:1px solid #ccc;display:inline-block;vertical-align:middle; } #registerMulti li dt { width:100px;text-align:center;float:left; } #registerMulti li dd { float:left; } #registerMulti li dd div { float:left; } #registerMulti li dd .file_button { position:relative;width:81px;height:32px;overflow:hidden; } #registerMulti li dd .file_button > .btn { position:absolute;cursor:pointer;z-index:0; } #registerMulti li dd .file_button > input[type=file] { position:absolute;top:0;left:0;width:81px;height:32px;opacity:0;cursor:pointer;z-index:1; } #registerMultiError { margin-top:20px;padding:20px 0 20px 100px;background-color:#ffeded;display:none; } #registerMultiError .message { margin-left:10px;padding-left:15px;border-left:1px solid #666; } #registerMultiSuccess { margin-top:20px;padding:20px 0 20px 100px;background-color:#edf0ff;display:none; } #registerMultiSuccess dl { overflow:hidden;margin-top:10px; } #registerMultiSuccess dl dt { width:120px;text-align:left; } #registerMultiSuccess .fail_ids { display:none; } #registerMultiSuccess .fail_lines { display:none; } /* 문의답변 폼 */ #answerLayer { position:fixed;top:50%;left:50%;width:600px;height:470px;margin:-235px 0 0 -300px;background:#fff;box-shadow: 0px 0px 5px 3px #333;user-select:none;z-index:12;display:none; } #answerLayer > .title { height:40px;line-height:40px;padding-left:20px;background:#555;color:#fff;font-size:15px;font-weight:500;font-family:맑은고딕;cursor:move; } #answerLayer > .content { height:380px;text-align:center; } #answerLayer > .content textarea { width:90%;height:240px;margin-top:15px; } #answerLayer > .content .option_data { margin:20px 0 0 30px;font-weight:500;float:left; } #answerLayer > .button { text-align:center; } /* 쪽지답변 폼 */ #noteAnswerLayer { position:fixed;top:50%;left:50%;width:600px;height:585px;margin:-292px 0 0 -300px;background:#fff;box-shadow: 0px 0px 5px 3px #333;z-index:12;display:none; } #noteAnswerLayer > .title { height:40px;line-height:40px;padding-left:20px;background:#555;color:#fff;font-size:15px;font-weight:500; } #noteAnswerLayer > .content { height:475px; } #noteAnswerLayer > .content > ul.sender { width:540px;margin:20px auto 10px auto;overflow:hidden; } #noteAnswerLayer > .content > ul.sender > li { width:60%;overflow:hidden;float:left; } #noteAnswerLayer > .content > ul.sender > li:last-child { width:40%; } #noteAnswerLayer > .content > ul.sender > li > dt { width:60px;padding:1px 0;margin:0 10px 0 0;background:#aaa;color:#fff;font-size:12px;text-align:center;float:left; } #noteAnswerLayer > .content > ul.sender > li > dd { font-size:13px;float:left; } #noteAnswerLayer > .content > .receive_comment { width:510px;height:200px;margin:0 auto;padding:10px 15px;font-size:13px;border:1px solid #ddd;overflow-y:scroll; } #noteAnswerLayer > .content > .send_comment { width:540px;height:200px;margin:0 auto; } #noteAnswerLayer > .content > .send_comment > h3 { margin:20px 0 10px 0;font-size:14px;color:#333; } #noteAnswerLayer > .content > .send_comment > textarea { width:100%;height:150px; } #noteAnswerLayer > .button { text-align:center; } /* (공용) 쪽지보내기 폼 */ #commonNoteFormLayer > .content ul.form { width:340px;margin:20px auto 10px auto; } #commonNoteFormLayer > .content ul.form > li { overflow:hidden; } #commonNoteFormLayer > .content ul.form > li > dt { position:relative;font-weight:500;color:#333;display:inline; } #commonNoteFormLayer > .content ul.form > li > dt:after { content:'';position:absolute;top:5px;right:-9px;width:1px;height:13px;background:#999; } #commonNoteFormLayer > .content ul.form > li > dd { margin:0 0 0 10px;display:inline; } #commonNoteFormLayer > .content ul.form > li.message { width:100%;height:250px;margin-top:10px; } #commonNoteFormLayer > .content ul.form > li.message textarea { width:100%;height:100%; } /* 상세레이어의 탭메뉴 */ #contentTapMenu { border-bottom:1px solid #999;box-shadow: 0px 5px 3px -3px #aaa; } #contentTapMenu ul { overflow:hidden; } #contentTapMenu ul li { width:180px;height:60px;line-height:60px;border-top:1px solid #ccc;border-right:1px solid #ccc;text-align:center;font-weight:500;cursor:pointer;float:left;user-select:none; } #contentTapMenu ul li.on { background:#3268DD;border-top:1px solid #3268DD;border-right:1px solid #3268DD;color:#fff; } #contentTapMenu ul li:not(.on):hover { background:#eee;border-top:1px solid #aaa;border-right:1px solid #aaa; } /* 게시판 첨부파일 */ #boardAttach { width:100%; } #boardAttach > ul { width:350px;float:left; } #boardAttach > ul:nth-child(odd) { width:360px; } #boardAttach > ul > li { height:40px;line-height:40px;float:left; } #boardAttach > ul > li.file_name { width:265px; } #boardAttach > ul > li.file_name input { width:260px; } #boardAttach > ul > li.file_name > span > .name { max-width:225px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;display:inline-block;vertical-align:top;overflow:hidden; } #boardAttach > ul > li.file_button { position:relative; } #boardAttach > ul > li.file_button > [type=file] { position:absolute;top:5px;left:0;width:59px;height:32px;opacity:0; } /* 게시판 댓글 */ #boardRegistReplyFormArea { width:100%;height:200px;text-align:right;display:none; } #boardRegistReplyFormArea textarea, .board_reply textarea { width:700px;height:180px; } #boardRegistReplyFormArea .btn, .board_reply .btn { width:70px;height:180px; } #boardRegistReplyFormArea .modify_cancel { display:none; } /* 강사등록폼 - 프로필 사진 */ #teacherRegistProfileImage { position:absolute;top:15px;left:0px;width:150px;height:200px;padding-left:10px;z-index:1; } #teacherRegistProfileImage > .image { width:150px;height:200px; } #teacherRegistProfileImage > .image > img { width:130px;padding:10px;border:1px solid #ccc; } #teacherRegistProfileImage > .info { position:absolute;top:155px;left:180px;width:300px;font-size:13px; } #teacherRegistProfileImage > .button { position:absolute;top:110px;left:180px; } #teacherRegistProfileImage > .button input[type=file] { position:absolute;top:0;left:0;width:105px;height:32px;opacity:0;z-index:1; } /* 카테고리관리 */ #firstCategoryLayer { position:fixed;left:1000px;height:300px; } #firstCategoryLayer .btn { border-radius:0; } #lectureCategoryTree { width:500px;min-height:100%;border-right:1px solid #ccc;padding:0 0 0 200px;border-top: 3px solid #5f5f5f;background:#f7f7f7; } #lectureCategoryTree ul:first-child { margin-top:50px; } #lectureCategoryTree > ul:last-child { padding-bottom:50px; } #lectureCategoryTree ul li { padding-top:15px; } #lectureCategoryTree ul li span { cursor:pointer; } #lectureCategoryTree ul li span i { height:17px;margin-left:5px;background:url(/images/common/icon_folder.png) no-repeat;background-size:auto 15px;display:inline-block;vertical-align:middle;z-index:1; } #lectureCategoryTree ul li span i.modify { width:15px;background-position:-108px 0; } #lectureCategoryTree ul li span i.delete { width:11px;background-position:-94px 0; } #lectureCategoryTree ul li span i.regist { width:15px;background-position:-126px 0; } #lectureCategoryTree ul li .cate_modify .btn, #lectureCategoryTree ul li .cate_regist .btn { border-radius:0; } #lectureCategoryTree > ul > li.folder::before { content:'';width:30px;height:20px;margin-right:5px;background:url(/images/common/icon_folder.png) no-repeat;background-size:auto 20px;display:inline-block;vertical-align:top; } #lectureCategoryTree > ul > li.open::before { background-position:-83px 0; } #lectureCategoryTree > ul > li.close::before { background-position:-43px 0; } #lectureCategoryTree > ul > li.none::before { background-position: 0 0; } #lectureCategoryTree > ul > li > ul > li { position:relative;margin-left:15px;padding-left:23px;border-left:1px dotted #aaa; } #lectureCategoryTree > ul > li > ul > li::before { content:'';position:absolute;top:25px;left:0;width:15px;height:20px;border-top:1px dotted #ccc; } #lectureCategoryTree > ul > li > ul > li:last-child::before { content:'';position:absolute;left:-1px;background:#f7f7f7; } #lectureCategoryTree .no_data { margin-top:100px; } /* 설문조사 */ #surveyItems { position:absolute;width:680px;height:calc(100% - 91px);right:0px;padding-right:20px;overflow-x:hidden;overflow-y:auto; } #surveyItems .default { position:absolute;top:40px;left:40px;;width:600px;height:700px;background-color:#f7f7f7;border:1px solid #ccc;text-align:center; } #surveyItems .default .btn { margin-top:320px; } #surveyItemLists { width:670px;margin:0 10px 0 0; } #surveyItemLists .lists { height:calc(100% - 244px);overflow:auto; } #surveyItemLists .lists .list.on { background: #ffffa0; } /* 설문정보, 차시정보 검색 */ .layer_search_form { position:relative;padding:0 20px 15px 10px;font-size:14px;overflow:hidden; } .layer_search_form > ul { overflow:hidden; } .layer_search_form > ul > li { float:left; } .layer_search_form > ul > li.search_keyword > .keyword { width:300px;height:38px;float:left; } .layer_search_form > ul > li.search_keyword > .keyword.w265 { width:265px; } .layer_search_form > ul > li.search_keyword > .btn_submit { width:80px;height:38px;background-color:#495164;text-align:center;font-size:100%;color:#fff;cursor:pointer; } .layer_search_form > ul > li.search_keyword > .btn_submit:hover { background-color:#59637b; } .layer_search_form > ul > li.return { position:absolute;top:10px;right:0; } .layer_search_form > ul > li > select { padding:7px 12px;margin:0 5px 0 0; } #chapterSearch, #questionSearch, #taskSearch { padding-top:20px; } #chapterSearch > ul > li.return, #questionSearch > ul > li.return, #taskSearch > ul > li.return { position:absolute;top:25px;right:0; } /* 과목리스트 */ #courseLists > .list > li > .icon_clip { position:absolute;margin:3px 0 0 -20px; } /* 과목등록폼 - 썸네일 이미지 */ #courseRegistImage, #registPopupForm .image_select_area { position:relative; } #courseRegistImage > .image > .no_image, #registPopupForm .image_select_area > .image > .no_image { width:196px;height:110px;line-height:110px;margin-top:5px;background:#ddd;border:1px solid #aaa;font-size:16px;font-weight:700;color:#aaa;text-align:center;display:inline-block; } #registPopupForm .image_select_area > .image > .no_image { width:150px; } #courseRegistImage > .image > .thumbnail, #registPopupForm .image_select_area > .image > .thumbnail { max-width:150px;max-height:110px;margin-top:5px;border:1px solid #aaa; } #courseRegistImage > .info, #registPopupForm .image_select_area > .info { position:absolute;top:15px;left:230px;width:300px;line-height:23px;font-size:13px; } #courseRegistImage > .button, #registPopupForm .image_select_area > .button { position:absolute;top:75px;left:230px; } #courseRegistStudyFile { position: absolute;top:0;right:0;width:73px;height:32px;opacity:0;cursor:pointer;z-index:1; } #courseRegistImage.ten_chapter { margin:0 0 0 70px; } /* 과목등록폼 */ #registCourseFormLayer > .content .form_type.right > li.comment { height:130px; } #registCourseFormLayer > .content .form_type.right > li.comment > dt { height:129px;line-height:129px; } #registCourseFormLayer > .content .form_type.right > li.comment > dd > textarea { width:445px;height:108px;} #registCourseFormLayer > .content .form_type.right > li.editor { padding:10px;height:317px; } #registCourseFormLayer > .content .form_type.right > li.editor > p { height:30px;line-height:30px; } #registCourseFormLayer > .content .form_type.right > li.editor > textarea { width:640px;height:235px;} #registCourseFormLayer > .content .form_type.right > li.select_book > dd { width:440px;margin:5px 0 0 20px; } #registCourseFormLayer > .content .form_type.right > li.select_book > dd > p { position:relative;width:100%;height:23px;line-height:23px;border-bottom:1px dotted #ccc;font-size:13px; } #registCourseFormLayer > .content .form_type.right > li.select_book > dd > p > i { position:absolute;top:3px;right:0;padding:2px 6px;color:#333;background-color:#fff;border-color: #ccc;font-size:10px;font-family:NanumGothic; } /* 과목상세 */ #courseDetailHtml .name { width:200px;height:50px;min-height:50px;background: #f3f3f3;border-right:1px solid #ccc;border-bottom:1px solid #a1a1a1;text-align:center; } #courseDetailHtml .value { width:1022px;padding:10px 0 10px 20px;border-bottom: 1px solid #a1a1a1; } #courseDetailThumbImage { position:absolute;right:0; } #courseDetailThumbImage > ul > li { float:left; } #courseDetailThumbImage > ul > li.subject { width:176px;height:152px;line-height:152px;background:#f3f3f3;border-left:1px solid #ccc;border-right:1px solid #ccc;text-align:center; } #courseDetailThumbImage > ul > li.image { width:378px;height:152px;line-height:152px;background:#fff; } #courseDetailThumbImage > ul > li.image > img { height:110px;margin-left:20px;border:1px solid #ccc; } /* 과목상세 - 콘텐츠 검수 처리 */ #contentTechConfirmLayer { position:fixed;top:50%;left:50%;margin:-150px 0 0 -250px;width:500px;height:300px;padding:10px;background:#f4fdff;z-index:18;display:none; } #contentTechConfirmLayer dl { margin:20px 0 0 20px; } #contentTechConfirmLayer dl dt { font-size:18px;font-weight:500;color:#000; } #contentTechConfirmLayer ul li:nth-child(1) { margin:20px 0 50px 0;font-size:16px;text-align:center; } #contentTechConfirmLayer ul li:nth-child(2) { text-align:center; } #contentTechConfirmLayer ul li:nth-child(2) span { padding:10px 20px;font-size:18px;color:#fff;cursor:pointer; } #contentTechConfirmLayer ul li:nth-child(2) span.green { background:#1e9c57; } #contentTechConfirmLayer ul li:nth-child(2) span.gray { margin:0 0 0 10px;background:#aaa; } /* 차시 리스트 */ #chapterLists { width:670px;height:calc(100% - 116px);margin:0 10px 0 0;overflow:auto; } #chapterLists .chapter_lists .list.on { background: #ffffa0; } /* 차시 등록 */ #chapterPageForm .default { position:absolute;top:0;left:0px;width:690px;height:100%;background:#eee; } #chapterNameForm { background:#CEFBC9;display:none; } #chapterNameForm > .list > .name { width:441px; } /* 차시 소트 드래그 */ .chapter_drag { width:653px;line-height:52px; } .chapter_drag .num { width:106px; } .chapter_drag .name { width:441px; } .chapter_drag .date { width:106px; } /* 드래그앤드랍 안내 텍스트 */ #chapterLists #dragAndDropInfo { right:20px;bottom:-5px; } #dragAndDropInfo { position:absolute;padding:0 10px;height:25px;line-height:25px;background:#ffffb3;border:1px solid #d2d200;font-size:11px;display:inline-block; } #dragAndDropInfo::after { content:'▼';position:absolute;left:65px;bottom:-16px;color:#d2d200;display:inline-block; } /* 페이지리스트&등록 */ #chapterPageLists { width:670px;height:calc(100% - 161px);padding-right:20px;overflow:auto; } #chapterPageLists.special { height:calc(100% - 303px); } #chapterPageLists .page_list .manage, #chapterPriceLists .manage { position:absolute;right:10px;bottom:2px; } #chapterPageLists .no_data { height:300px;line-height:300px;margin-top:10px;border-top:1px solid #ccc;text-align:center; } #chapterPageLists .chapter_thumb { height:130px;padding:10px 0 20px 20px; } /* 콘텐츠 확인 레이어 */ #sampleContentViewer { position:fixed;top:50%;left:50%;width:1000px;height:600px;margin:-300px 0 0 -500px;background:#bbb;border:10px solid #bbb;z-index:15;display:none; } #sampleContentViewer > .close { position:absolute;top:-20px;right:-20px;width:30px;height:30px;line-height:30px;background:url(/images/common/icon_pop_close.png) no-repeat #000;background-size:16px;background-position:50% 50%;display:inline-block;cursor:pointer; } #sampleContentViewer > .video_area > video { width:1000px;height:600px; } #sampleContentViewer > .html_area {width:1010px;height:650px;overflow:hidden; } #sampleContentViewer > .html_area > iframe { width:100%;height:100%;margin:0 0 0 30px;-ms-zoom:0.925;-moz-transform:scale(0.925);-moz-transform-origin:0 0;-o-transform:scale(0.925);-o-transform-origin:0 0;-webkit-transform:scale(0.925);-webkit-transform-origin:0 0;transform:scale(0.925);transform-origin:0 0; } /* 최종평가 */ #questionForm .default { position:absolute;top:0;left:0px;width:690px;height:100%;background:#eee; } #questionForm select { width:130px; } #questionForm .question_type { width:65px;margin-left:63px;border-left:1px solid #ccc; } #questionForm .example_title { height:20px;padding:0; } #questionForm .form_type { position:relative;right:-20px;overflow:auto;height:100%;padding-right:20px; } #questionForm .example_image dd { margin-left:160px; } #questionForm .example_image dd .example_attach_image .delete { position:absolute;left:-80px;bottom:0;display:inline-block; } #questionLists { height:calc(100% - 116px);overflow:auto; } #questionLists .question_lists .list.on { background: #ffffa0; } /* 과제 */ #taskForm .default { position:absolute;top:0;left:0px;width:690px;height:100%;background:#eee; } #taskForm .form_type { position:relative;right:-20px;overflow:auto;height:100%;padding-right:20px; } #taskForm .task_commen { height:250px; } #taskForm .task_commen dt { height:250px;line-height:250px; } #taskForm .task_commen dd { height:250px } #taskForm .task_commen dd textarea { height:230px; } #taskDocFile .task_doc, #taskRightFile .task_right { margin-top:5px; } #taskLists { height:calc(100% - 116px);overflow:auto; } #taskLists .task_lists .list.on { background: #ffffa0; } #taskLists .task_lists .list .task { text-align:left; } /* 강좌리스트 */ #listButton ul li.lecture_status_info { position:absolute;top:3px;left:185px;line-height:25px;font-size:13px; } #listButton ul li.lecture_status_info .mini_box { padding:2px 5px;background:#eee; } #listButton ul li.lecture_status_info .arrow { position:absolute;top:50px;left:20px;width:15px;height:33px;border-left:1px dotted #777;border-bottom:1px dotted #777;display:inline-block; } #listButton ul li.lecture_status_info .arrow::after { content:'▶';position:absolute;top:20px;left:15px;font-size:10px; } #lectureLists > .list > .status > span, #ticketLists .list > .status > span, #safeScheduleLists > .list > .status > span { width:80%;padding:2px 5px;text-align:center;display:inline-block; } #lectureLists > .list > .status > .close, #ticketLists .list > .status > .close, #safeScheduleLists > .list > .status > .close { background:#ffd5d5;color:#fa4b4b; } #lectureLists > .list > .status > .stand_by, #ticketLists .list > .status > .stand_by, #safeScheduleLists > .list > .status > .stand_by { background:#ddd; } #lectureLists > .list > .status > .register, #ticketLists .list > .status > .register, #safeScheduleLists > .list > .status > .register { background:#e2ffd9;color:#2fa00d; } #lectureLists > .list > .status > .ready, #ticketLists .list > .status > .ready, #safeScheduleLists > .list > .status > .ready { background:#f9feaa;color:#92991c; } #lectureLists > .list > .status > .ing, #ticketLists .list > .status > .ing, #safeScheduleLists > .list > .status > .ing { background:#e2f1ff;color:#2e6da4; } #lectureLists > .list > .status > .end, #ticketLists .list > .status > .end, #safeScheduleLists > .list > .status > .end { color:#aaa; } #lectureLists > .list > .status > .review, #ticketLists .list > .status > .review, #safeScheduleLists > .list > .status > .review { background:#000;color:#fff; } #lectureLists > .title > .students { position:absolute;text-align:center; } #naeilLists.table_list_real tr th, #ticketLists.table_list_real tr th { height:50px; } #naeilLists.table_list_real tr td, #ticketLists.table_list_real tr td { line-height:22px; } .icon_lecture_status { padding:2px 10px; } .icon_lecture_status.close { background:#ffd5d5;color:#fa4b4b; } .icon_lecture_status.stand_by { background:#ddd; } .icon_lecture_status.register { background:#e2ffd9;color:#2fa00d; } .icon_lecture_status.ready { background:#f9feaa;color:#92991c; } .icon_lecture_status.ing { background:#e2f1ff;color:#2e6da4; } .icon_lecture_status.end { color:#aaa; } .icon_lecture_status.review { background:#000;color:#fff; } /* 강좌등록 */ #registLectureFormLayer .sub_title.space { margin-top:10px; } #registLectureFormLayer > .form_type > li > dd.refund_type > label.hidden { display:none; } #registLectureFormLayer.popup_box > .content .form_type > li.double { height:106px; } #registLectureFormLayer.popup_box > .content .form_type > li.double dt { line-height:106px; } #registLectureFormLayer.popup_box > .content .form_type > li.double dd.book_price { margin:6px 0 0 20px; } #registLectureFormLayer.popup_box > .content .form_type > li.double dd.book_price > div { margin:5px 0 0;font-size:11px; } #registLectureFormLayer.popup_box > .content .form_type > li.double dd.book_price > div > span { width:80px;display:inline-block;margin:2px 0 0; } #lectureCourseSelectLayer .content .layer_search_form, #lectureTeacherSelectLayer .content .layer_search_form, #lectureSurveySelectLayer .content .layer_search_form, #userSelectLayer .content .layer_search_form, #lectureSelectLayer .content .layer_search_form, #contractStudentInfoLayer .content .layer_search_form, #registNoticeListsLayer .content .layer_search_form, #lectureBookSelectLayer .content .layer_search_form, #salesEventStudentsLayer .content .layer_search_form { height:40px;padding:20px 0 0 10px; } #lectureCourseSelectLayer .content .total, #lectureTeacherSelectLayer .content .total, #lectureSurveySelectLayer .content .total, #userSelectLayer .content .total, #lectureSelectLayer .content .total, #contractStudentInfoLayer .content .total, #registNoticeListsLayer .content .total, #lectureBookSelectLayer .content .total, #salesEventStudentsLayer .content .total { font-size:13px;padding:5px 10px; } #lectureSelectSearch > ul > .return, #teacherSelectSearch > ul > .return, #salesEventStudentsSearch > ul > .return { top:23px; } #scaleSalePrice > .text { position:absolute;top:2px;left:-10px;height:30px;font-size:13px; } #scaleSalePrice > .small { width:135px;text-align:right;float:left; } #scaleSalePrice > .middle { width:135px;text-align:right;float:left; } #scaleSalePrice > .big { width:150px;text-align:right;float:left; } /* 수강권 */ #orderLists .icon_change, /* 주문서 */ #ticketLists .icon_change { position:absolute;top:29px;left:-2px; } #ticketLists .lecture { line-height:26px; } #ticketLists .change_date { position:absolute;right:10px;bottom:5px;text-align:right;font-size:13px; } #ticketDeleteFormLayer .content .info, #ticketDateFormLayer .content .info { padding:20px 20px 10px 20px; } #ticketDeleteFormLayer .content .form_type .sub_title, #ticketDateFormLayer .content .form_type .sub_title{ height:0; } #ticketDeleteHistoryLayer .content .answer .kind.left290 { left:290px; } #ticketDeleteHistoryLayer .content .answer.font_normal { font-weight:normal; } #ticketDeleteHistoryLayer .content .title { height:20px; } #ticketDeleteValidCode, #ticketDateValidCode { user-select:none; } /* 신청&결제내역 */ .naeil_card_info_list, .bank_account_info_list { position:absolute;left:20px;width:200px;height:90px;padding-top:5px;border:3px solid #337ab7;background:#eaf5ff;font-size:14px;z-index:1;display:none; } .bank_account_info_list { height:120px;left:-130px;border:3px solid #2fa00d;background:#eeffe9; } .naeil_card_info_list > .title { width:100%;padding:5px 0;background:#337ab7;color:#fff; } .bank_account_info_list > .title { width:100%;padding:5px 0;background:#2fa00d;color:#fff; } .naeil_card_info_list > .close, .bank_account_info_list > .close, .tax_info > .close { position: absolute;right:7px;top:15px;width:12px;height:12px;background:url(/images/common/icon_pop_close.png) no-repeat;background-size:cover;cursor:pointer; } .tax_info { position:absolute;left:-330px;width:400px;padding-top:5px;border:3px solid #337ab7;background:#eaf5ff;font-size:14px;z-index:1;display:none; } .tax_info > .title { width:100%;padding:5px 0;background:#337ab7;color:#fff; } .tax_info > .info_table { padding:10px;} .tax_info > .info_table tr { width:100%;border-bottom:1px solid #ccc; } .tax_info > .info_table tr th { height:auto;line-height:initial;padding:10px 0 10px 10px;font-weight:normal;text-align:left;border:none;background:initial; } .tax_info > .info_table tr td { height:auto;line-height:initial;padding:10px;border:none; } .tax_info > .info_table tr:hover { background-color:initial; } .icon_multi_pay { position:absolute;left:-40px;bottom:0;padding:0 5px;background:#999;font-size:11px;color:#fff; } #orderLists .icon_payment { position:absolute;top:37px;left:10px; } /* 위탁계약서 */ #contractLists .icon_download { position:absolute;margin:2px 0 0 -25px; } #contractLists .icon_download.job { margin:7px 0 0 -25px; } #contractLists ul.lecture_data, #contractLists ul.job_data { overflow:hidden; } #contractLists ul.lecture_data li, #contractLists ul.job_data li { height:40px;line-height:40px;font-size:12px;float:left; } #contractLists ul.lecture_data li:nth-child(1) { width:65%; } #contractLists ul.lecture_data li:nth-child(2) { width:35%; } #contractLists ul.job_data li:nth-child(1) { width:40%; } #contractLists ul.job_data li:nth-child(2) { width:20%; } #contractLists ul.job_data li:nth-child(3) { width:19%; } #contractLists ul.job_data li:nth-child(4) { width:21%; } #contractLists ul.job_data li.is_send { margin:7px 0 0;line-height:15px; } #contractStudentInfoLayer { position:fixed;top:50%;left:50%;background:#fff; } #contractChangeStatusLayer dd.contract_file { position:relative;width:444px;margin-top:16px; } #contractChangeStatusLayer dd.contract_file .file_name, #retryReasonChangeStatusLayer dd.contract_file .file_name { width:300px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; } #contractChangeStatusLayer dd.contract_file .btn_file { position:absolute;top:-10px;right:0; } #retryReasonChangeStatusLayer dd.contract_file .btn_file { position:absolute;top:5px;right:0; } /* 설문답변 */ #surveyDetailLayer ul.info { width:100%;overflow:hidden; } #surveyDetailLayer ul.info li { height:50px;line-height:50px;border-bottom:1px solid #ccc;float:left; } #surveyDetailLayer ul.info:nth-child(1) li:nth-child(1) { border-top:1px solid #ccc; } #surveyDetailLayer ul.info li dt { width:120px;background:#f3f3f3;text-align:center;float:left; } #surveyDetailLayer ul.info li dd { padding:0 20px;float:left; } #surveyDetailLayer .subject { padding:20px 0 0 0; } #surveyDetailLayer .item_wrap { padding:10px 0 20px 0;border-bottom:1px solid #ccc;overflow:hidden; } #surveyDetailLayer .item_wrap li { height:28px;line-height:28px;overflow:hidden; } #surveyDetailLayer .item_wrap li dt { width:150px;float:left; } #surveyDetailLayer .item_wrap li dd { float:left; } #surveyDetailLayer .item_wrap li dd.graph { width:400px; } #surveyDetailLayer .item_wrap li dd.graph span { width:30%;height:20px;margin:4px 0 0;padding:0 0 0 2px;background:#ccc;display:block; } #surveyDetailLayer .item_wrap li dd.rate { width:60px;margin:0 0 0 20px; } #surveyDetailLayer .short_answer_question {margin-top:20px; font-weight: 500; font-size: 17px;} #surveyDetailLayer .short_answer {margin: 20px 0 20px 0;padding: 20px;display: block;background-color: #e8e8e8;} /* 평가관리 */ #examLists .exam_lists { height:100px; } #examLists .exam_lists li { padding:3px 0; } #examLists .exam_lists li .report { padding:10px 0;border-bottom:1px dotted #ddd; } #examLists .exam_lists li .mid { padding:0 0 10px 0;margin:10px 0 0; } #examLists .exam_lists li .final { padding:10px 0;border-top:1px dotted #ddd; } #examLists .exam_lists li .exam_log { position:absolute;left:17px;bottom:2px;font-size:11px;color:#337ab7;cursor:pointer; } #examLists .exam_lists li .exam_log:hover::after { content:" ";position:absolute;left:0;top:15px;width:100%;height:1px;background-color:#337ab7; } #examLists .exam_lists li .exam_reset { position:absolute;top:9px;left:-7px; } #examLists .exam_send_type { position:relative;left:-5px;padding:0 3px;background:#fff;border:1px solid #aaa;color:#aaa;z-index:1; } #examLists .exam_send_type.auto { background:#aaa;color:#fff; } /* 평가관리 상세 */ #examHistorys, #examMarkLogs { border-top: 3px solid #5f5f5f; } #examHistorys ul { position:relative;padding:0 20px 20px 20px;border-bottom:1px solid #ccc; } #examHistorys ul.answer_right { background: url(/images/common/img_right_mark.png) no-repeat left 0px top 30px; } #examHistorys ul.answer_wrong { background: url(/images/common/img_wrong_mark.png) no-repeat left 0px top 45px; } #examHistorys ul.answer_right.answer { background: url(/images/common/img_right_mark.png) no-repeat left 0px top 130px; } #examHistorys ul.answer_wrong.answer { background: url(/images/common/img_wrong_mark.png) no-repeat left 0px top 145px; } #examHistorys ul li.point { position:absolute;right:0; } #examHistorys ul li.point dt { height:30px;line-height:30px;padding:5px 20px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;font-size:13px;float:left; } #examHistorys ul li.point dt:last-child { border-right:1px solid #ccc;color:#2e6da4; } #examHistorys ul li.point dt.mark_out { background:#e8f8ff; } #examHistorys ul li.result_comment { position:absolute;top:42px;right:0; } #examHistorys ul li.result_comment textarea { width:588px;height:100px; } #examHistorys ul li.question { padding:50px 0 0 0; } #examHistorys ul li.question.pt150 { padding-top:150px; } #examHistorys ul li.example { margin:0 0 0 20px; } #examHistorys ul li.example dd { margin:10px 0 0 0; } #examHistorys ul li.example dd .number { width:15px;height:15px;line-height:15px;border-radius:15px;border:1px solid #666;text-align:center;font-size:12px;display:inline-block; } #examHistorys ul.answer_right li.example dd.answer { color:#1780dc; } #examHistorys ul.answer_right li.example dd.answer .number { border:1px solid #1780dc; } /* #examHistorys ul.answer_wrong li.example dd.right { color:#1780dc; } #examHistorys ul.answer_wrong li.example dd.right .number { border:1px solid #1780dc; } */ #examHistorys ul.answer_wrong li.example dd.answer { position:relative;color:#fa4b4b; } #examHistorys ul.answer_wrong li.example dd.answer .number { border:1px solid #fa4b4b; } #examHistorys ul li.explanation { margin:15px 0 0 20px;padding:10px 20px;background:#eee; } #examHistorys ul li.explanation dt { margin:0 0 10px 0; } #examHistorys ul li.explanation dd { line-height:30px; } #examMarkLogs ul { padding:10px 40px;border-bottom:1px solid #ccc;overflow:hidden; } #examMarkLogs ul li { font-size:13px;float:left; } #iconExamAutoSend { position:absolute;top:7px;right:-10px;padding:2px 5px;line-height:15px;background:#800080;color:#fff;font-size:11px; } /* 평가관리 - 재응시(초기화) */ #examResetHistoryLayer table { width:100%;margin:10px 0 0;border-top: 3px solid #5f5f5f; } #examResetHistoryLayer table tr th { width:130px;padding:10px;border-bottom:1px solid #a1a1a1;background:#f3f3f3;font-weight:normal;color:#555; } #examResetHistoryLayer table tr th:nth-child(3) { border-left:1px solid #a1a1a1; } #examResetHistoryLayer table tr td { padding:10px;border-left:1px solid #a1a1a1;border-bottom:1px solid #a1a1a1; } /* 학습현황 */ #studyStatus { width:100%;border-top:3px solid #5f5f5f;display:table; } #studyStatus ul { height:41px;line-height:41px;letter-spacing:-0.5px;display:table-row; } #studyStatus ul.title { background:#f3f3f3;text-align:center; } #studyStatus ul.title .page { position:absolute;width:100%;bottom:-15px;color:#aaa; } #studyStatus ul.list { height:100px;font-size:14px; } #studyStatus ul li { padding:3px;border-bottom:1px solid #a1a1a1;vertical-align:middle;text-align:center;display:table-cell; } #studyStatus ul li.date { font-size:13px;line-height:20px; } #studyStatus ul li.align_left { text-align:left; } #studyStatus ul li dt { padding:10px 0;line-height:22px;font-size:12px;float:left; } /* 강사배정 */ #divisionFormLayer .content .students span {vertical-align: unset;} /* 문자 전송 폼 */ #smsFormArea { position:fixed;top:107px;width:400px;height:calc(100% - 270px);border-right:1px solid #ccc;border-top:3px solid #5f5f5f;border-bottom:3px solid #5f5f5f;background:#f7f7f7; } #smsFormArea ul.form { width:300px;margin:20px auto; } #smsFormArea ul.form li.message { width:100%;height:350px;margin-top:10px; } #smsFormArea ul.form li.message textarea { width:100%;height:100%; } #smsFormArea ul.form li { height:40px;line-height:40px;overflow:hidden; } #smsFormArea ul.form li dt { width:80px;margin-left:10px;float:left; } #smsFormArea ul.form li dd { float:left; } #smsFormArea ul.form li dd input[type=text] { width:210px;margin-top:3px; } #smsSendedLists { position:relative;top:0;left:430px;width:calc(100% - 430px) } #smsSendedLists .table_list ul { height:30px;line-height:30px;font-size:13px; } #smsSendedLists .table_list ul.list li.message .ellipsis { width:320px; } #smsSendedLists .table_list ul.list li.message .detail { position:absolute;padding:5px 10px;border:1px solid #aaa;background:#fff;display:none;z-index:2; } #smsSendedLists .layer_search_form { padding:0 0 10px 0;background:#fff;border:none; } #smsSendedLists .search_date { margin:0 5px 0 0;float:left; } #smsSendedLists .search_date select { padding: 7px 12px; } /* 이메일 전송 폼 */ #emailFormArea { position:fixed;top:107px;width:550px;height:calc(100% - 270px);border-right:1px solid #ccc;border-top:3px solid #5f5f5f;border-bottom:3px solid #5f5f5f;background:#f7f7f7; } #emailFormArea ul.form { width:500px;margin:20px auto; } #emailFormArea ul.form li.message { width:100%;height:500px;margin-top:10px; } #emailFormArea ul.form li.message textarea { width:100%;height:100%; } #emailFormArea ul.form li { height:40px;line-height:40px;overflow:hidden; } #emailFormArea ul.form li dt { width:80px;margin-left:10px;float:left; } #emailFormArea ul.form li dd { float:left; } #emailFormArea ul.form li dd input[type=text] { width:210px;margin-top:3px; } #emailSendedLists { position:relative;top:0;left:570px;width:calc(100% - 590px) } #emailSendedLists .table_list ul { height:30px;line-height:30px;font-size:13px; } #emailSendedLists .table_list ul.list li.message .ellipsis { width:250px; } #emailSendedLists .table_list ul.list li.message .detail { position:absolute;min-width:300px;padding:5px 10px;border:1px solid #aaa;background:#fff;display:none;z-index:2; } #emailSendedLists .layer_search_form { padding:0 0 10px 0;background:#fff;border:none; } #emailSendedLists .search_date { margin:0 5px 0 0;float:left; } #emailSendedLists .search_date select { padding: 7px 12px; } /* (공용) 문자보내기 폼 */ #commonSmsFormLayer .content ul.form { width:340px;margin:20px auto 10px auto; } #commonSmsFormLayer .content ul.form li.text_phone_number { height:20px;line-height:12px;font-size:13px;text-align:right; } #commonSmsFormLayer .content ul.form li.message { width:100%;height:250px;margin-top:10px; } #commonSmsFormLayer .content ul.form li.message textarea { width:100%;height:100%; } #commonSmsFormLayer .content ul.form li { height:40px;line-height:40px;overflow:hidden; } #commonSmsFormLayer .content ul.form li dt { width:80px;margin-left:10px;float:left; } #commonSmsFormLayer .content ul.form li dd { float:left; } #commonSmsFormLayer .content ul.form li dd input[type=text] { width:210px;margin-top:3px; } /* 모사답안 */ #reportDetailLayer .copy_info > dt { height:140px;line-height:140px; } #reportDetailLayer .copy_info > dd { height:140px;line-height:30px; } /* 서브메뉴 */ .small_menu { padding:5px 15px;cursor:pointer; } .small_menu.on {border-radius: 7px;background: #495164;color: #fff;} /* 부모교육 */ #parentsOrderLists ul.confirm { background:#ecf7ff; } #studyUrlAddressResultLayer { position:fixed;top:50%;left:50%;width:400px;height:600px;padding:20px;margin:-320px 0 0 -220px;background:#e0f4ff;z-index:12; } #studyUrlAddressResultLayer > .text { padding:10px;background:#668ca0;font-size:18px;color:#fff;text-align:center; } #studyUrlAddressResultLayer > ul.url { margin:15px 0 0 30px; } #studyUrlAddressResultLayer > ul.url:nth-child(3) { margin:0 0 0 30px; } #studyUrlAddressResultLayer > .copy { margin:20px 0 0; } #parentsStudyManagementLayer .group_info { margin:30px 0 10px 0; } table.parents_study_management { width:100%;border-top: 3px solid #5f5f5f; } table.parents_study_management > thead > tr > th { height:50px;border-bottom: 1px solid #a1a1a1;background:#f3f3f3;font-weight:400; } table.parents_study_management td { padding:10px 5px;border-top:1px dotted #ccc;border-right:1px dotted #ccc;text-align:center; } table.parents_study_management td:last-child { border-right:none; } table.parents_study_management tr.dot_line td { border-top:1px solid #a1a1a1; } table.parents_study_management td.align_left { padding:0 0 0 20px;text-align:left; } table.parents_study_management td .sub_url_copy { position:absolute;bottom:15px;right:15px;font-size:13px;display:inline-block; } table.parents_study_management th .all_url_copy { position:absolute;top:13px;right:10px;display:inline-block; } table.parents_study_management tr:nth-child(even) td { background:#f7f7f7; } /* 집합교육 */ #offTrainingExcelForm table { margin-top:30px; } #offTrainingExcelForm table tbody tr { height:50px; } #offTrainingExcelForm table tbody tr td:first-child { padding-right:20px;text-align:right; } #offTrainingExcelForm .warning { margin:20px 0 0 100px;line-height:30px;font-size:13px;color:#2e6da4; } #offTrainingExcelFail { position:absolute;left:50%;top:50%;width:600px;height:320px;margin: -160px 0 0 -300px;background:#ffeded;z-index:18;display:none; } #offTrainingExcelFail .area { margin-top:20px;padding:20px 0 20px 100px;background-color:#ffeded; } #offTrainingExcelFail .message { height:150px;line-height:30px;margin-left:10px;padding-left:15px;border-left:1px solid #666;display:inline-block; } #offTrainingExcelFail .close { position:absolute;left:50%;bottom:20px;margin-left:-24px; } #offTrainingExcelSuccess { position:absolute;left:50%;top:50%;width:600px;height:450px;margin: -225px 0 0 -300px;background:#edf0ff;z-index:18;display:none; } #offTrainingExcelSuccess .area { margin-top:20px;padding:20px 0 20px 100px;background-color:#edf0ff; } #offTrainingExcelSuccess .area .color_blue { margin-left:75px; } #offTrainingExcelSuccess .area dl { overflow:hidden;margin:30px 0 0 70px; } #offTrainingExcelSuccess .area dl dt { width:120px;text-align:left;float:left; } #offTrainingExcelSuccess .area dl dd { float:left; } #offTrainingExcelSuccess .area .fail_ids { display:none; } #offTrainingExcelSuccess .close { position:absolute;left:50%;bottom:20px;margin-left:-24px; } #offTrainingUserLists { width:100%;border:1px solid #ccc;border-top:2px solid #ccc; } #offTrainingUserLists thead th { padding:10px 0;background:#f6f6f6;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:normal;color:#333; } #offTrainingUserLists thead th:last-child { border-right:none; } #offTrainingUserLists tbody td { height:40px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height:40px;text-align:center; } #offTrainingUserLists tbody td:last-child { border-right:none; } /* 설문현황 (주관식) */ #surveyAnswerLists { border-top: 3px solid #5f5f5f; } #surveyAnswerLists.no_line { border-top:none; } #surveyAnswerLists ul { padding:10px;margin:25px 0 0;border:1px solid #aaa; } #surveyAnswerLists ul li { position:relative;overflow:hidden; } #surveyAnswerLists ul li dd { position:relative; } #surveyAnswerLists ul li.user dd { padding:3px 10px;float:left; } #surveyAnswerLists ul li.user dd.uid { width:270px; } #surveyAnswerLists ul li.user dd.date { float:right; } #surveyAnswerLists ul li.user dd.lecture span { position:relative;top:-2px;width:50px;margin:0 5px 0 0;text-align:center;font-size:11px;display:inline-block; } #surveyAnswerLists ul li.user dd.lecture span.color_blue { border:1px solid #2e6da4;color:#2e6da4; } #surveyAnswerLists ul li.user dd.lecture span.color_green { border:1px solid #2fa00d;color:#2fa00d; } #surveyAnswerLists ul li.user dd.lecture span.color_gray { border:1px solid #aaa;color:#aaa; } #surveyAnswerLists ul li.item { position:relative;font-size:13px; } #surveyAnswerLists ul li.item dd { padding:10px; } #surveyAnswerLists ul li.item { margin:10px 0 0; } #surveyAnswerLists ul li.item dt { position:relative;padding:10px;background:#efefef;font-weight:500; } #surveyAnswerLists ul li.item dt .review_event { width:70px;padding:1px 5px;margin:0 0 10px 0;background:#e34500;color:#fff;text-align:center; } #surveyAnswerLists ul li.item dt .btn_review_choice { position:absolute;top:9px;left:120px;background:#fff;border-radius:25px; } #surveyAnswerLists ul li.item dt .btn_review_choice span { position:relative;width:50px;height:25px;line-height:25px;background:#fff;color:#aaa;text-align:center;font-size:11px;cursor:pointer;float:left;display:inline-block; } #surveyAnswerLists ul li.item dt .btn_review_choice span.open { border-top-left-radius:12px;border-bottom-left-radius:12px; } #surveyAnswerLists ul li.item dt .btn_review_choice span.open.on { background:#51b146;color:#fff; } #surveyAnswerLists ul li.item dt .btn_review_choice span.open.on::after { content:'';position:absolute;top:0;right:0px;width:5px;height:25px;background:#3b8832; } #surveyAnswerLists ul li.item dt .btn_review_choice span.close { border-top-right-radius:12px;border-bottom-right-radius:12px; } #surveyAnswerLists ul li.item dt .btn_review_choice span.close.on { background:#999;color:#fff; } #surveyAnswerLists ul li.item dt .btn_review_choice span.close.on::after { content:'';position:absolute;top:0;left:0px;width:5px;height:25px;background:#848484; } /* 부모교육 그룹관리 */ #parentsGroupSelect { margin:0 0 30px 0;overflow:hidden; } #srcGroupId, #srcCourseId { float:left; } #srcCourseId { margin:0 0 0 20px; } #srcGroupId > .title, #srcCourseId > .title { font-size:14px;color:#aaa; } #srcGroupId > .selected, #srcCourseId > .selected { position:relative;width:350px;height:40px;line-height:40px;padding:0 20px;border:1px solid #777;border-radius:5px;font-size:20px;font-weight:500;user-select:none;cursor:pointer; } #srcCourseId > .selected { width:400px; } #srcGroupId > .selected > .name, #srcCourseId > .selected > .name { width:calc(100% - 20px);overflow:hidden;display:inline-block; } #srcGroupId > .selected::after, #srcCourseId > .selected::after { content:'▼';position:absolute;top:-1px;right:0px;width:35px;height:40px;line-height:40px;text-align:center;font-size:12px; } #srcGroupId > .selected.on::after, #srcCourseId > .selected.on::after { content:'▲'; } #srcGroupId > .option, #srcCourseId > .option { position:absolute;width:390px;border:1px solid #bbb;border-top:none;background:#fff;display:none;z-index:2; } #srcCourseId > .option { width:440px; } #srcGroupId > .option > li , #srcCourseId > .option > li { padding:10px;border-bottom:1px solid #ccc;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; } #srcGroupId > .option > li:hover , #srcCourseId > .option > li:hover { background:#eaeaea; } #srcGroupId > .option > li.on , #srcCourseId > .option > li.on { background:#eff7ff; } #btnGroupManagement { padding:13px 12px;margin:21px 0 0 20px; } #jobConfirm .mini_info { position:absolute;top:22px;right:0;padding:0 3px;background:#aaa;color:#fff;font-size:11px; } /* 영업 매출조회 */ #staffSalesResultLists { width:100%;border:1px solid #ccc;border-top:2px solid #ccc;font-size:13px; } #staffSalesResultLists thead th { padding:10px 0;background:#f6f6f6;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:normal;color:#333; } #staffSalesResultLists thead th:last-child { border-right:none; } #staffSalesResultLists tbody td { padding:10px 0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center; } #staffSalesResultLists tbody td.align_left { padding:10px 10px;text-align:left; } #staffSalesResultLists tbody td:last-child { border-right:none; } /* 여러 수강권 생성 결과 */ #multipleUserIds { position:absolute;top:50%;left:50%;width:324px;height:610px;margin:-290px 0 0 -162px;background:#0d708e;border: 10px solid #62b9d4;color:#fff;z-index:13;display:none; } #multipleUserIds .close { position:absolute;bottom:5px;left:50%;margin:0 0 0 -24px; } #multipleUserIds ul { padding:2px;overflow:hidden;border-bottom:1px dotted #ddd; } #multipleUserIds ul.title { color:yellow; } #multipleUserIds ul li { margin:0 0 0 20px;float:left; } #multipleUserIds ul li.uid { width:130px;} .study_file_lists > .file_name { width:300px;display:inline-block;float:left; } .study_file_lists > .file_name.w400 { width:400px; } /* 통계 */ #monthlyCalendar { position:absolute;width:200px;height:145px;background:#fff;border:1px solid #aaa;border-radius:4px;display:none;z-index:1; } #monthlyCalendar > dl { position:relative;width:98%;height:31px;margin:0 auto;background-color:#f5f5f5;border-radius:4px; } #monthlyCalendar > dl > dt { position:relative;top:6px;text-align:center;font-size:13px;color:#808080;font-weight:500; } #monthlyCalendar > dl > dd { position:absolute;top:8px;width:14px;height:14px;background-image:url(/images/common/icon_calendar.png);background-repeat:no-repeat;cursor:pointer;z-index:1; } #monthlyCalendar > dl > dd.prev { left:10px;background-position:-81px -193px; } #monthlyCalendar > dl > dd.next { right:10px;background-position:-49px -193px; } #monthlyCalendar > ul { width:180px;margin:5px auto; } #monthlyCalendar > ul > li { width:45px;padding:5px 0;text-align:center;float:left; } #search.w1160 { width:1160px } #chartDownload { width:1200px;margin:20px 0 10px 0;overflow:hidden; } #chartDownload > .sort { margin:10px 0 0 10px;font-size:13px;color:#aaa;display:block;float:left; } #chartDownload > .btn { display:block;float:right; } #chartTable, #canvasWrap { position:relative;width:1200px;z-index:1; } #chartTable.table_list ul.title { height:31px;line-height:31px; } #chartTable.table_list ul.list.h70 { height:50px; } /* 강좌 일괄복사 */ #registLectureCopyFormLayer .title { margin:20px 0 0;height:23px; } #registLectureCopyFormLayer .title > span.tag { padding:5px 10px;background:#777;color:#fff;font-size:13px;box-shadow:3px 0 3px #555; } #registLectureCopyFormLayer .lectures { padding:10px 0 10px 30px;border:1px solid #ccc; } #registLectureCopyFormLayer .lectures > li { padding:5px 0; } #registLectureCopyFormLayer .setting { padding:10px 20px;margin:10px 0 0;background:#f0f0f0; } #registLectureCopyFormLayer .setting > dl { margin:10px 0 10px 50px;overflow:hidden; } #registLectureCopyFormLayer .setting > dl > * { float:left; } #registLectureCopyFormLayer .setting > dl > dt { width:100px;margin:4px 0 0 20px; } #lectureCopyProgressLayer { position:fixed;left:50%;top:50%;width:340px;height:200px;margin:-100px 0 0 -170px;text-align:center;z-index:10;display:none; } #lectureCopyProgressLayer span { line-height:40px;display:block; } #lectureCopyProgressLayer span:first-child { margin:20px 0 0;font-size:30px;font-weight:700;color:#fff; } #lectureCopyProgressLayer span:last-child { font-size:20px;color:yellow; } /* 쇼핑상품 등록폼 */ #registShopFormLayer > .content .form_type.right > li.comment { height:254px; } #registShopFormLayer > .content .form_type.right > li.comment > dt { height:254px;line-height:129px; } #registShopFormLayer > .content .form_type.right > li.comment > dd > textarea { width:445px;height:232px; } #registShopFormLayer > .content .form_type.right > li.editor { padding:10px;height:448px; } #registShopFormLayer > .content .form_type.right > li.editor > textarea { width:640px;height:365px; } #shopRegistImage { position:relative; } #shopRegistImage > .image > .no_image { width:196px;height:110px;line-height:110px;margin-top:5px;background:#ddd;border:1px solid #aaa;font-size:16px;font-weight:700;color:#aaa;text-align:center;display:inline-block; } #shopRegistImage > .image > .thumbnail { max-width:150px;max-height:110px;margin-top:5px;border:1px solid #aaa; } #shopRegistImage > .info { position:absolute;top:15px;left:230px;width:300px;line-height:23px;font-size:13px; } #shopRegistImage > .button { position:absolute;top:75px;left:230px; } /* 쇼핑상품 리스트 */ #shopOrderLists table.order_items { width:100%;margin:10px 0;font-size:13px; } #shopOrderLists table.order_items img { border:1px solid #aaa; } #shopOrderLists table.order_items tr td { padding:5px 0; border-top:1px solid #eaeaea; } #shopOrderLists table.order_items tr:first-child td { border-top:none; } #shopOrderLists .shop_order_delivery { position:absolute;top:0px;left:-333px;width:400px;background:#fff;border:5px solid #495164;z-index:2;text-align:left;display:none; } #shopOrderLists .shop_order_delivery > .title { padding:5px 0 10px 10px;background:#495164;color:#fff;font-size:15px; } #shopOrderLists .shop_order_delivery > .close { position:absolute;right:10px;top:5px;width:20px;height:20px;background:url(/images/common/icon_pop_close.png) no-repeat;background-size:cover;cursor: pointer; } #shopOrderLists .shop_order_delivery > .info { padding:10px 0;background:#f1f1f1;text-align:center; } #shopOrderLists .shop_order_delivery > .delivery { padding:0 0 10px 10px; } /* 어린이안전교육 */ #safeCalendar { width:100%;} #safeCalendar > .top { position:relative;width:230px;height:40px;margin:20px auto;text-align:center;color:#000;font-size:26px;font-weight:700; } #safeCalendar > .top > i { position:absolute;cursor:pointer; } #safeCalendar > .top > i.prev { left:0; } #safeCalendar > .top > i.next { right:0; } #safeCalendar > .top > i.prev::after, #safeCalendar > .top > i.next::after { content:'';position: absolute;top:10px;left:-5px;width:15px;height:15px;border-top:5px solid #555;border-right:5px solid #555;transform: rotate(-135deg); } #safeCalendar > .top > i.next::after { left:-15px;transform: rotate(45deg); } #safeCalendar > .top > i:hover::after { border-top:5px solid #a1a1a1;border-right:5px solid #a1a1a1; } #safeCalendar > .calendar { width:1130px;margin:0 auto; } #safeCalendar > .calendar > thead > tr > th { height:30px;min-height:30px;line-height:30px;background:#efefef;border:1px solid #ccc;font-weight:400;text-align:center; } #safeCalendar > .calendar > tbody > tr > td { position:relative;width:160px;height:100px;padding:10px;border:1px solid #ccc;vertical-align:top; } #safeCalendar > .calendar > tbody > tr > td.active { background:#ecf2ff; } #safeCalendar > .calendar > tbody > tr > td.none { background:#f9f9f9; } #safeCalendar > .calendar > tbody > tr > td.none > span { margin:30px 0 0;color:#e2e2e2;font-size:12px;text-align:center;font-weight:200;display:block; } #safeCalendar > .calendar > tbody > tr > td > p.day { position:absolute;top:5px;left:15px;font-weight:500; } #safeCalendar > .calendar > tbody > tr > td > p.add { position:absolute;right:5px;width:16px;height:16px;background:#e2e2e2;cursor:pointer; } #safeCalendar > .calendar > tbody > tr > td > p.add::before, #safeCalendar > .calendar > tbody > tr > td > p.add::after { content:'';position:absolute;background:#fff; } #safeCalendar > .calendar > tbody > tr > td > p.add::after { top:50%;left:4px;right:4px;height:2px;transform:translateY(-50%); } #safeCalendar > .calendar > tbody > tr > td > p.add::before { top:4px;left:50%;bottom:4px;width:2px;transform:translateX(-50%); } #safeCalendar > .calendar > tbody > tr > td > dl { margin:5px 0 0;font-size:11px;overflow:hidden; } #safeCalendar > .calendar > tbody > tr > td > dl:nth-child(3) { margin:20px 0 0; } #safeCalendar > .calendar > tbody > tr > td > dl > * { float:left; } #safeCalendar > .calendar > tbody > tr > td > dl > dt { padding:0 3px;background:#687aa5;color:#fff; } #safeCalendar > .calendar > tbody > tr > td > dl > dd { margin:0 0 0 5px; } #safeRegisterFormLayer ul.form_type > li { height:50px; } #safeRegisterFormLayer ul.form_type > li.sub_title { height:auto;padding:5px 0 0 10px;color:#5f5f5f; } #safeRegisterFormLayer ul.form_type > li.sub_title > .sub_message { top:6px;right:30px; } #safeRegisterFormLayer ul.form_type > li.sub_title > .sub_message > span { padding:0 5px 1px 5px;border-radius:3px;background-color:#ff9191;color:#fff;font-size:11px;cursor:pointer; } #safeRegisterFormLayer ul.form_type > li.sub_title > .sub_message > span:hover { background-color:#e86e6e; } #safeRegisterFormLayer ul.form_type > li > dt { width:100px;padding:0 0 0 20px;line-height:50px; } #safeRegisterFormLayer ul.form_type > li > dt.red_mark::before { margin-left:-10px; } #safeRegisterFormLayer ul.form_type > li.double { height:87px; } #safeRegisterFormLayer ul.form_type > li.double dt { line-height:87px; } #safeRegisterFormLayer ul.form_type > li.comment { height:140px; } #safeRegisterFormLayer ul.form_type > li.comment dt { line-height:140px; } #safeRegisterFormLayer ul.form_type > li.comment dd textarea { width:400px;height:120px; } #safeRegisterFormLayer ul.form_type > li.comment dd textarea.w350 { width:350px; } #safeRegisterFormLayer ul.form_type > li.comment dd textarea.w450 { width:450px; } #safeRegisterFormLayer ul.form_type > li.comment dd textarea.w480 { width:480px; } #safeRegisterFormLayer ul.form_type > li.comment dd textarea.w500 { width:500px; } #safeRegisterFormLayer ul.form_type > li.comment dd textarea.h90 { height:90px; } #safeRegisterFormLayer ul.form_type > li > dt.status { width:55px;margin: 0 0 0 5px;padding:0;border-left:1px solid #ccc;text-align:center; } #safeRegisterFormLayer ul.form_type > li > dd.status { margin:6px 0 0 10px; } #safeRegisterFormLayer ul.form_type > li > dd > select { padding:3px 12px; } #safeRegisterFormLayer ul.form_type > li:last-child { margin-bottom:9px; } #safeRegisterFormLayer .content, #requestSafeMultiFormLayer .content, #requestSafeAddUserFormLayer .content { position:relative; } #safeRegisterFormLayer .content table, #requestSafeMultiFormLayer .content table, #requestSafeAddUserFormLayer .content table { width:100%;border-bottom: 3px solid #5f5f5f; } #safeRegisterFormLayer .content table td.title, #requestSafeMultiFormLayer .content table td.title, #requestSafeAddUserFormLayer .content table td.title { padding:0 0 0 10px; font-weight: 500; line-height: 30px; border-bottom: 3px solid #5f5f5f; } #safeRegisterFormLayer .content table th, #requestSafeMultiFormLayer .content table th, #requestSafeAddUserFormLayer .content table th { width:100px;padding:0 0 0 20px;background:#f3f3f3;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:400;text-align:left; } #requestSafeMultiFormLayer .content table th { width:120px; } #safeRegisterFormLayer .content table td, #requestSafeMultiFormLayer .content table td, #requestSafeAddUserFormLayer .content table td { padding:0 0 0 20px;border-bottom:1px solid #ccc; } #safeRegisterFormLayer .content table td .lecture, #requestSafeMultiFormLayer .content table td .lecture, #requestSafeAddUserFormLayer .content table td .lecture { padding:5px 0; } #safeRegisterFormLayer .content table td .lecture > .add, #safeRegisterFormLayer .content table td .lecture > .remove, #requestSafeMultiFormLayer .content table td .lecture > .add, #requestSafeMultiFormLayer .content table td .lecture > .remove, #requestSafeAddUserFormLayer .content table td .lecture > .add, #requestSafeAddUserFormLayer .content table td .lecture > .remove { position:relative;top:2px;width:20px;height:20px;line-height:20px;border:1px solid #ccc;text-align:center;color:#ddd;cursor:pointer;display:inline-block; } #safeRegisterFormLayer .content table td .lecture > .remove, #requestSafeMultiFormLayer .content table td .lecture > .remove, #requestSafeAddUserFormLayer .content table td .lecture > .remove { margin:0 0 0 5px; } /* 어린이안전교육 */ #safeRegisterCity { position:absolute;top:490px;left:305px;width:120px;height:200px;border:1px solid #767676;border-bottom:none;background:#fff;display:none; } #safeRegisterCity > ul { height:170px;padding:10px;font-size:13px;overflow:auto; } #safeRegisterCity > ul > li { margin:0 0 5px 0; } #safeRegisterCity > ul > li:last-child { margin:0; } #safeRegisterCity > .button { position:absolute;bottom:-30px;width:100%;height:30px;padding:10px 0 0;border:1px solid #767676;border-top:none;background:#fff;text-align:center; } #safeRegisterRewardLecture { padding:5px 0; } #requestSafeMultiForm .students tr > td { padding:10px 20px; } #requestSafeMultiForm .students .upload_list { width:550px;padding:5px 0;border-bottom:1px solid #ccc;font-size:13px;text-align:center;overflow:hidden; } #requestSafeMultiForm .students .upload_list.title { border-top:1px solid #ccc;background:#f0f0f0; } #requestSafeMultiForm .students .upload_list > li { float:left; } #requestSafeMultiForm .students .upload_list > li.name { width:100px; } #requestSafeMultiForm .students .upload_list > li.birthday { width:120px; } #requestSafeMultiForm .students .upload_list > li.mobile { width:130px; } #requestSafeMultiForm .students .upload_list > li.uid { width:120px; } #requestSafeMultiForm .students .upload_list > li.reword { width:80px; } #safeStudentsExcelFile { position:absolute;top:0;left:0;width:81px;height:32px;opacity:0;cursor:pointer;z-index:1; } #requestSafeMultiError { margin-top:20px;padding:20px 0 20px 10px;background-color:#ffeded;font-size:13px;display:none; } #requestSafeMultiError .message { margin-left:10px;padding-left:15px;border-left:1px solid #666; } /* 과목등록 시 이수증 선택 레이어 */ #licenseSelectLayer { position:absolute;left:211px;bottom:75px;width:450px;height:300px;background:#fff;border:1px solid #aaa;overflow-y:scroll;display:none; } #licenseSelectLayer > ul { height:35px;line-height:35px;border-bottom:1px dotted #ddd;font-size:13px;overflow:hidden; } #licenseSelectLayer > ul > li:first-child { padding:0 0 0 10px;float:left; } #licenseSelectLayer > ul > li:last-child { width:380px;float:right; } /* 모사확인 레이어 */ #copyViewLayer .popup_title > ul { position:absolute;top:5px;left:100px;width:100%;height:30px;line-height:30px;border-left:1px solid #fff;font-size:13px;font-weight:400; } #copyViewLayer .popup_title > ul > li.lecture { margin:0 20px; } #copyViewLayer .popup_title > ul > li.percent { position:absolute;top:0;right:160px;width:100px;height:30px;line-height:30px;color:#fff;font-size:13px;text-align:center; } #copyViewLayer .popup_title > ul > li.percent.red { background:#c16161; } #copyViewLayer .popup_title > ul > li.percent.orange { background:#a9841d } #copyViewLayer .popup_title > ul > li.percent.green { background:#689c40 } #copyViewLayer .content { overflow-y:scroll; } #copyViewLayer .content .wrap { height:100%; } #copyViewLayer .content .wrap > dl { position:relative;width:49%;height:100%;float:left; } #copyViewLayer .content .wrap > dl.target { float:right; } #copyViewLayer .content .wrap > dl > dt { position:relative;height:60px; } #copyViewLayer .content .wrap > dl > dt > dl.info > dt { height:40px;line-height:50px;border-bottom:2px solid #2b6fad;font-weight:500;color:#000; } #copyViewLayer .content .wrap > dl > dt > dl.info > dt > p.tutor { position:absolute;top:3px;right:5px;font-size:13px;font-weight:300; } #copyViewLayer .content .wrap > dl > dt > dl.info > dd { height:30px;padding:0 10px;line-height:30px;background:#d9edff;font-size:13px; } #copyViewLayer .content .wrap > dl.target > dt > dl.info > dt { border-bottom:2px solid #ada32b; } #copyViewLayer .content .wrap > dl.target > dt > dl.info > dd { background:#fff5d9; } #copyViewLayer .content .wrap > dl > dt > dl.info > dd:nth-child(1) { float:left; } #copyViewLayer .content .wrap > dl > dt > dl.info > dd:nth-child(2) { float:right; } #copyViewLayer .content .wrap > dl > dd { height:calc(100% - 70px); } #copyViewLayer .content .wrap > dl > dd > .answer { padding:20px 10px; } #copyViewLayer .content .wrap > dl > dd > .answer > .highlight { background:#ffffaa; } #copyViewLayer .content .wrap > .bytes { position:absolute;bottom:52px;padding:1px 5px;background:#999;opacity:0.5;font-size:11px;color:#fff;text-align:right;z-index:1; } #copyViewLayer .content .wrap > .source_bytes { left:493px; } #copyViewLayer .content .wrap > .target_bytes { right:37px; } #copyViewLayer .content .wrap > dl.target > .half_line { position:absolute;top:10px;left:-10px;width:1px;background:#ccc; } /* 주관식 일괄채점 */ #examDetailLayer.multi > .description { height:75px;padding:10px;background:#333;color:#fff; } #examDetailLayer.multi > .description > ul > li { padding:10px 0;border-bottom:1px solid #555;overflow:hidden; } #examDetailLayer.multi > .description > ul > li:first-child { padding:0 0 10px 0; } #examDetailLayer.multi > .description > ul > li > * { float:left; } #examDetailLayer.multi > .description > ul > li > dt { width:100px;padding:0 0 0 20px; } #examDetailLayer.multi > .content { height:calc(100% - 186px); } #examDetailLayer.multi > .content > .info { margin:100px 0 0;line-height:45px;font-size:20px;font-weight:700;text-align:center; } #examDetailLayer.multi > .bottom { position:relative; } #examDetailLayer.multi > .bottom > .pagination { position:absolute;top:10px;right:10px;padding:0; } #examDetailLayer.multi #detailView .rows > ul { min-height:40px;line-height:40px;font-size:13px; } #examDetailLayer.multi #detailView .rows > ul > li > dt { width:160px;min-height:40px; } #examDetailLayer.multi #detailView .rows > ul > li > dd { width:calc(100% - 182px);min-height:40px; } /* 스마트심리검사 계정 생성 레이어 */ #registerGmsAccountFormLayer.popup_box > .content .form_type > li.result > dd { height: calc(100% - 20px);float:none; } #registerGmsAccountFormLayer.popup_box > .content .form_type > li.comment dd textarea { height:420px; } #registerGmsAccountFormLayer.popup_box > .content .form_type > li.comment { height:440px; } #registerGmsAccountFormLayer.popup_box > .content .form_type > li.comment dt { padding:200px 0 0 40px;line-height:20px } #registerGmsAccountResult { width:410px;height:100%;padding:0 0 0 20px;overflow:auto; } /* 10분클래스 유형관리 */ #courseCategorySetting { font-size:13px;overflow:hidden; } #courseCategorySetting > ul { height:calc(100% - 43px);float:left; } #courseCategorySetting > ul.category { width:250px; } #courseCategorySetting > ul.category > li:not(.title) { position:relative;padding:5px 10px;border-bottom:1px solid #ddd;cursor:pointer; } #courseCategorySetting > ul.category > li.on { background:#a6945c;color:#fff; } #courseCategorySetting > ul.category > li:not(.title, .on):hover { background:#f7ecc9;color:#333; } #courseCategorySetting > ul.category > li.title { margin:7px 0;padding:9px 0;border-bottom:2px solid #5f5f5f; } #courseCategorySetting > ul.category > li.title > .bold { font-size:13px;font-weight:500;color:#000; } #courseCategorySetting > ul.category > li.title > .btn { position:relative;right:0px;padding:3px 12px;float:right; } #courseCategorySetting > ul.category > li.item > dt { width:calc(100% - 35px); } #courseCategorySetting > ul.category > li.item > dd { position:absolute;top:5px;right:3px; } #courseCategorySetting > ul.category > .add_category { text-align:right; } #courseCategorySetting > ul.category > .add_category > input { width:100%; } #courseCategorySetting > ul.category > .add_category > .btn { margin:5px 0 0;padding:6px;border-radius:initial; } #courseCategorySetting > ul.chapters { width:calc(100% - 273px);padding:5px 0 0 20px; } #courseCategorySetting > ul.chapters > li { width:100%;padding:5px 0; } #courseCategorySetting > ul.chapters > li.title { margin:7px 0;border-bottom:2px solid #5f5f5f; } #courseCategorySetting > ul.chapters > li.title > .bold { font-size:13px;font-weight:500;color:#000; } #courseCategorySetting > ul.chapters > li.title > .btn { padding:3px 12px;float:right; } #courseCategorySetting > ul.chapters > li > ol { width:100%;padding:5px 0;border-bottom:1px solid #ddd; } #courseCategorySetting > ul.chapters > li > ol > dt { width:calc(100% - 107px);float:left; } #courseCategorySetting > ul.chapters > li > ol > dd { width:107px;font-size:11px;text-align:right;float:left; } #courseCategorySetting .ui-datepicker { position:absolute;right:0;z-index:1; } #courseCategorySetting .chapter_date { position: relative;display:inline-block;z-index:20; } #courseCategorySetting .btn_box { width:10px;height:10px;padding:3px;border:1px solid #ddd;background:#fff;cursor:pointer;display:inline-block; } #courseCategorySetting .btn_cate { position:relative;width:10px;height:10px;overflow:hidden;display:inline-block; } #courseCategorySetting .btn_cate:after { position:absolute;left:0;top:0;content:'';width:5px;height:5px;border-top:2px solid #333;border-right:2px solid #333; } #courseCategorySetting .btn_cate.up { top:2px;left:3px;transform:rotate(-45deg); } #courseCategorySetting .btn_cate.down { top:-1px;left:-2px;transform:rotate(135deg); } #courseCategorySetting .btn_cate_delete { position:relative;top:1px;left:4px;width:10px;height:10px;display:inline-block;cursor:pointer; } #courseCategorySetting .btn_cate_delete:before, .btn_cate_delete:after { content:'';position:absolute;left:0;top:0;height:9px;width:1.5px;background-color:#e99494; } #courseCategorySetting .btn_cate_delete:before { transform: rotate(45deg); } #courseCategorySetting .btn_cate_delete:after { transform: rotate(-45deg); } #courseCategorySetting .btn_cate:hover:after { border-top:2px solid #337ab7;border-right:2px solid #337ab7; } #courseCategorySetting .btn_box:hover { background-color:#bbdbf7; } #categoryChapters { position:absolute;top:95px;left:10px;width:350px;height:60%;background:#fff;border:1px solid #aaa;box-shadow:3px 3px 5px #c5c5c5;display:none; } #categoryChapters > h3 { height:40px;line-height:40px;border-bottom:1px solid #ddd;text-align:center;background:#333;color:#fff;font-size:13px;cursor:move; } #categoryChapters > h3 > .close { position:absolute;right:15px;top:12px;width:15px;height:15px;background:url(/images/common/icon_pop_close.png) no-repeat;background-size:cover;cursor:pointer; } #categoryChapters > ul { height:calc(100% - 80px);overflow:auto; } #categoryChapters > ul > li { padding:5px 0 5px 10px;border-bottom:1px dotted #ddd; } #categoryChapters > ul > li:hover { background:#f1f1f1; } #categoryChapters > ul > li.disabled { background:#ddd; } #categoryChapters > ul > li.disabled > dt > label { color:#aaa; } #categoryChapters > ul > li.disabled > dt > input[type="checkbox"] { background:url(/images/common/icon_checkbox_disabled.png) 0 0 no-repeat;background-size:16px 16px; } #categoryChapters > .select { height:39px;line-height:30px;border-top:1px solid #ddd;text-align:center; } #categoryChapters > .select > .btn { padding:3px 12px;margin:8px 0 0; } /* 콘텐츠 확인 레이어 */ #fileCheckLoadingLayer { position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);font-size:30px;font-weight:600;color:#fff;text-align:center;z-index:12; } /* 강사 만족도 평가 레이어 */ #teacherEvaluateDetailLayer .content ul.summary { margin:15px 0;overflow:hidden; } #teacherEvaluateDetailLayer .content ul.summary > li { float:left; } #teacherEvaluateDetailLayer .content ul.summary > li:nth-child(1) { width:180px;margin:0 0 0 40px; } #teacherEvaluateDetailLayer .content ul.summary > li > dt { font-size:13px;color:#000; } #teacherEvaluateDetailLayer .content ul.summary > li > dd { margin:0 0 0 10px;font-size:20px;font-weight:600;color:#333;vertical-align:top; } #teacherEvaluateDetailLayer .content ul.summary > li > dd.mt10 { margin:10px 0 0 10px; } #teacherEvaluateDetailLayer .content ul.summary > li > dd.font30 { font-size:30px; } #teacherEvaluateDetailLayer .content table tr td { line-height:22px;border-right:1px solid #ddd; } #teacherEvaluateDetailLayer .content table tr td:last-child { border-right:none; } #teacherEvaluateDetailLayer .content table tr td textarea { width:440px;height:70px;margin:10px 0; } #teacherEvaluateDetailLayer .content table.table_list_real tr:hover { background-color:initial; } /* 엑셀 다운로드 사유 */ #downloadLogFormLayer > .content { padding:20px; } #downloadLogFormLayer > .content h3 { margin:0 0 10px 0;font-size:15px; } #downloadLogFormLayer > .content .readme > ul { padding:10px;background:#f3f3f3; } #downloadLogFormLayer > .content .readme > ul > li { position:relative;padding:0 0 0 10px;margin:5px 0 0; } #downloadLogFormLayer > .content .readme > ul > li:first-child { margin:0; } #downloadLogFormLayer > .content .readme > ul > li:after { content:'·';position:absolute;top:0;left:0; } #downloadLogFormLayer > .content .form { width:calc(50% - 20px);margin:0 0 0 20px; } #downloadLogFormLayer > .content .form textarea { width:100%;height:222px;margin:20px 0 0 0; }