@charset "utf-8"; /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 공통 element ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* 메시지 창: layer */ .msg_alert {width:300px; background-color:#666; position:absolute; bottom:10px; right:10px; z-index:1000; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .msg_alert .msg_txt {padding:15px; text-align:center; color:#fff;} /* popup style : layer pop ****************************/ .modal_screen {width:100%; height:100%; height:100vh; background-color:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:102;} .modal_screen_survey {width:100%; height:100%; height:100vh; background-color:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:102;} .l_popup {width:900px; background-color:#fff; border: 1px solid #ddd; position:fixed; top:100px; left:50%; margin-left:-450px; z-index:10000;} .l_popup2 {width:1200px; background-color:#fff; border: 1px solid #ddd; position:fixed; top:100px; left:50%; margin-left:-450px; z-index:103;} .l_popup .title {height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:normal; background-color:#4a4244; border-bottom:solid 1px #999; position:relative;} .l_popup2 .title {height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:normal; background-color:#4a4244; border-bottom:solid 1px #999; position:relative;} .l_popup .title span {margin-left:20px;} .l_popup .pop_body {padding:20px 22px 0px; overflow-y:auto;} .l_popup2 .pop_body2 {padding:20px 22px 0px;} .l_popup .pop_footer {display:table; width:100%; padding:10px; box-sizing: border-box;} .l_popup .pop_footer .left { display: table-cell; padding: 0; text-align: left; vertical-align: middle; } .l_popup .pop_footer .right { display: table-cell; padding: 0; text-align: right; vertical-align: middle; } .l_popup .pop_footer a {margin:0 5px;} .l_popup .btn_popup_close {display:inline-block; /*background:url('/images/icon/btn_popup_close_white.png') no-repeat center center;*/ position:absolute; top:3px; right:20px;} .l_popup .btn_popup_close i {display:inline-block; color:#fff;} .l_popup .title .btn_func {position:absolute; top:3px; right:10px;} .l_popup .title .btn_func a {display:inline-block; margin:0 3px; color:#fff; position:relative; top:initial; right:initial;} .l_popup .title .btn_func a i {color:#fff;} .inner_scroll_pop {max-height:370px; overflow-y:auto;} .l_popup .pop_body .p_stitle {padding-bottom:20px; font-size:35px; color:#000; text-align:center;} .l_popup .pop_body .b_line {border-bottom:solid 1px #000;} .l_popup .pop_body .member_info {padding:30px 0; font-size:17px; color:#333; text-align:right;} .l_popup .pop_body .member_info .row {margin-bottom:5px;} .l_popup .pop_body .member_info .row span {} .l_popup .pop_body .member_info .row strong {} .l_popup .pop_body .ment {margin-bottom:10px; font-size:17px; color:#333;} .l_popup .pop_body .date_mark {padding:20px 0 40px; font-size:17px; color:#333; text-align:center; font-weight:600;} .l_popup .pop_body .uni_mark {margin-bottom:50px; text-align:right} .l_popup .pop_body .uni_mark strong {font-size:20px; color:#333; vertical-align:middle;} .l_popup .pop_body .uni_mark img {vertical-align:middle; margin-left:10px;} .l_popup_auto {width:900px; background-color:#fff; border: 1px solid #ddd; position:fixed; top:0px; left:50%; margin-left:-450px; z-index:103;} .l_popup_auto .title {height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:normal; background-color:#4a4244; border-bottom:solid 1px #999; position:relative;} .l_popup_auto .title span {margin-left:20px;} .l_popup_auto .pop_body {padding:20px 22px 0px; overflow-y:auto;} .l_popup_auto .pop_footer {display:table; width:100%; padding:10px; box-sizing: border-box;} .l_popup_auto .pop_footer .left { display: table-cell; padding: 0; text-align: left; vertical-align: middle; } .l_popup_auto .pop_footer .right { display: table-cell; padding: 0; text-align: right; vertical-align: middle; } .l_popup_auto .pop_footer a {margin:0 5px;} .l_popup_auto .btn_popup_close {display:inline-block; /*background:url('/images/icon/btn_popup_close_white.png') no-repeat center center;*/ position:absolute; top:3px; right:20px;} .l_popup_auto .btn_popup_close i {display:inline-block; color:#fff;} .l_popup_auto .title .btn_func {position:absolute; top:3px; right:10px;} .l_popup_auto .title .btn_func a {display:inline-block; margin:0 3px; color:#fff; position:relative; top:initial; right:initial;} .l_popup_auto .title .btn_func a i {color:#fff;} .l_popup_auto .pop_body .p_stitle {padding-bottom:20px; font-size:35px; color:#000; text-align:center;} .l_popup_auto .pop_body .b_line {border-bottom:solid 1px #000;} .l_popup_auto .pop_body .member_info {padding:30px 0; font-size:17px; color:#333; text-align:right;} .l_popup_auto .pop_body .member_info .row {margin-bottom:5px;} .l_popup_auto .pop_body .member_info .row span {} .l_popup_auto .pop_body .member_info .row strong {} .l_popup_auto .pop_body .ment {margin-bottom:10px; font-size:17px; color:#333;} .l_popup_auto .pop_body .date_mark {padding:20px 0 40px; font-size:17px; color:#333; text-align:center; font-weight:600;} .l_popup_auto .pop_body .uni_mark {margin-bottom:50px; text-align:right} .l_popup_auto .pop_body .uni_mark strong {font-size:20px; color:#333; vertical-align:middle;} .l_popup_auto .pop_body .uni_mark img {vertical-align:middle; margin-left:10px;} .l_popup_full {width:900px; background-color:#fff; border: 1px solid #ddd; position:fixed; top:100px; left:50%; margin-left:-450px; z-index:103;} .l_popup_full .title {height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:normal; background-color:#4a4244; border-bottom:solid 1px #999; position:relative;} .l_popup_full .title span {margin-left:20px;} .l_popup_full .pop_body {padding:20px 22px 0px; overflow-y:auto;} .l_popup_full .pop_footer {display:table; width:100%; padding:10px; box-sizing: border-box;} .l_popup_full .pop_footer .left { display: table-cell; padding: 0; text-align: left; vertical-align: middle; } .l_popup_full .pop_footer .right { display: table-cell; padding: 0; text-align: right; vertical-align: middle; } .l_popup_full .pop_footer a {margin:0 5px;} .l_popup_full .btn_popup_close {display:inline-block; /*background:url('/images/icon/btn_popup_close_white.png') no-repeat center center;*/ position:absolute; top:3px; right:20px;} .l_popup_full .btn_popup_close i {display:inline-block; color:#fff;} .l_popup_full .title .btn_func {position:absolute; top:3px; right:10px;} .l_popup_full .title .btn_func a {display:inline-block; margin:0 3px; color:#fff; position:relative; top:initial; right:initial;} .l_popup_full .title .btn_func a i {color:#fff;} .l_popup_full .pop_body .p_stitle {padding-bottom:20px; font-size:35px; color:#000; text-align:center;} .l_popup_full .pop_body .b_line {border-bottom:solid 1px #000;} .l_popup_full .pop_body .member_info {padding:30px 0; font-size:17px; color:#333; text-align:right;} .l_popup_full .pop_body .member_info .row {margin-bottom:5px;} .l_popup_full .pop_body .member_info .row span {} .l_popup_full .pop_body .member_info .row strong {} .l_popup_full .pop_body .ment {margin-bottom:10px; font-size:17px; color:#333;} .l_popup_full .pop_body .date_mark {padding:20px 0 40px; font-size:17px; color:#333; text-align:center; font-weight:600;} .l_popup_full .pop_body .uni_mark {margin-bottom:50px; text-align:right} .l_popup_full .pop_body .uni_mark strong {font-size:20px; color:#333; vertical-align:middle;} .l_popup_full .pop_body .uni_mark img {vertical-align:middle; margin-left:10px;} /* 건양의대 2021-12-22 : middle popup style : layer pop ****************************/ .l_popup_middle {width:500px; background-color:#fff; border:solid 1px #ccc; position:absolute; top:170px; left:50%; margin-left:-250px; z-index:103; box-shadow: 0px 2px 7px 3px rgba(0, 0, 0, .1); } .l_popup_middle .title {/*height:50px;*/ padding:10px 0; line-height:1.2; font-size:16px; color:#fff; font-weight:normal; background-color:#767676; border-bottom:solid 1px #999; position:relative;} .l_popup_middle .title span {display:block; margin-left:20px; margin-right:50px;} .l_popup_middle .pop_middle_body {padding:20px 22px 0px;} .l_popup_middle .pop_footer {padding:5px 22px 30px;} .l_popup_middle .pop_footer a {margin:0 5px;} .l_popup_middle .btn_popup_m_close {display:inline-block; /*background:url('../images/icon/btn_popup_close_white.png') no-repeat center center;*/ position:absolute; top:50%; right:10px; margin-top:-13px;} .l_popup_middle .btn_popup_m_close i {display:inline-block; color:#fff;} .l_popup_middle .title .btn_func {position:absolute; top:3px; right:10px;} .l_popup_middle .title .btn_func a {display:inline-block; margin:0 3px; color:#fff; position:relative; top:initial; right:initial;} .l_popup_middle .title .btn_func a i {color:#fff;} /* 건양의대 2021-12-23 : 메시지 popup style : layer pop ****************************/ .l_popup_msg {width:300px; background-color:#fff; border:solid 1px #ccc; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-150px; z-index:103; box-shadow: 0px 2px 7px 3px rgba(0, 0, 0, .1); } .l_popup_msg .pop_body {padding:20px 20px 10px; text-align:center;} .l_popup_msg .pop_footer {padding:10px 20px; border-top:solid 1px #ddd;} .l_popup_msg .pop_footer a {margin:0 5px;} /* popup style : window pop ****************************/ .win_popup {width:100%; background-color:#fff;} .win_popup .title {height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:normal; background-color:#4a4244; border-bottom:solid 1px #999; position:relative;} .win_popup .title span {margin-left:20px;} .win_popup .pop_body {padding:20px 22px 0px;} .win_popup .pop_footer { padding:10px 22px; display: inline-block; width: 100%; box-sizing: border-box; } .win_popup .pop_footer a {margin:0 5px;} .win_popup .btn_popup_close {display:inline-block; /*background:url('/images/icon/btn_popup_close_white.png') no-repeat center center;*/ position:absolute; top:3px; right:20px;} .win_popup .btn_popup_close i {display:inline-block; color:#fff;} .win_popup .title .btn_func {position:absolute; top:3px; right:10px;} .win_popup .title .btn_func a {display:inline-block; margin:0 3px; color:#fff; position:relative; top:initial; right:initial;} .win_popup .title .btn_func a i {color:#fff;} .full_popup {width:100%; background-color:#fff;} .full_popup .title {height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:normal; background-color:#4a4244; border-bottom:solid 1px #999; position:relative;} .full_popup .title span {margin-left:20px;} .full_popup .pop_body {padding:20px 22px 0px;} .full_popup .pop_footer { padding:10px; display: inline-block; width: 100%; box-sizing: border-box; } .full_popup .pop_footer a {margin:0 5px;} .full_popup .btn_popup_close {display:inline-block; /*background:url('/images/icon/btn_popup_close_white.png') no-repeat center center;*/ position:absolute; top:3px; right:20px;} .full_popup .btn_popup_close i {display:inline-block; color:#fff;} .full_popup .title .btn_func {position:absolute; top:3px; right:10px;} .full_popup .title .btn_func a {display:inline-block; margin:0 3px; color:#fff; position:relative; top:initial; right:initial;} .full_popup .title .btn_func a i {color:#fff;} @media screen and (max-width:1024px) { .l_popup {width:100% !important; position:fixed;top:-9999px;left: 50%; margin-left: -50% !important;} .l_popup_auto {width:100% !important; position:fixed;top:-9999px;left: 50%; margin-left: -50% !important;} .l_popup_middle {width:90%; position:absolute; top:100px; left:5%; margin-left:0;} } @media screen and (max-width:768px) { .win_popup{height:100% !important;} .l_popup{width: 100% !important;position:fixed;top:-9999px;left: 50%; margin-left: -50% !important; height:100% !important; top:0 !important; margin-top:0 !important} .l_popup .pop_body{padding:20px 10px 0px; height: calc(100% - 101px) !important; overflow-y:auto; box-sizing:border-box;} .l_popup_auto {width: 100% !important;position:fixed;top:-9999px;left: 50%; margin-left: -50% !important; height:100% !important; top:0 !important; margin-top:0 !important} .l_popup_auto .pop_body{padding:20px 10px 0px; height: calc(100% - 101px) !important; overflow-y:auto; box-sizing:border-box;} .win_popup .pop_body {padding:20px 10px 0px; height: calc(100% - 101px) !important; overflow-y:auto; box-sizing:border-box;} .l_popup_middle {width:92%; position:absolute; top:150px; left:4%; margin-left:0;} .l_popup_middle .pop_body {padding:20px 10px 0px;} .l_popup_middle .pop_footer {padding:5px 10px 30px;} } /* window 팝업: 인증방법 선택 팝업 */ .winpop_cert_select .title {text-align:center;} .winpop_cert_select .title span {margin-left:0;} .winpop_cert_select .pop_cont {padding:30px; background-color:#fff;} .winpop_cert_select .pop_cont .btn_area {text-align:center;} .winpop_cert_select .pop_cont .btn_area a {display:inline-block; margin:0 5px 5px; width:150px; height:40px; line-height:40px; text-align:center; color:#333; font-size:16px; font-weight:600; background-color:#fff; border:solid 1px #ccc;} .winpop_cert_select .pop_cont .btn_area a:hover {background-color:#eee;} .winpop_cert_select .pop_cont .opt_cont {padding:20px; border-top:solid 1px #ccc;} /* modal: 핸드폰 인증번호 입력 영역 */ .winpop_cert_select .pop_cont .cert_num {text-align:center;} .winpop_cert_select .pop_cont .cert_num input[type="text"] {padding:0 20px; width:200px; height:38px; line-height:38px; font-size:18px; text-align:center; border:solid 1px #ccc;} .winpop_cert_select .pop_cont .cert_num button {padding:0 15px; height:40px; font-size:18px; color:#fff; background-color:#333; border:solid 1px #333;} .winpop_cert_select .pop_cont .cert_num button:hover {opacity:0.9;} .winpop_cert_select .pop_cont h2 {padding-left:10px; margin-bottom:10px; border-bottom:solid 1px #999;} @media screen and (max-width:768px) { .winpop_cert_select .pop_cont {padding:30px 15px;} .winpop_cert_select .pop_cont .btn_area a {width:26%; font-size:14px;} .winpop_cert_select .pop_cont .cert_num input[type="text"] {padding:0 20px; width:120px; } .winpop_cert_select .pop_cont .cert_num button {font-size:16px;} .winpop_cert_select .pop_cont .cert_num button:hover {opacity:0.9;} } /* FAQ / 아코디언 메뉴 : 2019-06-10 **************************/ .accodian {border:solid 1px #d7d7e3; background-color:#fff; overflow:hidden;} .accodian .cont {} .accodian .cont a.btn_accodian_title {display:block; padding: 10px 60px 10px 50px; text-decoration:none; color:#000; border-top:solid 1px #ccc; position:relative;} .accodian .cont.first a.btn_accodian_title {border-top:none;} .accodian .cont a.btn_accodian_title .faq_num {display:inline-block; width:30px; text-align:center; font-size:13px; border-right:solid 1px #ccc; position:absolute; top:12px; left:5px;} .accodian .cont .faq_content {padding:20px; background-color:#fff; border-top:solid 1px #666;} a.btn_accodian_title .cert {display:inline-block; width:20px; height:20px; background:url('/images/icon/icon_down.png') no-repeat center center; position:absolute; top:50%; right:20px; margin-top:-10px;} a.btn_accodian_title.active strong {color:#333;} a.btn_accodian_title.active {background-color:#f2f2f2} a.btn_accodian_title.active .cert {background:url('/images/icon/icon_up.png') no-repeat center center;} /* tabMenu : 페이지 이동형 *********************************/ .tab_top {} .tab_content {padding:10px 30px 30px;} .tabmenu_basic {width:100%; font-size:16px; border-bottom:solid 1px #c1c1c1; margin-bottom:25px;} .tabmenu_basic li {float:left; padding:0 20px; position:relative; bottom:-1px;} .tabmenu_basic li a {display:inline-block; padding:0; height:47px; line-height:50px; text-align:center; color:#999999;} .tabmenu_basic li a:hover {color:#000;} .tabmenu_basic li.active a {height:44px; color:#000; font-weight:600; border-bottom:solid 3px #ff6600;} .tabmenu_basic:after {content:""; clear:both; display:block;} .tabmenu_basic_inner {display:table; font-size:14px; margin-bottom:25px; border:solid 1px #ccc; border-radius:5px; overflow:hidden;} .tabmenu_basic_inner li {display:table-cell; border-right:solid 1px #ccc;} .tabmenu_basic_inner li:last-child {border-right:none;} .tabmenu_basic_inner li a {display:block; padding:5px 30px; text-align:center; color:#666;} .tabmenu_basic_inner li a:hover {color:#000; background-color:#f2f2f2;} .tabmenu_basic_inner li.active a {color:#fff; background-color:#8c2b45;} .tabmenu_basic_inner:after {content:""; clear:both; display:block;} /* tabMenu : 페이지내 탭이동 */ .tabmenu {position:relative; height:36px; border-bottom:solid 1px #000;} .tabmenu.pd_10p {padding:0 10%;} .tabmenu.pd_20p {padding:0 20%;} .tabmenu.pd_30p {padding:0 30%;} .tabmenu>ul {/*display:table; width:100%;*/} .tabmenu>ul:after {content:""; display:block; clear:both;} .tabmenu>ul>li {/*display:table-cell;*/ float:left;} .tabmenu>ul>li .btn_title {display:inline-block; padding:0 20px; height:35px; line-height:35px; font-size:15px; color:#999; text-align:center; border:solid 1px #e7e7e7; border-bottom:solid 1px #000;} .tabmenu>ul>li .btn_title:hover {color:#333; border:solid 1px #ccc; border-bottom:solid 1px #000;} .tabmenu>ul>li .btn_title.active {color:#000; border:solid 1px #000; border-bottom:solid 1px #fff;} .tabmenu>ul>li .tab_contents {width:100%; position:absolute; top:initial; left:0;} @media all and (max-width:1200px){ .tab_content {padding:10px 15px 30px;} /*.tabmenu>ul>li .tab_contents {width:100%; position:absolute; top:100px; left:0;}*/ } @media all and (max-width:768px){ .tabmenu {height:31px; border-bottom:solid 0px #000;} .tabmenu>ul>li .btn_title {display:inline-block; padding:0 10px; height:30px; line-height:30px; font-size:14px; color:#999; text-align:center; border:solid 1px #e7e7e7; border-bottom:solid 1px #e7e7e7;} .tabmenu>ul>li .btn_title:hover {color:#333; border:solid 1px #ccc; border-bottom:solid 1px #e7e7e7;} .tabmenu>ul>li .btn_title.active {color:#000; border:solid 1px #000; border-bottom:solid 1px #000;} /*.tabmenu>ul>li .tab_contents {width:100%; position:absolute; top:80px; left:0;}*/ .tabmenu_basic_inner li a {display:block; padding:5px 10px; text-align:center; color:#666;} } @media all and (max-width:480px){ /*.tabmenu>ul>li .tab_contents {width:100%; position:absolute; top:150px; left:0;}*/ } /* table_list_basic *************************/ table.table_list_basic {width:100%; font-size:13px; margin-bottom:20px; border-top:solid 2px #666; background-color:#fff;} table.table_list_basic thead {border-bottom:solid 1px #ccc; line-height:1.2;} table.table_list_basic th {padding:7px 0; color:#333333; text-align:center; border-left:solid 1px #ddd; border-bottom:solid 1px #ccc; background-color:#f2f2f2; word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;} table.table_list_basic th.lm {border-bottom:solid 1px #eaeaea;} table.table_list_basic th.ts {font-size:12px;} table.table_list_basic th.divide {border-bottom:solid 1px #eaeaea;} table.table_list_basic td {line-height:20px; padding:5px 3px; text-align:center; border-left:solid 1px #ddd; border-bottom:solid 1px #ccc;} table.table_list_basic .blank {height:100px; line-height:100px;} table.table_list_basic .end {border-right:none;} table.table_list_basic th:first-child {border-left:none;} table.table_list_basic td:first-child {border-left:none;} table.table_list_basic .subject {display:block; font-weight:700; color:#333;} table.table_list_basic .term {font-size:12px;} table.table_list_basic .divide td {border-bottom:solid 1px #000;} table input[type="text"] {height:25px; line-height:25px;} table.table_list_basic textarea {padding:5px 5px; width:95%; height:50px; line-height:19px; font-size:13px; background-color:#fff; border:solid 1px #d5d5d5;} table.table_list_basic select {border:1px solid #cccccc; height:28px; line-height:28px;} table.table_list_basic td input[type="text"] {margin:3px 0; width:94%; color:#b1b1b1;} table.table_list_basic td input[type="text"].d_day {width:90px;} table.table_list_basic td input[type="text"].text {width:150px;} table.table_list_basic td input.av {width:35px;} table.table_list_basic td a {/* display:inline-block; */ margin:1px 0;} table.table_list_basic.tl {border-top:1px solid #000;} table.table_list_basic.bm {margin-bottom:0px;} table.table_list_basic tr.bg_weeknum {background-color:#e2dcdc;} th.act, td.act {background-color:#e8d8dd !important;} table.table_list_basic tfoot {} table.table_list_basic tfoot th {padding:3px; background-color:#ebf2f9;} table.table_list_basic tfoot td {padding:3px; background-color:#ebf2f9;} .board_option_box {padding:5px; background-color:#f2f2f2;} .board_option_box input, .board_option_box .btn {margin:2px 0;} /* 게시판 고정글 : 2023-02-22 */ #base_list .top_notice {background-color:#fafafa !important;} #base_list .top_notice a {color:#f53541;} span.required {display:inline-block; padding:2px 5px; font-size:11px; color:#fff; border-radius:3px; background-color:#ed545e;} /* 반응형 table : css컨트롤 */ table.table_list_basic .list_title .mobile_write_info {display:none; color:#666;} /* 테스크탑 */ @media all and (max-width:999px){ } /* 테블릿*/ @media all and (max-width:768px){ /*공지사항*/ table.table_list_basic .entry_th_number {} table.table_list_basic .entry_th_title {} table.table_list_basic .entry_th_writer {} table.table_list_basic .entry_th_date {} table.table_list_basic .entry_th_hit {display:none !important;} table.table_list_basic .list_number {} table.table_list_basic .list_title {} table.table_list_basic .list_writer {} table.table_list_basic .list_date {} table.table_list_basic .list_hit {display:none !important;} } /* 모바일*/ @media all and (max-width:640px){ /*공지사항*/ /*table.table_list_basic thead {display:none;}*/ /*table.table_list_basic .list_number {display:none;}*/ table.table_list_basic .list_title {border-left:none;} table.table_list_basic .list_title a {font-size:15px;} table.table_list_basic .list_title .mobile_write_info {display:block;} table.table_list_basic .list_writer {display:none !important;} table.table_list_basic .list_date {display:none !important;} table.table_list_basic .list_hit {display:none !important;} #rwd_table_diagnosis {width:700px; font-size:14px;} .table_container {width: 100%; overflow-y: auto; _overflow: auto; margin: 0;} } /* table_view_basic *************************/ table.table_view_basic {width:100%; font-size:13px; margin-bottom:20px; border-top:solid 2px #666; background-color:#fff;} table.table_view_basic thead th {text-align:center;} table.table_view_basic th {padding:11px 0; color:#333333; text-align:center; border-right:solid 1px #ddd; border-bottom:solid 1px #ccc; background-color:#f2f2f2; } table.table_view_basic td {font-size:13px; line-height:20px; padding:10px 7px; border-right:solid 1px #ddd; border-bottom:solid 1px #ccc;} table.table_view_basic .end {border-right:none;} table.table_view_basic .subject {display:block; font-weight:700; color:#333;} table.table_view_basic td input[type="text"] {width:97%; height:26px; color:#333;} table.table_view_basic td input.d_day {width:90px; height:26px;} table.table_view_basic td input.av {width:35px;} table.table_view_basic td input.search {width:60%;} table.table_view_basic td input.text {width:200px;} table.table_view_basic td input.snsid {width:120px;} table.table_view_basic td input.h5 {height:250px;} table.table_view_basic select {border:1px solid #cccccc; height:28px; line-height:28px;} table.table_view_basic textarea {padding:5px 5px; width:100%; height:50px; line-height:18px; font-size:13px; background-color:#fff; border:solid 1px #d5d5d5; box-sizing: border-box;} /*과제첨삭 코멘트 작성칸 크기 따로 지정*/ table.table_view_basic .report_apply_cmt {padding:5px 5px; width:100%; height:150px; line-height:18px; font-size:13px; background-color:#fff; border:solid 1px #d5d5d5; box-sizing: border-box;} table.table_view_basic.tl {border-top:1px solid #000;} table.table_view_basic.bm {margin-bottom:0px;} table.table_view_basic.tm {border-top:none;} /* view_list *************************/ table.view_list {width:100%; font-size:14px; margin-bottom:20px; border:solid 1px #eaeaea; background-color:#fff;} table.view_list th {padding:5px 0; color:#333333; background-color:#f8f8f8; padding:10px 0;} table.view_list td {font-size:13px; line-height:24px; padding:10px 7px;} table.view_list.bm {margin-bottom:0px;} /* table하단 버튼영역*/ .table_bottom_func {} /* table_comment 댓글 *************************/ table.table_comment {width:100%; font-size:12px; border-top:solid 1px #000000; background-color:#fff;} table.table_comment thead {border-bottom:solid 1px #cccccc;} table.table_comment th {padding:15px 20px 0 20px; font-size:13px; color:#333333;} table.table_comment th a {font-weight:normal;} table.table_comment td {font-size:13px; line-height:20px; padding: 10px 0;border-bottom:solid 1px #eaeaea;} /* table_button_navi 이전글 다음글 *************************/ table.table_button_navi {width:100%; font-size:14px; margin-bottom:20px; border-top:solid 1px #000000;} table.table_button_navi th {color:#666; text-align:center; border-right:solid 1px #eaeaea; border-bottom:solid 1px #ddd; background-color:#f2f2f2;} table.table_button_navi td {font-size:13px; line-height:20px; padding:10px 7px; border-right:solid 1px #eaeaea; border-bottom:solid 1px #e8e8e8;} table.table_button_navi .line {border-bottom:solid 1px #000000;} table.table_button_navi .end {border-right:none;} table.table_button_navi a {color:#333;} table.table_button_navi a:hover {text-decoration:underline;} /* comment_list *************************/ table.comment_list {width:100%; font-size:14px; margin-bottom:20px; border-top:solid 2px #000000;} table.comment_list td {font-size:13px; line-height:20px; padding:15px 25px 10px; background-color:#fff; border-bottom:1px solid #eaeaea;} table.comment_list td .view {padding:5px 0;} table.comment_list td.end {border-bottom:none;} /*table.comment_list td textarea {}*/ table.comment_list.tl {border-top:1px solid #000;} /* 댓글 등록 버튼 */ .reply_write_box {padding-right:95px; overflow:hidden; position:relative;} .reply_write_box textarea {float:left; padding:5px 5px; width:100%; height:70px; line-height:19px; vertical-align:middle; font-size:13px; background-color:#fff; border:solid 1px #d5d5d5;} .btn_reply_write {display:inline-block; width:90px; height:70px; background-color:#fff; border:solid 1px #ccc; position:absolute; top:0; right:0;} .btn_reply_write:hover {border:solid 1px #999;} /* 대댓글 영역 2020-07-22 */ a.btn_replybox_view {display:inline-block; padding:0 5px; height:17px; line-height:17px; font-size:11px; background-color:#fff; border:solid 1px #999; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;} a.btn_replybox_view:hover {background-color:#f2f2f2;} .replybox_re {margin-top:10px; padding:10px 10px 0; border-top:solid 1px #eaeaea;} .replybox_re .reply_write_box_re {} .replybox_re .reply_write_box_re textarea {margin-bottom:5px; padding:5px 5px; width:100%; height:70px; line-height:19px; vertical-align:middle; font-size:13px; background-color:#fff; border:solid 1px #d5d5d5;} .replybox_re .reply_write_box_re .func {text-align:right;} .replybox_re .reply_write_box_re .func button {display:inline-block; margin:0 2px; padding:0 5px; height:26px; line-height:26px; font-size:12px; background-color:#fff; border:solid 1px #999;} .replybox_re .reply_write_box_re .func button:hover {background-color:#f2f2f2;} /* view_num_line *************************/ table.view_num_line {width:100%; line-height:24px; margin-bottom:10px; border:1px solid #64625f; } table.view_num_line th {font-size:18px; font-weight:600; padding:11px 0; color:#333333;} table.view_num_line td {padding:15px;} table.view_num_line .li_sub {line-height:21px; background-color:#f8f8f8; padding:20px;} /* 강의홈 : 교수화면 table_progress_table *************************/ .progress_box {padding:15px 0; background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;} table.table_progress_table {width:100%; font-size:14px; border-top:solid 1px #d4d4d4; border-bottom:solid 1px #d4d4d4;} table.table_progress_table tr.first th, table.table_progress_table tr.first td {border-top:none;} table.table_progress_table th {padding:10px; color:#333333; text-align:left; border-top:solid 1px #e8d8dd; background-color:#fbeeee;} table.table_progress_table td {padding:10px 7px; border-top:solid 1px #e8e8e8; background-color:#fff;} table.table_progress_table .ta_c {text-align:center;} /*table.table_progress_table a.btn {display:inline-block; width:84px; height:26px; line-height:26px; text-align:center; color:#fff; background-color:#929798; } table.table_progress_table a.btn:hover {opacity:0.75;}*/ .day_status {display:inline-block; padding:0 10px; height:20px; text-align:center; line-height:20px; font-size:12px; background-color:#fff; border:solid 1px #c7c7c7;} .progress_info {padding:0 50px;} .progress_info .current {float:left; display:inline-block; color:#333; font-weight:600; width:50px; margin-left:-50px; text-align:center; font-size:12px;} .progress_info .track {float:left; display:inline-block; margin-top:7px; width:100%; height:3px; line-height:0; background-color:#ebebeb; overflow:hidden;} .progress_info .track .bar {display:inline-block; height:4px; background-color:#e294ab; line-height:0;} .progress_info .lack {float:left; display:inline-block; width:50px; margin-right:-50px; color:#333333; font-weight:600; text-align:center; font-size:12px;} table.table_progress_table tr.today .day_status {color:#fff; background-color:#98012e; border:solid 1px #98012e;} table.table_progress_table tr.today .progress_info .current {color:#98012e;} table.table_progress_table tr.today .progress_info .track .bar {background-color:#98012e; } @media screen and (max-width:768px) { table.table_progress_table caption {display:none;} table.table_progress_table colgroup {display:none;} table.table_progress_table th {padding:5px; width:100px;} table.table_progress_table td {padding:5px; width:127px;} table.table_progress_table td.learn_push {padding:0; width:90px;} table.table_progress_table td .btn {margin:2px 0;} .progress_info {padding:0 5px; line-height:7px;} .progress_info .current {float:none; display:block; color:#333; font-weight:600; font-size:12px; width:46px; margin-left:0; text-align:center;} .progress_info .track {float:none; display:inline-block; margin-top:0; width:100%; height:3px; line-height:0; background-color:#ebebeb; overflow:hidden;} .progress_info .track .bar {display:inline-block; height:4px; background-color:#e294ab; line-height:0;} .progress_info .lack {display:none; width:35px; font-size:12px;} } /*파일업로드*/ .filebox label, .filebox .upload_name {border-radius:4px; height:34px; line-height:34px; background:#262626; border:1px solid #000; border-width:1px 1px 2px 1px; box-sizing:border-box; font-size:1em; color:#fff; vertical-align: middle; cursor: pointer; padding:0 1em;} .filebox{ display:inline-block;} .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;} .filebox label {display: inline-block;} /* named upload */ .filebox .upload_name{ display: inline-block; width:400px; padding:0 0.5em; font-size: inherit; font-family: inherit;vertical-align: middle; background-color: #fff; color:#333; border:none; box-sizing:border-box; cursor:inherit;} /*첨부파일 리스트 */ .file_list {text-decoration:underline;} /* table_data_basic *************************/ table.table_data_basic {width:100%; font-size:14px; background-color:#fff; word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; } table.table_data_basic thead th {text-align:center;} table.table_data_basic th {padding:7px 5px; color:#333333; font-weight:normal; border:solid 1px #ddd; background-color:#e6e6e6;} table.table_data_basic .bg_lightgray {background-color:#f8f8f8;} table.table_data_basic td {padding:7px 5px; border:solid 1px #ddd;} table.table_data_basic td input[type="text"] {width:97%; height:26px; color:#333;} table.table_data_basic tr.status_ending {background-color:#f5f5f5;} table.table_data_basic tr.bottom_line {border-bottom:solid 2px #666;} table.table_data_basic select {border:1px solid #cccccc; height:28px; line-height:28px;} table.table_data_basic textarea {padding:5px 5px; width:97%; height:80px; line-height:18px; background-color:#fff; border:solid 1px #d5d5d5;} table.table_data_basic label {display:inline-block;} /* paging ********************************/ .paging {clear:both; text-align:center; margin-top:20px;} .paging strong {display:inline-block; height:30px; line-height:30px; padding:0 12px; color:#333333; border:1px solid #333; vertical-align:middle;} .paging a {display:inline-block; height:30px; line-height:30px; padding:0 12px; font-size:11px; color:#c0c0c0; vertical-align:middle;} .paging a:hover {color:#333333; font-weight:bold;} .paging .prev {background:url('/images/icon/btn_paging_pre.png') no-repeat center center; height:30px; width:20px; padding:0; margin-right:5px;} .paging .prev:hover {background:url('/images/icon/btn_paging_pre_on.png') no-repeat center center;} .paging .next {background:url('/images/icon/btn_paging_next.png') no-repeat center center; height:30px; width:20px; padding:0; margin-left:5px;} .paging .next:hover {background:url('/images/icon/btn_paging_next_on.png') no-repeat center center;} .paging .first_item {font-size:0; text-decoration:-1000px; background:url('/images/icon/btn_paging_first.png') no-repeat center center; height:30px; width:20px; padding:0; margin-right:5px;} .paging .first_item:hover {background:url('/images/icon/btn_paging_first_on.png') no-repeat center center;} .paging .last_item {font-size:0; text-decoration:-1000px;background:url('/images/icon/btn_paging_last.png') no-repeat center center; height:30px; width:20px; padding:0; margin-left:5px;} .paging .last_item:hover {background:url('/images/icon/btn_paging_last_on.png') no-repeat center center;} /* 테스크탑 */ @media all and (max-width:1200px){ } /* 테블릿*/ @media all and (max-width:768px){ .paging .mobile_hidden {display:none;} } /* 모바일*/ @media all and (max-width:480px){ } /* ////////////////////////////////////////////////////////////////////////////////////////////// 공지상 썸네일 형 : 2023-05-12 //////////////////////////////////////////////////////////////////////////////////////////////*/ .board_list_thum {position:relative; overflow:hidden;} .board_list_thum h2.title {margin-bottom:0;} .board_list_thum ul {overflow:hidden; margin-left:-2%;} .board_list_thum ul li {float:left; margin-left:2%; margin-bottom:20px; width:31.33%; height:300px; border-radius:10px; background-color:#f2f2f2; position:relative;} .board_list_thum ul li a {display:block;} .board_list_thum ul li .thum {display:block; width:100%; height:200px; border-radius:10px 10px 0 0; position:relative; background-size:100%; background-position: center center; background-repeat: no-repeat; transition: background-size .3s ease; -moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease; } .board_list_thum ul li:hover .thum {background-size:120%;} .board_list_thum ul li .label_required {display:inline-block; padding:0 5px; height:32px; line-height:32px; font-size:12px; color:#fff; background-color:#ed545e; border-radius:10px; position:absolute; top:5px; right:5px; z-index:1;} .board_list_thum ul li .info {display:block; padding:15px 10px 0;} .board_list_thum ul li .info .title {display:block; margin-bottom:5px; color:#333; font-size:16px; font-weight:600; line-height:22px; max-height:45px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;} .board_list_thum ul li .info .date {display:block; margin-bottom:10px; color:#666666; font-size:13px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .board_list_thum ul li .info .auther {color:#666666; font-size:13px;} .board_list_thum ul li .info .popularity_rating {display:block; color:#666666; font-size:12px;} .board_list_thum ul li .info .popularity_rating .rate {color:#ff9900; letter-spacing:-1px;} .board_list_thum ul li.no_thum {} .board_list_thum ul li.no_thum .info {padding:40px 20px 0; height:80px; text-align:center; border-bottom:solid 1px #d0d0d0;} .board_list_thum ul li.no_thum .info .title {font-size:18px; line-height:22px;} .board_list_thum ul li.no_thum .info .date {display:block; margin-bottom:5px;} .board_list_thum ul li.no_thum .lead_txt {display:block; padding:15px 15px 0; color:#999999; font-size:14px; line-height:20px; height:140px; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;} .board_list_thum a.btn_more {position:absolute; top:5px; right:0;} .board_list_thum a.btn_more:hover {opacity:0.6;} /* 테스크탑 */ @media all and (max-width:1200px){ } /* 테블릿*/ @media all and (max-width:768px){ .board_list_thum ul li {width:48%;} .board_list_thum ul li .thum {background-size:cover;} .board_list_thum ul li:hover .thum {background-size:cover;} } /* 모바일*/ @media all and (max-width:480px){ .board_list_thum ul {margin-left:0;} .board_list_thum ul li {float:initial; margin-left:0; width:100%;} .board_list_thum ul li.no_thum {height:240px;} .board_list_thum ul li.no_thum .lead_txt {height:80px;} } /* viewbox *********************************/ .viewbox {font-size:14px; line-height:24px; border-top:2px solid #000; border-bottom:solid 1px #ccc; padding:15px 0; background-color:#f2f2f2;} .viewbox.blank {height:60px; padding-top:50px; text-align:center; vertical-align:middle;} .viewbox.tl {border-top:1px solid #000;} .viewbox input.search {width:40%; line-height:16px;} .viewbox textarea {padding:5px 5px; width:98%; height:70px; line-height:19px; font-size:13px; background-color:#fff; border:solid 1px #d5d5d5;} .viewbox select {border:1px solid #cccccc; height:28px; line-height:28px;} .viewbox .search_row {padding:5px 10px; border-top:solid 1px #ebebeb;} .viewbox .search_row.first {border-top:none;} /* 설문등록-결과보기: *************************/ .progress {display:inline-block; width:80%; height:6px; margin-bottom:0; background-color:#eaeaea;} .progress-bar {height:6px; background-color:#6a80b9;} /* 데스크탑*/ @media all and (max-width:1200px){ .viewbox {} .viewbox input.search {margin-bottom:5px;} .viewbox input[type="text"] {margin-bottom:5px;} .viewbox textarea {margin-bottom:5px;} .viewbox select {margin-bottom:5px;} .viewbox .btn {margin-bottom:5px;} } /*////////////////////////////////////////////////////////////////////// button style //////////////////////////////////////////////////////////////////////*/ /* size /// xs:12px, sm:14px, md:16px, mx:18px, lg:22px */ a i.fa {display:inline-block; margin-right:3px;} .btn {display:inline-block; padding:0 7px; color:#333; background-color:#fff; border:solid 1px #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; vertical-align:middle;} .btn:hover {opacity:0.8;} .btn i {display:inline-block; font-size:14px; }/*font 아이콘*/ .board_outside_btnarea {} @media all and (max-width:1024px){ .board_outside_btnarea .btn {margin:3px 0;} .board_outside_btnarea .fl_l, .board_outside_btnarea .fl_r {float:none;} } /* 버튼 폰트 사이즈 */ .btn_xs {font-size:12px; padding:0 5px; height:18px; line-height:18px;} /* 게시판 리스트의 항목별 버튼 */ .btn_xs i {vertical-align:middle;} .btn_sm {font-size:13px; padding:0 7px; height:26px; line-height:26px;} /* 게시판 작성시 검색, 중복확인 등 기능버튼 */ .btn_md {font-size:14px; padding:0 7px; height:28px; line-height:28px;} /* 게시판 하단 기능버튼 */ .btn_mx {font-size:16px; padding:0 7px; height:26px; line-height:26px;} .btn_lg {font-size:18px; padding:0 15px; height:35px; line-height:35px;} /* 페이지 하단 버튼 */ .fc_ui {color:#98012e;}/* 대학의 UI 칼라 설정 */ /* 버튼 배경 색상 */ .btn_bg_ui {color:#fff; background-color:#98012e; border:solid 1px #691028;} /* 대학의 UI 칼라 설정 */ .btn_bg_ui i {color:#fff;} .btn_bg_white {color:#333; background-color:#fff; border:solid 1px #333;} .btn_bg_white i {color:#333;} .btn_bg_white:hover {color:#333; background-color:#f2f2f2;} .btn_bg_gray {color:#fff; background-color:#666; border:solid 1px #666;} .btn_bg_gray i {color:#fff;} .btn_bg_deepgray {color:#fff; background-color:#333; border:solid 1px #333;} .btn_bg_deepgray i {color:#fff;} .btn_bg_blue {color:#fff; background-color:#3478ca; border:solid 1px #3478ca;} .btn_bg_red {color:#fff; background-color:#ce1d4c; border:solid 1px #ce1d4c;} .btn_bg_orange {color:#fff; background-color:#ec6407; border:solid 1px #ec6407;} .btn_bg_green {color:#fff; background-color:#2dc174; border:solid 1px #2dc174;} /*////////////////////////////////////////////////////////////////////// table 내부 element //////////////////////////////////////////////////////////////////////*/ /* 상태 : status **********************/ .status {display:inline-block; padding:0 5px; height:18px; line-height:18px; font-size:12px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;} .status_complete {color:#fff; background-color:#999; border:none;} .status_yet {color:#fff; background-color:#da6057; border:none;} .status_ing {color:#fff; background-color:#4caf92; border:none;} /* 출석 상태 : status **********************/ .attend_status {display:inline-block; padding:0 5px; height:18px; line-height:18px; font-size:12px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;} .attend_status_complete {color:#fff; background-color:#999; border:none;} /*출석*/ .attend_status_absent {color:#fff; background-color:#da6057; border:none;} /*결석*/ .attend_status_late {color:#fff; background-color:#4caf92; border:none;} /*지각*/ /* icon style ********************************/ .icon_gray_s {display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:12px; background-color:#747474;} .icon_blue_s {display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:12px; background-color:#6a80b9;} .icon_orange_s {display:inline-block; padding:0 4px; height:16px; line-height:16px; color:#fff; font-size:11px; background-color:#fba01d;} .icon_orange_s2 {display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:11px; background-color:#fba01d;} .icon_blue_s2 {display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:12px; background-color:#6a80b9;} .icon_violet_s {display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:12px; background-color:#8c80ba;} .icon_skyblue_s {display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:12px; background-color:#74b6d1;} .icon_skyblue_s2 {display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:12px; background-color:#aad5d3;} .icon_green_s {display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#fff; font-size:12px; background-color:#cdd77d;} .icon_white_s {display:inline-block; padding:0 5px; height:18px; line-height:18px; color:#333; font-size:12px; background-color:#f2f2f2; border:solid 1px #ccc;} .icon_circ_blue {display:inline-block; width:15px; height:15px; line-height:15px; color:#fff; background-color:#cbe2ee; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;} .icon_circ_oran {display:inline-block; width:15px; height:15px; line-height:15px; color:#fff; background-color:#ff8d6d; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;} .icon_circ_ivory {display:inline-block; width:15px; height:15px; line-height:15px; color:#fff; background-color:#ece3cd; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;} .icon_yes {display:inline-block; width:20px; height:20px; line-height:20px; color:#fff; background-color:#ad405d; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; text-align:center;} .icon_no {display:inline-block; width:20px; height:20px; line-height:20px; color:#fff; background-color:#ccc; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; text-align: center;} .icon_yes_s {display:inline-block; width:14px; height:14px; line-height:14px; color:#fff; background-color:#6a80b9; -webkit-border-radius:14px; -moz-border-radius:14px; -o-border-radius:14px; border-radius:14px; text-align:center;} .icon_no_s {display:inline-block; width:14px; height:14px; line-height:14px; color:#fff; background-color:#ccc; -webkit-border-radius:14px; -moz-border-radius:14px; -o-border-radius:14px; border-radius:16px; text-align:center;} /*////////////////////////////////////////////////////////////////////// 강의실 //////////////////////////////////////////////////////////////////////*/ /* 개인이력의 개인정보 table */ table.table_nonsubject {width:100%; font-size:14px; border-top:solid 2px #000000;} table.table_nonsubject thead {border-bottom:solid 1px #cccccc;} table.table_nonsubject th {padding:10px; text-align:center; background-color:#fbeeee; border-right:solid 1px #eaeaea; border-bottom:solid 1px #e8d8dd;} table.table_nonsubject td {padding:10px 5px; text-align:center; border-right:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea;} table.table_nonsubject td.ta_l {text-align:left;} table.table_nonsubject th.end, table.table_nonsubject td.end {border-right:none;} table.table_nonsubject .avatar {margin:0 auto; padding:3px; width:140px; height:140px; overflow:hidden; border:solid 1px #f2f2f2;} /*///////////////////////////////////////////////////////////////////////////////////////////////////////// 기초학습 /////////////////////////////////////////////////////////////////////////////////////////////////////////*/ table.table_nonsubject {width:100%; font-size:13px; border-top:solid 2px #000000;} table.table_nonsubject thead {border-bottom:solid 1px #cccccc;} table.table_nonsubject th {padding:10px; text-align:center; background-color:#f8f8f8; border-right:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea;} table.table_nonsubject td {padding:10px 5px; text-align:center; border-right:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea;} table.table_nonsubject td.ta_l {text-align:left;} table.table_nonsubject th.end, table.table_nonsubject td.end {border-right:none;} table.table_nonsubject .avatar {margin:0 auto; padding:3px; width:140px; height:140px; overflow:hidden; border:solid 1px #f2f2f2;} tr.base_learn {} tr.base_learn td {background-color:#f4f7f8;} tr.offline_learn td {background-color:#fffaf1;} .ta_btn {display:inline-block; padding:0 10px; height:19px; line-height:19px; color:#fff !important; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;} .ta_btn:hover {opacity:0.7;} .ta_btn_bg_gray {background-color:#747474; color:#fff;} a.btn_gray_m {display:inline-block; padding:0 15px; height:30px; line-height:30px; color:#fff; font-size:14px; background-color:#333333;} a.btn_gray_m:hover {background-color:#555555;} p.title { margin-bottom: 10px; font-size: 18px; font-weight: 600; color: #000; } /*///////////////////////////////////////////////////////////////////////////////////////////////////////// 오프라인 출석관리 /////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .attend_box {margin-bottom:20px; padding:10px 0 10px 10px; border-bottom:solid 1px #cccccc; overflow:hidden;} .attend_box .total {float:left; margin-right:20px; font-size:18px; } .attend_box .total strong {font-size:22px; color:#000;} .attend_box .box {float:left; margin-right:5px; padding:0;} .attend_box .box .ti {display:inline-block; vertical-align:middle; width:36px; height:36px; text-align:center; line-height:36px; font-size:14px; color:#fff; background:url('/images/sub/attend/status_attend.gif') no-repeat center center;} .attend_box .box .track {display:inline-block; vertical-align:middle; width:110px; height:10px; background-color:#dbdbdb; position:relative; left:-5px;} .attend_box .box .track .bar {display:inline-block; height:10px; background-color:#17956d;} .attend_box .box .count {position:relative; left:-5px; color:#17956d; font-weight:bold;} .attend_box .box.state_delay .ti {background:url('/images/sub/attend/status_delay.gif') no-repeat center center;} .attend_box .box.state_delay .track .bar {background-color:#7e918b;} .attend_box .box.state_delay .count {color:#7e918b;} .attend_box .box.state_absence .ti {background:url('/images/sub/attend/status_absence.gif') no-repeat center center;} .attend_box .box.state_absence .track .bar {background-color:#ff6666;} .attend_box .box.state_absence .count {color:#cc3333;} .attend_box .box.state_unchecked .ti {background:url('/images/sub/attend/status_unchecked.gif') no-repeat center center;} .attend_box .box.state_unchecked .track .bar {background-color:#666;} .attend_box .box.state_unchecked .count {color:#666;} .attend_list_album {margin-bottom:10px; border-top:solid 2px #333; border-bottom:solid 1px #999;} .attend_list_album .group_name {padding:0 20px; margin-top:20px; border-bottom:solid 1px #efefef; background:url('/images/icon/bullet_dot.png') no-repeat 10px center;} .attend_list_album ul {padding:20px 0 0; overflow:hidden;} .attend_list_album ul li {float:left; margin:0 5px 20px; /*width:25%;*/ position:relative;} .attend_list_album ul li .outline {margin:0 auto; width:200px; min-height:280px; padding:10px; border:solid 1px #d8d8d8; position:relative; z-index:1;} .attend_list_album ul li .photo {width:200px; height:190px; text-align:center;} .attend_list_album ul li .photo img {width:160px; height:190px;} .attend_list_album ul li .info {padding:5px 0 0;} .attend_list_album ul li .info .std_name {display:block; margin-bottom:5px; padding-left:5px; font-weight:bold; text-align:center;} .attend_list_album ul li .info .attend_check {padding:5px 0; text-align:center; border-top:solid 1px #e3e3e3;} .attend_list_album ul li .info .attend_check label {margin-right:10px;} .attend_list_album ul li .info .reason_input {padding-top:5px; text-align:center; border-top:solid 1px #e3e3e3;} .attend_list_album ul li .outline.sign_absence {width:192px; height:272px; padding:10px; border:solid 5px #ff9999;} .attend_list_album ul li .sign_absence {margin:0 auto; width:212px; height:320px; border:solid 5px #ff9999; position:absolute; top:0; left:50%; margin-left:-111px; z-index:0;} /*///////////////////////////////////////////////////////////////////////////////////////////////////////// 학습이력_팝업 /////////////////////////////////////////////////////////////////////////////////////////////////////////*/ tr.week_title {} tr.week_title td {padding:10px 2px; border-bottom:solid 1px #333; background-color:#dae1e4; font-weight:600;} tr.week_title_time {} tr.week_title_time td {padding:10px 2px; background-color:#f2f2f2;} /*///////////////////////////////////////////////////////////////////////////////////////////////////////// 게시판 반응형 작업 /////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* 반응형 table : UI를 유지, 가로 스크롤 생성 */ .table_container_outer {position:relative;} .table_container_fade {display:none; position:absolute; right:0; width:10px; height:100%; background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.0), rgba(255,255,255,0)); background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0)); background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0)); background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0)); background-image: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0)); } .table_container {overflow-y: none; _overflow: auto;} /* 건양의대 */ @media screen and (max-width:1024px) { #table_attend_status {width:1100px;} } @media screen and (max-width:768px) { /*휴보강 현황*/ #lec_cancle_status {width:800px;} #table_base {width:1000px;} .table_base {width:1000px;} .table_container_outer {position:relative;} .table_container_fade {position:absolute; right:0; width:30px; height:100%; background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1)); background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1)); background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1)); background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1)); background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1)); } .table_container {width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em;} } /* 강의수강 리스트 : 반응형 */ @media all and (max-width:1200px){ #learning_list {border:none;} #learning_list colgroup {display:none;} #learning_list thead {display:none;} #learning_list tbody {} #learning_list tbody tr {display:block; margin-bottom:5px; border:solid 1px #999; border-radius:5px; padding:5px;} #learning_list tbody tr.week_num {display:block; border:none; background-color:#675a5a; overflow:hidden;} #learning_list tbody tr.week_num td {display:table; width:100%;} #learning_list tbody tr.week_num td .subject {display:table-cell; padding:5px 0; color:#fff; font-size:16px; font-weight:normal; vertical-align:middle;} #learning_list tbody tr.week_num td .btn {color:#333; border:solid 1px #fff; background-color:#fff;} #learning_list tbody tr.week_num td .btn i {color:#333;} #learning_list tbody tr.week_num td .fl_l {float:none;} #learning_list tbody tr.week_num td .fl_r {float:none; padding:0 5px;} #learning_list tbody td {display:inline-block; text-align:left; border:none;} #learning_list tbody td.rwd_time {font-size:14px; font-weight:600;} #learning_list tbody td.rwd_subject, #learning_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;} #learning_list tbody td.rwd_subject .subject {font-size:16px;} #learning_list tbody .mobile_hidden {display:none;} #learning_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('/images/icon/bullet_dot_xm.png') no-repeat left center;} #learning_list tbody td.rwd_block {display:block; line-height:1.0;} #learning_list tbody td.end.rwd_block {border-top:solid 1px #ccc;} #learning_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;} #learning_list tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;} } /* 과제 리스트 : 반응형 */ .pc_hidden {display:none;} @media all and (max-width:1200px){ #task_manager_list {border:none;} #task_manager_list colgroup {display:none;} #task_manager_list thead {display:none;} #task_manager_list tbody {} #task_manager_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;} #task_manager_list tbody td {display:inline-block; text-align:left; border:none;} #task_manager_list tbody td.rwd_checkbox {display:block;} #task_manager_list tbody td.rwd_subject, #task_manager_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;} #task_manager_list tbody td.rwd_subject .subject {font-size:16px;} #task_manager_list tbody td.rwd_num {display:none;} #task_manager_list tbody .mobile_hidden {display:none;} #task_manager_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('/images/icon/bullet_dot_xm.png') no-repeat left center;} #task_manager_list tbody td.rwd_block {display:block;} #task_manager_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;} } /* 과제 통계 페이지 */ .task_graph_box {margin-bottom:2px; padding:5px 20px; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc;} .task_graph_summary {overflow:hidden;} .task_graph_summary ul {display:table; float:right;} .task_graph_summary ul li {display:table-cell; padding:3px 10px; color:#fff; background-color:#988a82;} .task_graph_summary ul li.average {background-color:#6b5548;} /* 토론 리스트 : 반응형 */ @media all and (max-width:1200px){ #discuss_manager_list {border:none;} #discuss_manager_list colgroup {display:none;} #discuss_manager_list thead {display:none;} #discuss_manager_list tbody {} #discuss_manager_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;} #discuss_manager_list tbody td {display:inline-block; text-align:left; border:none;} #discuss_manager_list tbody td.rwd_checkbox {display:block;} #discuss_manager_list tbody td.rwd_subject, #discuss_manager_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;} #discuss_manager_list tbody td.rwd_subject .subject {font-size:16px;} #discuss_manager_list tbody td.rwd_num {display:none;} #discuss_manager_list tbody .mobile_hidden {display:none;} #discuss_manager_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('/images/icon/bullet_dot_xm.png') no-repeat left center;} #discuss_manager_list tbody td.rwd_block {display:block; text-align:right;} #discuss_manager_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;} } /* 팀프로젝트 리스트 : 반응형 */ @media all and (max-width:1200px){ #team_project_list {border:none;} #team_project_list colgroup {display:none;} #team_project_list thead {display:none;} #team_project_list tbody {} #team_project_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;} #team_project_list tbody td {display:inline-block; text-align:left; border:none;} #team_project_list tbody td.rwd_checkbox {display:block;} #team_project_list tbody td.rwd_subject, #team_project_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;} #team_project_list tbody td.rwd_subject .subject {font-size:16px;} #team_project_list tbody td.rwd_num {display:none;} #team_project_list tbody .mobile_hidden {display:none;} #team_project_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('/images/icon/bullet_dot_xm.png') no-repeat left center;} #team_project_list tbody td.rwd_block {display:block; line-height:1.0;} #team_project_list tbody td.end.rwd_block {border-top:solid 1px #ccc;} #team_project_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;} } /* 시험 리스트 : 반응형 */ @media all and (max-width:1200px){ #exam_list {border:none;} #exam_list colgroup {display:none;} #exam_list thead {display:none;} #exam_list tbody {} #exam_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;} #exam_list tbody td {display:inline-block; text-align:left; border:none;} #exam_list tbody td.rwd_checkbox {display:block;} #exam_list tbody td.rwd_subject, #exam_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;} #exam_list tbody td.rwd_subject .subject {font-size:16px;} #exam_list tbody td.rwd_num {display:none;} #exam_list tbody .mobile_hidden {display:none;} #exam_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('/images/icon/bullet_dot_xm.png') no-repeat left center;} #exam_list tbody td.rwd_block {display:block; line-height:1.0;} #exam_list tbody td.end.rwd_block {border-top:solid 1px #ccc;} #exam_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;} #exam_list tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;} #viewbox {} #viewbox .mobile_hidden {display:none;} } /* 성적 리스트 : 반응형 */ @media all and (max-width:1200px){ #grade_list {border:none;} #grade_list colgroup {display:none;} #grade_list thead {display:none;} #grade_list tbody {} #grade_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;} #grade_list tbody td {display:inline-block; text-align:left; border:none;} #grade_list tbody td.rwd_checkbox {display:block;} #grade_list tbody td.rwd_subject, #grade_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;} #grade_list tbody td.rwd_subject .subject {font-size:16px;} #grade_list tbody td.rwd_num {display:none;} #grade_list tbody .mobile_hidden {display:none;} #grade_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('/images/icon/bullet_dot_xm.png') no-repeat left center;} #grade_list tbody td.rwd_block {display:block; line-height:1.0;} #grade_list tbody td.end.rwd_block {border-top:solid 1px #ccc;} #grade_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;} #grade_list tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;} } /* 공지사항 리스트 : 반응형 */ @media all and (max-width:1200px){ #notice_list {border:none;} #notice_list colgroup {display:none;} #notice_list thead {display:none;} #notice_list tbody {} #notice_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;} #notice_list tbody td {display:inline-block; text-align:left; border:none;} #notice_list tbody td.rwd_checkbox {display:block;} #notice_list tbody td.rwd_subject, #notice_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;} #notice_list tbody td.rwd_subject .subject {font-size:16px;} #notice_list tbody td.rwd_num {display:none;} #notice_list tbody .mobile_hidden {display:none;} #notice_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('/images/icon/bullet_dot_xm.png') no-repeat left center;} #notice_list tbody td.rwd_block {display:block; line-height:1.0;} #notice_list tbody td.end.rwd_block {border-top:solid 1px #ccc;} #notice_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;} #notice_list tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;} } /* 포트폴리오 : 반응형 */ @media all and (max-width:1200px){ #portfolio_list {border:none;} #portfolio_list colgroup {display:none;} #portfolio_list thead {display:none;} #portfolio_list tbody {} #portfolio_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px; box-sizing:border-box;} #portfolio_list tbody td {display:inline-block; text-align:left; border:none;} #portfolio_list tbody td.rwd_checkbox {display:block; float:left;} #portfolio_list tbody td.rwd_subject, #portfolio_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;} #portfolio_list tbody td.rwd_subject .subject {font-size:16px;} #portfolio_list tbody td.rwd_num {display:none;} #portfolio_list tbody .mobile_hidden {display:none;} #portfolio_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('/images/icon/bullet_dot_xm.png') no-repeat left center;} #portfolio_list tbody td.rwd_block {display:block; line-height:1.0;} #portfolio_list tbody td.end.rwd_block {border-top:solid 1px #ccc;} #portfolio_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;} #portfolio_list tbody td.rwd_cata {float:right; margin:0 2px; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;} #portfolio_list tbody td.rwd_tage {float:right; margin:0 2px; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;} #portfolio_list tbody td.rwd_weeknum {padding:3px 5px; font-size:12px; background-color:#fff; line-height:1; border-radius:20px; border:solid 1px #333;} table.table_list_basic tr.bg_weeknum {display:block; width:100%; text-align:center;} #portfolio_career colgroup {display:none;} #portfolio_career thead {display:none;} #portfolio_career tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; padding:5px; box-sizing:border-box;} #portfolio_career tbody td {display:inline-block; text-align:left; border:none;} #portfolio_career tbody td span.pc_hidden {display:inline-block; padding-left:5px; margin-right:3px; font-size:12px; color:#333; font-weight:600; background:url('/images/icon/bullet_dot_xm.png') no-repeat left center;} #portfolio_career tbody td.rwd_block {display:block; line-height:1.0; border-bottom:solid 1px #ccc;} #portfolio_career tbody td:last-child {border-bottom:none;} } /* 현황 리스트 : 반응형 */ @media all and (max-width:768px){ #learn_status_list {border:none;} #learn_status_list colgroup {display:none;} #learn_status_list thead {display:none;} #learn_status_list tbody {} #learn_status_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;} #learn_status_list tbody td {display:inline-block; text-align:left; border:none; font-size:14px;} #learn_status_list tbody td.rwd_checkbox {display:block; float:left;} #learn_status_list tbody td.rwd_subject, #learn_status_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;} #learn_status_list tbody td.rwd_subject .subject {font-size:16px;} #learn_status_list tbody td.rwd_num {display:none;} #learn_status_list tbody .mobile_hidden {display:none;} #learn_status_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('/images/icon/bullet_dot_xm.png') no-repeat left center;} #learn_status_list tbody td.rwd_block {display:block; line-height:1.0;} #learn_status_list tbody td.rwd_flot_left {float:left;} #learn_status_list tbody td.end.rwd_block {border-top:solid 1px #ccc;} #learn_status_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;} #learn_status_list tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;} #learn_status_list tbody tr.total {border:solid 3px #999; border-radius:5px; padding:5px;} #learn_status_list tbody tr.act_head {position:relative; margin-top:50px;} #learn_status_list tbody tr.act_head:first-child {position:relative; margin-top:30px;} #learn_status_list tbody td.act_title {font-size:18px; color:#333; font-weight:600; border-bottom:solid 1px #ddd; position:absolute; left:0; top:-30px;} #learn_status_list tbody th.act_title {font-size:18px; color:#333; font-weight:600; background-color:#fff; border:none;} } /* 학습이력 팝업 : 반응형 */ @media all and (max-width:768px){ #learning_week_status {} #learning_week_status {border:none;} #learning_week_status colgroup {display:none;} #learning_week_status thead {display:none;} #learning_week_status tbody {} #learning_week_status tbody tr {display:block; margin-bottom:5px; border:solid 1px #999; border-radius:5px; padding:5px;} #learning_week_status tbody tr.week_title {background-color:#dae1e4;} #learning_week_status tbody tr.week_title td {display:block; text-align:center;} #learning_week_status tbody tr.week_title_time {background-color:#f2f2f2;} #learning_week_status tbody tr.week_title_time td {} #learning_week_status tbody td {display:inline-block; text-align:left; border:none; font-size:14px;} #learning_week_status tbody td.rwd_subject {display:block; padding:3px 5px; border-bottom:solid 1px #ccc;} #learning_week_status tbody td.rwd_subject .subject {font-size:14px;} #learning_week_status tbody td.rwd_status {display:block; text-align:right;} #learning_week_status tbody .mobile_hidden {display:none;} #learning_week_status tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('/images/icon/bullet_dot_xm.png') no-repeat left center;} #learning_week_status tbody td.rwd_block {display:block; line-height:1.0;} #learning_week_status tbody td.end.rwd_block {border-top:solid 1px #ccc;} #learning_week_status tbody td .btn {padding:0 10px; height:26px; line-height:26px;} #learning_week_status tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;} } /* 출석현황 팝업 : 반응형 */ @media all and (max-width:768px){ #learning_week_present {} #learning_week_present {border:none;} #learning_week_present colgroup {display:none;} #learning_week_present thead {display:none;} #learning_week_present tbody {} #learning_week_present tbody tr {display:block; margin-bottom:5px; border:solid 1px #999; border-radius:5px; padding:5px;} #learning_week_present tbody tr.week_title {background-color:#dae1e4;} #learning_week_present tbody tr.week_title td {display:inline-block; text-align:center;} #learning_week_present tbody tr.week_title_time {background-color:#f2f2f2;} #learning_week_present tbody tr.week_title_time td {} #learning_week_present tbody td {display:inline-block; text-align:left; border:none; font-size:14px;} #learning_week_present tbody td.rwd_subject {display:block; padding:3px 5px; border-bottom:solid 1px #ccc;} #learning_week_present tbody td.rwd_subject .subject {font-size:14px;} #learning_week_present tbody td.rwd_status {display:block; text-align:right;} #learning_week_present tbody .mobile_hidden {display:none;} #learning_week_present tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('/images/icon/bullet_dot_xm.png') no-repeat left center;} #learning_week_present tbody td.rwd_block {display:block; line-height:1.0;} #learning_week_present tbody td.end.rwd_block {border-top:solid 1px #ccc;} #learning_week_present tbody td .btn {padding:0 10px; height:26px; line-height:26px;} #learning_week_present tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;} } /* 기본 : 반응형 */ @media all and (max-width:768px){ #base_list {border:none;} #base_list colgroup {display:none;} #base_list thead {display:none;} #base_list tbody {} #base_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;} #base_list tbody tr.rwd_top_notice {background-color:#f2f2f2;} #base_list tbody td {display:inline-block; text-align:left; border:none;} #base_list tbody td.rwd_checkbox {display:block;} #base_list tbody td.rwd_subject, #base_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;} #base_list tbody td.rwd_subject .subject {font-size:16px;} #base_list tbody td.rwd_num {display:none;} #base_list tbody .mobile_hidden {display:none;} #base_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('/images/icon/bullet_dot_xm.png') no-repeat left center;} #base_list tbody td.rwd_block {display:block; line-height:1.0;} #base_list tbody td.rwd_fl_l {float:left;} #base_list tbody td.end.rwd_block {border-top:solid 1px #ccc;} #base_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;} #base_list tbody td.rwd_cata {float:right; padding:2px 5px; font-size:12px; line-height:1; background-color:#fff; color:#333; border:solid 1px #666; border-radius:20px;} #base_list tbody tr.act_head {position:relative; margin-top:50px;} #base_list tbody tr.act_head:first-child {position:relative; margin-top:30px;} #base_list tbody td.act_title {font-size:18px; color:#333; font-weight:600; border-bottom:solid 1px #ddd; position:absolute; left:0; top:-30px;} #base_list tbody th.act_title {font-size:18px; color:#333; font-weight:600; background-color:#fff; border:none;} } /* 기본 : 반응형 */ @media all and (max-width:768px){ #base_view {} #base_view colgroup {display:none;} #base_view th {} #base_view td {} } /* 데이터가 없을 경우 멘트 : 2020-06-29 */ .blank_data_ment {padding:30px; text-align:center; border:solid 1px #ddd; background-color:#fff;} .blank_data_ment img {} .blank_data_ment span {color:#666;} @media all and (max-width:768px){ .blank_data_ment {-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;} } /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 커뮤니티 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .community_name {margin-bottom:30px; padding:13px; line-height:1.3; border:solid 1px #ccc; font-size:20px; color:#333333; font-weight:bold; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;} .community_comment {display:table; width:100%; height:140px; background:url('/images/sub/community/community_main_visual1.png') #ffce4d no-repeat 30px top;} .community_comment span.ment {display:table-cell; padding-left:300px; font-size:24px; color:#6c503e; line-height:1.3; vertical-align:middle;} .community_commentuser {border-bottom:solid 1px #ccc; margin-bottom:30px; padding:17px 10px 15px 38px; color:#666666; overflow:hidden;} .community_commentuser span.thum {border:solid 1px #9c9e9a; margin-right:15px; width:85px; height:64px; overflow:hidden;} .community_commentuser span {display:block;} .community_search {padding:10px; background-color:#f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;} .community_search select {background-color:#fff !important;} .community_title1 {padding-left:10px; width:100%; font-size:16px; font-weight:600; border-bottom:solid 1px #ccc;} .community_board {position:relative; width:48%; overflow:hidden;} .community_board .more {font-size:12px; position:absolute; right:10px; top:6px; z-index:200;} .community_list ul.list{ margin:5px 0 0px 5px;} .community_list ul.list li{line-height:24px; background:url('/images/ctl/bullet_dot.png') no-repeat left 8px; padding-left:9px; overflow:hidden; position:relative;} .community_list ul.list li a.boardlist {font-size:13px; display:block; margin-right:100px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .community_list ul.list li span.noticeDate {font-size:12px; color:#999; position:absolute; top:0; right:10px;} .community_album {width:320px; padding:5px 15px;} .community_album dl{margin-bottom:5px; padding:5px 0;} .community_album dt{float:right; width:225px; margin:3px 0 5px 0px; padding:0; font-weight:bold; letter-spacing:-1px; line-height:120%; color:#666666; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .community_album dd{margin:0; color:#666; font-size:12px; line-height:1.4;} .community_album dd.img img{float:left; width:87px; margin:0 5px 0 0; padding:0px; border:1px solid #dadada;} .community_album dl.endlist{margin-bottom:5px;} a.communityName:link {font-size:16px; color:#333; font-weight:600; text-decoration:none;} a.communityName:hover { color:#ff6600; text-decoration:none;} .state_comfirmagree {color:#0099cc;} .state_complete {color:#999;} .state_reject {color:#ff3333;} .state_close {color:#999;} .state_colosagree {color:#ff6600;} @media all and (max-width:1200px){ .community_comment {display:none;} .community_board {width:100%; margin-bottom:20px;} } /* 커뮤니티 메뉴관리 */ .menu_manager {padding:10px 0; margin-bottom:10px; border-bottom:solid 1px #ccc; overflow:hidden;} .menu_manager .basic_set {float:left; width:45%;} .menu_manager .menu_move {float:left; padding-top:90px; width:10%; text-align:center;} .menu_manager .menu_move a {display:block; padding:3px 0;} .menu_manager .custom_set {float:left; width:45%;} .menu_manager .title {margin-bottom:3px; height:30px; line-height:30px; text-align:center; color:#647d88; border:solid 1px #eee;} .menu_manager select {padding:10px 5px; width:100%; height:200px; color:#666; border:solid 1px #ccc;} .menu_manager .basic_set select {height:233px;} .menu_manager .control {padding:5px 0;} .menu_manager .control input[type="text"] {width:200px; color:#666;} .menu_manager .control a.btn_move {display:inline-block; width:26px; height:26px; line-height:26px; font-size:0; text-indent:-10000px; background-color:#fff; border:solid 1px #c3c3c3;} .menu_manager .control a.btn_move:hover {border:solid 1px #999;} .menu_manager .control a.btn_move_top {background:url('/images/sub/community/btn_menu_move_top.png') no-repeat center center;} .menu_manager .control a.btn_move_down {background:url('/images/sub/community/btn_menu_move_down.png') no-repeat center center;} .menu_manager .control a.btn_rename {display:inline-block; padding:0 10px; height:26px; line-height:26px; font-size:12px; color:#fff; background-color:#666; border:solid 1px #666;} @media all and (max-width:768px){ .menu_manager .control {padding:7px 0 0;} .menu_manager .control input[type="text"] {margin-bottom:5px; width:100%; color:#666; background-color:#f2f2f2; box-sizing:border-box;} } /* 커뮤니티 홈 배너 */ .community_home_banner {display:table; width:100%;} .community_home_banner .left {display:table-cell; width:50%; text-align:left;} .community_home_banner .right {display:table-cell; width:50%; text-align:right;} @media all and (max-width:640px){ .community_home_banner {display:block} .community_home_banner .left {display:block; width:auto; text-align:center; margin-bottom:5px;} .community_home_banner .right {display:block; width:auto; text-align:center;} } /* 사진게시판 */ .photo_board {} .photo_board ul {margin-left:-2%; overflow:hidden;} .photo_board ul li {float:left; margin-left:2%; margin-bottom:15px; width:31.33%;} .photo_board ul li a {display:block;} .photo_board ul li span.thum {display:block; height:130px; background-position:center center; background-size:cover; background-repeat:none; border:solid 1px #f2f2f2;} .photo_board ul li span.photo_info {display:block; padding:10px; background-color:#fff;} .photo_board ul li span.photo_info .subject {display:block; font-size:16px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .photo_board ul li span.photo_info .writer {display:block; font-size:12px; color:#666;} .photo_board ul li span.photo_info .date {display:block; font-size:12px; color:#666;} @media all and (max-width:768px){ .photo_board ul li {margin-left:2%; width:48%;} } @media all and (max-width:414px){ .photo_board ul li {margin-left:2%; width:98%;} } /* 커뮤니티 전용 tabMenu ///////////////////////////////////////*/ /*기본tab*/ .tabmenu_community_base {margin-bottom:20px; padding-bottom:5px; border-bottom:solid 1px #ddd; position:relative; z-index:0;} .tabmenu_community_base>ul {} .tabmenu_community_base>ul:after {content:""; display:block; clear:both;} .tabmenu_community_base>ul>li {float:left; margin-bottom:5px; padding:0 2px;} .tabmenu_community_base>ul>li .btn_title {display:block; padding:5px 10px; font-size:14px; color:#666; text-align:center; line-height:1.2; border:solid 1px #cacaca; background-color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;} .tabmenu_community_base>ul>li .btn_title span {color:#000; font-size:12px; font-weight:600;} .tabmenu_community_base>ul>li .btn_title:hover {color:#333; background-color:#f2f2f2;} .tabmenu_community_base>ul>li .btn_title.active {color:#fff; border:solid 1px #701e20; background-color:#701e20;} .tabmenu_community_base>ul>li .btn_title.active span {color:#fff;} /*변경tabl*/ .tabmenu_community_flex {margin-bottom:20px; padding-bottom:5px; border-bottom:solid 1px #ddd; position:relative; z-index:0;} .tabmenu_community_flex>ul {} .tabmenu_community_flex>ul:after {content:""; display:block; clear:both;} .tabmenu_community_flex>ul>li {float:left; margin-bottom:5px; padding:0 2px; width:140px;} .tabmenu_community_flex>ul>li .btn_title {display:block; padding:0 10px; height:32px; line-height:32px; font-size:14px; color:#333; text-align:center; border:solid 1px #999; background-color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;} .tabmenu_community_flex>ul>li .btn_title:hover {color:#333; background-color:#f2f2f2;} .tabmenu_community_flex>ul>li .btn_title.active {color:#fff; border:solid 1px #596165; background-color:#596165;} .tabmenu_community_flex>ul>li .btn_title.home {font-size:0; background-image:url('/images/sub/community/icon_home_gray.png'); background-repeat:no-repeat; background-position:center center;} .tabmenu_community_flex>ul>li .btn_title.home.active {font-size:0; background-image:url('/images/sub/community/icon_home_white.png'); background-repeat:no-repeat; background-position:center center;} .tabmenu_community_flex>ul>li select {width:100%; height:34px; font-size:14px; color:#666; border:solid 1px #999; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;} .tabmenu_community_flex>ul>li select.active {color:#fff; background-color:#596165;} @media all and (max-width:414px){ .tabmenu_community_flex>ul>li {float:left; width:50%; box-sizing:border-box;} } /* 커뮤니티 기본 검색 박스 //////////////////////////////////////*/ .community_search_box_basic {overflow:hidden;} .community_search_box_basic .left {float:left;} .community_search_box_basic .right {float:right;} @media all and (max-width:414px){ .community_search_box_basic {padding:10px 10px; background-color:#f2f2f2; overflow:hidden;} .community_search_box_basic .left {float:none; padding:0 5px 5px; border-bottom:solid 1px #ddd;} .community_search_box_basic .right {float:none; padding:5px 5px 0;} } /* 가입 승인 대기 */ .confirm_hold_box {padding:100px 20px; text-align:center;} .confirm_hold_box .hold_ment_top {display:inline-block; padding:0 50px 20px; border-bottom:solid 1px #ebebeb;} .confirm_hold_box .hold_ment_top img {vertical-align:baseline;} .confirm_hold_box .hold_ment_top span {margin-left:10px; vertical-align:baseline; font-size:18px; color:#353535;} .confirm_hold_box .hold_ment_top strong {font-size:30px; color:#613438;} .confirm_hold_box .hold_ment_bottom {padding:20px;} .confirm_hold_box .hold_ment_bottom span {font-size:16px; color:#666666;} @media all and (max-width:640px){ .confirm_hold_box {padding:50px 10px;} .confirm_hold_box .hold_ment_top {padding:0 20px 20px;} .confirm_hold_box .hold_ment_top span {margin-left:5px; font-size:16px;} .confirm_hold_box .hold_ment_top strong {font-size:25px;} .confirm_hold_box .hold_ment_bottom {padding:10px 0;} .confirm_hold_box .hold_ment_bottom span {font-size:15px;} } @media all and (max-width:414px){ .confirm_hold_box {padding:50px 0px;} .confirm_hold_box .hold_ment_top {padding:0 10px 10px;} .confirm_hold_box .hold_ment_top span {margin-left:5px; font-size:14px;} .confirm_hold_box .hold_ment_top strong {font-size:20px;} .confirm_hold_box .hold_ment_bottom {padding:10px 0;} .confirm_hold_box .hold_ment_bottom span {font-size:14px;} } .vc-toggle-container * { transition: .2s; } .vc-small-switch { width: 60px; height: 26px; } .vc-small-switch { position: relative; display: inline-block; vertical-align: top; border-radius: 18px; cursor: pointer; } .vc-switch-input { position: absolute; transform: translate3d(5px, 5px, 0); } .vc-switch-label { position: relative; display: block; height: inherit; background: #b3b3b3; border-radius: inherit; } .vc-switch-label:before, .vc-switch-label:after { position: absolute; line-height: 26px; } .vc-switch-label:before { content: attr(data-off); right: 11px; color: white; } .vc-switch-label:after { content: attr(data-on); left: 11px; color: white; opacity: 0; } .vc-switch-input:checked ~ .vc-switch-label { background: #3478ca; } .vc-switch-input:checked ~ .vc-switch-label:before { opacity: 0; } .vc-switch-input:checked ~ .vc-switch-label:after { opacity: 1; } .vc-switch-handle { position: absolute !important; top: 4px; left: 5px; width: 18px; height: 18px; background: white; border-radius: 10px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } .vc-switch-input:checked ~ .vc-switch-handle { left: auto; right: 5px; } /* 데이터가 없을 경우 멘트 : 2020-06-29 */ .blank_data_ment {padding:30px; text-align:center; border:solid 1px #ddd; background-color:#fff;} .blank_data_ment img {} .blank_data_ment span {color:#666;} @media all and (max-width:768px){ .blank_data_ment {-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;} } /* 권한선택영역 */ .authority_select {padding:0 5px; border-top:solid 1px #ccc;} /* tabulator 그리드 공통 */ .tabulator{border-width: 0 0 1px 0; border-bottom-color: #ccc; border-bottom-style:solid; background-color:#ccc;} .tabulator-header{border-top: solid 2px #666;background-color: #f2f2f2;} .tabulator-headers{background-color: #f2f2f2;} .tabulator .tabulator-header .tabulator-col{background-color: #f2f2f2;color:#000;font-size: 13px;} .tabulator-row{border-bottom:1px solid #ccc} .tabulator-row:last-child{border-bottom:0px} .tabulator-row.tabulator-row-odd{background:#fff;} .tabulator-row.tabulator-row-even{background:#fff;} .tabulator-row.tabulator-selected{background:#9abcea;} .tabulator-placeholder{background:#fff;} .tabulator .tabulator-tableHolder .tabulator-placeholder span{color:#000;} .tabulator-row.tabulator-tree-level-0{background:#e3e6f1} .m_main_popnotice_box {width:100%;height:100%;position:absolute; top:0px;left:0;} .m_main_popnotice:first-child{padding-top:10px;} .m_main_popnotice {margin:0 10px; margin-bottom:10px; background-color:#fff; display:none; position: relative; z-index: 10000;} .m_main_popnotice .top {padding:10px; text-align:left; background-color:#4a4244;} .m_main_popnotice .top .title {color:#fff; line-height:1.2; font-weight:normal; background-color:transparent} .m_main_popnotice .mpop_body {color:#333;} .m_main_popnotice .mpop_body .lead_txt {padding:10px 10px 0; line-height:22px; text-align:left; /* max-height:65px; */ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; } .m_main_popnotice .mpop_body .func {padding:10px; text-align:center;} .m_main_popnotice .mpop_body .func button.btn_go_notice {padding:0 15px; height:28px; font-size:14px; background-color:#fff; border:solid 1px #ccc; border-radius:5px;} .m_main_popnotice .mpop_body .func button.btn_go_notice:hover {border:solid 1px #333;} .m_main_popnotice .mpop_footer {display:table; width:100%; border-top:solid 1px #ddd; overflow:hidden;} .m_main_popnotice .mpop_footer .left {display:table-cell; padding:10px; text-align:left; vertical-align:middle;} .m_main_popnotice .mpop_footer .right {display:table-cell; padding:10px; text-align:right; vertical-align:middle;} .m_main_popnotice .mpop_footer a.btn_close {display:inline-block; padding:0 10px; height:20px; line-height:20px; font-size:12px; background-color:#fff; border:solid 1px #ccc; border-radius:3px;} .m_main_popnotice .mpop_footer a.btn_close:hover {background-color:#fff; border:solid 1px #000;} /* 모바일 전용 공지팝업 */ @media all and (max-width:1024px){ .m_main_popnotice{display:block; top:200px;overflow: hidden;z-index: 9999;} .popupItems{display:none !important;} .l_popup .btn_popup_close {display:inline-block; /*background:url('/images/icon/btn_popup_close_white.png') no-repeat center center;*/ position:absolute; top:3px; right:20px;} .l_popup .btn_popup_close i {display:inline-block; color:#fff;} } .popupItems .lead_txt {padding: 10px 10px 0; line-height: 22px; text-align: left; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .popupItems .func {padding: 0px; text-align: center;} .popupItems .func .btn_go_notice {padding: 0 15px; height: 28px; font-size: 14px; background-color: #fff; border: solid 1px #ccc; border-radius: 5px;} /* 인증코드 보기 팝업 */ .certification_code_view {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#009688; z-index:10000;} .certification_code_view .outline {display:table-cell; text-align:center; vertical-align:middle; position:relative;} .certification_code_view .outline .code {font-size:200px; color:#fff;} .certification_code_view .outline .code_text {font-size:50px; color:#fff;} .certification_code_view .outline .time {display:inline-block; width:220px; height:220px; line-height:220px; font-size:80px; color:#ffeb3b; background-color:#333; border-radius:220px;} .certification_code_view .outline a {position:absolute; top:10px; right:10px;} @media screen and (max-width:768px) { .certification_code_view .outline .code {font-size:80px;} .certification_code_view .outline .code_text {font-size:25px; color:#fff;} .certification_code_view .outline .time {width:100px; height:100px; line-height:100px; font-size:30px;} } /* 출석관리 인증팝업 */ .certification_phone {display:none; position: fixed; top: 50% !important;left: 50% !important;margin: -53px 0 0 -150px !important; width: 300px !important; height:107px !important; z-index: 103; text-align:center;} .certification_phone .outline {margin:0 auto; padding:20px 20px; width:300px; background-color:#fff; border:solid 1px #333; position:relative; box-sizing:border-box;} .certification_phone .outline strong {color:#666;} .certification_phone .outline .inputbox {padding-bottom:10px;} .certification_phone .outline .inputbox input {width:150px;} .certification_phone .outline .inputbox button {width:80px; height:28px; background-color:#333; color:#fff;} .certification_phone .outline .inputbox button:hover {opacity:0.8;} .certification_phone .outline .time_count {padding-top:5px; border-top:solid 1px #ccc;} .certification_phone .outline .time_count strong {font-weight:600; color:#ff0000; font-size:20px; vertical-align:middle;} .certification_phone .outline a.btn_certification_close {position:absolute; top:5px; right:5px;} /*/////////////////////////////////////////////////////////////////////////////////////////// 설문조사 ///////////////////////////////////////////////////////////////////////////////////////////*/ .l_popup_poll {width:680px; background-color:#fff; border:solid 1px #666; position:absolute; top:100px; left:50%; margin-left:-340px; z-index:101;} .l_popup_poll .title {height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:normal; background-color:#333;position:relative;} .l_popup_poll .title span {margin-left:20px;} .l_popup_poll .btn_popup_close {display:inline-block; width:26px; height:26px; font-size:0; text-indent:-10000px; background:url('/images/icon/btn_pop_close.png') no-repeat center center; position:absolute; top:50%; right:15px; margin-top:-13px;} .l_popup_poll .btn_popup_close i {display:none; color:#fff;} .l_popup_poll .pop_body {padding:0px; overflow:hidden; word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; } .pop_body.bg_poll {background:url('/images/poll/bg_poll.png') #005baa;} .pop_body.bg_nonsubject {background:url('/images/poll/bg_nonsubject.png') #fec84a;} .pop_body.bg_online {background:url('/images/poll/bg_online.png') #98d2c9;} .pop_body.bg_offline {background:url('/images/poll/bg_offline.png') #d4c6a6;} .poll_header {padding:50px 20px 20px; text-align:center; line-height:1.2; position:relative;} .pop_body.bg_poll .poll_header {border-bottom:solid 1px #0068c3;} .poll_header .poll_title {display:block; padding:0 80px; font-size:40px;} .poll_header .poll_title span {font-weight:normal;} .poll_header .poll_name {display:block; font-size:30px;} .pop_body.bg_poll .poll_header .poll_title {color:#fff;} .pop_body.bg_poll .poll_header .poll_name {color:#ffbf73;} .pop_body.bg_nonsubject .poll_header .poll_title {color:#000;} .pop_body.bg_nonsubject .poll_header .poll_name {color:#000;} .pop_body.bg_online .poll_header .poll_title {color:#000;} .pop_body.bg_online .poll_header .poll_name {color:#000;} .pop_body.bg_offline .poll_header .poll_title {color:#000;} .pop_body.bg_offline .poll_header .poll_name {color:#000;} .poll_header .icon_clock {position:absolute; top:-15px; right:20px;} .pop_body.bg_poll .poll_contet {padding:30px 80px 10px; position:relative;} .pop_body.bg_nonsubject .poll_contet {padding:10px 80px 10px; position:relative;} .pop_body.bg_online .poll_contet {padding:0 80px 10px; position:relative;} .pop_body.bg_offline .poll_contet {padding:0 80px 10px; position:relative;} .pop_body.bg_poll .poll_contet {border-top:solid 1px #005198;} .pop_body.bg_poll .poll_contet .poll_box {padding:14px; background-color:#1a6cb3;} .pop_body.bg_nonsubject .poll_contet .poll_box {padding:14px; background-color:#ffd46e;} .pop_body.bg_online .poll_contet .poll_box {padding:14px; background-color:#addbd4;} .pop_body.bg_offline .poll_contet .poll_box {padding:14px; background-color:#ddd1b8;} .poll_contet .poll_box .outline {padding:30px; background-color:#fff;} .poll_contet .poll_box .txt {margin-bottom:20px; text-align:center; color:#666;} .poll_contet .poll_box .info {text-align:center;} .poll_contet .poll_box .info dl {} .poll_contet .poll_box .info dt {display:inline-block; padding:0 15px; height:28px; line-height:28px; background-color:#ffe583} .poll_contet .poll_box .info dd {display:inline-block; padding-left:10px;} .poll_contet .icon_pencil {position:absolute; bottom:-130px; left:-10px;} .poll_footer {padding:20px 20px 50px; height:50px; text-align:center; background:url('/images/poll/character.png') no-repeat bottom right;} .poll_footer button {padding:0 40px; height:50px; font-size:16px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;} .poll_footer button.btn_poll_app {} .pop_body.bg_poll .poll_footer button {background-color:#ffca00; border:solid 1px #ffca00; } .pop_body.bg_nonsubject .poll_footer button {background-color:#000000; border:solid 1px #000000; color:#fff;} .pop_body.bg_online .poll_footer button {background-color:#000000; border:solid 1px #000000; color:#fff;} .pop_body.bg_offline .poll_footer button {background-color:#000000; border:solid 1px #000000; color:#fff;} a.btn_patopto {display:inline-block; padding:0 5px; height:26px; line-height:26px; color:#fff; background:#1AAB8A; border:none; transition:600ms ease all; outline:none; position:relative;} a.btn_patopto:hover {color:#1AAB8A; background:#fff;} a.btn_patopto:before,a.btn_patopto:after{content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #1AAB8A; transition:300ms ease all;} a.btn_patopto:after{right:inherit; top:inherit; left:0; bottom:0;} a.btn_patopto:hover:before,a.btn_patopto:hover:after{width:100%; transition:600ms ease all;} @media all and (max-width:768px){ a.btn_patopto {margin-left:5px !important; height:24px; line-height:24px; color:#fff; background-color:#1AAB8A; border:none; border-radius:3px;} a.btn_patopto:hover {color:#1AAB8A; background:#fff; border:none;} } /* panopto_search_box *********************************/ .panopto_search_box {font-size:14px; border:solid 3px #eee; background-color:#fff;} .panopto_search_box .search_row {border-top:solid 1px #ccc; padding:10px;} .panopto_search_box .search_row:first-child {border-top:none;} .panopto_search_box .ti {margin:8px;} .panopto_search_box .di_inblock {display:inline-block;} .panopto_search_box input.date {width:90px;} .panopto_search_box input.search {width:250px; line-height:16px; font-size:14px;} .panopto_search_box input.loginid {width:250px; line-height:16px; font-size:14px;} .layout_row {display: table;width: 100%;height: 100%;} .layout_row .cata_list {width: 260px;display: table-cell; padding: 5px; border:solid 3px #ddd;} .layout_row .cata_list .outline {max-height: 693px; overflow-x:auto; min-width:260px;} .layout_row .content_box {padding:0 0 0 10px; width:100%; vertical-align:top;display: table-cell;} @media all and (max-width:768px){ .layout_row {display:block;} .layout_row .cata_list {display:block; width:auto; margin-left:0; margin-bottom:20px;} .layout_row .content_box {display:block; padding:0; width:auto;} .layout_row .cata_list .outline{max-height: 300px;} } @media all and (max-height:750px){ .layout_row .cata_list .outline{max-height: 350px;} } @media all and (max-height:600px){ .layout_row .cata_list .outline{max-height: 300px;} } @media all and (max-width:1200px){ .panopto_search_box .search_row {padding:10px 5px;} .panopto_search_box .di_inblock {display:inline-block; padding:5px 0;} .panopto_search_box input.date {width:80px;} .panopto_search_box input.search {width:150px;} .panopto_search_box select {line-height:16px; font-size:14px;} .panopto_search_box input.loginid {width:80px; line-height:16px; font-size:14px;} } @media all and (max-width:768px){ .panopto_search_box .search_row {padding:10px 5px;} .panopto_search_box .di_inblock {display:inline-block; padding:5px 0;} .panopto_search_box input.date {width:70px;} .panopto_search_box input.search {width:110px;} .panopto_search_box select {line-height:16px; font-size:14px;} .panopto_search_box input.loginid {width:80px; line-height:16px; font-size:14px;} } /* 반응형 table */ #panopto_list tbody .pc_hidden {display:none;} #panopto_list tbody td {height:44px;} #panopto_list tbody td span.inner_thum img{height:44px;} @media all and (max-width:768px){ #panopto_list {border:none;} #panopto_list colgroup {display:none;} #panopto_list thead {display:none;} #panopto_list tbody {} #panopto_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;} #panopto_list tbody td {display:inline-block; text-align:left; border:none; padding:2px;} #panopto_list tbody td.rwd_subject {display:block; border-bottom:solid 1px #ccc;} #panopto_list tbody td.rwd_subject .subject {font-size:15px; font-weight:600;} #panopto_list tbody td.rwd_num {display:none;} #panopto_list tbody .mobile_hidden {display:none;} #panopto_list tbody td span.pc_hidden:before{content:"폴더명 : "} #panopto_list tbody td span.pc_hidden {margin-right:3px; display:inline-block; font-size:12px; color:#999;} #panopto_list tbody td.rwd_block {display:block; line-height:1.0;} #panopto_list tbody td.rwd_fl_l {float:left;} } /* 커뮤니티 홈 : 2023-01-30 ///////////////////////////////////////////////////////////////////////////*/ .community_hometitle {} .community_bannerbox {display:table; width:100%;} .community_bannerbox .banner_cell {display:table-cell; width:50%;} .community_bannerbox .banner_cell:first-child {padding-right:10px;} .community_bannerbox .banner_cell:last-child {padding-left:10px;} @media screen and (max-width:480px) { .community_bannerbox {display:block; width:auto} .community_bannerbox .banner_cell {display:block; width:auto;} .community_bannerbox .banner_cell:first-child {padding-right:0; margin-bottom:10px;} .community_bannerbox .banner_cell:last-child {padding-left:0;} } .community_usehome {margin-bottom:20px; background:url('/images/sub/community/thum_community_default_bg.png') #8173ad no-repeat; background-size:cover;} .community_usehome .outline {display:table; width:100%;} .community_usehome .outline .thum {display:table-cell; padding:5px 0 0; width:270px; vertical-align:bottom; text-align:center;} .community_usehome .outline .info {display:table-cell; padding:10px; vertical-align:middle; color:#fff;} .community_usehome .outline .info strong {display:block; font-size:30px; line-height:1.3;} .community_usehome .outline .info strong:after {display:block; content: ''; clear:both; width:20px; height:2px; background-color:#ffcc33;} .community_usehome .outline .info span {display:block; padding-top:5px; font-size:14px; line-height:1.2;} @media screen and (max-width:640px) { .community_usehome .outline .thum {display:table-cell; padding:5px 15px 0; width:150px;} .community_usehome .outline .info strong {font-size:20px;} } @media screen and (max-width:480px) { .community_usehome .outline .thum {display:table-cell; padding:5px 15px 0; width:100px;} .community_usehome .outline .info {display:table-cell; padding:15px 10px; font-size:13px;} } /* 왼쪽 메뉴 영역 배너박스 : 2023-01-30 */ .quick_bannerbox {padding:20px 0;} .quick_bannerbox a {display:block; margin-bottom:5px;} /*////////////////////////////////////////////////////////////////////////////////////////////////////////// 교수학습역량진단 : 2023-01-30 //////////////////////////////////////////////////////////////////////////////////////////////////////////*/ h4.capa_subtitle {display:flex;margin-bottom:5px; padding-left:25px; background:url('/images/BLU3/ctl/capability/bullet.png') no-repeat left 2px;} h4.capa_subtitle> div.chartAction{margin-left:auto;} .capa_cont {margin-left:25px; margin-bottom:30px;} table.table_capa_data {width:100%; border-top:solid 1px #cccccc; background-color:#fff;} table.table_capa_data thead {} table.table_capa_data thead th {padding:10px 5px; border-bottom:solid 1px #cccccc; background-color:#eeebf5;} table.table_capa_data tbody th {padding:10px 5px; border-bottom:solid 1px #cccccc; background-color:#eeebf5;} table.table_capa_data tbody td {padding:10px 5px; border-bottom:solid 1px #cccccc;} table.table_capa_data tbody tr.no_select th {background-color: #d8d8d8; color:#666666;} table.table_capa_data tbody tr.no_select td {background-color: #f5f5f5; color:#999999;} table.table_capa_data label {display:inline-block; margin:0 5px;} .oranization_selectbox {} .oranization_selectbox label {width:40%;} table.table_capa_data_list {width:100%; border-top:solid 1px #cccccc; background-color:#fff;} table.table_capa_data_list thead {} table.table_capa_data_list thead th {padding:5px; border-bottom:solid 1px #cccccc; background-color:#eeebf5;} table.table_capa_data_list tbody tr {} table.table_capa_data_list tbody th {padding:10px 5px; border-bottom:solid 1px #cccccc; background-color:#eeebf5;} table.table_capa_data_list tbody td {padding:10px 5px; text-align: center; border-bottom:solid 1px #cccccc;} table.table_capa_data_list tbody td span.mobile_view {display:none;} @media all and (max-width:640px){ #capa_testlist {border:none;} #capa_testlist thead {display:none;} #capa_testlist tr {display:block; margin-bottom:10px; padding:7px; border:solid 1px #ccc; border-radius:5px;} #capa_testlist tr td {display:block; border:none; padding:0; text-align:left;} #capa_testlist tr td span.mobile_view {display:inline-block;} #capa_testlist tr td.year {display:none;} #capa_testlist tr td.subject {display:block; padding:10px 10px 0; font-size:18px;} #capa_testlist tr td.term {display:block; padding:0 10px; color:#666;} #capa_testlist tr td.action {display:block; padding-top:5px; text-align:center; border-top:solid 1px #ddd;} } table.table_capa_poll {width:100%; color:#666; border-top:solid 2px #7f7f7f; background-color:#fff;} table.table_capa_poll thead {} table.table_capa_poll thead th {padding:5px; line-height:1.2; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; background-color:#eee;/*background-color:#eeebf5;*/ word-break: keep-all;} table.table_capa_poll thead th:last-child {border-right:none;} table.table_capa_poll thead th span {font-size:12px;} .left_dash {border-left:double;} table.table_capa_poll tbody tr {} table.table_capa_poll tbody th {padding:10px 5px; text-align: left; font-weight: normal; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; background-color:#fff;} table.table_capa_poll tbody td {padding:10px 5px; text-align: center; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc;} table.table_capa_poll tbody td:last-child {border-right:none;} table.table_capa_poll tbody td label span {display:none;} table.table_capa_poll tbody td.bg_gray {background-color:#f2f2f2;} /* 테스크탑 */ @media all and (max-width:1200px){ } @media all and (max-width:640px){ .oranization_selectbox label {display:block; width:100%;} } @media all and (max-width:480px){ } /* 역량진단평가 */ .capatest_row {} .capatest_row .capatest_header {padding:15px; font-size:30px; line-height:1; text-align: center; background-color: #695c8f; border-radius: 15px;} .capatest_row .capatest_header strong {font-weight:normal; color:#fff;} .capatest_step {padding:15px;} .test_guide {padding:30px 0; border:solid 5px #eae7ee;} .test_guide .outline {display:table; width:100%;} .test_guide .outline .thum {display:table-cell; width:150px; text-align: center; vertical-align: middle;} .test_guide .outline .ment {padding:10px 25px; font-size: 18px; color:#333333; border-left:solid 1px #ddd;} .test_guide .outline .ment .master {padding-top:10px; text-align: right;} .capa_pgfunc {padding-top:30px; text-align: center;} .capa_pgfunc a {display:inline-block; margin:0 20px; width:240px; height:50px; line-height:50px; font-size:18px; color:#fff; background-color:#fff; border-radius:50px;} .capa_pgfunc a:hover {opacity: 0.9;} .capa_pgfunc a.btn_capa_test {background-color:#765cc3;} .capa_pgfunc a.btn_capa_report {background-color: #666666;} /* 테스크탑 */ @media all and (max-width:1200px){ } @media all and (max-width:640px){ .capatest_row .capatest_header {padding:10px; font-size:22px; border-radius: 5px;} .capatest_step {padding:10px 5px;} .capa_cont {margin-left:0; margin-bottom:30px;} .test_guide .outline .thum {width:120px;} .test_guide .outline .ment {font-size: 16px;} .capa_pgfunc a {display:inline-block; margin:0 5px 5px; width:220px; height:40px; line-height:40px; font-size:16px} .capa_pgfunc a img {width:26px;} } @media all and (max-width:480px){ .test_guide {padding:15px; border:solid 5px #eae7ee;} .test_guide .outline {display:block; width:auto;} .test_guide .outline .thum {display:block; padding-bottom:15px; width:auto; border-bottom:solid 1px #ddd;} .test_guide .outline .ment {padding:10px; font-size:16px; border-left:none;} .test_guide .outline .ment .master {padding-top:10px; text-align: right;} } /* 진단평가 단계 이동버튼 */ .test_navi {padding-top:30px; margin-bottom:50px; overflow: hidden;} .test_navi .left {float:left;} .test_navi .right {float:right;} /* 진단평가 button 모음*/ .capa_btn {border-radius:50px; line-height:1;} .capa_btn:hover {opacity:0.9;} .capa_btn_md {width:80px; height:28px; font-size:14px;} .capa_btn_max {width:160px; height:50px; font-size:18px;} .capa_btn_bg_primary {background-color: #765cc3; color:#fff;} .capa_btn_bg_gray {background-color: #666; color:#fff;} @media all and (max-width:480px){ .capa_btn_max {width:120px; height:40px; font-size:14px;} } /* 진단평가 설문내용 / 아코디언 메뉴 ////////////////////////*/ .accodian_capa {border:solid 1px #d7d7e3; background-color:#fff; overflow:hidden;} .accodian_capa .cont {} .accodian_capa .cont a.btn_accodian_title {display:block; padding: 10px 60px 10px 50px; text-decoration:none; color:#000; font-size: 16px; border-top:solid 1px #ccc; position:relative;} .accodian_capa .cont.first a.btn_accodian_title {border-top:none;} .accodian_capa .cont a.btn_accodian_title .capa_num {display:inline-block; width:30px; text-align:center; border-right:solid 1px #ccc; position:absolute; top:12px; left:5px;} .accodian_capa .cont .capa_content {padding:20px; background-color:#fdfdfd; border-top:solid 1px #666;} a.btn_accodian_title .cert {display:inline-block; width:20px; height:20px; background:url('/images/HS/ctl/capability/icon_accodian_arrow.png') no-repeat center center; position:absolute; top:50%; right:20px; margin-top:-10px;} a.btn_accodian_title.active strong {color:#fff;} a.btn_accodian_title.active .capa_num {color:#fff;} a.btn_accodian_title.active {background-color:#6f6689} a.btn_accodian_title.active .cert {background:url('/images/HS/ctl/capability/icon_accodian_arrow_active.png') no-repeat center center;} .mobile_poll_ui {display:none;} .mobile_poll_ui .question_box {padding:10px; border-bottom:solid 1px #ddd;} .mobile_poll_ui .question_box .question_txt {margin-bottom:10px; font-size:18px;} .mobile_poll_ui .question_box .answer_txt {margin-bottom:10px;} .mobile_poll_ui .question_box .answer_txt ul {} .mobile_poll_ui .question_box .answer_txt ul li {font-size:14px; /*padding:5px 5px 5px 10px;*/} @media all and (max-width:768px){ table.table_capa_poll {display:none;} .mobile_poll_ui {display:block;} } @media all and (max-width:480px){ .mobile_poll_ui .question_box {padding:20px 0;} .mobile_poll_ui .question_box .question_txt {font-size:16px;} .mobile_poll_ui .question_box label {display:inline-block; margin:0 2px; padding:3px 10px;} .mobile_poll_ui .question_box .play_level {padding:5px 0;} .mobile_poll_ui .question_box .importance_level {padding:5px 0;} } /* 만족도평가 진행상황 : 2023-06-22 */ .survey_introduce_box {display:table; margin-bottom:30px; width:100%; font-size:14px; background-color:#eee;/*background-color:#eeebf5;*/ border-radius:5px; overflow:hidden;} .survey_introduce_box .left {display:table-cell; padding:30px; color:#000; vertical-align:middle;} @media all and (max-width:768px){ .survey_introduce_box {background:#c7e7b8;} .survey_introduce_box .left {padding:30px; height:auto;} } @media all and (max-width:414px){ .survey_introduce_box .left {padding:20px;} } .form_content {display:inline-block; width:115px; min-width:80px;} .form_content input[type="text"] {width:100%; height:31px; border:none;} .form_content select {width:100%; height:31px; border:none;} span.survey_status {display:inline-block; padding:0 5px; height:18px; line-height:18px; font-size:12px; vertical-align:middle; background-color:#fff; border-radius:20px;} span.survey_status.status_ing {color:#ff0000; border:solid 1px #ff0000;} .survey_search_box {text-align:right; padding:10px; background-color:#ebebeb; overflow:hidden;} .survey_search_box .row {padding:5px; text-align:center; border-top:solid 1px #ddd;} .survey_search_box .row:first-child {border-top:none;} .survey_search_box .left {float:left;} .survey_search_box .right {float:right;} .survey_search_box .di_inb {margin:0 10px;} .survey_search_box .ti {margin-right:5px;} .survey_search_box .form_content {width:auto; text-align:left;} .survey_search_box .form_content select {width:auto;} .survey_search_box .form_content input {width:200px} @media all and (max-width:640px){ .survey_search_box {text-align:center; padding:5px 10px;} .survey_search_box .left {float:initial; padding:5px;} .survey_search_box .right {float:initial; padding:5px; border-top:solid 1px #ddd;} } @media all and (max-width:480px){ } /* 진단결과 //////////////////////////////////*/ .capatest_result_row {} .capatest_result_header {overflow:hidden; padding:0 20px; margin-bottom:20px; height:70px; line-height:70px; background-color: #695c8f; border-radius: 15px;} .capatest_result_header .title {float:left;} .capatest_result_header .title strong {font-size:30px; color:#fff; font-weight:normal;} .capatest_result_header .year_select {float:right; color:#fff;} .capatest_result_header .year_select span {display:inline-block; margin-right:5px;} .capatest_result_header .year_select select {padding:0 15px; border-radius:30px;} .chart_box {margin-bottom:30px; min-height:300px; background-color:#f2f2f2;} .capatest_result_grid2 {overflow: hidden; margin:0 -2%;} .capatest_result_grid2 .grid_cell {float:left; margin:0 2%; width:46%;} @media all and (max-width:768px){ .capatest_result_header .title strong {font-size:20px;} .capatest_result_grid2 {overflow: hidden; margin:0;} .capatest_result_grid2 .grid_cell {float:none; margin:0; width:100%;} } @media all and (max-width:640px){ .capatest_result_header {padding:15px 20px; height:initial; line-height:initial; border-radius: 10px;} .capatest_result_header .title {float:none; text-align:center;} .capatest_result_header .year_select {float:none; padding-top:5px; margin-top:5px; text-align:center; border-top:solid 1px #9283bf;} } /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* *************************************************************************************** 메시지 모달 팝업 : 2023-08-08 ****************************************************************************************/ .msg_popup {width:500px; background-color:#fff; border:solid 1px #666; position:fixed; top:50%; left:50%; margin-top:-150px; margin-left:-250px; z-index:105;} .msg_popup>.title {height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:normal; background-color:#3f8a6d; border-bottom:solid 1px #2c6b53; position:relative;} .msg_popup>.title span {display: block; margin-left:20px; margin-right: 50px;} .msg_popup .pop_body {padding:20px 22px 0px; font-size:16px;} .msg_popup .pop_footer {padding:5px 22px 20px;} .msg_popup .pop_footer .row_func {text-align:center;} .msg_popup .pop_footer a {margin:0 5px;} .msg_popup .btn_popup_close {display:inline-block; width:26px; height:26px; font-size:0; text-indent:-10000px; background:url('/images/icon/btn_pop_close.png') no-repeat center center; position:absolute; top:50%; right:15px; margin-top:-13px;} .msg_popup>.title .btn_func {position:absolute; top:3px; right:10px;} .msg_popup>.title .btn_func a {display:inline-block; margin:0 3px; color:#fff; position:relative; top:initial; right:initial;} .msg_popup>.title .btn_func a i {color:#fff;} @media screen and (max-width:480px) { .msg_popup {width:96%; left:2%; margin-left:0;} .msg_popup .pop_body {padding:20px 10px 0px;} .msg_popup .pop_footer {padding:5px 10px 30px;} } /* 만족도조사 진행상황 */ .survey_status {display:inline-block; padding:0 5px; color:#fff; font-size:13px; vertical-align:middle; height:20px; line-height:20px; background-color:#f2f2f2; border:none; border-radius:3px;} .survey_status.ing {background-color:#f68f54;} /* *************************************************************************************** 만족도 진단하기 모달 팝업 : 2023-08-08 ****************************************************************************************/ h3.diagnosis_title {margin-bottom:20px; font-size:20px;} /* h4.diagnosis_stitle {display:inline-block; margin-bottom:10px; padding-left:30px; color:#333; font-size:22px; background:url('../../images/sub/05/capability_diagnosis/survey_bullet_title.png') no-repeat left center;} */ h4.diagnosis_stitle {display:inline-block; margin-bottom:10px; color:#333; font-size:22px;} h4.diagnosis_stitle i {color:#009688;} h4.diagnosis_stitle2 {display:inline-block; margin-bottom:10px; padding-left:15px; color:#333; font-size:20px; position:relative;} h4.diagnosis_stitle2:after {display:block; content:''; width:7px; height:3px; background-color:#333; position:absolute; top:14px; left:0;} h5.diagnosis_stitle3 {display:inline-block; margin-left:10px; color:#333; font-size:18px;} h5.diagnosis_stitle3 i {color:#333;} h5.diagnosis_stitle4 {display:inline-block; color:#333; font-size:18px;} h5.diagnosis_stitle4 lord-icon {width:40px; height:40px; vertical-align:middle;} h5.diagnosis_stitle4 i {color:#333; font-size:20px;} h5.diagnosis_stitle4 span {vertical-align:middle;} .suvey_cont_depth2 {padding:15px 0; border-top:solid 2px #7f7f7f;} .suvey_cont_depth3 {margin:0 15px;} @media screen and (max-width:480px) { .suvey_cont_depth3 {margin:0;} } .diagnosis_popup {width:100%; height:100%; background-color:#fff; position:fixed; top:0; left:0; z-index:103;} .diagnosis_popup .container {height:100%; position:relative;} .diagnosis_popup .pop_header {width:100%; height:50px; line-height:50px; color:#fff; font-weight:normal; background-color:#3f8a6d; position:absolute; left:0; top:0; z-index:1; overflow:hidden;} .diagnosis_popup .pop_header .leftarea {float:left; margin-left:20px;} .diagnosis_popup .pop_header .leftarea .logo {display:inline-block; margin-right:20px; font-size:initial; text-indent:initial; height:initial; line-height:1; vertical-align:middle; background:none;} .diagnosis_popup .pop_header .leftarea .btn_save {display:inline-block; padding:2px 10px; vertical-align:middle; font-size:14px; color:#333; background-color:#ffeb3b; border:solid 1px #ffeb3b; border-radius:30px;} .diagnosis_popup .pop_header .leftarea .btn_save:hover {color:#fff; background-color:#ff9800; border:solid 1px #ff9800;} .diagnosis_popup .pop_header .leftarea .save_time {display:inline-block; margin-left:10px; vertical-align:middle;} .diagnosis_popup .pop_header .rightarea {float:right; padding-right:50px;} .diagnosis_popup .pop_header .rightarea .std_username {line-height:50px;} .diagnosis_popup .pop_header .rightarea .std_username .photo {display:inline-block; margin-right:5px; vertical-align:middle; width:30px; height:30px; text-align:center; line-height:30px; background-color:#ebebeb; border-radius:30px; overflow:hidden;} .diagnosis_popup .pop_header .rightarea .std_username .photo img {width:30px; height:30px;} .diagnosis_popup .pop_header .rightarea .std_username .name {display:inline-block; } .diagnosis_popup .pop_header .rightarea .btn_submit {display:inline-block; padding:0 10px; height:26px; vertical-align:middle; font-size:14px; color:#fff; background-color:#ec6407; border:solid 1px #ec6407; border-radius:30px;} .diagnosis_popup .pop_header .rightarea .btn_submit:hover {opacity:0.9;} .diagnosis_popup .pop_header .btn_popup_close {display:inline-block; width:26px; height:26px; font-size:0; text-indent:-10000px; background:url('/images/icon/btn_pop_close.png') no-repeat center center; position:absolute; top:50%; right:15px; margin-top:-13px;} .diagnosis_popup .pop_body {padding:70px 22px 100px; width:100%; height:100%; overflow-y:auto; box-sizing:border-box; font-size:16px; position: relative; top:0; left:0;} .diagnosis_popup .pop_footer {overflow:hidden; padding:10px 80px; width:100%; height:55px; box-sizing:border-box; background-color:#424242; position:absolute; left:0; bottom:0;} .diagnosis_popup .pop_footer .row_func_left {position:absolute; top:10px; left:10px;} .diagnosis_popup .pop_footer .row_func_right {position:absolute; top:10px; right:10px;} .diagnosis_popup .pop_footer .btn_navi_prev, .diagnosis_popup .pop_footer .btn_navi_next {color:#fff; font-size:16px; border:none; background-color:#ec6407;} @media all and (max-width:768px){ .diagnosis_popup .pop_header .leftarea .logo {display:none;} } @media all and (max-width:480px){ .diagnosis_popup .pop_header .leftarea {margin-left:10px;} .diagnosis_popup .pop_body {padding:70px 10px 70px;} } /* 진단개요 */ .diagnosis_intro {padding:30px; padding-left:170px; border-radius:15px; background:url('/images/sub/survey/test_guide_thum.png') #f2f2f2 no-repeat 50px center;} .diagnosis_intro .outline {border-left:solid 1px #ccc; padding-left:25px;} .diagnosis_intro .outline .captain {margin-top:20px; text-align:right;} @media all and (max-width:480px){ .diagnosis_intro {padding-left:30px; padding-top:30px; background:url('/images/sub/survey/test_guide_thum.png') #f2f2f2 no-repeat center 20px;} .diagnosis_intro .outline {border-left:none; border-top:solid 1px #ccc; padding-left:0; padding-top:10px; margin-top:90px;} } /* 추가정보 : 연령대 3col */ .add_info_row {padding:20px 30px; background-color:#f2f2f2; border-radius:15px;} .add_info_row.not_checking {color:initial; border:solid 2px #ff0000;} .add_info_row ul {display:grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px;} .add_info_row ul li {} @media all and (max-width:768px){ .add_info_row ul {grid-template-columns: 1fr 1fr;} } @media all and (max-width:480px){ .add_info_row ul {grid-template-columns: 1fr;} } /* 평가기간 */ .diagnosis_term {padding:15px; text-align:center; background-color:#ebebeb; border-radius:50px;} .diagnosis_term .img_icon {vertical-align:middle; width:40px; height:40px;} .diagnosis_term span {font-weight:600; vertical-align:middle;} @media all and (max-width:480px){ .diagnosis_term {padding:10px;} .diagnosis_term span {letter-spacing:-1px;} } /* 필수항목 미체크, 미입력시 */ .not_checking {color:#ff0000;} /* 설문, 진단완료 메시지 */ .survey_complate {display:table; width:100%; height:100%;} .survey_complate .outline {display:table-cell; font-size:24px; text-align:center; vertical-align:middle;} .survey_complate .outline img {margin-bottom:10px;} .survey_complate .outline strong {display:block;} .survey_complate .outline span {display:block; margin-bottom:10px;} @media all and (max-width:480px){ .survey_complate .outline {font-size:20px;} } /* 진단하기 table */ table.table_capa_poll {width:100%; color:#666; font-size:16px; border-top:solid 2px #7f7f7f; background-color:#fff;} table.table_capa_poll thead {} table.table_capa_poll thead th {padding:5px; line-height:1.2; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; background-color:#eeebf5;} table.table_capa_poll thead th:last-child {border-right:none;} .left_dash {border-left:double;} table.table_capa_poll tbody tr {} table.table_capa_poll tbody th {padding:5px 5px; text-align: left; font-weight: normal; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; background-color:#fff;} table.table_capa_poll tbody td {padding:5px 5px; text-align: center; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc;} table.table_capa_poll tbody td:last-child {border-right:none;} table.table_capa_poll tbody td label span {display:none;} table.table_capa_poll tbody td.bg_gray {background-color:#f2f2f2;} .mobile_poll_ui {display:none;} .mobile_poll_ui .question_box {padding:10px; border-bottom:solid 1px #ddd;} .mobile_poll_ui .question_box .question_txt {margin-bottom:10px; font-size:18px;} .mobile_poll_ui .question_box .answer_txt {margin-bottom:10px;} .mobile_poll_ui .question_box .answer_txt ul {} .mobile_poll_ui .question_box .answer_txt ul li {font-size:14px; /*padding:5px 5px 5px 10px;*/} /* 설문하기 */ .suvey_box {padding-top:30px;} .suvey_box h5 {font-size:18px;} .objective_box {padding:10px 0;} .objective_box .question {font-size:16px; font-weight:600;} .objective_box .question .label_msg {display:inline-block; padding:0 10px; height:20px; line-height:20px; color:#fff; font-size:13px; background-color:#009688; border-radius:30px;} .objective_box .answer {margin-top:5px; padding:10px 0; font-size:14px; border-radius:5px;} .objective_box .answer ul {display:block;} .objective_box .answer ul li {padding:5px 5px 5px 30px; text-indent:-15px; width:50%;} .objective_box .answer ul li label {display:inline-block; padding:0 10px;} .objective_box .answer ul li label input {} .objective_box .answer ul li label span {} .subjective_box {padding:10px 0;} .subjective_box .question {font-size:16px; font-weight:600;} .subjective_box .answer {padding:10px 0;} .subjective_box .answer textarea {font-size:14px; border:solid 1px #ccc; border-radius:10px; resize:none;} @media all and (max-width:768px){ table.table_capa_poll {display:none;} .mobile_poll_ui {display:block;} .suvey_box {margin-top:0; border-top:none;} .objective_box .answer ul {display:block;} .objective_box .answer ul li {width:auto;} } @media all and (max-width:480px){ .mobile_poll_ui .question_box {padding:10px 0;} .mobile_poll_ui .question_box .question_txt {font-size:16px;} .mobile_poll_ui .question_box label {display:inline-block; margin:0 2px; padding:3px 10px;} .mobile_poll_ui .question_box .play_level {padding:5px 0;} } /* 조사 진행상황 체크 스크롤 ////////////////////////////////////////////////////////////////////*/ .diagnosis_status_box {width:100%;} .diagnosis_status_box .swipe_banner {padding:0 50px;} .diagnosis_status_box .program_datelist {padding:0;} .diagnosis_status_box .program_datelist div {overflow:hidden; text-align:center; height:35px; position:relative;} .diagnosis_status_box .program_datelist div a {display:inline-block; width:22px; height:22px; text-align:center; font-size:13px; line-height:22px; color:#fff; border:solid 3px #1a1a1a; background-color:#1a1a1a; border-radius:30px; position:relative; top:4px; z-index:100;} .diagnosis_status_box .program_datelist div a.once_view {border:solid 3px #ff9800; background-color:#333;} .diagnosis_status_box .program_datelist div a.complate {text-indent:-10000px; border:solid 3px #ff9800; background:url('/images/icon/icon_check.png') no-repeat center center #7d7000; background-size:70%;} .diagnosis_status_box .program_datelist div a:hover {border:solid 3px #00ffc8;} .diagnosis_status_box .program_datelist div a.complate.current, .diagnosis_status_box .program_datelist div a.once_view.current {border-radius:0; border:solid 3px #00ffc8;} .diagnosis_status_box .program_datelist div span.bar {display:inline-block; width:150%; height:1px; background-color:#666; position:absolute; top:18px; left:0; z-index:0;} /*진단 상위 영역*/ .diagnosis_popup div.upper_section {display:none;} .diagnosis_popup div.upper_section.active {display:block;} @media all and (max-width:640px){ .diagnosis_status_box .swipe_banner {padding:0 30px;} } .diagnosis_status_box .slick-prev, .diagnosis_status_box .slick-next { font-size:0; line-height: 0; position: absolute; top: 50%; display: block; width: 24px; height: 26px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background:url('/images/icon/icon_arrow_next.png') no-repeat center center; } .diagnosis_status_box .slick-prev:before {content: '';} [dir='rtl'] .program_date_table .slick-prev:before {content: '';} .diagnosis_status_box .slick-next:before {content: '';} [dir='rtl'] .program_date_table .slick-next:before {content: '';} .diagnosis_status_box .slick-prev { left:-20px; background:url('/images/icon/icon_arrow_prev.png') no-repeat center center; } .diagnosis_status_box .slick-prev:hover, .diagnosis_status_box .slick-prev:focus { background:url('/images/icon/icon_arrow_prev.png') no-repeat center center; } .diagnosis_status_box .slick-next { right:-20px; background:url('/images/icon/icon_arrow_next.png') no-repeat center center; } .diagnosis_status_box .slick-next:hover, .diagnosis_status_box .slick-next:focus { background:url('/images/icon/icon_arrow_next.png') no-repeat center center; } /* 테스크탑 */ @media all and (max-width:1260px){ .diagnosis_status_box .slick-prev {left:-30px;} .diagnosis_status_box .slick-next {right:-30px;} } /* 일반회원가입 */ .membership_box_normal {margin:0 auto; padding:50px; width:70%; border:solid 1px #ccc; border-radius:30px; box-sizing:border-box; transition:all 0.2s ease-out;} .membership_box_normal button {padding:0; width:300px; height:40px; color:#fff; font-size:16px; border-radius:3px; line-height:40px; overflow:hidden; box-sizing:border-box;} .membership_box_normal button:hover {opacity:0.9;} .normal_type_input {margin:0 auto; width:400px;} .normal_type_input h3 {margin-bottom:20px; font-size:24px; border-bottom:solid 1px #ccc;} .normal_type_input input.email_input {margin-bottom:10px; width:300px; height:40px; line-height:40px; border-radius:3px; box-sizing:border-box;} .normal_type_input button {background-color:#7894c7;} .normal_type_input a {text-decoration:underline; color:#ff0000;} .normal_type_policy_check {} .normal_type_policy_check h3 {margin-bottom:20px; font-size:24px; border-bottom:solid 1px #ccc;} .policy_check {padding:5px 0;} .policy_check .check_act {margin-bottom:5px; padding:0 10px; position:relative;} .policy_check .check_act input[type="checkbox"] {width:15px; height:15px;} .policy_check .check_act a.btn_policy_view {position:absolute; top:0; right:5px;} .policy_check .check_act a.btn_policy_view i {font-size:20px; transition:all 0.2s ease-out;} .policy_check .check_act a.btn_policy_view.active i {transform:rotate(180deg);} .policy_check .policy_txt {height:250px; border:solid 1px #ccc; border-radius:10px; box-sizing:border-box; overflow:hidden;} .policy_check .policy_txt iframe {width:100%; height:250px; border:none;} /* 약관페이지 스타일 */ .policy_page {padding:10px; background-color:#fff;} .policy_page .policy_title {display:inline-block; padding:0 15px; font-size:14px; color:#fff; background-color:#aaa; border-radius:30px;} .policy_page .policy_page_txt {margin-bottom:30px;} /* 테스크탑 */ @media all and (max-width:1200px){ } /* 테블릿*/ @media all and (max-width:768px){ .membership_box_normal {padding:15px; border-radius:20px;} .normal_type_input {margin:0 auto; width:100%;} .normal_type_input button {padding:0; width:100%; height:40px; color:#fff; font-size:16px; border-radius:3px; line-height:40px; overflow:hidden;} .normal_type_input input.email_input {width:100%;} } /* 모바일*/ @media all and (max-width:480px){ .membership_box_normal {padding:10px 10px 30px; width:100%;} } /* 회원정보입력: 2024-04-23 */ .memberform_content {padding:15px; border-bottom:solid 1px #ccc;} .memberform_content label {display:block; padding-left:20px; font-size:18px; position:relative;} .memberform_content label:after {display:block; content:''; width:5px; height:2px; background-color:#333; position:absolute; left:5px; top:40%;} .memberform_content input[type="text"], .memberform_content input[type="email"], .memberform_content input[type="password"], .memberform_content input[type="tel"] {padding:0 10px; width:100%; height:38px; font-size:15px; border:solid 1px #bbb; border-radius:10px; box-sizing:border-box;} .memberform_content select {padding:0 10px; height:38px; font-size:15px; border:solid 1px #bbb; border-radius:10px; box-sizing:border-box;} .memberform_content input[type="text"].error, .memberform_content input[type="email"].error, .memberform_content input[type="password"].error, .memberform_content input[type="tel"].error {color:#ff0000; border:solid 1px #ff0000;} .memberform_content .error_msg {display:block; color:#ff0000;} .adress_content {padding-right:120px; overflow:hidden; position: relative;} .adress_content input {} .adress_content a {width:100px; height:36px; line-height:36px; font-size:15px; text-align:center; border-radius:10px; position:absolute; top:0; right:0;} .policy_box {padding-top:30px; margin-top:30px;} .policy_box h4 {margin-bottom:10px; padding:0 10px; border-bottom:solid 1px #ccc;} /* 테블릿*/ @media all and (max-width:768px){ .memberform_content label {padding-left:15px; font-size:16px;} .memberform_content input[type="text"], .memberform_content input[type="email"], .memberform_content input[type="password"], .memberform_content input[type="tel"] {padding:0 5px; width:100%; height:30px; font-size:12px; border-radius:5px;} .memberform_content select {padding:0 5px; height:30px; font-size:14px; border-radius:5px;} .memberform_content input[type="text"], .memberform_content input[type="email"], .memberform_content input[type="password"], .memberform_content input[type="tel"]::placeholder {font-size:12px; letter-spacing:-1px;} .memberform_content .error_msg {font-size:12px;} .adress_content {padding-right:110px;} .adress_content a {width:90px; height:28px; line-height:28px; font-size:14px; border-radius:5px;} } /* 모바일*/ @media all and (max-width:480px){ .memberform_content {padding:15px 5px;} } /* AI요약 리스트 : 반응형 2024-09-27 ////////////////////////////////////////////////////////////////////*/ @media all and (max-width:1024px){ #ai_summary_list {border:none;} #ai_summary_list colgroup {display:none;} #ai_summary_list thead {display:none;} #ai_summary_list tbody {} #ai_summary_list tbody tr {display:block; margin-bottom:10px; border:solid 1px #999; border-radius:5px; padding:5px;} #ai_summary_list tbody td {display:inline-block; text-align:left; border:none;} #ai_summary_list tbody td.rwd_checkbox {} #ai_summary_list tbody td.rwd_subject, #ai_summary_list tbody td.rwd_status {display:block; border-bottom:solid 1px #ccc;} #ai_summary_list tbody td.rwd_subject .subject {font-size:16px;} #ai_summary_list tbody td.rwd_num {display:none;} #ai_summary_list tbody .mobile_hidden {display:none;} #ai_summary_list tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:12px; color:#999; background:url('../images/icon/bullet_dot_xm.png') no-repeat left center;} #ai_summary_list tbody td.rwd_block {display:block; line-height:1.0;} #ai_summary_list tbody td.end.rwd_block {border-top:solid 1px #ccc;} #ai_summary_list tbody td .btn {padding:0 10px; height:26px; line-height:26px;} }