@charset "utf-8"; /***************************** 제목 : 해커스편입 서브 CSS 작성일 : 20150210 작성자 : leewj *****************************/ @import url("/jrjump/common/css/sub/layout_.css"); @import url("/jrjump/common/css/sub/academy.css"); @import url("/jrjump/common/css/sub/lecture.css"); @import url("/jrjump/common/css/sub/room.css"); @import url("/jrjump/common/css/sub/transfer.css"); @import url("/jrjump/common/css/sub/freeLecture.css"); @import url("/jrjump/common/css/sub/community.css"); @import url("/jrjump/common/css/sub/online.css"); @import url("/jrjump/common/css/sub/member.css"); @import url("/jrjump/common/css/sub/mypage.css"); @import url("/jrjump/common/css/sub/customer.css"); @import url("/jrjump/common/css/sub/board.css"); @import url("/jrjump/common/css/sub/cafe.css"); @import url("/jrjump/common/css/sub/sitemap.css"); @import url("/jrjump/common/css/sub/recruit.css"); @import url("/jrjump/common/css/sub/layer_banner.css"); @font-face { font-family: 'noto'; font-style: normal; font-weight: 400; src: local('Noto Sans Regular'), local('NotoSans-Regular'); src: url(/jrjump/common/fonts/notokr-regular.eot); src: url(/jrjump/common/fonts/notokr-regular.eot?#iefix) format('embedded-opentype'), url(/jrjump/common/fonts/notokr-regular.woff2) format('woff2'), url(/jrjump/common/fonts/notokr-regular.woff) format('woff'), url(/jrjump/common/fonts/notokr-regular.ttf) format('truetype') } @font-face { font-family: 'noto'; font-style: normal; font-weight: 600; src: local('Noto Sans bold'), local('notokr-bold'); src: url(/jrjump/common/fonts/notokr-bold.eot); src: url(/jrjump/common/fonts/notokr-bold.eot?#iefix) format('embedded-opentype'), url(/jrjump/common/fonts/notokr-bold.woff2) format('woff2'), url(/jrjump/common/fonts/notokr-bold.woff) format('woff'), url(/jrjump/common/fonts/notokr-bold.ttf) format('truetype') } body,table,tr,td,div { font-family: 'noto', sans-serif;font-weight:normal;} * { font-family:'noto',sans-serif;} #inneriframe {display:none;} /* �ٷΰ��� ���̾� */ .direct_layer {position:absolute; top:80px; left:660px; width:162px; padding:0 0 15px 10px; background:#fff; border:1px solid #ccc; z-index:3} .direct_layer dl {margin:15px 0 0; } .direct_layer dt {padding:0 0 6px 8px; color:#000; font-weight:bold; background:url(https://cdn.hackersut.com/www/images/bullet/square02.gif) 0 4px no-repeat;} .direct_layer dd {padding:0 0 0 8px; margin:0; line-height:18px;} .direct_layer a:hover {text-decoration:underline;} .fullmenu {position:absolute; top:127px; left:0; float:left; width:994px; border:3px solid #cc0000; background:#fff url(https://cdn.hackersut.com/www/images/common/full_menuTop.gif) top repeat-x; z-index:5;} .fullmenu div {float:left; padding:0 0 20px; _margin:0 0 -1px;} .fullmenu ul {float:left;} .fullmenu a {display:inline-block; background:url(https://cdn.hackersut.com/www/images/common/full_menu.gif) no-repeat;} .fullmenu a span {display:none;} .fullmenu li a {height:22px;} @media screen and (-webkit-min-device-pixel-ratio:0){.fullmenu li a {height:19px;}} @-moz-document url-prefix() {.fullmenu li a {height:19px;}} .fullmenu .menu01 {display:inline; width:117px; margin-left:40px;} .fullmenu .menu02 {width:145px;} .fullmenu .menu03 {width:129px;} .fullmenu .menu04 {width:134px;} .fullmenu .menu05 {width:161px;} .fullmenu .menu06 {width:117px;} .fullmenu .menu07 {width:145px;} .fullmenu h2 a {height:16px; margin-top:28px; margin-bottom:22px;} .fullmenu .menu01 h2 a {width:53px; background-position:0 0;} .fullmenu .menu02 h2 a {width:53px; background-position:-117px 0;} .fullmenu .menu03 h2 a {width:67px; background-position:-262px 0;} .fullmenu .menu04 h2 a {width:54px; background-position:-391px 0;} .fullmenu .menu05 h2 a {width:92px; background-position:-525px 0;} .fullmenu .menu06 h2 a {width:53px; background-position:-686px 0;} .fullmenu .menu07 h2 a {width:66px; background-position:-803px 0;} .fullmenu .menu01 li a {width:100px;} .fullmenu a.menu0101 {background-position:0 -40px;} .fullmenu a.menu0101:hover {background-position:0 -263px;} .fullmenu a.menu0102 {background-position:0 -62px;} .fullmenu a.menu0102:hover {background-position:0 -285px;} .fullmenu a.menu0103 {background-position:0 -84px;} .fullmenu a.menu0103:hover {background-position:0 -307px;} /* .fullmenu a.menu0104 {background-position:0 -106px;} .fullmenu a.menu0104:hover {background-position:0 -329px;} */ .fullmenu a.menu0105 {background-position:0 -128px;} .fullmenu a.menu0105:hover {background-position:0 -351px;} .fullmenu a.menu0106 {background-position:0 -150px;} .fullmenu a.menu0106:hover {background-position:0 -373px;} .fullmenu a.menu0107 {background-position:0 -172px;} .fullmenu a.menu0107:hover {background-position:0 -395px;} .fullmenu .menu02 li a {width:100px;} .fullmenu a.menu0201 {background-position:-117px -40px;} .fullmenu a.menu0201:hover {background-position:-117px -263px;} .fullmenu a.menu0202 {background-position:-117px -62px;} .fullmenu a.menu0202:hover {background-position:-117px -285px;} .fullmenu a.menu0203 {background-position:-117px -84px;} .fullmenu a.menu0203:hover {background-position:-117px -307px;} .fullmenu a.menu0204 {background-position:-117px -106px;} .fullmenu a.menu0204:hover {background-position:-117px -329px;} .fullmenu a.menu0205 {background-position:-117px -128px;} .fullmenu a.menu0205:hover {background-position:-117px -351px;} .fullmenu a.menu0206 {background-position:-117px -150px;} .fullmenu a.menu0206:hover {background-position:-117px -373px;} .fullmenu a.menu0207 {background-position:-117px -172px;} .fullmenu a.menu0207:hover {background-position:-117px -395px;} .fullmenu .menu03 li a {width:100px;} .fullmenu a.menu0301 {background-position:-262px -40px;} .fullmenu a.menu0301:hover {background-position:-262px -263px;} .fullmenu a.menu0302 {background-position:-262px -62px;} .fullmenu a.menu0302:hover {background-position:-262px -285px;} .fullmenu a.menu0303 {background-position:-262px -84px;} .fullmenu a.menu0303:hover {background-position:-262px -307px;} .fullmenu a.menu0304 {background-position:-262px -106px;} .fullmenu a.menu0304:hover {background-position:-262px -329px;} .fullmenu .menu04 li a {width:100px;} .fullmenu a.menu0401 {background-position:-391px -40px;} .fullmenu a.menu0401:hover {background-position:-391px -263px;} .fullmenu a.menu0402 {background-position:-391px -62px;} .fullmenu a.menu0402:hover {background-position:-391px -285px;} .fullmenu a.menu0403 {background-position:-391px -84px;} .fullmenu a.menu0403:hover {background-position:-391px -307px;} .fullmenu a.menu0404 {background-position:-391px -106px;} .fullmenu a.menu0404:hover {background-position:-391px -329px;} .fullmenu a.menu0405 {background-position:-391px -128px;} .fullmenu a.menu0405:hover {background-position:-391px -351px;} .fullmenu a.menu0406 {background-position:-391px -150px;} .fullmenu a.menu0406:hover {background-position:-391px -373px;} .fullmenu .menu05 li a {width:130px;} .fullmenu a.menu0501 {background-position:-525px -40px;} .fullmenu a.menu0501:hover {background-position:-525px -263px;} .fullmenu a.menu0502 {background-position:-525px -62px;} .fullmenu a.menu0502:hover {background-position:-525px -285px;} .fullmenu a.menu0503 {background-position:-525px -84px;} .fullmenu a.menu0503:hover {background-position:-525px -307px;} .fullmenu a.menu0504 {background-position:-525px -106px;} .fullmenu a.menu0504:hover {background-position:-525px -329px;} .fullmenu a.menu0505 {background-position:-525px -128px;} .fullmenu a.menu0505:hover {background-position:-525px -351px;} .fullmenu a.menu0506 {background-position:-525px -150px;} .fullmenu a.menu0506:hover {background-position:-525px -373px;} .fullmenu a.menu0507 {background-position:-525px -150px;} .fullmenu a.menu0507:hover {background-position:-525px -373px;} .fullmenu .menu06 li a {width:100px;} .fullmenu a.menu0601 {background-position:-686px -40px;} .fullmenu a.menu0601:hover {background-position:-686px -263px;} .fullmenu a.menu0602 {background-position:-686px -62px;} .fullmenu a.menu0602:hover {background-position:-686px -285px;} .fullmenu a.menu0603 {background-position:-686px -84px;} .fullmenu a.menu0603:hover {background-position:-686px -307px;} .fullmenu a.menu0604 {background-position:-686px -106px;} .fullmenu a.menu0604:hover {background-position:-686px -329px;} .fullmenu a.menu0605 {background-position:-686px -128px;} .fullmenu a.menu0605:hover {background-position:-686px -351px;} .fullmenu dd {height:22px;} .fullmenu dd a {height:13px;} .fullmenu a.menu0701 {width:48px; height:23px; background-position:-803px -39px;} .fullmenu a.menu0701:hover {background-position:-803px -262px;} .fullmenu a.menu0702 {width:31px; background-position:-803px -62px;} .fullmenu a.menu0702:hover {background-position:-803px -285px;} .fullmenu a.menu0703 {width:38px; background-position:-834px -62px;} .fullmenu a.menu0703:hover {background-position:-834px -285px;} .fullmenu a.menu0704 {width:38px; background-position:-872px -62px;} .fullmenu a.menu0704:hover {background-position:-872px -285px;} .fullmenu a.menu0705 {width:31px; background-position:-803px -84px;} .fullmenu a.menu0705:hover {background-position:-803px -307px;} .fullmenu a.menu0706 {width:38px; background-position:-834px -84px;} .fullmenu a.menu0706:hover {background-position:-834px -307px;} .fullmenu a.menu0707 {width:50px; height:23px; margin:21px 0 0; background-position:-803px -127px;} .fullmenu a.menu0707:hover {background-position:-803px -350px;} .fullmenu a.menu0708 {width:52px; background-position:-803px -150px;} .fullmenu a.menu0708:hover {background-position:-803px -373px;} .fullmenu a.menu0709 {width:60px; background-position:-855px -150px;} .fullmenu a.menu0709:hover {background-position:-855px -373px;} .fullmenu a.menu0710 {width:52px; background-position:-803px -172px;} .fullmenu a.menu0710:hover {background-position:-803px -395px;} .fullmenu a.menu0711 {width:60px; background-position:-855px -172px;} .fullmenu a.menu0711:hover {background-position:-855px -395px;} .fullmenu a.menu0712 {width:52px; background-position:-803px -194px;} .fullmenu a.menu0712:hover {background-position:-803px -417px;} .fullmenu p.btn_close {position:absolute; bottom:0px; right:0px;} @media screen and (-webkit-min-device-pixel-ratio:0){ .fullmenu p.btn_close img {margin:0;}} @-moz-document url-prefix() {.fullmenu p.btn_close img {margin:0;}} #onelinebanner{position:absolute; top:-21px; left:82px; margin:0 0 -17px; width:972px; overflow:hidden;} /*@media screen and (-webkit-min-device-pixel-ratio:0){ #header .top_news {top:131px;}}*/ /*@-moz-document url-prefix() {#header .top_news {top:135px; padding-top:5px;}}*/ /* ��ũ�Ѹ� ���� ó��*/ ul.marquee {display: block; padding: 0; margin: 0; top:-6px; _top:1px; list-style: none; line-height: 1; position: relative; overflow: hidden; width: 100%; height: 100%; } @media screen and (-webkit-min-device-pixel-ratio:0){ul.marquee {top:-1px}} @-moz-document url-prefix() {ul.marquee {top:3px}} ul.marquee li { position: absolute; top: -999em; left: 0; width: 100%; height: 100%; padding: 2px 2px; _padding: 0px 2px; } @media screen and (-webkit-min-device-pixel-ratio:0){ul.marquee li {padding:0px 2px;}} @-moz-document url-prefix() {ul.marquee li {padding: 0px 2px;}} ul.marquee li div { display: block; vertical-align:top; white-space: nowrap;} /* #quick_menu {position:absolute; top:241px; right:-115px; clear:both; width:90px;} #quick_menu p.d-day {padding:7px 0 5px; color:#373737; text-align:center; font:21px Arial; letter-spacing:-1px; font-weight:bold;} #quick_menu h2 {position:relative; left:-1px;} #quick_menu ul {margin:0 0 10px 0;} #quick_menu div { width:88px; border:1px solid #d0d0d0;} #quick_menu ul {margin:0 0 0 7px;} #quick_menu ul.banner {margin:15px 0 0; border-top:2px solid #656565;} #quick_menu ul.banner {margin:10px 0 0; display:inline-block;} #quick_menu ul.banner img {margin-bottom:-4px;} @media screen and (-webkit-min-device-pixel-ratio:0){#quick_menu ul.banner img {margin-bottom:0px;}} @-moz-document url-prefix() {#quick_menu ul.banner img {margin-bottom:0px;}} */ /* d-day �߰� */ #quick_menu .d_day {margin:0 0 11px;} @media screen and (-webkit-min-device-pixel-ratio:0){#quick_menu .d_day {margin:-3px 0 12px;}} #quick_menu .d_day dt {margin:0 0 0px;} @media screen and (-webkit-min-device-pixel-ratio:0){#quick_menu .d_day dt {margin:0 0 3px;}} #quick_menu .d_day dd span {display:inline-block; width:61px; height:21px; padding:3px 0 0 8px; color:#fff; font:16px Arial; letter-spacing:14px; font-weight:bold; background:url(https://cdn.hackersut.com/www/images/common/dday_box02.gif) no-repeat;} @media screen and (-webkit-min-device-pixel-ratio:0){ #quick_menu .d_day dd span {height:20px; padding:2px 0 0 8px;}} @-moz-document url-prefix() { #quick_menu .d_day dd span {height:20px; padding:2px 0 0 8px;}} #quick_menu .d_day dd img {position:relative; top:-4px; vertical-align:middle;} @media screen and (-webkit-min-device-pixel-ratio:0){#quick_menu .d_day dd img {top:-3px;}} @-moz-document url-prefix() {#quick_menu .d_day dd img {top:-3px;}} /*�̺�Ʈ������ - ������ �ָ��� �߰� 2012.04.20*/ /* event_banner */ .login_visual #event_banner {float:left; width:573px} .login_visual #event_banner map {height: 0;} .login_visual #event_banner dt a {float:left; width:573px; border-bottom:1px #d0d0d0 solid;} .login_visual #event_banner dd.menu {float:left; display:block; overflow:hidden;} .login_visual #event_banner dd.menu a {float:left; display:block; width:142px; height:37px; border-left:1px #d0d0d0 solid; } .login_visual #event_banner dd.menu a.first {border-left:none; width:143px;} .login_visual #event_banner img {margin:0 0 -6px; *margin:0px;} @media screen and (-webkit-min-device-pixel-ratio:0){.login_visual #event_banner img {margin-bottom:-3px;}} @-moz-document url-prefix() {.login_visual #event_banner img {margin-bottom:-3px;}} /* �̺�Ʈ ��� �޴� - ������ �߰� 2012.11.28 */ .m_top_event {width:100%; overflow:hidden;} .m_top_event li {float:left;} .m_top_event li img {padding:0; vertical-align:top;} /* �ҼȾ����� �߰� */ .socialW {float:right;} .socialW li {float:left; margin-left:5px;} /* ��ܷѸ���� */ .topBannerR {position:relative; width:1000px; height:56px;} .topBannerR a {position:absolute; top:0; left:0;} .topBannerR img {margin-bottom:0;} #sub_Banner_layer{z-index:10} .c_red{color:red;} .deposit li.de {line-height:30px;} /* ���ô±� */ .map_tab {overflow:hidden;margin-bottom:23px;} .map_tab li{float:left;margin-left:7px;height:58px;} .map_tab li:first-child{margin-left:0;} .map_tab li.on, .map_tab li:hover{background:url("https://cdn.hackersut.com/www/images/academy/bg_tab_on.gif") no-repeat 50% 100%; } .map_tab li.on a, .map_tab li a:hover{background:#2e2d3b;color:#fff;border-color:#2e2d3b;} .map_tab li a{display:inline-block;width:384px;height:49px;line-height:49px;font-size:15px;text-align:center;border:1px solid #d9d9d9;} .btn_map{text-align:right;margin-top:18px;} .map_tab.col3 li a{width:253px} .map_tab.col4 li a{width:195px} .contents .con_map{width:100%;} .contents .con_map img{width:100%;} /* �ΰ� ����Ŀ��ŧ�� �ϴ� �� */ .titbnr_wrap{width:100%;position:fixed;bottom:0;z-index:99;} .titbnr_wrap .lec_curriculum{width:1000px;margin:0 auto;} .titbnr_wrap .lec_title{overflow:hidden;background:#bf1e2e; height:40px;line-height:40px;} .titbnr_wrap .lec_title h3{color:#fff;font-size:16px;float:left;} .titbnr_wrap .lec_title .btn_toggle span{float:right;color:#dedede;font-size:13px;} .titbnr_wrap .lec_title .btn_toggle .off{display:none;} .titbnr_wrap .lec_title .btn_toggle.on .on{display:none;} .titbnr_wrap .lec_title .btn_toggle.on .off{display:block;} .titbnr_wrap .lec_title span em{color:#8f111e;} .titbnr_wrap .list_box{overflow:hidden;} .titbnr_wrap .list_box dl{float:left;width:25%;} .titbnr_wrap .list_box.list_6 dl{width:166px;} .titbnr_wrap .list_box.list_5 dl{width:20%;} .titbnr_wrap .list_box.list_4 dl{width:25%;} .titbnr_wrap .list_box.list_3 dl{width:33%;} .titbnr_wrap .list_box.list_2 dl{width:50%;} .titbnr_wrap .list_box.list_1 dl{width:100%;} .titbnr_wrap .list_box dl dt{font-size:16px;font-weight:bold;text-align:center;height:35px;line-height:35px;border-bottom:1px solid #cecece;margin:0 4px 20px;} .titbnr_wrap .list_box dl.lv_1 dt{color:#7e6003;} .titbnr_wrap .list_box dl.lv_2 dt{color:#af8d22;} .titbnr_wrap .list_box dl.lv_3 dt{color:#367cc3;} .titbnr_wrap .list_box dl.lv_4 dt{color:#1b5087;} .titbnr_wrap .list_box dl.lv_5 dt{color:#d93b4b;} .titbnr_wrap .list_box dl.lv_6 dt{color:#bc1337;} .titbnr_wrap .list_box dl.lv_1, .titbnr_wrap .list_box dl.lv_3, .titbnr_wrap .list_box dl.lv_5{background:#f6f6f6;} .titbnr_wrap .list_box dl.lv_2, .titbnr_wrap .list_box dl.lv_4, .titbnr_wrap .list_box dl.lv_6{background:#fff;} .titbnr_wrap .list_box dl dd{min-height:35px;margin-bottom:10px;padding:0px 5px 0px;font-size:11px;} .list_class_nm{display:none;} .list_class_nm.open{display:block;} /* evt ���� �� */ .full_tab_menu_top .start_info{position:absolute;top:26px;left:-142px;} .full_tab_menu_top .evt_land_tab{overflow:hidden;} .full_tab_menu_top .evt_land_tab.con_4 dl{width:22%;} .full_tab_menu_top .evt_land_tab.con_3 dl{width:30.6%;} .full_tab_menu_top .evt_land_tab.con_2 dl{width:48%;} .full_tab_menu_top dl{float:left;padding:20px 0 10px;text-align:center;margin-left:40px;} .full_tab_menu_top dl:first-child{margin-left:0;} .full_tab_menu_top dl dt{color:#303030;font-size:18px;font-weight:bold;padding-bottom:15px;border-bottom:4px solid #303030;} .full_tab_menu_top dl dt a:hover{color:#303030} .full_tab_menu_top dl dd{padding:6px 0;font-size:14px;font-weight:bold;} .full_tab_menu_top dl dd.on a,.full_tab_menu_top dl dd:hover a{color:#bf1e2e;} /* ���ǰ��� �������� */ .exam_report_wrap{position:absolute;left:50px;bottom:50px;border:5px solid #bf1e2e;width:600px;height:540px;background-color:#fff;z-index:10;} .exam_report_wrap .logo{position:absolute;left:12px;top:12px;z-index:11;} .exam_report_wrap h3{padding-top:102px;padding-bottom:25px;text-align:center;} .exam_report_wrap .inner{padding:20px;} .exam_report_wrap .txt_box{background-color:#d9d9d9;padding:10px 20px;color:#000;font-size:13px;line-height:20px;} .exam_report_wrap .txt_box span{display:block;color:#bf1e2e;} .exam_report_wrap .exam_report_list dl{color:#000;font-size:14px;} .exam_report_wrap .exam_report_list dl dt{display:block;margin-top:30px;} .exam_report_wrap .exam_report_list dl dd{margin-top:10px;margin-left:15px;} .exam_report_wrap .exam_report_list dl dd ul{overflow:hidden;} .exam_report_wrap .exam_report_list dl dd ul li{float:left;margin-left:20px;} .exam_report_wrap .exam_report_list dl dd ul li label{padding-left:5px;} .exam_report_wrap .exam_report_list dl dd ul li:first-child{margin-left:0;} .exam_report_wrap .exam_report_list dl dd input.p1{width:470px;height:25px;line-height:25px;font-size:14px;} .exam_report_wrap .btn_wrap{text-align:center;} .exam_report_wrap .exam_close{position:absolute;right:10px;top:10px;z-index:11;} /*layer-common*/ .layer-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100} .layer-popup .bg{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;opacity:0.5;filter:alpha(opacity=50)} .layer-popup .layer-title{position:relative;padding:20px 30px;font-size:19px;color:#fff;background:#bf1e2e;letter-spacing:-1px;} .layer-popup .layer-title .close{position:absolute;right:30px;top:20px;} .layer-popup-content{z-index:10;position:absolute;top:50%;left:50%;background:#fff} .layer-popup-content .layer-cont{padding:30px;} /*schedule*/ .calendar .title{padding:35px 0;text-align:center;border-bottom:2px solid #1a1a1a !important;} .calendar .title .tit_start{font-size:36px;} .calendar .calendar_list{margin-bottom:60px;} .calendar .calendar_list .calendar_tit{padding:0 20px;font-size:26px;color:#535353;text-align:center;overflow:hidden} .calendar .calendar_list .calendar_tit a i{display:inline-block;width:18px;height:18px;background:url("https://cdn.hackersut.com/www/images/common/ico_arr.png") no-repeat;vertical-align:middle} .calendar .calendar_list .calendar_tit a:first-child{float:left;} .calendar .calendar_list .calendar_tit a:last-child{float:right;} .calendar .calendar_list .calendar_tit a:last-child i{background-position-x:right;} .calendar .calendar_list .calendar_tit strong{font-size:32px;color:#bf1e2e;} .calendar .calendar_list .calendar_tit strong span{display:inline-block;margin:-4px 0 0 5px;height:26px;padding:1px 5px 3px;font-size:13px;color:#cc4b58;border:1px solid #cc4b58;border-radius:7px;vertical-align:middle;box-sizing:border-box} .calendar .calendar_list .calendar_box table{margin:20px 0;width:100%;border-top:2px solid #adadad;border-bottom:2px solid #adadad;} .calendar .calendar_list .calendar_box table thead{border-left:1px solid #ddd;border-right:1px solid #ddd;} .calendar .calendar_list .calendar_box table thead th{padding:20px 0;font-size:16px;font-weight:normal;background:#f4f5f7;} .calendar .calendar_list .calendar_box table tbody td{position:relative;height:130px;font-size:18px;color:#1a1a1a;border:1px solid #ddd;box-sizing:border-box;vertical-align:top;} .calendar .calendar_list .calendar_box table tbody td .day{display:inline-block;width:27px;height:27px;border-radius:50%;} .calendar .calendar_list .calendar_box table tbody td .day.on{margin-left:-3px;background:#f2d2d5;text-align:center;} .calendar .calendar_list .calendar_box table tbody td .day.on:after{position:absolute;left:-1px;top:-1px; width:100%; height:100%;border:1px solid #bf1e2e;content:'';z-index:0;} .calendar .calendar_list .calendar_box .sun, .calendar .calendar_list .calendar_box .sat{color:#bf1e2e;} .calendar .calendar_list .calendar_box .inner{position:absolute;left:0;top:0;padding:11px 9px 0;width:87%;height:85px;overflow:hidden;background:#fff;z-index:1;} .calendar .calendar_list .calendar_box .inner .btn_close{display:none} .calendar .calendar_list .calendar_box .inner.active{left:-1px;top:-1px;border:1px solid #000;z-index:2;} .calendar .calendar_list .calendar_box .inner.active .btn_close{display:block;position:absolute;top:10px;right:8px;padding:0;width:20px;height:20px;background:url("https://cdn.hackersut.com/www/images/common/btn_cls_gray.png") center center no-repeat;content:''} .calendar .calendar_list .calendar_box table tbody td:nth-of-type(7n) .inner{left:inherit;right:0;} .calendar .calendar_list .calendar_box .info .ico_box{margin-top:5px;} .calendar .calendar_list .calendar_box .info .ico_box .ico{display:inline-block;padding:0 7px;height:22px;line-height:22px;font-size:13px;font-style:normal;color:#fff;text-align:center;background:#ddd;border-radius:11px;} .calendar .calendar_list .calendar_box .info .ico_box .ico.v1{background:#f4374d;} .calendar .calendar_list .calendar_box .info .ico_box .ico.v2{background:#4670c6;} .calendar .calendar_list .calendar_box .info .ico_box .ico.v3{background:#8d4acb;} .calendar .calendar_list .calendar_box .info .ico_box .ico.v4{background:#35457a;} .calendar .calendar_list .calendar_box .info .tit{position:relative;display:block;width:95%;font-weight:600;font-size:15px;color:#535353;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-1px;z-index:1;} .calendar .calendar_list .calendar_box .btn_more{position:absolute;left:0;bottom:13px;width:100%;margin-top:10px;padding:0;text-align:center;font-size:13px;} .calendar .calendar_list .calendar_box .btn_more:after{display:inline-block;margin-top:-3px;vertical-align:middle;content:'��';} .calendar .sub-lnb{margin:0;border-bottom:2px solid #333;} .calendar .list{overflow:hidden;} .calendar .list li{position:relative;float:left;width:242px;margin:40px 10px 0 0;} .calendar .list li:nth-of-type(4n){margin-right:0;} .calendar .list .thum{position:relative;} .calendar .list .thum .date{ position:absolute;left:0;top:0;padding:6px 4px;font-size:20px;color:#fff;letter-spacing:-1px;background:rgba(0,0,0,0.5);z-index:1;} .calendar .list .info{padding:20px;background:#f4f5f7;border:1px solid #e7e7e7;border-top:0;} .calendar .list .info .tit{line-height:1;font-size:16px;color:#656565;border-bottom:1px solid #dfdfdf;} .calendar .list .info .tit h3{margin:10px 0 15px;font-size:22px;color:#000;} .calendar .list .info dl{margin-top:10px;font-size:14.5px;color:#7f8081;overflow:hidden} .calendar .list .info dl dt{float:left;width:33px;} .calendar .list .info dl dd{float:left;width:167px;clear:right;color:#333;} .calendar .list .info .btn{display:block;margin-top:20px;padding:11px 0;line-height:1;font-size:18px;font-weight:700;color:#585858;border:1px solid #777778;border-radius:21px;text-align:center;letter-spacing:-1px;} .calendar .list .info .btn:hover{color:#fff;border-color:#585858;background:#585858;} .calendar .calendar_view{position:relative;} .calendar .calendar_view .input_box{position: fixed;bottom: 0;z-index: 999;display:table;margin-top:50px;padding:22px 0;width:1000px;height:146px;box-sizing:border-box;letter-spacing:-1px;} .calendar .calendar_view .input_box:after{position:absolute;left:-200%;top:0;width:500%;height:100%;background:#f5f7f8;border-top:2px solid #e5a5ab;content:'';z-index:0;} .calendar .calendar_view .input_box > div{position:relative;display:table-cell;z-index:1;vertical-align:top;} .calendar .calendar_view .input_box > div:nth-of-type(1){width:697px;border-right:1px solid #d1d3d4;} .calendar .calendar_view .input_box > div:nth-of-type(2){padding:8px 0 0 30px;} .calendar .calendar_view .input_box table{font-size:16px;color:#333;} .calendar .calendar_view .input_box table th, .calendar .calendar_view .input_box table td{text-align:left;} .calendar .calendar_view .input_box table tr:last-child th, .calendar .calendar_view .input_box table tr:last-child td{padding-top:20px;} .calendar .calendar_view .input_box table td input[type=text]{width:246px;height:40px;line-height:40px;font-size:16px;border:1px solid #e6e6e6;text-indent:15px;} .calendar .calendar_view .input_box table td label{margin-right:25px;} .calendar .calendar_view .input_box .btn-m-red{display:block;position:relative;margin-top:17px;width:255px;font-size:18px;color:#fff;} .calendar .calendar_view .input_box .btn-m-red:after{ position:absolute;right:58px;top:0;font-family:'dotum';font-size:15px;content:'>';} .calendar .calendar_view .input_box .btn-view{position:absolute;right:0;top:8px;font-size:15px;color:#333;} .calendar .calendar_view .input_box .btn-view:after{display:block; width:100%; height:1px; content:'';background:#a2a3a4;} .calendar .calendar_view .input_box .btn-view em{font-family:'dotum';} /*teacher_view*/ .teacher_view .trinfo_top:before{position:absolute;left:-200%;top:0;width:500%;height:100%;background:url('https://cdn.hackersut.com/www/images/teacher_view_bg.jpg') no-repeat center 0;content:'';z-index:-1;} /*������ ���ι��*/ .teacher_view .trinfo_top{height:700px;position:relative;} .teacher_view .trinfo_top .tit{padding-top:70px;font-size: 30px;color:#333;letter-spacing: -5px;} .teacher_view .trinfo_top .tit .t_name{margin-top: 20px;font-size: 28px;line-height: 28px;letter-spacing: -2px;} .teacher_view .trinfo_top .tit .t_name span{margin-left: 10px;padding-left:10px;border-left:1px solid #bdb3b3;display: inline-block;} .teacher_view .trinfo_top .teacher_img{position:absolute;top:0;right:0;z-index:-1;} .teacher_view .trinfo_top_con{width:400px;} .teacher_view .trinfo_top_tab{margin-top:20px;overflow:hidden;overflow:hidden;} .teacher_view .trinfo_top_tab li{float:left;width:25%;} .teacher_view .trinfo_top_tab.tab2 li{width:50%;} .teacher_view .trinfo_top_tab.tab3 li{width:33%;} .teacher_view .trinfo_top_tab.tab3 li:first-child{width:34%;} .teacher_view .trinfo_top_tab li a{display:block;border-top:1px solid #333;border-bottom:1px solid #333;color:#333;text-align:center;height:45px;line-height:45px;font-size:16px;box-sizing:border-box;} .teacher_view .trinfo_top_tab li.on a, .teacher_view .trinfo_top_tab li a:hover{background:#f3dadb;color:#333;} .teacher_view .trinfo_top_tab_con{height:224px;display:none;} .teacher_view .trinfo_top_tab_con iframe{border: 0;} .teacher_view .trinfo_top_tab_con.on{display:block;} .teacher_view .trinfo_top_tab_con .profile_box{background: #f8eeee;font-size: 15px;line-height:1.8;color: #333;padding:20px 30px;height: 100%;overflow:hidden;overflow-y:auto;border-bottom:1px solid #333;box-sizing: border-box;} .teacher_view .trinfo_top .trinfo_review{width:400px;} .teacher_view .trinfo_top .trinfo_review h2{margin-top:20px;padding-bottom: 5px;font-size: 20px;color: #222;font-weight:normal;border-bottom:1px solid #222;} .teacher_view .trinfo_top .trinfo_review h2 a{float: right;display: block;background: #e0cdcd;width: 26px;height: 26px;line-height: 21px;text-align: center;font-size: 27px;font-weight: 300;border-radius: 50px;} .teacher_view .trinfo_top .trinfo_review .review_con{padding:10px 0;box-sizing:border-box;} .teacher_view .trinfo_top .trinfo_review .review_con li{margin:2px 0;font-size: 14px;color:#222;display: inline-block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .teacher_view .trinfo_top .trinfo_review .review_con span{display:inline-block;background:url('https://cdn.hackersut.com/www/images/star_off.png') no-repeat center 0;margin-right:10px;} .teacher_view .trinfo_top .trinfo_review .review_con span em{overflow: hidden;display: block;} .teacher_view .trinfo_top .trinfo_review .review_con span em img{display: block;} .teacher_view .trinfo_top .trinfo_review .review_con span em.star5{width:100%} .teacher_view .trinfo_top .trinfo_review .review_con span em.star4{width:80%} .teacher_view .trinfo_top .trinfo_review .review_con span em.star3{width:60%} .teacher_view .trinfo_top .trinfo_review .review_con span em.star2{width:40%} .teacher_view .trinfo_top .trinfo_review .review_con span em.star1{width:20%} .teacher_view .tri_con{padding:60px 0;} .teacher_view .tri_con .con_tit {text-align: center;} .teacher_view .tri_con .con_tit p{width: 80px;margin: 0 auto;font-size: 14px;line-height: 30px;border-top: 1px solid #bf1e2e;} .teacher_view .tri_con .con_tit h2{color: #333;font-size: 32px;} .teacher_view .curri_con .table_box{width: 1000px;background: #f6f7f9;border: 1px solid #dadede;padding: 30px;margin-top: 30px;box-sizing: border-box;} .teacher_view .curri_con .table_box table {width:100%;} .teacher_view .curri_con table h3{background:#fff;width: 120px;min-width: 120px;height: 120px;font-size: 30px;border-radius: 100px;text-align: center;vertical-align: middle;display: inherit;box-sizing: border-box;} .teacher_view .curri_con table td span{font-size: 20px;color: #222;border: 1px solid #aaa;display: inline-block;padding: 2px 8px;border-radius: 50px;margin-right:10px;} .teacher_view .curri_con table tr:last-child td{border-top:1px solid #dadede;} .teacher_view .curri_con table td p{font-size:18px;color:#555;display: inline-block;width: 500px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .teacher_view .curri_con table td a{width: 165px;font-size:16px;color:#fff;float:right;} .teacher_view .img_con{position:relative;} .teacher_view .img_con:before{position:absolute;left:-200%;top:0;width:500%;height:100%;background:#4d5a62;content:'';z-index:-1;} .teacher_view .img_con .con_tit p{width: 99px;color:#fff;border-color:#fff;} .teacher_view .qna_con .con_tit p{width: 45px;} .teacher_view .btn_box {margin-top:-15px;text-align:right;} .teacher_view .boad_zone .tbcon.active{display:block;} .teacher_view .boad_zone .btn_top_box{overflow:hidden;margin-bottom:14px;height:42px;} .teacher_view .boad_zone .btn_top_box .lb{float:left;} .teacher_view .boad_zone .btn_top_box .rb{float:right;} .teacher_view .boad_zone .btn_top_box .bt_01{float:left;padding:10px;border:1px solid #8c8c8c;color:#626262;font-size:13px;} .teacher_view .boad_zone .btn_top_box .bt_01:hover{color:#fff;background:#000;} .teacher_view .boad_zone .btn_top_box select{float:left;padding:10px;border:1px solid #8c8c8c;color:#626262;font-size:13px;} .teacher_view .boad_zone .btn_top_box .txt_noti1{float:left;padding:10px;font-size:12px;} .teacher_view .boad_zone table{width:100%;text-align:center;} .teacher_view .boad_zone table .t_noti.on .btn_sub_txt, .teacher_view .boad_zone table .t_noti .count{font-weight:600;color:#bf1e2e;} .teacher_view .boad_zone table .t_noti .btn_sub_txt p{display: inline-block;width: 520px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle; } .teacher_view .boad_zone table thead{border-top: 1px solid #1a1a1a;border-bottom: 1px solid #e5e5e5;background-color: #fafafa;} .teacher_view .boad_zone table thead th{padding:18px 0;font-size:16px;} .teacher_view .boad_zone table th,.teacher_view .boad_zone table td{padding:12px 0;color:#1a1a1a;} .teacher_view .boad_zone table tbody th,.teacher_view .boad_zone table tbody td{border-bottom:1px solid #e5e5e5;font-size:15px;} .teacher_view .boad_zone table tbody td a{font-size:15px;} .teacher_view .boad_zone table .sub_box,.teacher_view .boad_zone table .sub_box_re{display:none;} .teacher_view .boad_zone table .sub_box.on,.teacher_view .boad_zone table .sub_box_re.on{display:table-row;} .teacher_view .boad_zone table .sub_box_re{background:#f6f6f6;} .teacher_view .boad_zone table .bt_remove{padding:7px 30px;border:1px solid #c7c7c7;background:#fff;color:#000;} .teacher_view .boad_zone table .bt_revise{padding:7px 30px;border:1px solid #c7c7c7;background:#fff;color:#000;} .teacher_view .boad_zone table .sub_txt{margin:10px;padding:10px;line-height:19px;} .teacher_view .boad_zone table .sub_txt p{font-weight:bold;color:#000;} .teacher_view .boad_zone table .lec_name_box{position:relative;} .teacher_view .boad_zone table .lec_name{margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:160px;height:20px;} .teacher_view .boad_zone table .lec_name_pop{display:none;position:absolute;top:0;left:13px;padding:10px;border:1px solid #000;background:#fff;color:#000;z-index:100;} .teacher_view .boad_zone .btn_pager{padding:30px 0;text-align:center;} .teacher_view .boad_zone .btn_pager .bt_m{font-size:10px;letter-spacing:-3px;} .teacher_view .boad_zone .btn_pager a{padding:0 4px;font-size:11px;} .teacher_view .boad_zone .btn_pager a.on{font-weight:bold;font-size:13px;} .teacher_view .boad_zone .txt_noti2{text-align:right;font-size:12px;} .teacher_view .boad_zone .txt_noti2 a{border-bottom:1px solid #000;} .teacher_view .lecture_con{position:relative;} .teacher_view .lecture_con:before{position:absolute;left:-200%;top:0;width:500%;height:100%;background:#f6f7f9;content:'';z-index:-1;} .teacher_view .lecture_con .sub-lnb{border-bottom:2px solid #333;} .teacher_view .lecture_con .sub_tab {text-align:center;} .teacher_view .lecture_con .sub_tab ul{overflow:hidden;display:inline-block;} .teacher_view .lecture_con .sub_tab li{float:left;padding: 0 20px;border-right: 1px solid #aaa;} .teacher_view .lecture_con .sub_tab li:last-child{border-right: 0;} .teacher_view .lecture_con .sub_tab li a{font-size:18px;line-height: 18px;color:#333;} .teacher_view .lecture_con .sub_tab li.on a, .teacher_view .lecture_con .sub_tab li:hover a{font-weight:600;color:#bf1e2e} .teacher_view .lecture_con .lecture-list-wrap{margin-top:30px;} .teacher_view .lecture_con .lecture-list-wrap:first-child{margin-top:20px;} .teacher_view .lecture_con .lecture-list-title {background:#ecedf0;height:60px;line-height:60px;border-top: 2px solid #1a1a1a;border-bottom:1px solid #e0e0e0;color:#1a1a1a;font-size:22px;text-align:center;} .teacher_view .lecture_con .lecture-list > li {padding: 19px 0 17px;position: relative;border-bottom:1px solid #e0e0e0;} .teacher_view .lecture_con .lecture-item {display: table;} .teacher_view .lecture_con .lecture-item .lecture-title-box {width: 70%;} .teacher_view .lecture_con .lecture-item > div {display: table-cell;vertical-align: middle;} .teacher_view .lecture_con .lecture-item .lecture-teacher {width: 10%;font-size: 15px;color:#666;} .teacher_view .lecture_con .lecture-item .lecture-price {text-align: center;width: 20%;padding-right: 2%;} .teacher_view .lecture_con .lecture-item .lecture-price p{font-size:15px;color:#999;text-decoration: line-through;} .teacher_view .lecture_con .lecture-item .lecture-price strong{font-size:22px;color:#1a1a1a;} .teacher_view .lecture_con .lecture-item .lecture-btn {width: 8%;} .teacher_view .lecture_con .lecture-item .lecture-title-box .lecture-title {display: block;font-size: 18px;margin-bottom: 3px;} .teacher_view .lecture_con .lecture-item .lecture-title-box .lecture-title a {color: #000;font-size:21px;} .teacher_view .lecture_con .lecture-item .lecture-btn a {margin-top: 5px;margin-right:0;} .teacher_view .lecture_con .lecture-info li {font-size: 15px;color: #666;margin-top:12px;margin-right: 18px;} .teacher_view .lecture_con .lecture-info li span {padding:2px 8px;margin-right: 5px;font-size: 13px;color: #333;border:1px solid #333;border-radius:30px;} /* �׺� �޴� */ .navi_area{position:relative;width:100%;max-width: 1000px;height: 60px;background:#45474d;} .navi_area.fixed{position:fixed;top:0;z-index: 99;} .navi_area .top_navi:before{position:absolute;left:-200%;top:0;width:500%;height:100%;background:#45474d;content:'';z-index:-1;} .top_navi{height: 60px;position:relative;} .top_navi .ic_new{margin-right:3px;color:yellow;font-size:10px;font-weight:bold;} .top_navi .btn_navi{float:left;padding-top: 11px;height: 100%;background: #585a5f;width: 234px;box-sizing: border-box;} .top_navi .btn_navi img{width:40px;height:40px;} .top_navi .btn_navi p{display:inline-block;*zoom:1;margin: 0 0 0 20px;font-size: 16px;line-height:40px;color:#fff;vertical-align: middle;} .top_navi ul.slide-numbers{float: right;margin: 20px 0 0;} .top_navi ul.slide-numbers li{float:left;} .top_navi ul.slide-numbers li a{padding: 0 25px;font-size: 16px;color:#fff;} .top_navi ul.slide-numbers li a:hover, .top_navi ul li a.active{color:#d01715;} .top_navi ul.slide-numbers li:first-child a{background:none;} .top_navi ul.slide-numbers li.on{display:block;border:0;background:none;} .quick_navi_bar{background:#fff;width:234px;padding:40px 20px;position:absolute;top:-30px;left: 50%;margin-top: -90px; margin-left: -770px;box-shadow:0px 9px 20px 17px rgba(0,0,0,0.1);z-index:88;box-sizing:border-box;} .quick_navi_bar h2{font-size:24px;color:#45474d;text-align:center;} .quick_navi_bar .teacher_img{width:120px;height:120px;margin:15px auto;background: #edeef1;border-radius:100px;overflow:hidden;} .quick_navi_bar .teacher_img img{width: 100%;transform: scale(1.3);margin-top: 24%;margin-left: -2%;} .quick_navi_bar > ul > li {position:relative;margin-top: -1px;} .quick_navi_bar ul li a{display:block;} .quick_navi_bar > ul > li a{font-size:16px;color:#333;font-weight:600;padding: 10px;} .quick_navi_bar > ul > li > a{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .quick_navi_bar > ul > li span{float:right;display:inline-block;width:11px;height:8px;background:url('https://cdn.hackersut.com/www/images/nav_arrow.png') no-repeat right 0;margin-top: 7px;} .quick_navi_bar > ul > li.active > a{color:#bf1e2e;} .quick_navi_bar > ul > li.active > a span{background:url('https://cdn.hackersut.com/www/images/nav_arrow.png') no-repeat left 0;} .quick_navi_bar > ul > li:last-child {border-bottom:0;} .quick_navi_bar ul li > .sub-lnb{padding: 0 10px;max-height: 13vw;overflow: auto;display: none;} .quick_navi_bar ul > li .sub-lnb > ul{position:relative;} .quick_navi_bar ul li .sub-lnb > ul li a{color:#555;font-weight:normal;padding-left: 60px;} .quick_navi_bar ul li .sub-lnb > ul li.list_tit a{color:#888;position: absolute;padding: 0;padding: 10px 0;} /*�����ı� ��� �߰� */ .haut_review {width:780px;position:fixed;left:50%;margin-left:-390px;top:30px;z-index:9999;display:none;} .haut_review_list{width:780px;position:fixed;left:50%;margin-left:-390px;top:30px;z-index:999;display:none;} .haut_review h3 ,.haut_review_list h3{padding:20px;position:relative;background-color:#666666;color:#fff;font-size:20px;} .haut_review h3 a, .haut_review_list h3 a{display:block;width:20px;height:20px;position:absolute;right:15px;top:20px;color:#fff;font-size:25px;background:url("https://cdn.hackersut.com/www/images/main/2020/close_btn.png") no-repeat; background-size:100% 100%;} .review_content{padding:30px;background-color:#fff;} .review_content .review_tab{width:720px;overflow:hidden;} .review_content .review_tab li{width:178px;float:left;margin-left:2px;} .review_content .review_tab li:first-child{margin-left:0;} .review_content .review_tab li a{display:block;width:100%;line-height:42px;text-align:center;background-color:#f5f5f5;color:#000;} .review_content .review_tab li.on a{border-radius:6px;background-color:#cc0000;color:#fff;} .review_content .review_table{width:100%;margin:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .review_content .review_table tr{height:60px;} .review_content .review_table tr th{background-color:#fafafa;font-size:14px;color:#000;} .review_content .review_table tr input , .review_content .review_table tr select{display:block;width:216px;height:40px;text-indent:10px;margin-left:20px;border:1px solid #ccc;} .review_content .review_table tr.input_ver1 input , .review_content .review_table tr.input_ver1 select{width:590px;} .review_content .review_table tr.input_ver1 select.ver1 {width:479px;display:inline-block;} .review_content .review_table tr .se_btns{display:inline-block;padding:12px 30px;background-color:#333;color:#fff;border-radius:4px;margin-left:10px;} .review_content .review_table .review_score{color:#ffaf23;font-weight:bold;} .review_content .review_table select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("https://cdn.hackersut.com/www/images/main/2020/select_btn.png") no-repeat 95% 50%;} .review_content .review_table select::-ms-expand { display: none; } .review_content .review_table tr.input_ver1 select{background-position:98.2% 50%} .review_content .review_notice{margin:20px 0;border-top:1px solid #ccc;} .review_content .review_notice table{width:100%;} .review_content .review_notice table td{padding-top:11px;font-size:11px;} .review_content .review_btns{width:100%;text-align:center;margin-top:10px;} .review_content .review_btns a{display:inline-block;width:100px;line-height:45px;color:#fff;background-color:#333;border-radius:5px;} .review_content .review_btns a.submits{background-color:#cc0000;margin-left:5px;} .review_content .review_descb{width:100%;text-align:right;} .review_content .review_descb > a{display:inline-block;padding:12px 20px;background-color:#333;color:#fff;border-radius:4px;margin-left:10px;} .review_content .review_descb > span{font-weight:bold;font-size:13px;color:#777;} .review_content .review_descb > span > em{display:inline-block;width:16px;height:16px;background: url("https://cdn.hackersut.com/www/images/main/2020/haut_icon.png") no-repeat;background-position:-14px 0;vertical-align:text-bottom;} .review_content .review_list{width:100%;margin-top:15px;} .review_content .review_list .rieview_top{border-top:1px solid #000;border-bottom:1px solid #ccc;} .review_content .review_list .rieview_top li{height:50px !important;line-height:50px !important;font-size:15px;} .review_content .review_list .list_interval{width:100%;overflow:hidden;} .review_content .review_list .list_interval li{height:40px;line-height:40px;float:left;text-align:center;font-weight:bold;overflow:hidden;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .review_content .review_list .review_conlist{border-bottom:1px solid #ccc;margin-bottom:20px;} .review_content .review_list .review_conlist > li.on{color:#cc0000} .review_content .review_list .list_interval li:nth-child(1){width:60px;} .review_content .review_list .list_interval li:nth-child(2){width:60px;} .review_content .review_list .list_interval li:nth-child(3){width:70px;} .review_content .review_list .list_interval li:nth-child(4){width:115px;} .review_content .review_list .list_interval li:nth-child(5){width:120px;} .review_content .review_list .list_interval li:nth-child(6){width:110px;} .review_content .review_list .list_interval li:nth-child(7){width:60px;} .review_content .review_list .list_interval li:nth-child(8){width:125px;} .review_content .review_list .list_interval li:nth-child(9){width:100%;display:none;height:80px;line-height:25px;overflow:auto; text-overflow:none; white-space:normal;text-align:left;background-color:#fdf7f8;border-top:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing:border-box;padding:15px 20px;color:#666;} .review_content .review_pager{width:100%;text-align:center;margin-bottom:15px;} .review_content .review_pager a{display:inline-block;margin:0 3px;font-weight:bold;} .review_content .review_pager a.page_num{color:#000;} .review_content .review_pager a.page_num.on{color:red;} .review_content .review_nums{color:#666;} .review_content .review_nums > span{color:#ffaf23} .hidden_lists::-webkit-scrollbar {width: 5px; } .hidden_lists::-webkit-scrollbar-thumb {background-color: #cc0000; border-radius: 10px; } .hidden_lists::-webkit-scrollbar-track {background-color: #cccf;border-radius: 10px; } .hidden_lists::-ms-scrollbar {width: 5px; } .hidden_lists::-ms-scrollbar-thumb {background-color: #cc0000; border-radius: 10px; } .hidden_lists::-ms-scrollbar-track {background-color: #cccf;border-radius: 10px; }