/* 사이드영역 기본 레이아아웃 */ .side_box {position:fixed; top:0; left:0; transform:translateX(-100%); max-width:300px; width:calc(100% - 75px); height:100%; visibility: hidden; opacity:0; transition: all .3s; background:#fff; z-index:10000002;} .side_box.show {transform:translateX(-100%); visibility: hidden; opacity: 1; } .side_box > i {position:absolute; top:25px; right:25px; color:red; font-size:22px; transition:all .3s; z-index: 1; display: none;} @media screen and (max-width: 1160px){ .side_box.show {transform:translateX(0); visibility: visible; opacity: 1; } } .side_box ul.log_mem {display:inline-block; vertical-align:middle; position: absolute; bottom:0; left:0; width:100%; line-height: 100%; font-size:0; padding:0 20px; white-space: normal; background:#fff; z-index:1;} .side_box ul.log_mem li {display:inline-block; vertical-align:middle; width:33.3333%; line-height: 100%; text-align: center; padding: 30px 0 ; position:relative; } .side_box ul.log_mem li:last-child {border:0;} .side_box ul.log_mem li a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;} .side_box ul.log_mem li i, .side_box ul.log_mem li span {display:inline-block; width:100%; line-height: 100%;} .side_box ul.log_mem li i {font-size: 25px; color:#000; padding-bottom:7px; } .side_box ul.log_mem li span {font-size: 11px; font-weight: 700; color:#777; letter-spacing:-0.05em; transition:all .3s;} .side_box ul.log_mem li:hover span {color:#000;} .side_box ul.log_mem.guest {text-align: center;border-top:0px solid #eee;padding: 0 0px;} .side_box ul.log_mem.guest li {width:50%; font-size: 0; border: 0px solid #eee; border-width: 0 0px 0 0; padding: 20px 0;} .side_box ul.log_mem.guest li i, .side_box ul.log_mem.guest li span {display:inline-block; vertical-align: middle; width:auto; line-height: 100%;} .side_box ul.log_mem.guest li i {font-size: 14px; color:#000; padding:0 7px 0 0; } .side_box ul.log_mem.guest li span {font-size: 11px; letter-spacing:0; } .side_box .sd_head {position:relative; text-align: center; height:90px; transition: all .3s; background:#fff; border-bottom:1px dashed #f4f4f4;} .side_box .sd_head:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/bg_slide.png); opacity:0.3; z-index:-1;} .side_box .sd_head .logo {position: absolute; left: 0; top:0; font-size:0; z-index: 1;transition: all .3s; cursor:pointer; width:100%; height:100%; background:url(../../images/logo_default.png) no-repeat; background-size:40% auto; background-position:30px 30px; } .side_box .sd_head .logo a {position: absolute; left: 0; top:0; width:100%; height:100%; font-size:0;} .side_box .sd_content {position:relative; height:calc(100% - 90px);overflow-y:overlay; padding:0 0 120px 0;} .side_box .sd_content:: {-ms-overflow-style: none;} .side_box .sd_content::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;} .side_box .sd_content::-webkit-scrollbar-thumb {background:rgba(0,0,0,0); border-radius:15px; transition:all .3s;} .side_box .sd_content:hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); transition:all .3s;} .side_box .sd_content ul.c1_cate {position: relative; line-height: 100%; padding:25px 45px; } .side_box .sd_content ul.c1_cate > li {display:inline-block; line-height: 100%; width:100%;} .side_box .sd_content ul.c1_cate > li > a {display:block; } .side_box .sd_content ul.c1_cate > li > a span {position:relative; display:inline-block; width:100%;font-size: 13px;line-height: 100%; font-weight: 700; padding: 10px 0px; color:#333; border:0px solid red; text-transform:uppercase;} .side_box .sd_content ul.c1_cate > li.on > a span {color:var(--sym_color);} .side_box .sd_content ul.sub_cate1 {position: relative; top: 0; left: 0; border:0px solid red; line-height: 100%; padding:0px 0px 25px 5px;} .side_box .sd_content ul.sub_cate1 > li {display:inline-block; width:100%; line-height: 100%; } .side_box .sd_content ul.sub_cate1 > li a {display:block; line-height: 100%; padding:3px 3px;} .side_box .sd_content ul.sub_cate1 > li a span {font-size: 11px;line-height: 100%; font-weight: 700; color:#999; letter-spacing:0em; transition:all .3s; white-space:nowrap;} .side_box .sd_content ul.sub_cate1 > li a:hover span {color:#000;} .side_box .sd_content ul.sub_cate1 > li:last-child a {border:0;} .side_box .sd_content ul.sub_cate1 > li.on > a span, .side_box .sd_content ul.sub_cate1 > li.on:hover > a span {color:#000;} .side_box h2 {position:relative;font-size:43px; font-weight:200; color:#000; line-height:110%;padding:20px 0 0 0; } .side_box h2 > em {font-size:30px; font-weight:900; color:#efefef; display:inline-block; line-height:110%; width:100%; font-style:normal;padding:0 0 5px 5px; position:relative;} .side_box h2 > span {font-size:70px; font-weight:800; color:#000; display:inline-block; line-height:110%; position:relative;} .side_box h2 > span.sym {width:100%; margin-bottom:13px; font-size:0;} .side_box h2 .sta_ment {display:inline-block; position:relative;} .side_box h2 .sta_ment em {font-weight:500; font-style:normal;} .side_box h2 .sta_ment .schedule_box {position:absolute; top:50%; right:0; transform:translate(0, -50%); } .side_box h2 .sta_ment .schedule_box .go_bid {position:absolute; top:50%; left:20px; transform:translate(0, -50%); font-size:14px; line-height:100%; white-space:nowrap; background:#e24078; border-radius:3px; transition:all .2s;} .side_box h2 .sta_ment .schedule_box .go_bid a {display:block; font-size:14px; line-height:100%; padding:10px; white-space:nowrap; color:#fff; font-weight:800;} .side_box h2 .sta_ment .schedule_box .go_bid:before {content:""; position:absolute; top:50%; left:-5px; transform:translateY(-50%); border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #e24078;} .side_box h2 .sta_ment .schedule_box .go_bid:hover {background:#ff1f6c;} .side_box h2 .sta_ment .schedule_box .go_bid:hover:before {border-right:5px solid #ff1f6c;} .side_box h2 .sta_ment .schedule_box .go_bid.ready {background:#e24078;} .side_box h2 .sta_ment .schedule_box .go_bid.ready:before {border-right:5px solid #e24078;} .side_box h2 .sta_ment .schedule_box .go_bid.ready:hover {background:#ff1f6c;} .side_box h2 .sta_ment .schedule_box .go_bid.ready:hover:before {border-right:5px solid #ff1f6c;} .side_box h2 .sta_ment .schedule_box .go_bid.ing {background:var(--btn_bg_off);;} .side_box h2 .sta_ment .schedule_box .go_bid.ing:before {border-right:5px solid var(--btn_bg_off);;} .side_box h2 .sta_ment .schedule_box .go_bid.ing:hover {background:var(--btn_bg_on);;} .side_box h2 .sta_ment .schedule_box .go_bid.ing:hover:before {border-right:5px solid var(--btn_bg_on);} .side_box .notice_area {position:relative; padding:10px 35px 0 35px;} .side_box .notice_area:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.4;} .side_box .notice_area h3 {position:relative;font-size:11px; font-weight:700; color:#777; line-height:110%;padding:0px; background:none; border-radius:35px; display:inline-block; margin:0 0 10px 0; z-index:1;} .side_box ul.notice_mbx {position:relative; z-index:1;} .side_box ul.notice_mbx li {position:relative; text-align:left;} .side_box ul.notice_mbx li h4, .side_box ul.notice_mbx li p, .side_box ul.notice_mbx li span {position:relative; display:inline-block; width:100%;} .side_box ul.notice_mbx li h4 a {display:block; font-family:var(--neo); font-size:14px; color:#333; line-height:130%; font-weight:700; transition:all .3s;} .side_box ul.notice_mbx li p { margin:10px 0 0 0;} .side_box ul.notice_mbx li p a {display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; font-family:var(--neo); font-size:10px; color:#000; opacity:0.25; transition:all .3s; line-height:150%; font-weight:600; } .side_box ul.notice_mbx li span {font-size:11px; color:#000; padding:7px 0 0 0; opacity:0.45; text-align:left; display:none;} .side_box ul.notice_mbx li:hover h4 a {color:#000;} .side_box ul.notice_mbx li:hover p a {opacity:1;} .side_box .my_class_btn {position: relative; left: 0; right: 0; font-size: 0; text-align: center; padding: 15px 20px;border-radius: 30px; margin:0 auto; background: #03b; transition: all .2s; cursor: pointer; width:calc(100% - 50px); } .side_box .my_class_btn i, .side_box .my_class_btn span {display: inline-block; vertical-align: middle; transition: all .2s;} .side_box .my_class_btn i {font-size: 15px; color: #fff; padding: 0 7px 0 0;} .side_box .my_class_btn span {font-size: 12px; color: #fff; font-weight: 700} .side_box .my_class_btn:hover {background:var(--sym_color) ;} .side_box .my_class_btn:hover {color: rgba(255,255,255,1)} .side_box .latest_box_sub {position:relative; padding: 35px 45px;} .side_box .latest_box_sub h3 {display: inline-block;position:relative; font-size: 10px; line-height: 100%; padding: 3px; background: var(--sym_color); font-weight: 500; border-radius: 3px; color:#fff; margin: 0 0 7px 0;} .side_box ul.latest_call {position:relative; line-height: 100%;} .side_box ul.latest_call li {display: inline-block; width: 100%; position:relative; } .side_box ul.latest_call li h4, .side_box ul.latest_call li p, .side_box ul.latest_call li span {display: inline-block; width: 100%; position:relative; transition: all .3s;} .side_box ul.latest_call li h4 {font-size: 13px; color: #000; line-height: 140%; font-weight: 700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .side_box ul.latest_call li p {font-size: 10px; color: #999; line-height: 140%; font-weight: 500; padding: 0px 0 0 0; } .side_box ul.latest_call li span {font-size: 11px; color: #ddd; line-height: 140%; font-weight: normal; font-family: tahoma; padding: 10px 0 0 0; dis play: none;} .side_box ul.latest_call li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; font-size: 0;} .side_box ul.latest_call li:hover h4 {color: #000; } .side_box ul.latest_call li:hover p {color: #333;} @media screen and (max-width: 650px){ } @media screen and (max-width: 300px){ .side_mask > i {display: none;} .side_box {width:100%;} .side_box > i {display: block;} } .side_box .sd_head .logo_box {position:absolute; top:20px; right:20px;} .side_box .sd_head .logo_box img {width:20px;} .login_user { position:absolute; top:50%; left:0; transform:translateY(-50%); padding:0; width:100%; z-index:1;} .login_user .info_box {position:relative; padding:0 45px 35px 45px;} .login_user .info_box i {position:absolute; top:0; left:0; font-size:40px; color:#000;} .login_user .info_box .set {position:relative; } .login_user .info_box .set > div {display:inline-block; width:100%; line-height:110%; text-align:left; position:relative;} .login_user .info_box .set .who {font-family:var(--neo); font-size:20px; font-weight:800; color:#000; letter-spacing:-0.05em;padding:0px 0 10px 0;} .login_user .info_box .set .who span {display:inline-block; font-size:13px; letter-spacing:0em; padding-left:5px;} .login_user .info_box .set .msg {font-size:11px; color:#000; line-height:140%; opacity:0.4;} .login_user nav.user_mov {position:relative; font-size:0; padding:0 25px; display:flex; } .login_user nav.user_mov li {flex:1; font-size:0; position:relative;} .login_user nav.user_mov li a {position:absolute; top:0; left:0; font-size:0; width:100%; height:100%;} .login_user nav.user_mov li i, .login_user nav.user_mov li span {display:inline-block; width:100%; line-height:100%;} .login_user nav.user_mov li i {font-size:28px; color:#000;} .login_user nav.user_mov li span {font-size:12px; color:#333; padding-top:3px;font-family:var(--neo); font-weight:600; letter-spacing:-0.05em;} @media screen and (max-width: 650px){ .side_box .sd_head .logo_box img {width:15px;} .login_user .info_box {position:relative; padding:0 35px 30px 35px;} .login_user .info_box .set .who {font-size:18px; padding:0px 0 10px 0;} .login_user .info_box .set .who span {font-size:11px;} .login_user .info_box .set .msg {font-size:10px; line-height:130%; opacity:0.3;} .login_user nav.user_mov {padding:0 20px;} .login_user nav.user_mov li i {font-size:25px;} .login_user nav.user_mov li span {font-size:11px; padding-top:3px;} } /* 사이드영역 사이트메뉴 출력 / navi_default_toggle */ ul.navi_mb {display:inline-block; width:100%;margin:0; padding:35px 40px;} ul.navi_mb > li {position:relative; } ul.navi_mb > li > a {display:block; font-family: var(--neo); font-size: 18px; font-weight: 700; letter-spacing: -0.05em;padding:10px 0px; color:rgba(0,0,0,0.5); position:relative;} ul.navi_mb > li > a:hover {color:#000; } ul.navi_mb > li > a .plus {position:absolute; top:50%; right:0; transform: translateY(-50%); color:rgba(0,0,0,0.2); font-size:12px; display: none;} ul.navi_mb > li > a.on {color:#000; font-weight:800;} ul.navi_mb > li > a.on .plus {color:#000; } ul.navi_mb > li ul.sub2 {display: inline-block; padding:10px 0 25px 5px; font-size:0; width:100%; } ul.navi_mb > li ul.sub2 li {display:inline-block; vertical-align:middle; width:100%; } ul.navi_mb > li ul.sub2 li a {padding:7px 0; font-family: var(--neo); font-size: 15px; font-weight: 700; letter-spacing: -0.05em; width:100%; color:rgba(0,0,0,0.4); line-height:100%; display:block;} ul.navi_mb > li ul.sub2 li a:before {content:"ㆍ ";} ul.navi_mb > li ul.sub2 li a.on2 {color:#000; font-weight:800;} ul.navi_mb > li ul.sub3 {float:left; padding:10px 0 15px 0; font-size:0; width:100%; border-bottom:1px dashed #eeeeee;} ul.navi_mb > li ul.sub3 li {display:inline-block; vertical-align:middle; width:100%; } ul.navi_mb > li ul.sub3 li a {padding:5px 15px 5px 40px; font-size:11px; width:100%; color:rgba(0,0,0,0.7); display:block;background:white; border-bottom:0; } ul.navi_mb > li ul.sub3 li:last-child a {border-bottom:0; } ul.navi_mb > li ul.sub3 li a:before {content:"- ";} ul.navi_mb > li ul.sub3 li a:hover {background:#ffffff; color:black; } ul.navi_mb > li ul.sub3 li a.on3 {color:orange;} ul.navi_mb > li ul.sub4 {float:left; padding:5px 0 10px 0; font-size:0; width:100%; } ul.navi_mb > li:last-child ul.sub4 {padding-bottom:0;} ul.navi_mb > li ul.sub4 li {display:inline-block; vertical-align:middle; width:100%; } ul.navi_mb > li ul.sub4 li a {padding:5px 15px 5px 45px; font-size:11px; width:100%; color:rgba(0,0,0,0.7); display:block;background:white; border-bottom:0; } ul.navi_mb > li ul.sub4 li:last-child a {border-bottom:0; } ul.navi_mb > li ul.sub4 li a:before {content:"";} ul.navi_mb > li ul.sub4 li a:hover {background:#ffffff; color:black; } ul.navi_mb > li ul.sub4 li a.on4 {color:yellow;} @media screen and (max-width: 650px){ ul.navi_mb > li > a {font-size: 16px; padding:7px 0px;} ul.navi_mb > li ul.sub2 {padding:5px 0 20px 5px;} ul.navi_mb > li ul.sub2 li a {padding:5px 0; font-size: 13px;} } /* mask */ .side_mask {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); visibility: hidden; opacity: 0; transition: all .3s; z-index:10000001;} .side_mask.show {opacity: 0; visibility: hidden; } .side_mask > i {position:absolute; top:25px; right:25px; transform:translateX(-100%); color:#fff; font-size:22px; transition:all .3s; display:none;} .side_mask.show > i { transform:translateX(0);} @media screen and (max-width: 1160px){ .side_mask.show {opacity: 1; visibility: visible; } .side_mask > i {display:block;} .side_mask.show > i { transform:translateX(0);} } /**/ .side_box ul.sns_share {position:absolute; bottom:0; left:0; width:100%; font-size:0; text-align:left; padding:0 30px 25px 30px; z-index:2;} .side_box ul.sns_share li {display:inline-block; vertical-align:middle; width:22px; border-radius:3px; overflow:hidden; font-size:0; position:relative; cursor:pointer;background:#fff; border:1px solid #f4f4f4; transition:all .3s; margin-left:6px;} .side_box ul.sns_share li:first-child {} .side_box ul.sns_share li:after {content:""; display:block; padding-top:100%;} .side_box ul.sns_share li i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:15px; } .side_box ul.sns_share li span {position:absolute; top:0; left:0; width:100%; height:100%; } .side_box ul.sns_share li img {width:100%;} .side_box ul.sns_share li a {display:block;} .side_box ul.sns_share li.btn_share {border-color:#777; background:#777; color:#fff;} .side_box ul.sns_share li.btn_kakao {border-color:#fae100; background:#fae100; color:#3c1e1e;} .side_box ul.sns_share li.btn_facebook {border-color:#3963a5; background:#3963a5; color:#fff;} .side_box ul.sns_share li.btn_share:hover {border-color:#333; background:#333;} .side_box ul.sns_share li.btn_kakao:hover {border-color:#ffef62; background:#ffef62;} .side_box ul.sns_share li.btn_facebook:hover {border-color:#1b4483; background:#1b4483;} .side_box ul.sns_share li.btn_share i {font-size:12px;} .side_box ul.sns_share li.btn_kakao i {font-size:19px;} .side_box ul.sns_share li.btn_facebook i {font-size:16px;} /* ================= */ .student_report {position:fixed; top:0; right:0; width:300px; height:100%; padding:0; z-index:10000000; transition:all .3s; transform:translateX(100%);} .student_report.show {transform:translateX(0%);} .student_report.hidden {transform:translateX(0%);} .student_report .rp_control {position:absolute; width:35px; height:35px; border-radius:100%; top:50%; left:-5px; transform:translate(-100%, -50%); background: #001735; cursor:pointer; transition: all .0s;} .student_report .rp_control span {position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: #fff; font-size: 11px; font-weight: 600; display: none;} .student_report.show .rp_control {top:35px; left:-15px; transform:translate(-100%, 0); } .student_report.show .rp_control span {display: none;} .student_report .rp_control:hover {background:#003d6b;} .student_report .rp_control i {position:absolute; top:50%; left:5px; transform:translate(0, -50%); font-size:20px; color:#fff;} .student_report.show .rp_control i {top:50%; left:50%; transform:translate(-50%, -50%); } .student_report .rp_control:before {content:"Quick"; position:absolute; width:60px; line-height:25px; border-radius:35px; top:50%; left:-65px; transform:translate(0%, -50%); background: var(--sym_color); color:#fff; text-align:center; font-size:10px; white-space:nowrap; font-weight:500; letter-spacing:0.05em;} .student_report.show .rp_control:before {display:none;} .student_report .rp_con {position:relative; height:100%; background:#191e35; border-radius:0;} .student_report .sd_head {position:relative; text-align: center; height:240px; transition: all .3s; } .student_report .sd_head .logo {position: relative; font-size:0; z-index: 1;transition: all .3s; width:100%; height:80px; background:url(../../images/logo_default_w.png) no-repeat; background-size:auto 30% !important; background-position:35px 40px !important; } .student_report .sd_head .logo a {position:absolute; top:0; left:0; width:0; height:0; font-size:0; color:#555; font-weight:800; line-height:110%; text-align:left; } .student_report .sd_head .logo a span {display:inline-block; width:100%; border:0px solid red; font-weight:900; color:#000; line-height:110%; font-size:22px; padding-bottom:5px;} .student_report .sd_head > img {position:absolute; top:15px; right:15px; width:35px;} .student_report .sd_head .modify {position:absolute; top:25px; right:25px; text-align:left; font-size:0; white-space:nowrap; z-index:5;} .student_report .sd_head .modify a {display:block;} .student_report .sd_head .modify i, .student_report .sd_head .modify span {display:inline-block; vertical-align:middle; line-height:100%;} .student_report .sd_head .modify i {font-size:18px; color:#eee;} .student_report .sd_head .modify span {font-size:11px; font-weight:500; color:rgba(255,255,255,0.6); padding-left:3px; display:none;} .student_report .login_infobx {position:relative; bottom:0; left:0; width:100%; text-align:left; padding:20px 40px 30px 40px; } .student_report .login_infobx .name, .student_report .login_infobx .kind {position:relative; } .student_report .login_infobx .name {font-weight:600; color:#fff; font-size:14px;} .student_report .login_infobx .name span {display:inline-block; vertical-align:bottom; font-weight:normal; font-family:tahoma; color:rgba(255,255,255,0.6); font-size:12px; padding-left:5px;} .student_report .login_infobx .kind {font-weight:600; color:rgba(255,255,255,0.6); font-size:12px;} .student_report .now_stream {position:relative; z-index:2;} .student_report .now_stream .ns_pos {position:relative; max-width:1200px; width:100%; left:0; right:0; margin:auto; padding:0 0 40px 0px; } .student_report .now_stream .ns_hdbx {position:relative; font-size:0; text-align:left; padding:0 0 20px 0;} .student_report .now_stream .ns_hdbx h2 {position:relative;font-size:20px; font-weight:900; color:#000; line-height:110%; letter-spacing:-0.05em; z-index:1;} .student_report .now_stream .ns_hdbx h2 span {color:#0084e5;} .student_report .now_stream .ns_hdbx p {position:relative;font-size:12px; font-weight:500; color:rgba(0,0,0,0.45); line-height:140%; padding:10px 0 0 0px; z-index:1; letter-spacing:0em;} .student_report .now_stream ul.ns_set {position:relative; font-size:0; counter-reset:li; padding:0 0px; left:0; right:0; max-width:330px; margin:auto;} .student_report .now_stream ul.ns_set li {display:inline-block; vertical-align:top; font-size:0; width:50%; text-align:center; padding:5px 0; border-right:1px dashed rgba(255,255,255,0.07);position:relative;} .student_report .now_stream ul.ns_set li:last-child {border:0 !important;} .student_report .now_stream ul.ns_set li > div {display:inline-block; vertical-align:middle; width:100%; line-height:100%; letter-spacing:0em;} .student_report .now_stream ul.ns_set li .tt {color:rgba(255,255,255,0.7);;font-size:11px; font-weight:500;padding-top:12px; letter-spacing:-0.1em;} .student_report .now_stream ul.ns_set li .txt {color:#fff; font-weight:900;font-size:17px; } .student_report .now_stream ul.ns_set li .point {color:#fbff00;} .student_report .now_stream ul.ns_set li em {position:absolute; top:-15px; left:0; width:100%; text-align:center; font-style:normal; color:#ddd; font-weight:600;font-size:10px; line-height:100%; } .student_report .sd_content {position:relative; height:calc(100% - 240px);overflow-y:overlay; padding:0 0 120px 0;} .student_report .sd_content:: {-ms-overflow-style: none;} .student_report .sd_content::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;} .student_report .sd_content::-webkit-scrollbar-thumb {background:rgba(0,0,0,0); border-radius:15px; transition:all .3s;} .student_report .sd_content:hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); transition:all .3s;} .student_report .sd_content ul.c1_cate {position: relative; line-height: 100%; padding:25px 0; text-align:left;} .student_report .sd_content ul.c1_cate > li {display:inline-block; line-height: 100%; width:100%; margin-bottom:5px;} .student_report .sd_content ul.c1_cate > li > a {display:block; font-size: 15px;line-height: 100%; font-weight: 800; padding: 8px 40px; color:rgba(255,255,255,0.7); font-size:0; position:relative; transition:all .1s;} .student_report .sd_content ul.c1_cate > li > a:hover {color:#fff;} .student_report .sd_content ul.c1_cate > li.on > a {color:#39d1ff; font-weight: 900;} .student_report .sd_content ul.c1_cate > li > a i, .student_report .sd_content ul.c1_cate > li > a span {display:inline-block; vertical-align:middle; line-height:100%;transition:all .3s;} .student_report .sd_content ul.c1_cate > li > a i {width:35px; border:0px solid #f4f4f4; font-size:17px; text-align:center; color:#fff;} .student_report .sd_content ul.c1_cate > li > a:hover i {} .student_report .sd_content ul.c1_cate > li > a span {width:calc(100% - 35px); font-size:14px; font-weight:500; padding:0 0 0 12px;} .student_report .sd_content ul.c1_cate > li > a em {position:absolute; top:50%; right:35px; transform:translateY(-50%); color:#fff; font-weight:500; background:#006da1; font-size:10px; font-style:normal; border-radius:10px; min-width:20px; text-align:center; padding:4px 6px; line-height:100%; display:none;} .student_report .sd_content ul.c1_cate > li.on > a span {font-weight:600;} .student_report .sd_content ul.c1_cate > li.on > a i {color:#39d1ff;} .student_report.dark .sd_content ul.c1_cate > li > a {color:rgba(255,255,255,0.65);} .student_report.dark .sd_content ul.c1_cate > li.on > a {color:#fff;} .student_report.dark .sd_content ul.c1_cate > li > a i {color:rgba(255,255,255,0.65);} .student_report.dark .sd_content ul.c1_cate > li.on > a span {color:#39d1ff;} .student_report.dark .sd_content ul.c1_cate > li.on > a i {color:#39d1ff;} .student_report .sd_content ul.c1_cate > li > a:hover i, .student_report .sd_content ul.c1_cate > li > a:hover span {color:#39d1ff;} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 {position: relative; line-height: 100%; padding:5px 0px 15px 0px; font-size:0;} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li {display:inline-block; line-height: 100%; width:100%; padding:0px 30px 0px var(--tree_pos1);} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li:before, .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li:after {content:""; position:absolute; left:var(--tree_pos1);width:15px; } .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li:before {top:0; height:100%; transform:translateX(-100%);border-left:1px solid var(--tree_line); } .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li:last-child:before {height:calc(50% + 1px);} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li:after {top:12px; border-top:1px solid var(--tree_line); transform:translateX(-100%);} .student_report .sd_content ul.c1_cate > li.on ul.sub_cate1 > li:before, .student_report .sd_content ul.c1_cate > li.on ul.sub_cate1 > li:after {border-color:var(--tree_line_on); } .student_report .sd_content ul.c1_cate > li.on ul.sub_cate1 > li.on:after {/*border-color:yellow; */} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li a {display:block; line-height: 100%; position:relative;} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li a:hover span {color:#fff;} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li:last-child a {border:0;} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li.on > a span, .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li.on:hover > a span {color:#86ddff; } .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li.on a:before {content:"dd"; position:absolute; top:50%; left:0; transform:translateY(-50%); width:3px; height:3px; background:#86ddff; border-radius:100%; opacity:0.5;} .student_report .sd_content ul.c1_cate > li.on ul.sub_cate1 > li a span:before, .student_report .sd_content ul.c1_cate > li.on ul.sub_cate1 > li a span:after {border-color:var(--tree_line_on); } .student_report .sd_content ul.c1_cate > li.on ul.sub_cate1 > li.on a span:after {/*border-color:yellow; */} .student_report .sd_content ul.c2_cate {position: relative; line-height: 100%; padding: 0 0 0 15px;} .student_report .sd_content ul.c2_cate li {display:inline-block; line-height: 100%; width:100%;} .student_report .sd_content ul.c2_cate li a {display:block; font-size: 11px; line-height: 100%; font-weight: 700; padding: 3px 50px; color:#999;} .student_report .sd_content ul.c2_cate li a:before {content:"-"; display:inline-block; color:#ddd; padding-right:3px;} .student_report .sd_content ul.c2_cate li.on2 a {color:#333;} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 {position: relative; line-height: 100%; padding:5px 0px 15px 0px; font-size:0;} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li {display:inline-block; line-height: 100%; width:100%; padding:0px 30px 0px var(--tree_pos1); position:relative;} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li:before, .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li:after {content:""; position:absolute; left:var(--tree_pos1);width:15px; } .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li:before {top:0; height:100%; transform:translateX(-100%);border-left:1px solid var(--tree_line); } .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li:last-child:before {height:calc(50% + 1px);} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li:after {top:12px; border-top:1px solid var(--tree_line); transform:translateX(-100%);} .student_report .sd_content ul.c1_cate > li.on ul.sub_cate1 > li:before, .student_report .sd_content ul.c1_cate > li.on ul.sub_cate1 > li:after {border-color:var(--tree_line_on); } .student_report .sd_content ul.c1_cate > li.on ul.sub_cate1 > li.on:after {/*border-color:yellow; */} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li a {display:block; line-height: 100%; position:relative;} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li a span {font-size: 12px;line-height: 100%; font-weight: 500; color:rgba(255,255,255,0.6); letter-spacing:0em; transition:all .3s; position:relative; padding:6px 0 6px 14px; display:inline-block;} /* .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li a span:before, .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li a span:after {content:""; position:absolute; left:0;width:10px; } .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li a span:before {top:0; height:100%; transform:translateX(-100%);border-left:1px solid var(--tree_line); } .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li:last-child a span:before {height:calc(50% + 1px);} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li a span:after {top:50%; border-top:1px solid var(--tree_line); transform:translate(-100%, -50%);} */ .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li a:hover span {color:#fff;} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li:last-child a {border:0;} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li.on > a span, .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li.on:hover > a span {color:#86ddff; } .student_report .sd_content ul.c1_cate > li ul.sub_cate1 > li.on a:before {content:""; /*position:absolute; top:calc(50% + 1px); left:0; transform:translateY(-50%); width:3px; height:3px; background:#86ddff; border-radius:100%; opacity:0.5;*/} /* .student_report .sd_content ul.c1_cate > li.on ul.sub_cate1 > li a span:before, .student_report .sd_content ul.c1_cate > li.on ul.sub_cate1 > li a span:after {border-color:var(--tree_line_on); } .student_report .sd_content ul.c1_cate > li.on ul.sub_cate1 > li.on a span:after {} */ .student_report .sd_content ul.c1_cate > li ul.sub_cate2 {position: relative; line-height: 100%; padding:5px 0px 15px 0px; font-size:0;} .student_report .sd_content ul.c1_cate > li ul.sub_cate2 > li {display:inline-block; line-height: 100%; width:100%; padding:0px 30px 0px var(--tree_pos2); position:relative;} .student_report .sd_content ul.c1_cate > li ul.sub_cate2 > li:before, .student_report .sd_content ul.c1_cate > li ul.sub_cate2 > li:after {content:""; position:absolute; left:var(--tree_pos2);width:10px; } .student_report .sd_content ul.c1_cate > li ul.sub_cate2 > li:before {top:0; height:100%; transform:translateX(-100%);border-left:1px solid var(--tree_line); } .student_report .sd_content ul.c1_cate > li ul.sub_cate2 > li:last-child:before {height:calc(50% + 1px);} .student_report .sd_content ul.c1_cate > li ul.sub_cate2 > li:after {top:12px; border-top:1px solid var(--tree_line); transform:translateX(-100%);} .student_report .sd_content ul.c1_cate > li.on ul.sub_cate2 > li:before, .student_report .sd_content ul.c1_cate > li.on ul.sub_cate2 > li:after {border-color:var(--tree_line_on); } .student_report .sd_content ul.c1_cate > li.on ul.sub_cate2 > li.on:after {/*border-color:yellow; */} .student_report .sd_content ul.c1_cate > li ul.sub_cate2 > li a {display:block; line-height: 100%; position:relative;} .student_report .sd_content ul.c1_cate > li ul.sub_cate2 > li a span {font-size: 12px;line-height: 100%; font-weight: 500; color:rgba(255,255,255,0.6); letter-spacing:0em; transition:all .3s; position:relative; padding:6px 0 6px 10px; display:inline-block;} .student_report .sd_content ul.c1_cate > li ul.sub_cate2 > li a:hover span {color:#fff;} .student_report .sd_content ul.c1_cate > li ul.sub_cate2 > li:last-child a {border:0;} .student_report .sd_content ul.c1_cate > li ul.sub_cate2 > li.on > a span, .student_report .sd_content ul.c1_cate > li ul.sub_cate2 > li.on:hover > a span {color:#86ddff; } .student_report .sd_content ul.c2_cate {position: relative; line-height: 100%; padding: 0 0 0 15px;} .student_report .sd_content ul.c2_cate li {display:inline-block; line-height: 100%; width:100%;} .student_report .sd_content ul.c2_cate li a {display:block; font-size: 11px; line-height: 100%; font-weight: 700; padding: 3px 50px; color:#999;} .student_report .sd_content ul.c2_cate li a:before {content:"-"; display:inline-block; color:#ddd; padding-right:3px;} .side_box .sd_content ul.c2_cate li.on2 a {color:#333;} .student_report .today_short_info {position:relative; transition:all .2s; text-align:left; width:100%; left:0; right:0; padding:40px 40px; margin:5px auto 0 auto; font-size: 0; border-radius:0px; border-top:1px dashed rgba(255,255,255,0.07);} .student_report .today_short_info h2 {position:relative;font-size:15px; font-weight:900; color:#fff; line-height:110%; letter-spacing:-0.05em; padding:0; margin:0;} .student_report .today_short_info h2 span {color:#0084e5;} .student_report .today_short_info p {position:relative;font-size:11px; font-weight:800; color:rgba(255,255,255,0.6); line-height:140%; padding:5px 0 0 0px;} .student_report .today_short_info ul.today_list {position:relative; margin-top:20px;} .student_report .today_short_info ul.today_list li {position:relative; display:inline-block; vertical-align:middle; width:100%; padding:0 0 0 2px; border-top:0px solid red;} .student_report .today_short_info ul.today_list li > div {position:relative; display:inline-block; vertical-align:middle;} .student_report .today_short_info ul.today_list li > .info {width:calc(100% - 70px);} .student_report .today_short_info ul.today_list li > .info span {display:inline-block; width:100%; font-size:13px; line-height:110%; position:relative;} .student_report .today_short_info ul.today_list li > .info .time {color:rgba(255,255,255,0.6); font-size:11px;font-weight:700;padding-left:17px;} .student_report .today_short_info ul.today_list li > .info .time i {position:absolute; top:50%; left:0; transform:translateY(-50%); color:rgba(255,255,255,0.7); font-size:14px;} .student_report .today_short_info ul.today_list li > .info .teacher {color:#333; padding-top:5px; font-size:11px;font-weight:700; display:none;} .student_report .today_short_info ul.today_list li > .zoom {width:70px; height:25px; background:url(../../images/zoom_logo_dark.png) no-repeat; background-size:60% auto !important; background-position:center center !important; cursor:pointer;} .student_report .today_short_info ul.today_list li.warning > .zoom {background:url(../../images/zoom_logo_off_dark.png) no-repeat; opacity:0.35;} .student_report .today_short_info ul.today_list li > .zoom i {font-size:12px; color:red;} .student_report .today_short_info ul.today_list li > .zoom a {position:absolute; top:0; left:0; width:100%; height:100%; } .student_report .today_short_info .ment {position:relative; text-align:left; font-weight:700; font-size:11px; padding:10px 0 0 0; color:#436781;} .student_report .today_short_info .ment.none {color:#436781; text-align:left; padding-top:10px;} .student_report .member_logout {position:fixed; bottom:0; right:0; text-align:right; width:300px; font-size:0; white-space:nowrap; z-index:1; background:#080f2f;} .student_report .member_logout:after {content:""; position:absolute; top:0; left:0; width:100%; height:150px; z-index:-1;} .student_report .member_logout .ml_wrap {position:relative; padding:30px 30px; } .student_report .member_logout a {display:inline-block; } .student_report .member_logout i, .student_report .member_logout span {display:inline-block; vertical-align:middle; line-height:100%;} .student_report .member_logout i {font-size:22px; color:#fff; padding-left:10px;} .student_report .member_logout span {font-size:11px; font-weight:600; color:rgba(255,255,255,0.6);} .student_report .member_logout .who {position:absolute; top:50%; left:30px; transform:translateY(-50%); font-size:12px; font-weight:500; color:rgba(255,255,255,0.3); } .student_report .member_logout .who em {font-weight:700; font-style:normal; color:rgba(255,255,255,0.7); display:inline-block; padding-right:5px;} @media screen and (max-width: 1800px){ .student_report .rp_control:before {display:none;} } @media screen and (max-width: 650px){ .student_report .rp_control, .student_report.show .rp_control {transform:translate(0,0) rotate(90deg); width:25px; height:25px;top:-35px; left:initial; right:10px;} .student_report .rp_control i {font-size:17px;} .student_report {top:initial; right:initial; left:0; bottom:0; width:100%; height:300px; transform:translate(0,100%);} .student_report.show {transform:translateY(0,0);} .student_report .sd_head .logo, .student_report .member_logout{display:none;} .student_report .login_infobx {padding:30px 30px 15px 30px;} /* .student_report .now_stream ul.ns_set {max-width:100%; text-align:left; padding:0 30px;} .student_report .now_stream ul.ns_set li {border:0 !important; width:50%; text-align:left; padding:0; line-height:100%:} .student_report .now_stream ul.ns_set li.eval {display:none;} .student_report .now_stream ul.ns_set li > div {width:auto;} .student_report .now_stream ul.ns_set li > .txt {position:absolute; top:50%; left:70px; transform:translateY(-50%); font-size:12px; } .student_report .now_stream ul.ns_set li > .tt {padding:0 0 0 0;} .student_report .now_stream ul.ns_set li > .tt:before {content:"ㆍ ";} */ .student_report .now_stream .ns_pos {padding-bottom:20px;} .student_report .sd_head {height:auto;} .student_report .sd_content {height:auto; overflow:hidden; padding:0;} .student_report .sd_content ul.c1_cate {max-width:100%; left:0; right:0; margin:auto;padding:15px 25px 0 25px; font-size:0;} .student_report .sd_content ul.c1_cate > li {width:calc(33.3333% - 4px); margin:2px; vertical-align:top;} .student_report .sd_content ul.c1_cate > li > a {padding:5px 0; background:rgba(0,0,0,0); border-radius:35px;text-align:left; position:relative;} .student_report .sd_content ul.c1_cate > li > a i {position:absolute; top:50%; left:0; transform:translateY(-50%); font-size:11px;} .student_report .sd_content ul.c1_cate > li > a span {width:100%; text-align:left; font-size:11px; padding:0 0 0 30px;} .student_report .sd_content ul.c1_cate > li > a em {display:none;} .student_report .sd_content ul.c1_cate > li ul.sub_cate1 {display:none;} .student_report .today_short_info {padding:30px 10px 0 10px; margin:25px auto 0 auto; border-top:1px dashed rgba(255,255,255,0.07); display:none;} .student_report .today_short_info h2 {font-size:14px; padding:0 20px;} .student_report .today_short_info p {font-size:10px; font-weight:600; padding:5px 20px 0 20px;} .student_report .today_short_info ul.today_list {height:155px;padding:20px; background:rgba(0,0,0,0.1); border-radius:7px;overflow-y:overlay; margin-top:15px;} .student_report .today_short_info ul.today_list:: {-ms-overflow-style: none;} .student_report .today_short_info ul.today_list::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;} .student_report .today_short_info ul.today_list::-webkit-scrollbar-thumb {background:rgba(0,0,0,0); border-radius:15px; transition:all .3s;} .student_report .today_short_info ul.today_list:hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); transition:all .3s;} }