@charset "utf-8"; /* Title: EBSi - Teacher page stylesheet Version: 1.0 Author: hwang juwon Date: 2020.02.28 Contents: submain, contents page, page layout, plugins style */ /* common (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .renewal2020 * {font-family: '맑은 고딕', 'Malgun Gothic' , '돋움', 'Dotum', 'Arial'} .renewal2020:after {clear:both; content: ''; display: block; height:0} .renewal2020::after {clear:both; content: ''; display: block; height:0} .renewal2020 #reNcontainer:after {clear:both; content: ''; display: block; height:0} .renewal2020 #reNcontainer::after {clear:both; content: ''; display: block; height:0} .renewal2020 #reNcontainer_in:after {clear:both; content: ''; display: block; height:0} .renewal2020 #reNcontainer_in::after {clear:both; content: ''; display: block; height:0} .renewal2020 > #reNcontainer .pc-teacher {margin-bottom:50px} .renewal2020 > #reNcontainer .pc-teacher .sbj.ellipsis {line-height:20px} .renewal2020 > #reNcontainer .pc-teacher select, .renewal2020 > #reNcontainer .pc-teacher input.iText, .renewal2020 > #reNcontainer .pc-teacher textarea { padding: 1px 2px 2px 2px !important} /* datePicker (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .renewal2020 > #reNcontainer .pc-teacher .startDt, .renewal2020 > #reNcontainer .pc-teacher .endDt {display: inline-block; overflow: hidden; width: 25px; height: 25px; background: url('http://image.ebsi.co.kr/ebsi/images/reNskin2018/allLecture/ico_calendar.png') no-repeat center 50%; text-indent: -9999px; border:0} /* form (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .renewal2020 > #reNcontainer .pc-teacher input[type="radio"] {position: relative; top:2px} .renewal2020 > #reNcontainer .pc-teacher input[type="radio"]:checked ~ label {font-weight: 700} .renewal2020 > #reNcontainer .pc-lecture select {height:24px; position:relative} .renewal2020 > #reNcontainer .pc-teacher textarea {resize: none} .renewal2020 > #reNcontainer .pc-teacher button, a, textarea, select {outline: none} /* hashTag : checkbox (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .renewal2020 > #reNcontainer .pc-teacher #boldSelecter .container input, .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container input {position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0} .renewal2020 > #reNcontainer .pc-teacher #boldSelecter .container .checkmark {position: absolute; left: 0; top:1px; height: 20px; width: 20px;background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/icon_bold_dis.png') no-repeat center center; cursor: pointer} .renewal2020 > #reNcontainer .pc-teacher #boldSelecter .container:hover input ~.checkmark {background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/icon_bold_dis.png') no-repeat center center} .renewal2020 > #reNcontainer .pc-teacher #boldSelecter .container input:checked ~.checkmark {background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/icon_bold.png') no-repeat center center} .renewal2020 > #reNcontainer .pc-teacher #boldSelecter .container .checkmark:after {content: ""; position: absolute; display: none} .renewal2020 > #reNcontainer .pc-teacher #boldSelecter .container input:checked ~#boldSelecter .container .checkmark:after {display: block} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeA ul.last #boldSelecter {float:none} /* hashTag : radio button (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .radiobtn {position: absolute;top: 0;left: 0;width:20px;height:20px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .radiobtn.black {background-color: #000;left:0} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .radiobtn.greenyellow {background-color:#608429;left:24px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .radiobtn.green {background-color:green; left:48px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .radiobtn.skyblue {background-color:#2196F3;left:72px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .radiobtn.blue {background-color:#1739b6;left:96px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .radiobtn.darkblue {background-color:#061a4e;left:120px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .radiobtn.purple {background-color:purple;left:144px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container:hover input ~.radiobtn {cursor: pointer} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container:hover input ~.radiobtn.black {background-color: #000} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container:hover input ~.radiobtn.greenyellow {background-color:#608429} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container:hover input ~.radiobtn.green {background-color:green} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container:hover input ~.radiobtn.skyblue {background-color:#2196F3} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container:hover input ~.radiobtn.blue {background-color:#1739b6} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container:hover input ~.radiobtn.darkblue {background-color:#061a4e} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container:hover input ~.radiobtn.purple {background-color:purple} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container input:checked ~.radiobtn {width:20px;height:20px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container input:checked ~.radiobtn.black {background:#000 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/icon_check.png') no-repeat center center; background-size:16px 16px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container input:checked ~.radiobtn.greenyellow {background:#608429 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/icon_check.png') no-repeat center center; background-size:16px 16px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container input:checked ~.radiobtn.green {background:green url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/icon_check.png') no-repeat center center; background-size:16px 16px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container input:checked ~.radiobtn.skyblue {background:#2196F3 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/icon_check.png') no-repeat center center; background-size:16px 16px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container input:checked ~.radiobtn.blue {background:#1739b6 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/icon_check.png') no-repeat center center; background-size:16px 16px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container input:checked ~.radiobtn.darkblue {background:#061a4e url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/icon_check.png') no-repeat center center; background-size:16px 16px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container input:checked ~.radiobtn.purple {background:purple url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/icon_check.png') no-repeat center center; background-size:16px 16px} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .radiobtn:after {content: ""; position: absolute; display: none} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter .container input:checked ~.radiobtn:after {display: block} .renewal2020 > #reNcontainer .pc-teacher #boldSelecter {margin-top:3px; float:left} .renewal2020 > #reNcontainer .pc-teacher #colorSelecter {width: 172px; background: #fff;height: 25px; margin:4px 0 0 24px; float:left} /* hashTag : button color (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .renewal2020 > #reNcontainer .pc-teacher .c_black {color: #000} .renewal2020 > #reNcontainer .pc-teacher .c_greenyellow{color:#608429} .renewal2020 > #reNcontainer .pc-teacher .c_green{color:green} .renewal2020 > #reNcontainer .pc-teacher .c_skyblue{color:#2196F3} .renewal2020 > #reNcontainer .pc-teacher .c_blue{color:#1739b6} .renewal2020 > #reNcontainer .pc-teacher .c_darkblue{color:#061a4e} .renewal2020 > #reNcontainer .pc-teacher .c_purple{color:purple} .renewal2020 > #reNcontainer .pc-teacher .bold {font-weight:700} .renewal2020 > #reNcontainer .pc-teacher .txtUnderline {position: relative;} .renewal2020 > #reNcontainer .pc-teacher .txtUnderline:after{content: ''; width: 100%; height:1px; background:#333; position: absolute; bottom: 0; left: 0} /* button (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .renewal2020 > #reNcontainer .pc-teacher .btn {cursor: pointer} .renewal2020 > #reNcontainer .pc-teacher .btn.default {width:74px; font-size:12px; font-weight:700; height:22px; text-align: center; line-height: 22px; display:inline-block} .renewal2020 > #reNcontainer .pc-teacher .btn.white {background:#fff; border:1px solid #999; color:#333;} .renewal2020 > #reNcontainer .pc-teacher .btn.white.ico_re {background:#fff url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_re.png') no-repeat 14px 50%; border:1px solid #999; color:#333; background-size:8px 11px; text-indent: 10px;} .renewal2020 > #reNcontainer .pc-teacher .btn.blue {background:#0047a9; color:#fff; border:0} .renewal2020 > #reNcontainer .pc-teacher .btn.darkBlue {background:#062f67; border:1px solid #062f67; color:#fff} .renewal2020 > #reNcontainer .pc-teacher .btn.darkGray {background:#666; border:1px solid #666; color:#fff; font-weight:700} .renewal2020 > #reNcontainer .pc-teacher .btn.midGray.triangle {background:#8e9dac url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_triangle.png') no-repeat 25px center; color:#fff} .renewal2020 > #reNcontainer .pc-teacher .btn.darkBlue.triangle {background:#062f67 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_triangle.png') no-repeat 25px center; color:#fff} .renewal2020 > #reNcontainer .pc-teacher .btn.transp.ico_arrowGo {border:0; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_arrow_Sgo.png') no-repeat 100% 50%; text-align:left; font-weight:700; font-size:12px; color:#333} .renewal2020 > #reNcontainer .pc-teacher .btn.darkBlue.ico_del {background:#062f67 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_del.png') no-repeat center center} .renewal2020 > #reNcontainer .pc-teacher .btn.big {height:74px;line-height:74px; font-size:20px; font-weight:700} .renewal2020 > #reNcontainer .pc-teacher .btnLeft {float:left} .renewal2020 > #reNcontainer .pc-teacher .btnLight, .renewal2020 > #reNcontainer .pc-teacher .btnRight {float:right} .renewal2020 > #reNcontainer .pc-teacher .btnCenter {margin:auto} .renewal2020 > #reNcontainer .pc-teacher .btnCenter button.first {float:left} .renewal2020 > #reNcontainer .pc-teacher .btnCenter button.last {float:right} .renewal2020 > #reNcontainer .pc-teacher .btn.rightGray {background:#c0c0c0} .renewal2020 > #reNcontainer .pc-teacher .btn.rightGray.check {background:#c0c0c0 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/icon_check.png') no-repeat 32px center; color:#fff; border:0} .renewal2020 > #reNcontainer .pc-teacher .btn.large {width:142px; height:43px; font-size:16px; font-weight:700} /* 게시판 리스트 내 뱃지 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .renewal2020 > #reNcontainer .pc-teacher span.badge {display:inline-block; font-size:12px; text-align:center; line-height:22px; padding:0 14px; height:22px; color:#fff; margin:0} .renewal2020 > #reNcontainer .pc-teacher span.badge.LectureIng, .renewal2020 > #reNcontainer .pc-teacher span.badge.purple {background:#7d50e4} .renewal2020 > #reNcontainer .pc-teacher span.badge.go03 {background:#5878df} .renewal2020 > #reNcontainer .pc-teacher span.badge.go02 {background:#b1ce65} .renewal2020 > #reNcontainer .pc-teacher span.badge.go01 {background:#e69c37} .renewal2020 > #reNcontainer .pc-teacher span.badge.go01.go02, .renewal2020 > #reNcontainer .pc-teacher span.badge.go02.go03, .renewal2020 > #reNcontainer .pc-teacher span.badge.goAll , .renewal2020 > #reNcontainer .pc-teacher span.badge.stepTxt {background:#004072} .renewal2020 > #reNcontainer .pc-teacher span.badge.captionTxt {background:#fff; height:20px; border:1px solid #283149; color:#283149; line-height:20px} /* popup 영역 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ /* popup 공통 영역 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .teacherLayerBg {text-indent: -9999px; position: fixed; background-color: #000; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); opacity: 0.5; top: 0; bottom: 0; left: 0; right: 0; z-index: 1111112} .layerMain .btn {cursor: pointer} .layerMain .btn.default {width:74px; font-size:12px; font-weight:700; height:22px; text-align: center; line-height: 20px; display:inline-block} .layerMain .btn.white {background:#fff; border:1px solid #999; color:#333} .layerMain .btn.darkBlue {background:#062f67; border:1px solid #062f67; color:#fff} .layerMain .mR10 {margin-right:10px} /* 공유하기 팝업 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .shareLayer {display:none} .shareLayer * {font-family: '맑은 고딕', 'Malgun Gothic' , '돋움', 'Dotum', 'Arial'} .shareLayer .layerMain {z-index: 1111113; position: absolute; top: 106px; left: 50%; margin-left: -132px; background:#fff; width:264px; height:241px; box-shadow: 8px 8px rgba(0,0,0,0.1)} .shareLayer .layerMain .layerClose {position: absolute; right:10px; top:10px} .shareLayer .layerMain .shareLayerList {z-index: 1111114; width:164px; height:150px; position:relative; margin: 40px auto} .shareLayer .layerMain .shareLayerList .listRow {width: 190px} .shareLayer .layerMain .shareLayerList .listRow.first { top:0; height:73px; position:relative} .shareLayer .layerMain .shareLayerList .listRow.last {top:24px; height:73px; position:relative} .shareLayer .layerMain .shareLayerList .listRow a {color: #333; text-align: center; float: left; position: relative} .shareLayer .layerMain .shareLayerList .listRow.first a {height: 73px} .shareLayer .layerMain .shareLayerList .listRow.last a {height: 75px} .shareLayer .layerMain .shareLayerList .listRow.first a.icoSns.kakao{width:67px; margin-right:20px} .shareLayer .layerMain .shareLayerList .listRow.first a.icoSns.kakaostory, .shareLayer .layerMain .shareLayerList .listRow.last a.icoSns.urlLink {width:67px} .shareLayer .layerMain .shareLayerList .listRow a.icoSns.facebook{width:67px; margin-right:20px} .shareLayer .layerMain .shareLayerList .listRow.first a .icoSns {position: absolute; width:100%; bottom:0; left:0} .shareLayer .layerMain .shareLayerList .listRow.last a .icoSns {position: absolute; width:100%; bottom:0; left:0} .shareLayer .layerMain .shareLayerList .listRow a .icoSns.first {left:0; width:56px} .shareLayer .layerMain .shareLayerList .listRow a .icoSns.second {width: 68px;} .shareLayer .layerMain .shareLayerList .listRow a .icoSns.last {width: 48px} .shareLayer .layerMain .shareLayerList .listRow.first a.icoSns.kakao {background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_sns01.png') no-repeat 0 0} .shareLayer .layerMain .shareLayerList .listRow.first a.icoSns.kakaostory {background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_sns02.png') no-repeat center 0} .shareLayer .layerMain .shareLayerList .listRow a.icoSns.facebook {background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_sns03.png') no-repeat 0 0} .shareLayer .layerMain .shareLayerList .listRow.last a.icoSns.urlLink {background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_sns04.png') no-repeat center 0} /* 듀나tv등록요청 팝업 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .tvAskLayer {display:none} .tvAskLayer * {font-family: '맑은 고딕', 'Malgun Gothic' , '돋움', 'Dotum', 'Arial'} .tvAskLayer .layerMain {z-index: 1111113; position:absolute; top:106px; left:50%; margin-left:-310px; background:#fff; width:620px; height:620px; box-shadow:8px 8px rgba(0,0,0,0.1)} .tvAskLayer .layerMain .leyerHeader {position: relative; height:73px; width:100%; background:#062e67} .tvAskLayer .layerMain .tvAskLayerList {padding:35px} .tvAskLayer .layerMain .tvAskLayerList .tvAskMsg {color:#062e67; font-size:12px} .tvAskLayer .layerMain .tvAskLayerList .tvAskMsg.txtCenter {text-align: center;} .tvAskLayer .layerMain .tvAskLayerList .tvAskMsg .color_orange {color:#f86900} .tvAskLayer .layerMain .tvAskLayerList .btnCenter {width:166px; margin:auto; position:relative; top:10px} .tvAskLayer .layerMain .tvAskLayerList .trans.bord {margin-top:26px; color:#333} .tvAskLayer .layerMain .tvAskLayerList .trans.bord td {margin:0 0 20px 20px; display:inline-block; vertical-align:top} .tvAskLayer .layerMain .tvAskLayerList .trans.bord td.first label {position: relative; top:12px} .tvAskLayer .layerMain .tvAskLayerList .trans.bord td.txtRight {text-align:right} .tvAskLayer .layerMain .tvAskLayerList .trans.bord td label {font-weight: 700; font-size:14px; color:#333; display:inline-block; width:72px; text-align: right} .tvAskLayer .layerMain .tvAskLayerList .trans.bord td .enttTxt, .tvAskLayer .layerMain .tvAskLayerList .trans.bord td input[type="text"] {display:inline-block; outline: none;} .tvAskLayer .layerMain .tvAskLayerList .trans.bord td .enttTxt {margin:0 10px} .tvAskLayer .layerMain .tvAskLayerList .trans.bord td .startDt{display: inline-block; overflow: hidden; width: 25px; height: 25px; background: url('http://image.ebsi.co.kr/ebsi/images/reNskin2018/allLecture/ico_calendar.png') no-repeat center 50%; text-indent: -9999px; border: 0; position: relative; top: 9px; cursor: pointer; outline: none} .tvAskLayer input[type="text"], .tvAskLayer textarea {border:1px solid #999} .tvAskLayer textarea {resize: none; width:100%; min-height:202px} .tvAskLayer .layerMain .leyerHeader .sbjGroup, .tvAskLayer .layerMain .leyerHeader .layerClose {position: absolute} .tvAskLayer .layerMain .leyerHeader .sbjGroup {top:17px; left:28px} .tvAskLayer .layerMain .leyerHeader .sbjGroup .first {font-size:14px; color:#ccc} .tvAskLayer .layerMain .leyerHeader .sbjGroup .last {font-size:16px; color:#fff} .tvAskLayer .layerMain .leyerHeader .sujTitle {position: relative; font-size: 20px; font-weight: bold; color: #fff; top: 27px; text-align: center} .tvAskLayer .layerMain .leyerHeader .layerClose {right:30px; top:29px} /* 개인정보 파기확인서 팝업 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .userItemLayer {display:none} .userItemLayer * {font-family: '맑은 고딕', 'Malgun Gothic' , '돋움', 'Dotum', 'Arial'} .userItemLayer .layerMain {z-index: 1111113; position: absolute; top: 106px; left: 50%; margin-left: -311px; background:#fff; width:622px; box-shadow: 8px 8px rgba(0,0,0,0.1)} .userItemLayer .layerMain .leyerHeader {position: relative; height:73px; width:100%; background:#062e67} .userItemLayer .layerMain .userItemLayerList .btnLight { width:158px;} .userItemLayer .layerMain .leyerHeader .sbjGroup, .userItemLayer .layerMain .leyerHeader .layerClose {position: absolute} .userItemLayer .layerMain .leyerHeader .sbjGroup {top:17px; left:28px} .userItemLayer .layerMain .leyerHeader .sujTitle {position: relative; font-size: 20px; font-weight: bold; color: #fff; top: 27px; text-align: center} .userItemLayer .layerMain .leyerHeader .layerClose {right:30px; top:29px} .userItemLayer .layerMain .userItemList {padding:40px 30px 30px; color:#000; font-size:12px} .userItemLayer .layerMain .userItemList .userItemMsg > .first {line-height:20px} .userItemLayer .layerMain .userItemList .userItemMsg ul {margin:30px 0} .userItemLayer .layerMain .userItemList .userItemMsg > ul li {font-weight:700; line-height:20px} .userItemLayer .layerMain .userItemList .userItemMsg > ul li > ul li {margin-left:24px; padding-left : 14px; background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher//ico_arrow_right.png') no-repeat 0 50%; line-height:20px} .userItemLayer .layerMain .userItemList .userItemMsg > .second {padding-bottom:50px; line-height:20px} .userItemLayer .layerMain .userItemList .userItemMsg > .last {font-size:14px; font-weight: 700; text-align:center} .userItemLayer .layerMain .userItemList .userItemMsg > .last > .last {font-size:12px; color:#062e67; font-weight: 300; padding-top:30px} .userItemLayer .layerMain .userItemList .userItemMsg > .last > .first {padding-bottom:8px} .userItemLayer .layerMain .userItemList .userItemMsg > .last > .last label {position: relative;top:-1px} .userItemLayer .layerMain .userItemList .userItemMsg .btnCenter {margin-top:64px} .userItemLayer .teacherLayerBg {text-indent: -9999px; position: fixed; background-color: #000; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); opacity: 0.5; top: 0; bottom: 0; left: 0; right: 0; z-index: 1111112} /* 신고하기 팝업 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .reportLayer {display:none} .reportLayer * {font-family: '맑은 고딕', 'Malgun Gothic' , '돋움', 'Dotum', 'Arial'} .reportLayer .layerMain {z-index: 1111113; position: absolute; top: 106px; left: 50%; margin-left: -311px; background:#fff; width:622px; box-shadow: 8px 8px rgba(0,0,0,0.1)} .reportLayer .layerMain .leyerHeader {position: relative; height:73px; width:100%; background:#062e67} .reportLayer .layerMain .reportLayerList .btnLight { width:158px;} .reportLayer .layerMain .leyerHeader .sbjGroup, .reportLayer .layerMain .leyerHeader .layerClose {position: absolute} .reportLayer .layerMain .leyerHeader .sbjGroup {top:17px; left:28px} .reportLayer .layerMain .leyerHeader .sujTitle {position: relative; font-size: 20px; font-weight: bold; color: #fff; top: 27px; text-align: center} .reportLayer .layerMain .leyerHeader .layerClose {right:30px; top:29px} .reportLayer .layerMain .reportLayerList {padding:40px 30px 30px; color:#000; font-size:12px} .reportLayer .layerMain .reportLayerList .reportMsg > .first {line-height:20px} .reportLayer .layerMain .reportLayerList .reportMsg .bold {font-weight:bold} .reportLayer .layerMain .reportLayerList .reportMsg > ul {margin-bottom:42px} .reportLayer .layerMain .reportLayerList .reportMsg > ul li {font-weight:700; line-height:20px} .reportLayer .layerMain .reportLayerList .reportMsg > ul li > ul li {margin-left:24px; padding-left : 14px; background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_arrow_right.png') no-repeat 0 50%; line-height:20px} .reportLayer .layerMain .reportLayerList .reportMsg > .second {padding-bottom:28px; line-height:20px} .reportLayer .layerMain .reportLayerList .reportMsg > .last {padding:10px 30px; border:1px solid #e1e1e1; display:table} .reportLayer .layerMain .reportLayerList .reportMsg > .last ul {font-size:12px; font-weight: 300} .reportLayer .layerMain .reportLayerList .reportMsg > .last ul li {display:inline-block; width:188px; height:43px; line-height:43px; font-size:12px; color: #666;} .reportLayer .layerMain .reportLayerList .reportMsg > .last ul li label {margin-left:8px} .reportLayer .layerMain .reportLayerList .reportMsg > .last ul li input[type="radio"]:checked + label {font-weight: 700; color:#333} .reportLayer .layerMain .reportLayerList .reportMsg > .last ul li.first.fL {margin-right:76px} .reportLayer .layerMain .reportLayerList .reportMsg .btnCenter {margin-top: 38px; text-align: center;} .reportLayer .teacherLayerBg {text-indent: -9999px; position: fixed; background-color: #000; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); opacity: 0.5; top: 0; bottom: 0; left: 0; right: 0; z-index: 1111112} /* AS IS 게시판 이용수칙 팝업 */ .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle #ebsiBrdBothArea {clear: both; position: relative; z-index: 11} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle #ebsiBrdBothArea .ebsiBrdPopUp .top { overflow: hidden; height: 32px; background: url('http://image.ebsi.co.kr/ebsi/images/potalUI/ebsiBoardStyle_v1/bg_popTit.jpg') repeat-x left top} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle #ebsiBrdBothArea .ebsiBrdPopUp .top .topTxt {overflow: hidden; float: left; padding: 10px; color: #fff; white-space: nowrap} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle #ebsiBrdBothArea .ebsiBrdPopUp .top .topBtn {display: inline-block; overflow: hidden; float: right; width: 32px; height: 22px;padding-top: 10px;text-align: center} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle #ebsiBrdBothArea .boardUseRule_pop .contsArea {padding: 15px !important; text-align: left; color: #828080; clear: both; overflow: hidden} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle #ebsiBrdBothArea .boardUseRule_pop .contsArea .boardUseRule_readme {padding: 12px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle #ebsiBrdBothArea .boardUseRule_pop .contsArea .boardUseRule_conts {padding: 0 10px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle #ebsiBrdBothArea .boardUseRule_pop .contsArea .boardUseRule_conts dt {margin-bottom: 2px; font-weight: bold; color: #333; line-height: 1.4} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle #ebsiBrdBothArea .boardUseRule_pop .contsArea .boardUseRule_conts dd {margin-bottom: 15px; line-height: 1.4; } .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle #ebsiBrdBothArea .boardUseRule_pop .contsArea .boardUseRule_conts dd li { padding: 0 0 0 10px; background: url('http://image.ebsi.co.kr/ebsi/images/potalUI/ebsiBoardStyle_v1/ico/ico_hypen_gray.gif') no-repeat 0 6px } .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle #ebsiBrdBothArea .boardUseRule_pop .contsArea .boardUseRule_conts .tPoint1 {display: inline-block; color: #009cbf } .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle #ebsiBrdBothArea .boardUseRule_selectHidden { display: none; _display: block; position: absolute; right: 0px; top: 0; width: 600px;height: 377px; border-left: 1px solid #c6c6c6; filter: mask(); z-index: -1} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle .title{text-align: left;font-size: 16px;font-weight: 700;color: #333;margin-left:8px; background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_skew.png') no-repeat 0 center; display: inline-block; padding-left: 20px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle a {float:right; font-size:12px; font-weight:700; color:#a6a6a6} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle a:hover {color:#a6a6a6} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .sectionTitle a .vt {display:inline-block; padding-right:10px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent.listType .lectureBord .lectureBord .bordCheckFilter.listType {margin:20px 0 0 8px} /* 전체메뉴 영역 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ /* sectionAllmenu */ .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu {width: 994px;height: auto;background: #e9e9e9; border: 1px solid #c0c0c0; position: absolute; z-index: 20; top: -25px; box-shadow:8px 8px rgba(0,0,0,0.2)} .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .allMenuheader, .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .allMenuBody {float:left} .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .allMenuheader {padding:12px} .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .allMenuheader div {color:#fff; font-size: 14px; font-weight:700; width:100px; height:40px; background:#2f599f; display:inline-block; line-height: 40px; text-align:center; margin-right:5px} .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .allMenuheader div.last {margin-right:0} .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .allMenuBody {background:#fff; padding: 10px 12px;} .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .allMenuBody .panel {display:table-cell; width:107px; border-right:1px solid #c7c7c7; text-align: center; vertical-align: top;} .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .allMenuBody .panel.last {border:0} .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .allMenuBody .panel .card {width:100px; margin:0 3px; margin-top:20px} .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .allMenuBody .panel .card.first {margin-top:0} .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .allMenuBody .panel .card ul li a, .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .allMenuBody .panel .card ul li a:hover {font-size: 12px; color:#333} .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .allMenuBody .panel .card ul li a {line-height:28px} .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .allMenuBody .panel .card .title {color:#2f599f; text-decoration: underline; font-size: 12px; text-align: center; display:inline-block; padding-bottom:6px; font-weight:300} .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .btn_allMenuClose {font-size: 12px; font-weight: 700; width: 110px; background: #e9e9e9 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_close_s.png') no-repeat 84% 56%; color: #333; height: 28px;line-height: 22px; left:-1px; border: 1px solid #c0c0c0; position: absolute; top: -28px; text-indent: -6px; border-bottom:0; box-shadow: 8px 0px rgba(0,0,0,0.2)} .renewal2020 > #reNcontainer .pc-teacher .sectionAllmenu .btn_allMenuClose:before {content: ''; display:block; width: 21px; height:10px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/allMenu_top.png') no-repeat 0 0; top:-10px; left:50%; margin-left:-10px; position: absolute} /* Quick 영역 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .renewal2020 > #reNcontainer {position: relative} .renewal2020 > #reNcontainer .sideQuickArea.floatLeft {margin-left:-600px} .renewal2020 #reNcontainer .sideQuickArea.floatRight {margin-left: 511px} /* 컨텐츠 영역 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .renewal2020 > #reNcontainer .pc-teacher {margin-bottom:50px} /* Lnb 영역 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ /* Lnb: sectionLnb 개발 적용 완료 후 삭제 요망 시작 */ .renewal2020 > #reNcontainer .pc-teacher .sectionLnb {position:relative; z-index:11} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionLnb {position:relative; z-index:11; top:-36px} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb{width:220px; z-index:11; background:#fcfdfd; color:#fff; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1); border:1px solid #bebebe; border:1px solid #222} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb {position: absolute; left:0; top:-36px} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb {top: 0} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .lnb ul li a, .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .lnbLink01 span, .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .lnbLink02 span {color:#061a4e} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .lnbLink01, .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .lnbLink02 {display:inline-block; cursor: pointer} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .sectionTitle {background:#062e67; height:49px; width:100%; padding:20px 0 26px 0} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .sectionTitle span {display:inline-block; font-size:11px; color:#6282c6; font-weight: 700; text-indent:20px} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .sectionTitle.go1 {background:#f39801} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .sectionTitle.go2 {background:#a8cf52} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .sectionTitle.go3 {background:#062e67} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .sectionTitle.go1 span, .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .sectionTitle.go2 span, .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .sectionTitle.go3 span {color:#fff} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .lnb .sectionTitle h3 {font-size:22px; font-weight: 700; text-indent:20px; color:#fff; line-height: 44px} .renewal2020 > #reNcontainer .pc-teacher .sectionLnb .lnbBtn {background:#222; position: absolute; z-index:12; width:35px; height:35px; left:221px; top:-36px; border-left:1px solid #516d95; border-left:1px solid #222; cursor: pointer; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1)} .renewal2020 > #reNcontainer .pc-teacher .sectionLnb .lnbBtn {top:0} .renewal2020 > #reNcontainer .pc-teacher .sectionLnb #lnbBtn img {position:absolute; z-index:3; width:10px; height:16px; right:14px; top:9px} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .lnb ul li {border-bottom:1px solid #e0e9ff; display:block; float:left; width:100%} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .lnb ul li a {font-size: 13px; font-weight:700; padding:16px 0 18px 0; display:block; float:left; text-indent: 22px; width:100%} .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .lnbLink01, .renewal2020 > #reNcontainer .pc-teacher #sectionLnb .lnbLink02 {font-size: 13px; font-weight:700; padding:16px 0 18px 0; display:block; float:left; text-indent: 22px; width:100%; border-bottom:1px solid #e0e9ff} /* Lnb: sectionLnb 개발 적용 완료 후 삭제 요망 끝 */ /* Lnb: floatingLnb 20200228 수정*/ .renewal2020 > #reNcontainer #reNcontainer_in {position: relative; width: 100%; margin: 0 auto; border-left: 0; background: none} .renewal2020 > #reNcontainer #reNcontents {width: 100%; border-top: 0; padding:0} .renewal2020 > #reNcontainer #reNlnb.lnbArea.floatingLnb {position: relative; float: left; padding-bottom: 0; border-top: 0; z-index: 11; left: 50%;margin-left:-497px; width: 220px; z-index: 11; background: #fcfdfd; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1); border: 1px solid #222; border-top:0} .renewal2020 > #reNcontainer #reNlnb.lnbArea.floatingLnb .wrap-teacher-all {display:none} /* lnb */ .renewal2020 > #reNcontainer .floatingLnbBox {z-index:12; left:50%;position: absolute; top:0; margin-left:-275px; width:45px; height:45px;} .renewal2020 > #reNcontainer .floatingLnbBox .floatingLnbBtn {width:45px; height:45px; background:#222; z-index:12; cursor: pointer; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1); outline: none; position: absolute; left:-220px; top:0} .renewal2020 > #reNcontainer .floatingLnbBox .floatingLnbBtn .lnbBtn_off img {position: absolute; z-index: 3; width: 10px; height: 24px; right: 9px; top: 10px; padding:0 10px} .renewal2020 > #reNcontainer .floatingLnbBox .floatingLnbBtn .lnbBtn_on img {position: absolute; z-index: 3; width: 10px; height: 24px; right: 9px; top: 10px; padding:0 10px} .renewal2020 > #reNcontainer .floatingLnbBox .floatingLnbBtn .lnbBtn_off.lnbBtn_off img {right: 7px} .renewal2020 > #reNcontainer #reNlnb.lnbArea.floatingLnb {position: relative; -webkit-transition: all 0.2s; transition: all 0.2s; background:#fff; display:none} .renewal2018 #reNcontainer #reNcontents {float:left;width:760px;padding:10px 0 50px 15px;border-top:1px solid #eaeaea;z-index:1} .renewal2020 #reNcontainer #reNcontents .categoryNavi {margin-bottom:11px} .renewal2020 #reNcontainer #reNcontents .title-sub {height:50px;margin-bottom:10px; position:relative;}/* 2018-12-16 수정 2020 수정 */ .renewal2020 #reNcontainer #reNcontents .title-sub .ai_icon {display:block; float:left; margin:15px 5px 0 0;}/* 2018-12-27 수정 2020 수정 */ .renewal2020 #reNcontainer #reNcontents .title-sub .sub_ai_menu {display:inline-block; padding-top:16px;}/* 2018-12-16 추가 2020 수정 */ .renewal2020 #reNcontainer #reNcontents .title-sub {height:50px;margin-bottom:10px;} .renewal2020 #reNcontainer #reNcontents .categoryNavi ~ .title-sub, .renewal2018 #reNcontainer ..renewal2020 #reNcontents .categoryNavi ~ .title-subArea .title-sub {margin-bottom:12px;} .renewal2018 #reNcontainer #reNcontents .title-subArea .categorySns {top:15px} /* lnb */ .renewal2020 #reNlnb .lnbTit{position:relative;z-index:11;} .renewal2020 #reNlnb .lnbTit .btnTchSet{position:absolute;right:5px;bottom:5px;z-index:10;} /* 정렬기준 설정(LNB) */ .renewal2020 #reNlnb .lnbTit .arraySetBox{position:absolute;right:-225px;top:0;width:200px;padding:19px 0 19px 15px;border:3px solid #054c82;background:#fff;z-index:15} .renewal2020 #reNlnb .lnbTit .arraySetBox .arraySetTit{position:relative;height:38px} .renewal2020 #reNlnb .lnbTit .arraySetBox .arraySetTit .gaBtn{position:absolute;right:15px;top:0} .renewal2020 #reNlnb #reNlnb .lnbTit .arraySetBox ul.arraySet{text-align:center} .renewal2020 #reNlnb .lnbTit .arraySetBox ul.arraySet li {display:inline; padding:0 5px 5px; line-height:12px} .renewal2020 #reNlnb .lnbTit .arraySetBox ul.arraySet li .radioBtn{margin-top:-3px} .renewal2020 #reNlnb .lnbTit .arraySetBox ul.arraySet li input, .renewal2020 #reNlnb .lnbTit .arraySetBox ul.arraySet li label{cursor:pointer} .renewal2020 #reNlnb .lnbTit .arraySetBox .btnArea{clear:both;padding-top:10px;text-align:center} .renewal2020 #reNlnb .lnbMenuArea{clear:both; overflow:hidden; width:220px; margin-bottom:0} /* 2019-06-27 추가 2020수정 */ /* a.menuD : 하위 메뉴 없음, a.menuR : 메뉴 닫힘, a.menuB : 메뉴 열림 2020수정 */ .renewal2020 #reNlnb .lnbMenuArea .lnbMenu li a.menuD {border-bottom:1px solid #bebebe} .renewal2020 #reNlnb .lnbMenuArea .lnbMenu li.on a.menuD {color:#557ad8; text-decoration:underline} /* 2020-02-28 수정 2020수정 */ .renewal2020 .seriesLink2016 .btn_seriesLink {display:none} .renewal2020 #reNlnb .lnbTit {height: 49px; width: 100%; padding: 22px 0 22px 0} .renewal2020 #reNlnb .lnbTit {background:#062e67} .renewal2020 #reNlnb .lnbTit.gradeGo1 {background:#f39800} .renewal2020 #reNlnb .lnbTit.gradeGo2 {background:#a9cf52} .renewal2020 #reNlnb .lnbTit.gradeGo3 {background:#062e67} .renewal2020 #reNlnb .lnbTit.gradeGo1 a span, .renewal2020 #reNlnb .lnbTit.gradeGo2 a span {color:#fff} .renewal2020 #reNlnb .lnbTit > a * {font:normal 12px 'Malgun Gothic', 맑은 고딕, 돋움, Dotum, Arial, sans-serif;color:#fff;letter-spacing:-1px} .renewal2020 #reNlnb .lnbTit > a {height: 44px; width: 100%; padding: 0; background: none} .renewal2020 #reNlnb .lnbTit > a span {display: inline-block; font-size: 11px; color: #6282c6; font-weight: 700; text-indent: 20px} .renewal2020 #reNlnb .lnbTit > a h3 {font-size: 22px; font-weight: 700; text-indent: 20px; color: #fff; line-height: 38px} /* lnb 3deps 2020수정*/ .renewal2020 #reNlnb .lnbMenuArea .lnbMenu_s{padding: 16px 22px 18px 22px; background-color: #efefef; border-bottom: 1px solid #bebebe} .renewal2020 #reNlnb .lnbMenuArea .lnbMenu_s li{overflow:hidden} .renewal2020 #reNlnb .lnbMenuArea .lnbMenu_s li a{display:block; padding:0; background:none; color:#666; font-weight:normal; font-size:13px; line-height:30px; line-height /*\**/:27px\9;#line-height:27px; letter-spacing:0; white-space:nowrap; text-indent: 0} :root .renewal2020 #reNlnb .lnbMenuArea .lnbMenu_s li a{line-height:27px \0/IE9;} .renewal2020 #reNlnb .lnbMenuArea .lnbMenu_s li a:hover, .renewal2020 #reNlnb .lnbMenuArea .lnbMenu_s li a:active, .renewal2020 #reNlnb .lnbMenuArea .lnbMenu_s li.on a:hover{color:#557ad8; text-decoration:none; background:none} /* lnb 선생님일때 2020수정 */ .renewal2020 #reNlnb .lnbAddMenuArea {clear:both; overflow:hidden; margin-bottom:0; text-align:left; padding-bottom:5px; border-bottom:1px solid #bebebe} .renewal2020 #reNlnb .lnbAddMenuArea li {overflow:hidden; position:relative; margin:0; padding: 5px; padding-bottom:0; width: 210px} .renewal2020 #reNlnb .lnbAddMenuArea li a:hover {background:#fff; color:#557ad8} .renewal2020 #reNlnb .lnbAddMenuArea {background:#efefef} .renewal2020 #reNlnb .lnbAddMenuArea li:first-child{margin-top:0} .renewal2020 #reNlnb .lnbAddMenuArea li .lnb_dPoint{display:block;position:absolute;right:10px;top:0;color:#2380f9;font-weight:bold;font-size:12px;line-height:43px;text-align:right} #reNlnb .lnbAddMenuArea li .lnb_dPoint .tit{color:#76aef8} .renewal2020 #reNlnb .outsideAdArea{clear:both; overflow:hidden; width:205px; margin:10px auto; border:1px solid #ddd; text-align:center} /* 탭(text)UI 영역 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 {height:60px} .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 {margin: auto; display: table; position:relative; z-index:10} .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 li {float:left; font-size:16px; padding:22px 29px 25px 29px; font-weight:700; position:relative; cursor: pointer; color:#666; display:table-cell} .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 > li.active:before, .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 > li.hover:before, .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 > li.depth2.on:before {content:''; position:absolute; width:100%; height:8px; background:#062f67; left:0; bottom:0} .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 > li:after {content: ''; width:1px; height: 14px; position: absolute; right:0; background:#959fa5} .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 li.last:after, .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 li.depth2 ul li:after {background:none} .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 li.active, .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 li.depth2.on {color:#062f67} .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 li.depth2 #btnMore {position: relative; top:4px; left:2px; cursor: pointer} .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 li.depth2 > #depth2Menu {position: absolute; width:100%; background:#c1d9e4; top:62px; left:0; display:none} .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 li.depth2.active > #depth2Menu {display:block} .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 li.depth2 ul li {display: block; width:100%; text-align:left; padding:6px 0 6px 6px} .renewal2020 > #reNcontainer .pc-teacher .reNlec_tab2020 > ul#reNlec_tab2020 li.depth2 ul li.on {color:#062f67} /* 게시판영역 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ /*게시판 : paging */ .renewal2020 > #reNcontainer .pc-teacher .bordPaging {position:relative;float:left; display:block; width:100%; text-align:center; margin-top:16px} .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi {margin:auto; position:relative; display:table; width:auto} .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li {margin-right:10px; display:table-cell} .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li span {cursor: pointer; width:24px; height:24px; display:inline-block; margin-right:10px; border:1px solid #dcdcdc; color:#555; font-weight: 700; font-size:14px; line-height:22px} .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li.pageLast span {margin-right:0} .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li.pageFirst span, .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li.pagePrev span, .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li.pageNext span, .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li.pageLast span {position: relative; top:9px} .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li.pageFirst span img, .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li.pagePrev span img, .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li.pageNext span img, .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li.pageLast span img {position: absolute; top: 6px} .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li span.active, .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li.pageFirst span, .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li.pagePrev span, .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li.pageNext span, .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li.pageLast span {border:0} .renewal2020 > #reNcontainer .pc-teacher .bordPaging .pageNavi li span.active {background:#062f67; color:#fff} /* 게시판 : 목록 */ .renewal2020 > #reNcontainer .pc-teacher .bordList .bord thead tr th {color:#333; font-size:14px} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord thead tr th {vertical-align: top; line-height: 13px; border-bottom:1px solid #333; border-right:1px solid #333; height:30px; position: relative} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord thead tr th.last {border-right:0} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord thead tr th select {font-weight:700; font-size:12px; color:#333} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord thead tr th input[type='checkbox'] {position:absolute;; top:0; left:10px} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord label.chkLabel {font-size:0; position:absolute; z-index:-2; opacity:0} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td {position:relative; padding:12px 14px; height:21px; font-size:14px; line-height:14px; color:#666; border-top:1px solid #e8e8e8} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td .ico_newList {width: 13px; height: 13px;position:relative;top:4px;margin-top:0px;} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td .ico_special { width: 13px; height: 13px; position: relative; top:5px} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr.first td {border-top:0} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td {text-align:center} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td .lecturePlay {cursor:pointer} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td .sbj {text-align:left} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td .sbj.ellipsis {text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; /*white-space:nowrap;display:inline-block;*/word-wrap:normal;} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td i.commentNum{font-style: normal; display: inline-block; position: relative; top: -2px;} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td span.icoEval {padding: 4px 10px; border-radius: 50px; width: auto; display: inline-block} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td span.icoEval.step01 {background: #d6d6d6} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td span.icoEval.step02 {background: #97e7f0;} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td span.icoEval.step03 {background: #c8fc7e} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td span.icoEval.step04 {background: #ffb9a0} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr.str_A td {background:#f2f5f7} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr.str_A td input[type='checkbox'] {position: absolute; top: 20px; left: 10px;} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr.str_A .str_Atxt {float:left; padding-left:22px; background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_re.png') no-repeat 0 center; font-weight:700} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr.str_A .str_Atxt .color_blue {line-height: 18px} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr.str_A .str_Atxt .reIng {display: inline-block; width: 36px; padding-right: 6px} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td button.btn.default.useInfoCancel {width:140px} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td input[type='checkbox'] {position: absolute;; top:20px; left:10px} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td span.badge {padding: 0 5px; margin-left:6px} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td.qusRow {background:#eef2f6} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td.qusRow.Total {background:#deebf8} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td .unitQs {background:#eef2f6 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/dancu_logo.png') no-repeat 0 center; float:left; width:100%} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td.qusRow.Total .unitQs {background:#deebf8 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/dancu_logo.png') no-repeat 0 center; float:left} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td .unitQs .unitQsTxt {text-align:left; float:left; padding:3px 0 0 110px} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td .starNum {text-align:center} .renewal2020 > #reNcontainer .pc-teacher .bordList .defaultType.bord tbody tr td .ico_special {margin: -1px 0 0 6px} /* 게시판 : 상세보기 */ .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord {width:952px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.viewTitleFilter td {padding: 0 14px 0 14px; vertical-align: top; line-height: 13px; border-bottom:1px solid #333; border-right:1px solid #333; height:28px; text-align:center; color:#333} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.viewTitleFilter td span.ellipsis {line-height:18px;text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal; width: 270px; display: inline-block} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.viewTitleFilter td.third, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.viewTitleFilter td.last {border-right:0} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.viewTitleFilter td.last {text-align:right; padding-right:0} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr td .sbj.ellipsis {text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap;word-wrap: normal; display: inline-block} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.viewSbjFilter td {height:auto; line-height:18px; text-align:left; padding: 12px 14px;} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.viewTitleFilter td.third .btn.darkGray {margin-left:6px; line-height:16px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr td span.classGroup, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr td .sbj.ellipsis {font-weight:700} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr td span.classGroup {position:relative; text-indent: 6px;} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr td span.classGroup i {width:24px; height:24px; display:inline-block; position: absolute; top:-2px; left:-27px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr td span.classGroup .ico_Q { background: transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_Q.png') no-repeat 0 50%} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr td span.classGroup .ico_A {background: transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_A.png') no-repeat 0 50%} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.viewConterFilter td.unsetFilter {padding:30px 10px 30px; color: unset; text-align: unset; font-size: unset; line-height: unset; font-style:unset; font-family: "돋움", Dotum, "굴림" ,Gulim, '맑은 고딕', 'Malgun Gothic', Arial} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.viewConterFilter td.qaFilter {padding:12px 14px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td {border-bottom: 1px solid #333; line-height: 28px; padding:12px 14px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort18 td {border-bottom: 1px solid #333; line-height: 18px; padding:12px 14px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSortgray td {border-bottom: 1px solid #e1e1e1; line-height: 28px; padding:12px 14px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .fileaddFilter {position:relative} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .fileaddFilter .first {color:#333; font-weight:700} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .fileaddFilter .first span {display:inline-block; margin-right:-14px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .ico_file_add{position: relative; top:4px; right:-18px; padding:6px; cursor: pointer} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .fileaddLayer {overflow-y:auto;max-height:200px;border: 1px solid #eee; background: #fff; padding: 20px; z-index: 1; position: absolute; right: -16px; top: 30px; box-shadow: 8px 8px rgba(0,0,0,0.1);display: none} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .fileaddFilter .fileaddLayer.view {display:block} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .fileaddLayer .filedown { position: relative; top: 8px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .fileaddLayer a { margin-left:6px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim {float:left} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.typeSimple {float:left} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.typeSimple .firstFilter {float:left; width:904px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.typeSimple .shareFilter {float:left} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.typeSimple .firstFilter span, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.typeSimple .firstFilter .starNum, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.typeSimple .shareFilter {display:inline-block} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.typeSimple .firstFilter span {margin-right:8px; color:#333} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.typeSimple .firstFilter .starNum, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.typeSimple .shareFilter {position:relative; top:5px} .renewal2020 > #reNcontainer .pc-teacher .bordView .ico_reviewShare {cursor: pointer;} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.type01 .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.type02, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.type04 {float:left; display:block; position:relative; width:921px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .first, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt div span, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .first .starNum, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt div label, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .second, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .third, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .fourth, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.type04 .shareFilter {display:inline-block} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.type04 .shareFilter {padding-top:10px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.type04 .first .starNum {position:relative; top:5px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.type04 .shareFilter {position: absolute; top:-8px; right:0} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .second, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .third, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .fourth {padding: 0 22px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .first {padding-right:22px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .first .bold, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .second .bold, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .third .bold, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .fourth .bold {margin-right:6px; color:#333} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .second:after, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .third:after, .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt .fourth:after {content: ''; display:block; width:1px; height:14px; background:#333; position: relative; top:-21px; right:8px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.rowSort td .reviewStarNim .reviewAt.type02 {padding-bottom:6px} .renewal2020 > #reNcontainer .pc-teacher .viewStr_A {padding:20px; background:#f2f5f7} .renewal2020 > #reNcontainer .pc-teacher .viewStr_A.qa_viewStr_A {padding:10px 20px 20px 20px; background:#f2f5f7} .renewal2020 > #reNcontainer .pc-teacher .viewStr_Q.qa_viewStr_Q {padding:20px 20px 0 20px !important; background:#f2f5f7} .renewal2020 > #reNcontainer .pc-teacher .viewStr_A .defaultType.bord {width:912px} .renewal2020 > #reNcontainer .pc-teacher .viewStr_Q .defaultType.bord {width:912px} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord {margin-top:15px} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval.typeChating .defaultType.bord {margin-top:0} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tbody tr.viewTitleFilter td.last {text-align: left; padding-left:20px} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tbody tr.viewTitleFilter td {padding: 0; vertical-align: top; line-height: 13px; border-bottom:1px solid #333; border-right:1px solid #333; height:28px; text-align:center; color:#333} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tr.viewTitleFilter .viewStr_evalFilter {float:left; width:100%} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tr.viewTitleFilter .viewStr_evalFilter span, .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tr.viewTitleFilter .viewStr_evalFilter ul.icoEval, .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tr.viewTitleFilter .viewStr_evalFilter ul.icoEval li, .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tr.viewTitleFilter .viewStr_evalFilter button {display:inline-block} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tr.viewTitleFilter .viewStr_evalFilter ul.icoEval {margin-left:25px} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tr.viewTitleFilter .viewStr_evalFilter ul.icoEval li {margin-right:22px} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tr.viewTitleFilter .viewStr_evalFilter button {float:right} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tr.viewTitleFilter .viewStr_evalFilter ul.icoEval li label{padding: 4px 10px; border-radius: 50px; width: auto; display: inline-block; margin-left:6px} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tr.viewTitleFilter .viewStr_evalFilter ul.icoEval li .icoEvalStep04 {background:#ffb9a0} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tr.viewTitleFilter .viewStr_evalFilter ul.icoEval li .icoEvalStep03 {background:#c8fc7e} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tr.viewTitleFilter .viewStr_evalFilter ul.icoEval li .icoEvalStep02 {background:#97e7f0} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr td .reviewChkFilter.chk5 div {width: 139px; display: inline-block; margin-right: 13px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr td .reviewChkFilter div input[type="checkbox"] {position: relative; top: 2px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr td .reviewChkFilter div label {margin-left: 8px; color: #333; font-size: 12px} .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr td .reviewChkFilter div input[type="checkbox"]:checked ~ label {font-weight:700} /* 게시판 : 쓰기 cell-color 타입 */ .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord {width:952px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowHeader td {padding: 0 14px 0 14px; vertical-align: top; line-height: 13px; border-bottom:1px solid #333; border-right:1px solid #333; height:28px; text-align:center; color:#333} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowHeader td.last {border-right:0} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord .checkFilter div {display:inline-block} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord .checkFilter div.first {margin-right: 10px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowHeader td label, .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td label {color:#333; font-size:14px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowHeader td label{font-weight:700} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord .checkFilter input[type='radio'] ~ label {font-weight:300; color:#333; font-size:14px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord .checkFilter input[type='radio']:checked ~ label {font-weight:700} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td {border-bottom:1px solid #333; height:50px; line-height: 28px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort.last td {border-bottom:1px solid #333; border-top:1px solid #333; height:50px; line-height: 28px } .renewal2020 > #reNcontainer .pc-teacher .bestQnaFilter {border:1px solid #b0b0b0; padding:10px 20px; background:#fff;float: left;clear: both;} .renewal2020 > #reNcontainer .pc-teacher .bestQnaFilter .inner {float:left; width:280px; clear:both; min-height: 0 !important;} .renewal2020 > #reNcontainer .pc-teacher .bestQnaFilter .inner > span {width:80px} .renewal2020 > #reNcontainer .pc-teacher .bestQnaFilter ul.icoEval {float:left; margin-left:14px} .renewal2020 > #reNcontainer .pc-teacher .bestQnaFilter ul.icoEval li {display:inline-block; margin-right:16px} .renewal2020 > #reNcontainer .pc-teacher .bestQnaFilter ul.icoEval li label {display: inline-block; margin-left:6px} /* 게시판 : 공통 common */ .renewal2020 > #reNcontainer .pc-teacher .bord {table-layout: fixed; border-collapse: collapse; border-spacing: 0} .renewal2020 > #reNcontainer .pc-teacher .bord thead tr th, .renewal2020 > #reNcontainer .pc-teacher .bord tbody tr td {word-break: break-all} .renewal2020 > #reNcontainer .pc-teacher .bord tbody tr td.colDefault {padding:12px 14px} .renewal2020 > #reNcontainer .pc-teacher .bord thead tr th.txtLeft, .renewal2020 > #reNcontainer .pc-teacher .bord tbody tr td.txtLeft {text-align:left !important} .renewal2020 > #reNcontainer .pc-teacher .bord thead tr th.txtRight, .renewal2020 > #reNcontainer .pc-teacher .bord tbody tr td.txtRight {text-align:right !important} .renewal2020 > #reNcontainer .pc-teacher .bord thead tr th.txtCenter, .renewal2020 > #reNcontainer .pc-teacher .bord tbody tr td.txtCenter {text-align:center} .renewal2020 > #reNcontainer .pc-teacher .bord tbody tr td .btnLight button {cursor: pointer} /* 게시판 : 파일첨부 */ .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort.last #ebsiBrdList .ebsiBrdFileAdd .fileAddArea {width:436px !important} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort.last #ebsiBrdList .ebsiBrdFileAdd .fileAddArea .addTit .tit {float: left; font-weight: bold; color: #333; font-size:14px; padding:0; padding:0 14px 20px 0; margin-top:-4px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort.last td #ebsiBrdList .ebsiBrdFileAdd {clear: both; _clear: none; _float: left; overflow: hidden; padding: 20px 25px; border: 1px solid #e1e1e1; background: #fff; margin-top:10px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort.last td #ebsiBrdList .ebsiBrdFileAdd .fileInfoArea li {background:none !important} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort.last #ebsiBrdList .ebsiBrdFileAdd .fileInfoArea {float: right; width: 450px !important; padding-top:36px; line-height:20px; font-size:12px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort.last #ebsiBrdList .ebsiBrdFileAdd .fileInfoArea .tPoint1 {color:#333 !important} /* 게시판 : 쓰기 하단 나의 소식 메시지 발송 */ .renewal2020 > #reNcontainer.sectionPage .pc-teacher #ebsiBrdList dl.myinfosendbox {clear: both !important;position: relative;height: 92px; padding: 20px; background: #e1e1e1; border: 0 !important; top:16px} .renewal2020 > #reNcontainer.sectionPage .pc-teacher #ebsiBrdList dl.myinfosendbox strong {color:#333} .renewal2020 > #reNcontainer.sectionPage .pc-teacher dl.myinfosendbox dt strong em {display: inline-block; position: relative !important;left: 0; top: 0; width: 18px; height: 18px; background: url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/lecture/btn_qs.png') no-repeat 0 0; text-indent: -99999px; margin:0 20px 0 10px; cursor: pointer} .renewal2020 > #reNcontainer.sectionPage .pc-teacher dl.myinfosendbox dt p {position:absolute; top:-40px; left:0; width:360px; padding:8px; background:#fff; border:1px solid #062f67; color:#333; font-size:12px; text-indent:0} .renewal2020 > #reNcontainer.sectionPage .pc-teacher dl.myinfosendbox input[type="radio"]:checked ~ label {font-weight: 700;} .renewal2020 > #reNcontainer.sectionPage .pc-teacher dl.myinfosendbox .byteTxt {font-size:12px} .renewal2020 > #reNcontainer.sectionPage .pc-teacher dl.myinfosendbox dt span {margin-right:16px} .renewal2020 > #reNcontainer.sectionPage .pc-teacher dl.myinfosendbox dd textarea{width: 910px; padding: 10px 20px; height:34px; border:1px solid #e1e1e1; font-size:12px; margin-top:20px; line-height:18px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .startEndDt{float:left} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .startEndDt button {position: relative; top:7px; cursor: pointer} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .noticeItem {float:right} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .noticeItem label {margin-left:6px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .AskFilter {width:952px; position:relative} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .AskFilter .lectureAsk {float:left; margin-right:10px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .AskFilter.lectureAsk select, .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .AskFilter .lectureAsk .lectureAskInput, .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .AskFilter .lectureAsk .lectureAskInput input[type="text"] , .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .AskFilter .lectureAsk .asKStorage, .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .AskFilter .lectureAsk .lectureAskInput label {display:inline-block} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .AskFilter .lectureAsk select {width:140px; padding:0} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .AskFilter .lectureAsk .lectureAskInput input[type="text"] {width:14px; padding:0 6px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td ul, .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td ul.icoEval li {display:inline-block} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td ul.icoEval {margin-left:25px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td ul.icoEval li {margin-right:22px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td ul.icoEval li label {font-size:0; text-indent:-9999} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td ul.icoEval li label .starNum {position: relative; top:6px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td ul.icoEval li label .starNum img {padding:0 2px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .AskFilter .lectureAsk #lectureAsk_A, .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .AskFilter .lectureAsk #lectureAsk_B {display:none} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .AskFilter .lectureAsk #lectureAsk_A.active, .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .AskFilter .lectureAsk #lectureAsk_B.active {display:inline-block; margin-left:10px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort td .AskFilter .lectureAsk .asKStorage {position: absolute; right:0} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowBody td {padding:20px 0} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowBody td #eaditSection {width:100%; min-height:320px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowSort.lineTB td {border-bottom:1px solid #333; border-top:1px solid #333} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowBody td .scroll_box {height: 120px;border: 1px solid #d9d9d9;background: #ffffff; padding: 20px 16px 5px 20px;color: #909090;margin-bottom: 10px;overflow-y: scroll;overflow-x: hidden; font-size: 14px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowBody#winnerBox td .scroll_box {height:80px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowBody td .agreement {float:right; font-weight:700} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowBody#winnerBox td .winner {float:right; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_down.png') no-repeat 0 50% } .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowBody#winnerBox td .winner a {font-weight:700; color: #333; padding-left:26px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowBody#winnerBox td .winner a:hover { color: #333;} /* 게시판 댓글 영역(2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ /* 학습Qna 댓글 */ .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tbody tr.commentFilter td {position:relative;border-top:1px solid #333; padding:10px 0 16px 0} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord .commentInput {width:853px; height:50px; line-height:16px; padding:0 6px; border:1px solid #e1e1e1;color:#999;} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord .commentNum {position:absolute;left:876px;top:12px;color:red;} .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord .commentBtn {float:right; position:relative; top:26px} .renewal2020 > #reNcontainer .pc-teacher .reComment .defaultType.bord tbody tr td {padding-bottom:16px} .renewal2020 > #reNcontainer .pc-teacher .reComment .defaultType.bord tbody tr td strong, .renewal2020 > #reNcontainer .pc-teacher .reComment .defaultType.bord tbody tr td span {margin-right:10px} .renewal2020 > #reNcontainer .pc-teacher .reComment .defaultType.bord tbody tr td strong img {position:relative; top:7px; margin-left:4px} .renewal2020 > #reNcontainer .pc-teacher .reComment .defaultType.bord tbody tr.reCommentFilter .reCommentFirst {padding-left:40px; background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_re.png') 20px 22% no-repeat } .renewal2020 > #reNcontainer .pc-teacher .reComment .defaultType.bord tbody tr.reCommentFilter .reCommentSecond {padding-left:40px} .renewal2020 > #reNcontainer .pc-teacher .reComment .defaultType.bord tbody tr.reCommentInfo td {padding-bottom:8px} /* 수강후기 댓글 */ .renewal2020 > #reNcontainer .pc-teacher .viewStr_eval .defaultType.bord tbody tr.commentFilter td {border-top:1px solid #333; padding:10px 0 16px 0} .renewal2020 > #reNcontainer .pc-teacher .reComment.review .defaultType.bord tr.commentFilter td {position:relative;padding-left:20px} .renewal2020 > #reNcontainer .pc-teacher .reComment.review .defaultType.bord tr.commentFilter .commentInput {width:814px; height:50px; line-height:16px; padding:0 6px; border:1px solid #e1e1e1;color:#999;} .renewal2020 > #reNcontainer .pc-teacher .reComment.review .defaultType.bord tr.commentFilter .commentNum {position:absolute;left:876px;top:0;color:red;} .renewal2020 > #reNcontainer .pc-teacher .reComment.review .defaultType.bord tr.commentFilter .commentBtn {float:right; position:relative; top:26px} .renewal2020 > #reNcontainer .pc-teacher .reComment.review .defaultType.bord .reCommentstep01 {padding-left:20px} .renewal2020 > #reNcontainer .pc-teacher .reComment.review .defaultType.bord tbody tr.reCommentFilter .reCommentFirst {padding-left:60px; background-position: 40px 22%;} .renewal2020 > #reNcontainer .pc-teacher .btnLeft ul.icoEval {margin-left:20px} .renewal2020 > #reNcontainer .pc-teacher .btnLeft ul.icoEval li {margin-right:16px} .renewal2020 > #reNcontainer .pc-teacher .btnLeft button {float:right} .renewal2020 > #reNcontainer .pc-teacher .btnLeft span, .renewal2020 > #reNcontainer .pc-teacher .btnLeft ul.icoEval, .renewal2020 > #reNcontainer .pc-teacher .btnLeft ul.icoEval li, .renewal2020 > #reNcontainer .pc-teacher .btnLeft button {display:inline-block} /* page contents 영역 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ /* 선생님메인 : 컨텐츠 */ .renewal2020 {width:100%; display:block} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionNews {position: relative; width:100%; padding:36px 0 50px 0; background:#d0d6da url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/main/bg_sectionNews.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionNews .inner {position: inherit; margin: auto; width:995px; height:205px; top:26px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionNews .inner .ebsiTvSlide {float:left; position: relative; width:590px; height:204px; padding-right:41px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionNews .inner .ebsiTvSlide #ebsiTvSlide li {cursor: pointer;} .renewal2020 > #reNcontainer .pc-teacher .ebsiTvSlide .bx-pager{ position: relative;z-index: 1; display:table; margin:7px auto auto} .renewal2020 > #reNcontainer .pc-teacher .ebsiTvSlide .bx-pager .bx-pager-item {display:table-cell; border-right:5px solid transparent} .renewal2020 > #reNcontainer .pc-teacher .ebsiTvSlide .bx-pager .bx-pager-item:last-child {border-right:0} .renewal2020 > #reNcontainer .pc-teacher .ebsiTvSlide .bx-pager a {width:9.2px; height:9.2px; border-radius:100%;background:#787a7c; display:inline-block; border:1px solid #787a7c; font-size:0} .renewal2020 > #reNcontainer .pc-teacher .ebsiTvSlide .bx-pager a.active {width:10px; height:10px; border:1px solid #ccc; background:#fff} .renewal2020 > #reNcontainer .pc-teacher .ebsiTvSlide .bx-caption span {color:#333; line-height:26px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal; width: 180px; display: inline-block} .renewal2020 > #reNcontainer .pc-teacher .ebsiTvSlide .bx-wrapper .bx-controls-direction {position: relative; top:-120px} .renewal2020 > #reNcontainer .pc-teacher .ebsiTvSlide .bx-wrapper .bx-controls-direction a img {width:12px; height:20px; padding:10px; position: absolute} .renewal2020 > #reNcontainer .pc-teacher .ebsiTvSlide .bx-wrapper .bx-controls-direction .bx-prev img {background: url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/btn_tvBefore.png') no-repeat 50% 50% !important; top: 0; left:-30px} .renewal2020 > #reNcontainer .pc-teacher .ebsiTvSlide .bx-wrapper .bx-controls-direction .bx-next img {background: url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/btn_tvAfter.png') no-repeat 50% 50% !important; top: 0; right:-30px} .renewal2020 > #reNcontainer .pc-teacher .ebsiTvSlide .bx-wrapper .bx-viewport {min-height:152px;padding-bottom:8px;} .renewal2020 > #reNcontainer .pc-teacher .ebsiTvSlide .bx-wrapper .bx-viewport #ebsiTvSlide li > .vod_mediaPlayer > div > video {height:100% !important;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide {position:relative} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .bx-wrapper .bx-controls-direction .bx-prev img {background: url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/btn_tvBefore_w.png') no-repeat 50% 50% !important; top: -49px; left:-30px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .bx-wrapper .bx-controls-direction .bx-next img {background: url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/btn_tvAfter_w.png') no-repeat 50% 50% !important; top: -49px; right:-30px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .renewal2020 > #reNcontainer .pc-teacher .ebsiTvSlide #tvAskBtn{font-size: 12px;font-weight:700;padding: 0 10px;height: 22px;border: 1px solid #999;color: #333;text-align: center;background: #fff;cursor: pointer;line-height: 22px;position: absolute;right: 35px; bottom:6px} /* 선생님 Home B타입 : 듀냐TV 영상슬라이더*/ .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .bx-wrapper {width: 487px; background: #b6c4cd; padding: 35px; float: right} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-list:focus {outline: none;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-list.dragging {cursor: pointer; cursor: hand;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-slider .slick-track, .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-track {position: relative; top: 0; left: 0; display: block;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-track:before, .slick-track:after {display: table; content: '';} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-track:after {clear: both;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-loading .slick-track {visibility: hidden;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-slide {display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide {float: right;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-slide img {display: block;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-slide.slick-loading img {display: none;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-slide.dragging img {pointer-events: none;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-initialized .slick-slide {display: block;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-loading .slick-slide {visibility: hidden;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-arrow.slick-hidden {display: none;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-prev, .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; 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: transparent;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-prev:before, .slick-next:before {font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-prev {left: -25px;} [dir='rtl'] .slick-prev {right: -25px; left: auto} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-prev:before {content: ''; display:block; width:13px; height:32px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_lnbBtn_off.png') no-repeat 0 0} [dir='rtl'] .slick-prev:before {content: ''; display:block; width:13px; height:32px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_lnbBtn_on.png') no-repeat 0 0} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-next {right: -25px;} [dir='rtl'] .slick-next {right: auto; left: -25px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .slick-next:before {content: ''; display:block; width:13px; height:32px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_lnbBtn_on.png') no-repeat 0 0} [dir='rtl'] .slick-next:before {content: ''; display:block; width:13px; height:32px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_lnbBtn_off.png') no-repeat 0 0} /* 선생님메인 : 컨텐츠 뉴스 */ .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionNews .inner .news{float:left; position: relative; width:342px;height:205px; color:#666; left:10px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionNews .inner .news ul.hyphenImgB li {font-size:14px; padding:4px 0 4px 17px; display:inline-block; background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_hyphen_b.png') no-repeat left center;background-size:5px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionNews .inner .news ul.hyphenImgB li span {text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal; width:270px; display:block} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionNews .inner .news li.last {padding-bottom:0} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionNews .inner .news strong {color:#333; font-size:14px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionNews .inner .title {float:left; text-align: left; font-size: 20px; font-weight: 700; color:#333; padding-bottom:12px; width:100%} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionNews .inner .title:after{content: ''; display: block; clear: both; float: left; width: 100px;} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionTitle {position: relative; margin: auto; width: 995px; display: table;} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionTitle .title {float:left; text-align: left; font-size: 16px; font-weight: 700; color:#333; padding:25px 0 16px 0} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionTitle .title i {font-size:14px; font-style: normal; font-weight: 700; color:#333} /* 선생님메인 : 과목별 정렬 */ .renewal2020 > #reNcontainer.sectionMain .pc-teacher .rowGroup, .renewal2020 > #reNcontainer.sectionMain .pc-teacher .columnGroup {position: relative; float: left; width: 100%} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .rowGroup .rowTitle, .renewal2020 > #reNcontainer.sectionMain .pc-teacher .columnGroup .columnTitle {position: relative; margin: auto; width: 995px; display: table} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .columnGroup .columnTitle ul {width:995px; float:left; margin-bottom:20px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .columnGroup .columnTitle ul li {float:left; width:199px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .columnGroup .columnTitle ul li.oddTxt {background:#a6b8cf} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .columnGroup .columnTitle ul li.evenTxt {background:#a6cbcf} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .columnGroup .columnTitle ul li span {width:199px; display:block; color:#fff; font-weight:700; height: 34px; line-height:34px; text-align:center; letter-spacing: 0} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .rowGroup .rowTitle .rowTxt {background:#a6b8cf; color:#fff; font-weight:700; height: 34px; line-height:34px; letter-spacing: 0; text-indent: 66px; display:block; margin-bottom:20px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .columnGroup .sectionContent, .renewal2020 > #reNcontainer.sectionMain .pc-teacher .rowGroup .sectionContent {position: relative; float:left; width:100%} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .columnGroup .sectionContent {background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/main/bg_sectionContent.png') repeat-y 50% 0} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .rowGroup .sectionContent {background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/main/bg_sectionContent.png') repeat-y 50% 0} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent .columnFilter {position: relative; margin: auto; width:995px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent .columnFilter > ul {position: relative; width:199px; float:left} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel {width:197px; height:284px; float:left; border:1px solid transparent; margin-bottom:20px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent .columnFilter ul.oddType .panel:hover {width:197px; height:284px; display:inline-block; margin-bottom:20px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent .columnFilter ul.oddType .panel:hover {background: #a6b8cf; border:1px solid #a6b8cf} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent .columnFilter ul.evenType .panel:hover {background: #a6cbcf; border:1px solid #a6cbcf} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .card {position:relative; width:196px; height:198px; top:0} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .card .teacherImg {width: 199px; height: 198px; position: relative; margin: auto} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .card .teacherImg > img {width:199px; height:198px; padding:0; position: absolute; left:50%; margin-left:-99px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardEvent {margin-top:-22px; height:22px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardEvent ul {background: transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/main/bg_mainBtnList.png') no-repeat 0 0; position: relative; height:22px; margin:auto} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardEvent ul li {color:#fff; font-size: 10.53px; width:42px; height:22px; font-weight:700; line-height:23px; float:left; text-align:center} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardEvent ul li.first {margin-right:2px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardEvent.Event.ebsiTv ul {width: 87px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardEvent.Event ul, .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardEvent.ebsiTv ul { width: 42px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardEvent.Event.ebsiTv ul {background-position: 0 0} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardEvent.Event ul {background-position: 0 0} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardEvent.ebsiTv ul {background-position: -44px 0} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardInfo {height:86px; width:100%; background:#fff} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardInfo .infoUtil {position: relative; display: table; margin: auto} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardInfo .infoUtil .teacherName { text-align:center; height: 40px; font-weight: 700; font-size: 14px; color: #333; display:block; position: relative; top:8px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardInfo .infoUtil .btnPlay, .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardInfo .infoUtil .likeUser {width:15px; height:13px; padding:12px 10px 10px; display:table-cell } .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardInfo .infoUtil .btnPlay {background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/btn_tvPlayS.png') no-repeat center center ; cursor: pointer; position: relative; z-index: 10} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardInfo .infoUtil .likeUser.like_off {background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_heart_off.png') no-repeat center center } .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardInfo .infoUtil .likeUser.like_on {background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_heart_on.png') no-repeat center center } .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardInfo p {clear:both; width:94%; position: relative;margin: auto; text-align:center; color:#999; font-size:12px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; max-height: 2.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: center} /* 선생님 과목별 : 가로정렬 */ .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent .rowFilter {position: relative; margin: auto; width:995px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent .rowFilter ul {position: relative; margin: auto; width:995px} .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent .rowFilter > ul .panel:hover {width:197px; height:284px; display:inline-block; border:1px solid #a6b8cf; background: #a6b8cf} /* 선생님 Home A타입 */ .renewal2020 > #reNcontainer.sectionHome.typeA {position: relative; float:left; width:100%} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionLinks {position: relative; float:left; width:100%; height:984px} .renewal2020 > #reNcontainer.sectionHome.typeA.bg01 .pc-teacher .sectionLinks{background:#a8c4d5 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/home/B_bg_01.png') no-repeat center 70%; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeA.bg02 .pc-teacher .sectionLinks{background:#a8c4d5 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/home/B_bg_02.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeA.bg03 .pc-teacher .sectionLinks{background:#a8c4d5 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/home/B_bg_03.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeA.bg04 .pc-teacher .sectionLinks{background:#a8c4d5 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/home/B_bg_04.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeA.bg05 .pc-teacher .sectionLinks{ background:#a8c4d5 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/home/B_bg_05.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionLinks .inner {width:994px; margin:auto} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionHash {width: 994px; position: relative; min-height: 182px; margin: auto; display: block} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter{float:left} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter {width:586px; padding:0} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionHash .titleFilter {width:586px; padding:0; margin: 55px 0 0 0} .renewal2020 > #reNcontainer.typeA .pc-teacher .sectionLinks .sectionHash .hashFilter{width:388px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .teacherTitle {position:relative} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .teacherTitle h3 {float:left; max-width:830px} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionHash .titleFilter .teacherTitle h3 { float: left; max-width: 512px; line-height: 34px; margin-top:5px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .teacherTitle h3 {font-weight:700; font-size: 28px; color:#333; letter-spacing: -0.08em; margin-right:10px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .TitleBtn, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .share_open {display:inline-block; width:25px; height:25px; position:relative; z-index:3; cursor: pointer} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .TitleBtn {background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_mod.png') 0 0 no-repeat; top:8px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .TitleBtn.view {background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/close_btn.png') 0 0 no-repeat; top:8px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .TitleBtn.view + .titleBox {display:block} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .TitleBtn + .titleBox {display:none} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .TitleBtn:hover, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .share_open:hover{cursor: pointer} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .share_open{margin:9px 0 0 6px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .titleBox { border: 1px solid #eee; background: #fff;padding: 20px;z-index: 10;position: absolute;top: 82px;display: none; width: 500px; height: 30px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .titleBox .tit {color: #333; font-size: 14px; display: inline-block; position:relative; top:2px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .titleBox #ico_send {position: absolute; display: block; width:25px; height:25px; top: 21px; right: 20px;background: url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_ok.png') no-repeat 0 0; cursor: pointer} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .titleBox input {font-size:14px; font-weight:300; padding:0 10px; width: 394px; border: 1px solid #ccc; height:25px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .teacherUtil {float:left; display:block} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionHash .titleFilter .teacherUtil {display: block; margin-top:13px; clear:both} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .teacherTitle .teacherUtil {float:left; display:block; clear:both; margin-top:13px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .teacherUtil .ico_heart {position: relative; top: 4px; cursor: pointer} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .teacherUtil .nameTxt { font-size:18px; color:#333; margin-right:20px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .teacherUtil .heartTxt {position:relative; top:-1px; margin-left:5px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .teacherUtil .heartTxt, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .teacherUtil .heartTxt i {font-size:14px; font-weight:700; color:#878686; font-style: normal} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .titleFilter .teacherUtil .heartTxt i {color:#ff3300; padding-left:4px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter {padding:10px 0 0 0} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashBtn {font-size:12px; padding:0 10px; height:20px; border:1px solid #999; color:#333; text-align:center; background:#fff; cursor: pointer; line-height:20px; top: 10px; position: absolute; right: 0; width:60px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashBox {position: relative;display: none; right: 66px; z-index:4} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashBox .BtnUtill {float:right} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashBox .hashSelecter{margin-right:6px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashBox .btnSend, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashBox .btnCancel {display:inline-block; position: relative; margin:0 4px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashBox .hiddenSelecter {padding: 6px;background: #fff;height: 24px;top: 0; left: -10px; position: relative; float: left} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashBox .hashSelecter {height: 22px; border: 1px solid #999;color: #333; line-height: 22px;padding:0; float:left; margin-right:4px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashBox .btnSend, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashBox .btnCancel {font-size: 12px; padding: 0 8px; height: 20px; border: 1px solid #999;color: #333;text-align: center; background: #fff; cursor: pointer; line-height: 20px; float:left} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashBox .btnSend {background:#062f67; border: 1px solid #062f67; color:#fff} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashBox #btn_hidden {float:left; cursor: pointer;} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeA.clearfix {width:340px; position: absolute; top:50px; right:-8px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeB.clearfix {position: absolute; top: 47px; right: -8px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeC.clearfix {position: absolute; top: 50px; width:408px;} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeCsimple.clearfix {width:408px; position: absolute; top:36px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeA ul:after, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeB ul:after, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeC ul:after, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeCsimple ul:after {content: ''; display:table; clear:both} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeA ul.first {float:left; width:166px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeA ul.last {float:right; width:163px; margin-left:10px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeA ul.first li {float:right} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeB ul {float:right; clear:both; width:410px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeB ul.last {width:394px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeB ul li {float:left; margin-right:10px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeB ul li.last {margin-right:0} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeC ul {clear:both; width:410px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeC ul.second {width:268px; float:right} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeC ul.last {width:132px; float:right} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeC ul li {float:left; margin-right:10px} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeC ul.second li.last {margin-right:0} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeC ul li.last {margin-right:0; margin-bottom:0} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter ul li > div {display:inline-block; height:28px; background:#efefef; padding:0 10px; border-radius: 28px; margin-bottom:10px; position:relative} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeA, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeB, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeC{display:none} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeA.clearfix.active, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeB.clearfix.active, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeC.clearfix.active, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeCsimple.clearfix.active{display:block} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeA ul li div input.inputTxt, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeB ul li div input.inputTxt, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeC ul li div input.inputTxt, .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeCsimple ul li div input.inputTxt {border:0; display:inline-block; background:transparent; font-size:18px; width:100%; text-align:center} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeCsimple ul li div input.inputTxt {text-align:right} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeA ul li.last {margin-bottom:0} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeA ul.first > div {float:right} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeA ul.last div {float:left} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeB ul.last li{margin-bottom:0} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeB ul > div {float:right} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeC ul > div {float:right} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeCsimple ul {clear:both; float:right} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeCsimple ul.second {float:right} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeCsimple ul li {float:left;} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeCsimple ul.second li.last {margin-right:0} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeCsimple ul li.last {margin-right:0; margin-bottom:0} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeCsimple ul li > div {display:inline-block; height:17px; background:none; padding:0px; border-radius: 0px; margin-bottom:6px; position:relative} .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashTypeCsimple ul li div input.inputTxt {font-size:16px; color:#333} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter {position: relative; width: 994px; height:742px; margin-left: -126px; margin:auto} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .teacherImg {width: 653px; height:742px; position: absolute; left: -130px; bottom: -58px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .teacherImg img { position: absolute; bottom: 60px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .teacherImg .ProfileBtn, .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .teacherImg .teacherBtn {position:absolute; width:132px; height:46px; line-height:46px; color:#fff; font-size:16px; text-align:left; z-index:2; letter-spacing: 0; cursor: pointer; bottom:34px; box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.13); } .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .teacherImg .ProfileBtn {left:123px; background:#062f67 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_profile_on.png') no-repeat 21px center; text-indent:64px; background-size:30px 18px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .teacherImg .ProfileBtn.active {left:123px; background:#020e1f url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_profile_off.png') no-repeat 21px center; text-indent:64px; background-size:29px 18px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .teacherImg .teacherBtn {left:265px; background:#062f67 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_triangle.png') no-repeat 15px center; text-indent:33px; background-size:12px 16px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .teacherImg .ProfileLayer {background: transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_profile.png') no-repeat 0 0;width: 491px;height: 304px;position: absolute; left:123px;bottom: 84px;z-index: 11; text-align:left;display:none } .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .teacherImg .ProfileLayer .inner{width:411px; height:214px; margin:40px; font-size:12px; color:#fff; overflow-y:auto} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .renewal2020 > #reNcontainer .pc-teacher .teacherImg .ProfileLayer .inner .listRow {display:block; float:left} .renewal2020 > #reNcontainer .pc-teacher .sectionTeacherFilter .teacherImg .ProfileLayer .inner .listRow ul.hyphenImgW {padding-top:5px} .renewal2020 > #reNcontainer .pc-teacher .sectionTeacherFilter .teacherImg .ProfileLayer .inner .listRow ul.hyphenImgW li {padding-left: 10px; display:inline-block; background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_hyphen_w.png') no-repeat left center;background-size:5px; line-height:18px} .renewal2020 > #reNcontainer .pc-teacher .sectionTeacherFilter .teacherImg .ProfileLayer .inner .listRow#teacherBook {padding-top:20px} .renewal2020 > #reNcontainer .pc-teacher .sectionTeacherFilter .teacherImg .ProfileLayer .inner .listRow h4 {color: #fff; font-size: 14px; display: block; width:100%} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .teacherImg .ProfileLayer.active {display: block } .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide { float: right;padding-top: 45px;width: 497px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide .bx-wrapper {width:417px; height:254px; background:#b6c4cd; padding:35px; float:right} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide #ebsiTvSlide li .bx-caption {height:33px; background:#6d767b; font-size:14px; line-height:24px; text-align:center} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionTeacherFilter .ebsiTvSlide #ebsiTvSlide li .bx-caption span {font-weight:700; color:#fff} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent {width:100%; background:#fff; display:table} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum { width:100%; background:#e2e5ee; display:table; box-shadow: 0 -20px 40px rgba(0,0,0, 0.04); position: relative; padding:80px 0 86px 0} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner {width:994px; margin:auto; position: relative;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTitle{text-align: center; padding:20px 0 43px 0} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTitle .largeTxt, .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTitle .largeTxt > * {font-size:36px; color:#333; letter-spacing: -0.08em} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTitle .smollTxt{font-size:22px; color:#616161; letter-spacing: -0.08em} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTab {display: table; width:944px;} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTab li {position:relative; float:left; padding:10px 19px 10px 19px;font-size:20px; font-weight:700; border-bottom:1px solid #cacbd0} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTab li:hover {cursor: pointer} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTab li.active span{width:100%; height:4px; display:block; position: absolute; bottom:0; left:0} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTab li.first.active {color:#e28a00} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTab li.second.active {color:#6ebc08} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTab li.last.active {color:#1739b6} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTab li.first.active span{background:#e28a00} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTab li.second.active span {background:#6ebc08} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTab li.last.active span {background:#1739b6} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTab li:after {content: ''; width: 1px; height:17px; position: absolute; right: 0; background:#cacbd0} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumTab li.last:after {background:none} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt {position: relative; padding-top:20px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel {width:100%} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.active {width:100%; display:block} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel > li {position:relative; float:left} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.go01 > li:after {content: ''; width:18px; height:30px; position: absolute; right:6px; top:20px; background: transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_curriculum_go1Arrow.png') no-repeat center top; display: block} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.go02 > li:after {content: ''; width:18px; height:30px; position: absolute; right:6px; top:20px; background: transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_curriculum_go2Arrow.png') no-repeat center top; display: block} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.go03 > li:after {content: ''; width:18px; height:30px; position: absolute; right:6px; top:20px; background: transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_curriculum_go3Arrow.png') no-repeat center top; display: block} .renewal2020 > #reNcontainer .pc-teacher .curriculumCnt .panel.step01, .renewal2020 > #reNcontainer .pc-teacher .curriculumCnt .panel.step02, .renewal2020 > #reNcontainer .pc-teacher .curriculumCnt .panel.step03 {width:994px; display:table; padding-bottom:20px; background:#fff} .renewal2020 > #reNcontainer .pc-teacher .curriculumCnt .panel.step02 {background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_homeCurriculum_step02.png') repeat-y 0 0} .renewal2020 > #reNcontainer .pc-teacher .curriculumCnt .panel.step03 {background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_homeCurriculum_step03.png') repeat-y 0 0} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.step01 li:after, .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.step02 li.second:after, .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.step03 li.last:after {width:0; background:none} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel > li .card {margin-right: 35px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.step01 > li .card, .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.step02 li.second .card, .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel > li.last .card {margin-right: 0} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.step03 > li .card {width:308px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.step02 > li .card {width:479.5px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.step01 > li .card {width:994px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel li dl.card dt , .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel li dl.card dt span { height:68px; color:#fff; font-size: 30px; font-weight:700; line-height:68px; text-align: center} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel li dl.card dt span {font-size: 24px} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.go01 li.first dl.card dt {background: #eeb92b url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_curriculum_go1Title01.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.go01 li.second dl.card dt {background: #eda427 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_curriculum_go1Title02.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.go01 li.last dl.card dt {background: #ff911a url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_curriculum_go1Title03.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.go02 li.first dl.card dt {background: #b1d61c url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_curriculum_go2Title01.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.go02 li.second dl.card dt {background: #94d11e url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_curriculum_go2Title02.png') no-repeat center center; background-size:cover } .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.go02 li.last dl.card dt {background: #5ab522 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_curriculum_go2Title03.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.go03 li.first dl.card dt {background: #4088e7 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_curriculum_go3Title01.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.go03 li.second dl.card dt {background: #4465e1 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_curriculum_go3Title02.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel.go03 li.last dl.card dt {background: #353cca url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_curriculum_go3Title03.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner.curriculumCnt .panel li dl.card dd { padding:20px 19px 20px 9px; background:#fff} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel li dl.card dd ul.hyphenImgB {width:100%} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel li dl.card dd ul.hyphenImgB li {background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_hyphenB.png') no-repeat left center;background-size:5px; padding:4px 14px 4px 14px; display:block; line-height:26px; width:auto; display:table} .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel li dl.card dd ul.hyphenImgB li a span.first {-webkit-box-orient: vertical; font-size: 14px; letter-spacing: -1.7px; padding-right: 10px; position: relative; left: 0; top: 0} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel li dl.card dd ul.hyphenImgB li span.last {cursor: pointer; position: relative; top: 4px} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .curriculum .inner .curriculumCnt .panel li dl.card dd ul.hyphenImgB li span img {position: absolute; z-index:10} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .bestReview, .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture {padding:80px 0 100px 0} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .bestReview {width:100%; background: #f3f4f5; display:table} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .bestReview .inner, .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner {width:994px; margin:auto} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList {width:974px; float:right} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList .grayLine.bord tbody tr td {border:0} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList .grayLine.bord {border-top:1px solid #a1a1a1; } .renewal2020 > #reNcontainer.sectionHome.typeA .pc-teacher .sectionContent .newLecture .inner .newLectureList .grayLine.bord tbody tr td { border-bottom:1px solid #a1a1a1; padding:29px 0} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList .grayLine.bord tbody tr td.sumItem {padding:29px 22px;vertical-align:top;} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList .grayLine.bord tbody tr td.last {padding-right:20px} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList .sumItem img {width:76px; height:76px} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList .grayLine.bord tbody tr td .titleTxt {width:100%; display:block; float:left} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList .grayLine.bord tbody tr td .titleTxt a {float: left; display:block;max-width:500px;max-height:42px;color:#000; font-size:16px; font-weight:700; line-height:20px;padding:10px 0 0 0;margin-bottom:10px; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/overflow: hidden; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical; text-overflow: ellipsis;} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList .grayLine.bord tbody tr td .titleTxt a:hover {color:#000} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList .grayLine.bord tbody tr td .sumList ul li {float:left; position:relative; color:#666; padding:0 14px; line-height:14px} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList .grayLine.bord tbody tr td .sumList ul li {padding-left:0} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList .grayLine.bord tbody tr td .sumList ul li:after {content: '';display: block; position: absolute; right: 5px; top: 0px; width: 1px; height: 15px; background: #23114f} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList .grayLine.bord tbody tr td .sumList ul li.last:after {background:none} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList .grayLine.bord tbody tr td .btn.darkBlue.triangle {text-indent:18px} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .newLecture .inner .newLectureList .grayLine.bord tbody tr td .btn.rightGray.check {text-indent:22px} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionTeacherFilter .news{width: 497px; height: 205px; color: #666; float: right; clear: both; padding-top:45px} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionTeacherFilter .news ul {margin-left:10px} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionTeacherFilter .news ul li {font-size: 14px; padding: 4px 0 4px 0; display: inline-block; background-size: 5px; color: #666; line-height: 14px} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionTeacherFilter .news ul li span { display:inline-block; width:64px; height:20px; line-height:20px; font-size:12px; font-weight:700; border-radius: 50px; background:#fff; margin-right:10px; text-align:center} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionTeacherFilter .news .newsBox{border-top: 1px solid #6a5a52; float: right; padding-top: 17px; width: 477px} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionTeacherFilter .news ul li.eventTxt span {color:#062f67} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionTeacherFilter .news ul li.noticeTxt span {color:#333} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionTeacherFilter .news ul li a {text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal; width:370px; display:inline-block; color:#666; font-size:14px; line-height:14px} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionTeacherFilter .news li.last {padding-bottom:0} .renewal2020 > #reNcontainer .pc-teacher .sectionContent .bestReview .sectionTitle, .renewal2020 > #reNcontainer .pc-teacher .sectionContent .newLecture .sectionTitle {width:100%} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionTeacherFilter .news .sectionTitle .title, .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionContent .bestReview .sectionTitle .title, .renewal2020 > #reNcontainer .pc-teacher .sectionContent .curriculum .sectionTitle .title, .renewal2020 > #reNcontainer .pc-teacher .sectionContent .newLecture .sectionTitle .title, .renewal2020 > #reNcontainer .pc-teacher .sectionTeacherFilter .ebsiTvSlide .sectionTitle .title, .renewal2020 > #reNcontainer .pc-teacher .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionTeacherFilter .news .sectionTitle .title { text-align: left; font-size: 16px; font-weight: 700; color:#333; margin-bottom:8px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_skew.png') no-repeat 0 center; color:#333; display:inline-block;padding-left:20px} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionTeacherFilter .news .sectionTitle:after{content: ''; display:block; clear: both; float: left; width: 100px;} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionTeacherFilter .news .sectionTitle {float:left; width:100%} .renewal2020 > #reNcontainer.sectionHome .pc-teacher .sectionLinks .sectionTeacherFilter .news .sectionTitle span {background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_plus.png') no-repeat center center; padding:6px; width:10px; height:10px; font-size:0; cursor: pointer; float:right} .renewal2020 > #reNcontainer .pc-teacher .sectionContent .newLecture .sectionTitle span, .renewal2020 > #reNcontainer .pc-teacher .sectionContent .bestReview .sectionTitle span {background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_plus.png') no-repeat center center; padding:6px; width:10px; height:10px; font-size:0; cursor: pointer; position: relative; top:-5px; left:6px} .renewal2020 > #reNcontainer .pc-teacher .sectionContent .bestReview #reviewList {margin-top:30px} .renewal2020 > #reNcontainer .pc-teacher .sectionContent .bestReview #reviewList li {float:left; width:240px; padding:40px 34px; background:#fff; margin-right:35px; color:#333; box-shadow: 8px 8px rgba(0,0,0,0.1); min-height: 254px; max-height: 254px; cursor: pointer;} .renewal2020 > #reNcontainer .pc-teacher .sectionContent .bestReview #reviewList li.last{margin-right:0} .renewal2020 > #reNcontainer .pc-teacher .sectionContent .bestReview #reviewList .card .starNum {text-align:center} .renewal2020 > #reNcontainer .pc-teacher .sectionContent .bestReview #reviewList .card .cardTitle {font-weight:700; color:#333; text-align:center; width:216px; font-size:18px; line-height: 22px; margin: 10px auto; clear: both; width: 94%; position: relative; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; min-height: 45px; max-height: 45px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical} .renewal2020 > #reNcontainer .pc-teacher .sectionContent .bestReview #reviewList .card .cardDate {font-size:12px; color:#333; text-align:right; margin:20px 0 20px 0} .renewal2020 > #reNcontainer .pc-teacher .sectionContent .bestReview #reviewList .card .cardCnt {font-size:14px; color:#666; line-height:22px; height: 132px; overflow: hidden} /* 선생님 Home B타입 */ .renewal2020 > #reNcontainer.sectionHome.typeB {position: relative; float:left; width:100%} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionLinks {position: relative; float:left; width:100%; height:585px} .renewal2020 > #reNcontainer.sectionHome.typeB.bg01 .pc-teacher .sectionLinks{background:#a8c4d5 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/home/B_bg_01.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeB.bg02 .pc-teacher .sectionLinks{background:#a8c4d5 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/home/B_bg_02.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeB.bg03 .pc-teacher .sectionLinks{background:#a8c4d5 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/home/B_bg_03.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeB.bg04 .pc-teacher .sectionLinks{background:#a8c4d5 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/home/B_bg_04.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeB.bg05 .pc-teacher .sectionLinks{background:#a8c4d5 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/home/B_bg_05.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionLinks .inner{width:994px; margin:auto} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter {position: relative; width: 994px; height:343px; margin-left: -52px; margin:auto} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .teacherImg {width: 272px; height:343px; position: absolute; left: -52px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .teacherImg img { position: absolute; width:306px; height:340px; top:0} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .teacherImg .ProfileBtn, .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .teacherImg .teacherBtn {position:absolute; width:132px; height:46px; line-height:46px; color:#fff; font-size:16px; text-align:left; z-index:2; letter-spacing: 0; cursor: pointer; bottom:-19px; box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.13); } .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .teacherImg .ProfileBtn {left:57px; background:#062f67 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_profile_on.png') no-repeat 21px center; text-indent:64px; background-size:30px 18px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .teacherImg .ProfileBtn.active {left:57; background:#020e1f url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_profile_off.png') no-repeat 21px center; text-indent:64px; background-size:29px 18px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .teacherImg .ProfileLayer {background: transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_profile.png') no-repeat 0 0;width: 491px;height: 304px;position: absolute; left:57px;bottom: 28px;z-index: 11; text-align:left;display:none } .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .teacherImg .ProfileLayer .inner{width:411px; height:214px; margin:40px; font-size:12px; color:#fff; overflow-y:auto} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .teacherImg .ProfileLayer .inner .listRow {display:block; float:left} .renewal2020 > #reNcontainer .pc-teacher .sectionTeacherFilter .teacherImg .ProfileLayer .inner .listRow ul.hyphenImgW {padding-top:5px} .renewal2020 > #reNcontainer .pc-teacher .sectionTeacherFilter .teacherImg .ProfileLayer .inner .listRow ul.hyphenImgW li {padding-left: 10px; display:inline-block; background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_hyphen_w.png') no-repeat left center;background-size:5px; line-height:18px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .teacherImg .ProfileLayer.active {display: block} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionContent {width:100%; background:#fff; display:table} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionContent .newLecture {padding:80px 0 100px 0; box-shadow: 0 -20px 80px rgba(0,0,0, 0.1); display: table; width: 100%;} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter {width:724px; float:right; height:223px; margin-top:50px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .starLecture, .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .bestReview {width:350px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .starLecture {float:left} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .bestReview {float:right} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .starLecture .inner, .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .bestReview .inner {width:330px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .starLecture h4, .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .bestReview h4{text-align: left; font-size: 16px;font-weight: 700;color: #333; margin-bottom: 8px; background: url(http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_skew.png) no-repeat 0 center; color: #333; display: inline-block ;padding-left: 20px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .sectionTitle {width:350px; float:right} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .starLecture .sectionTitle span, .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .bestReview .sectionTitle span{background: url(http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_plus.png) no-repeat center center;padding: 6px;width: 10px; height: 10px;float: right;font-size: 0; cursor: pointer} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .starLecture #starLectureList, .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .bestReview #reviewList {width:330px; float:left; border-top:1px solid #6a5a52; padding:20px 0} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .bestReview #reviewList .card {width:290px; height:142px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_bestReview.png') no-repeat 0 0; box-shadow: 1px 1px 10px rgba(0,0,0,0.1); padding:17px 20px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .bestReview #reviewList .card .cardTitle {font-size:16px; font-weight: 700; color:#333} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .bestReview #reviewList .card .starNum {text-align:center} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .bestReview #reviewList .card .cardTitle {margin-top:8px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .bestReview #reviewList .card .cardTitle .ico_s {display:inline-block; width:20px; height:20px; background:#ed6c7b; border-radius: 100%; color:#fff; font-weight:700; font-size:18px; text-align:center; line-height: 18px; margin-right:6px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .bestReview #reviewList .card .cardCnt {margin-top:6px; color:#333; font-size:12px; line-height: 22px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .starLecture #starLectureList a.sbj{font-weight:700; color:#000; font-size:14px; display:inline-block; margin-top:8px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .starLecture #starLectureList .UtileTotal {color:#333; font-size:14px; position: relative; margin-top:8px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .starLecture #starLectureList .UtileTotal span {position:relative; display:inline-block; padding-right:36px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .starLecture #starLectureList .UtileTotal span:after{content: ''; display:block; width:1px; height:16px; background:#333; position:relative; top:-16px; left:-16px} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .starLecture #starLectureList .UtileTotal span.first:after {background:none} .renewal2020 > #reNcontainer.sectionHome.typeB .pc-teacher .sectionTeacherFilter .newsFilter .starLecture #starLectureList .UtileTotal .blueTxt {font-weight:bold; color:#062f67; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_arrowGo_blue.png') no-repeat 46px 50%; height: 20px; cursor: pointer} /* 성생님 상세 영역 (2020.02.28 : 황주원) -------------------------------------------------------------------------------*/ /* sub page 상단 */ .renewal2020 > #reNcontainer.sectionPage.subPage {position: relative; width:100%; height:100%} .renewal2020 > #reNcontainer.sectionPage.subPage .pc-teacher .sectionLinks .sectionHash .titleFilter {padding:0} .renewal2020 > #reNcontainer.sectionPage.subPage .pc-teacher .sectionLinks {position: relative; float:left; width:100%; background:#d1e1dc url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/bg_subPage.png') no-repeat center center; background-size:cover} .renewal2020 > #reNcontainer.sectionPage.subPage .pc-teacher .sectionLinks .inner{width:994px; margin:auto} .renewal2020 > #reNcontainer.sectionPage.subPage .pc-teacher .sectionLinks .titleFilter .teacherImg {float:left; position:relative; width:130px; border:1px solid #c4c4c4} .renewal2020 > #reNcontainer.sectionPage.subPage .pc-teacher .sectionLinks .titleFilter .teacherImg img {position: absolute; left:0; bottom:0} .renewal2020 > #reNcontainer.sectionPage.subPage .pc-teacher .sectionLinks .titleFilter .teacherImg.bg_whiteGray {background:#f0faf7} .renewal2020 > #reNcontainer.sectionPage.subPage .pc-teacher .sectionLinks .sectionHash .titleFilter .titleBox2 {float:right; margin-top:24px;width:830px} .renewal2020 > #reNcontainer.sectionPage.subPage .pc-teacher .sectionLinks .sectionHash .titleFilter {float:left; width:100%} .renewal2020 > #reNcontainer.sectionPage.subPage .pc-teacher .sectionLinks .sectionHash .titleFilter#titleFilterC {margin:0; position: relative; top: 18px} .renewal2020 > #reNcontainer.sectionPage.subPage .pc-teacher .sectionLinks .sectionHash .titleFilter h3 {overflow: hidden; line-height:34px; max-width: 784px; margin-top:5px} .renewal2020 > #reNcontainer.sectionPage.subPage .pc-teacher .reNlec_tab2020 {height: 60px; clear:both; width:100%; float:left} .renewal2020 > #reNcontainer.sectionPage.subPage .pc-teacher .sectionContent .inner { width: 994px;margin: auto; } .renewal2020 > #reNcontainer.sectionPage.subPage .pc-teacher .sectionLinks .sectionHash .titleFilter .teacherImg {width:130px;height:160px; float:left} /* sub page frame page */ .renewal2020 > #reNcontainer.sectionPage.framePage {min-height:500px; font-size:14px; color:#666; padding-top:35px;} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent { float:left;width:994px;display:contents;} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord > form {display:table} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList { padding:0 20px; border:1px solid #e8e8e8; margin-top:12px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord {border-collapse: collapse; width:100%} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord tbody tr td.sumItem {padding: 29px 22px;vertical-align:top;} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord tbody tr td { border-top: 1px solid #e8e8e8;padding: 29px 0} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord tbody tr.first td {border-top: 0} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord tbody tr td .LectureUtile {display:block} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord tbody tr td .titleTxt {float:left; width:96%} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord tbody tr td .titleTxt a.first {float:left;max-width:460px;max-height:42px;padding:10px 0 0 0;margin-bottom:10px; color: #000;font-size: 16px; font-weight: 700; line-height: 20px; /*text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal;*/display: -webkit-box; overflow:hidden; line-clamp: 2; -webkit-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical; text-overflow: ellipsis;} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord tbody tr td .titleTxt a.last {width:22px; padding:10px; float:left} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord tbody tr td.last .btnCenter .first.btn {margin:0 !important} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord tbody tr td .sumList ul li {float: left; position: relative;color: #666;padding: 0 14px; line-height: 14px; margin:0} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord tbody tr td .sumList ul li.first {padding-left:0} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord tbody tr td .sumList ul li:after {content: ''; display: block;position: absolute;right: 5px;top: 0px;width: 1px;height: 15px; background: #23114f} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord tbody tr td .sumList ul li.last:after {background:none} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord tbody tr td .sumList ul {clear:both; float:left} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .sumItem img {width:76px; height:76px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .newLectureList .grayLine.bord tbody tr td .btn.rightGray.check {text-indent:22px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .sectionTitle {width: 100%} /* 강좌목록 : frame */ .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordChangFilter {float:left; width:60%; margin: 10px 0 30px 0} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordChangFilter div {display:inline-block} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordChangFilter div.first, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordChangFilter div.last {margin-right:10px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordChangFilter div.first label {color:#333; font-size:14px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordChangFilter input[type='radio']:checked ~ label {font-weight:700} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordChangFilter .bordSerchInput {position: relative} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordChangFilter .bordSerchInput input{border:1px solid #999; width:284px; background:#fff; padding:3px 5px;} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordChangFilter .btn_serch {position: absolute; top:4px; right:5px; cursor: pointer} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordHiddenSelect {float:right; width:40%; position: relative; top:7px; display:none} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord #bordHiddenSelect {float:right; position: relative; top:10px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordList {clear:both; border:1px solid #e8e8e8; padding:20px; margin-top:17px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordList .defaultType.bord {margin:auto} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordList .bordUtilRight {float:right; margin-top:15px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordList .bordUtilRight button {width:110px} /* 공지&이벤트 목록 : frame */ .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordAskFilter {float:left; width:952px; margin-top: 17px; border:1px solid #e1e1e1; padding:20px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordAskFilter input {width:815px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordSerchFilter {float:left; width:100%; margin-top:17px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordSerchFilter > div.first, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordSerchFilter > div.last {border:1px solid #e1e1e1; width:446px; height:45px; padding:20px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordAskFilter label {display:inline-block; color:#333; font-weight:700; font-size:12px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordSerchFilter > div.first label, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordSerchFilter > div.last label{display:block; float:left; width:100%; margin-bottom:8px; color:#333; font-weight:700; font-size:12px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordSerchFilter .fL.first select, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordSerchFilter .fR.last select {width:75px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordSerchFilter div {display:inline-block} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordSerchFilter > div.last div.first select {width:110px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordSerchFilter .bordSerchInput {position: relative;margin-right:15px;} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordSerchFilter .bordSerchInput input{border:1px solid #999; width:300px; background:#fff; padding:3px 5px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordSerchFilter .btn_serch {position: absolute; top:4px; right:-25px; cursor: pointer} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter {float:left; width:100%; margin-top:17px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter.type02 {margin: 20px 0 0 0} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter div {display:inline-block} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter div.qnaTxt {float:left; width: 880px; color:#007dec; font-weight:700; font-size:12px;} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter .first, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter .second {margin-right:16px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter .first label, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter .second label {margin-left:8px; color:#333; font-weight:700} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter .first, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter .second {margin-right:16px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter .first label, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter .second label {margin-left:8px; color:#333; font-weight:700} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter .last select {width:114px; color:#333; font-weight:700} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter .firstChk, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter .secondChk, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordCheckFilter .thirdChk{margin-right:16px} /* 게시판 상세보기 : frame */ .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordTitleFilter, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordView {float:left; width:952px; margin-top: 17px; border:1px solid #e1e1e1; padding:20px 20px 20px 20px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .askStep {margin-top:17px; width:100%} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .askStep ul.askChkStep {float:left} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .askStep ul.askChkStep li {width: 220px; height:48px; line-height:48px; font-weight:700; text-indent:80px; display:inline-block; margin-right:26px; position: relative} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .askStep ul.askChkStep li.last {margin-right:0} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .askStep ul.askChkStep li {border:2px solid #e9e9e9; border-radius:120px; color:#999; background:#e9e9e9 url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_qnaAskChk_off.png') no-repeat 50px center} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .askStep ul.askChkStep li:after { content: ''; width:17px; height:28px; display:block; background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_qnaAskArrow_off.png') no-repeat 0 center; position: absolute; top:9px; right:-27px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .askStep ul.askChkStep li.askChk_on { border:2px solid #062f67; border-radius:120px; color:#062f67; background:#fff url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_qnaAskChk_on.png') no-repeat 50px center} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .askStep ul.askChkStep li.askChk_on:after { content: ''; width:17px; height:28px; display:block; background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_qnaAskArrow_on.png') no-repeat 0 center; position: absolute; top:9px; right:-27px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .askStep ul.askChkStep li.last:after {width:0; background:none } .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordTitleFilter div, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordTitleFilter > div.first > span {display:inline-block; font-weight:700; color:#333; font-size:16px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordTitleFilter > div.first > span {display:block; float:left; width:100%; margin-bottom:8px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordTitleFilter .last.linkGo{position: relative; top: 24px;padding-right: 17px; background: url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_arrow_Sgo.png') no-repeat right center; cursor: pointer} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordSerchFilter .last.linkGo{ position: relative; top: 0;padding-right: 17px; background: url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_arrow_Sgo.png') no-repeat right center; cursor: pointer; font-size:12px; font-weight:700} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordView .bordUtilRight {float:right; margin-top:15px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordView .bordUtilRight button {width:110px} /* 게시판 쓰 기 : frame */ .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite {float:left; width:952px; margin-top: 17px; border:1px solid #e1e1e1; padding:20px 20px 26px 20px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord .rowBody#agreementBox.off {display:none} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord .rowBody#agreementBox.on {display:block; width:952px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord #eventLimit.on #startEndDt {display:block} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord #eventLimit.off #startEndDt {display:none} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .checkFilter, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .eventHiddenSelect {display:inline-block; margin:-10px 0 0 6px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .checkFilter.notice {margin:0 0 0 6px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .checkFilter.type01 div > input[type='radio']{top:10px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .checkFilter.type01 div > label {position: relative; top: 10px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord #winnerBox.on{display:block} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord #winnerBox.off{display:none} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord #winnerBox .scroll_box {width:912px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord #agreementBox .scroll_box h3, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord #winnerBox .scroll_box h3{ text-align:center; font-weight:700; color:#333} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord #agreementBox .scroll_box, .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord #winnerBox .scroll_box {color:#333; line-height:18px} /* 공지이벤트 관리자권한 로그인시 쓰기 폼: frame */ .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord tr.rowAdminFilter > td > .rowGroup.bord tbody tr td {padding:10px 15px; border-bottom:1px solid #e1e1e1} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord tr.rowAdminFilter > td {padding:0} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord tr.rowAdminFilter td.titleRow {background: #f8f8f8; color: #333} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord tr.rowAdminFilter td.titleRow span {display:block} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord tr.rowAdminFilter td.titleRow label {display:block; font-weight:700; text-align: center} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord tr.rowAdminFilter td .reviewChkFilter.chk6 div {width:85px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord tr.rowAdminFilter td .reviewChkFilter div {display:inline-block; margin-right:13px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord tr.rowAdminFilter td .reviewChkFilter div input[type="checkbox"] {position: relative; top: 2px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord tr.rowAdminFilter td .reviewChkFilter.chkRdio6 {display: table; width: 100%} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .lectureBord .bordWrite .rowGroup.bord tr.rowAdminFilter td .reviewChkFilter div label {margin-left: 8px; color: #333; font-size: 12px} .renewal2020 > #reNcontainer .pc-teacher .bordWrite .rowGroup.bord tbody tr.rowAdminFilter td .startEndDt button {position: relative; top: 7px; cursor: pointer} /* talk게시판 목록 : frame */ .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .bordNestList {clear:both; display:inline-block; width: 952px; margin-top: 27px; border: 1px solid #e1e1e1;padding: 10px 20px; background:#f1f1f1} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .bordNestList td ul {margin-left:22px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .bordNestList td ul li {display: inline-block; position: relative; margin-right:16px; font-size: 12px; color:#333; font-weight:700} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .bordNestList td ul li.last {margin-right:0} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .bordNestList td ul li:after {content:''; width:1px; height:12px; background:#333; position: absolute; top:3px; right:-12px} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .bordNestList td ul li.last:after {background:none} .renewal2020 > #reNcontainer.sectionPage.framePage .pc-teacher .sectionContent .bordNestList td .btn.transp.ico_arrowGo {width: 106px} /* talk 게시판 상세보기 : frame */ .renewal2020 > #reNcontainer .pc-teacher .bordView .defaultType.bord tbody tr.viewChatingFilter td {padding:0} .renewal2020 > #reNcontainer .pc-teacher .chating-area {padding: 50px 84px 60px 40px; background: #a9bfdd; height:324px; overflow:auto} .renewal2020 > #reNcontainer .pc-teacher .chating-area .chating-list li {position: relative; margin-top: 30px; text-align: right} .renewal2020 > #reNcontainer .pc-teacher .chating-area .chating-list li.teacher {padding-left: 44px; text-align: left} .renewal2020 > #reNcontainer .pc-teacher .chating-area .chating-list li.teacher .teacher-thumb {overflow: hidden; position: absolute; top: 0; left: 0; width: 74px; height: 74px; border-radius: 100%; background: #fff} .renewal2020 > #reNcontainer .pc-teacher .chating-area .chating-list li.teacher .chat-section {margin:0 0 0 44px} .renewal2020 > #reNcontainer .pc-teacher .chating-area .chating-list li.teacher .teacher-thumb img {width: 100%} .renewal2020 > #reNcontainer .pc-teacher .chating-area .chating-list li .author strong {color:#333; font-size:14px} .renewal2020 > #reNcontainer .pc-teacher .chating-area .chating-list li .author .time {color: #666; font-size: 14px; margin-left:6px} #reNcontainer.sectionPage.framePage .pc-teacher .chat-content {display: inline-block; vertical-align: middle; max-width: calc(100% - 40px); margin-top: 8px; padding: 12px; box-sizing: border-box; background: #fff; border-radius: 16px 16px; border-top-right-radius: 0; color: #888; letter-spacing: -1px; box-shadow: 2px 2px 4px #98acc6;} .renewal2020 > #reNcontainer .pc-teacher .chating-area .chating-list li.my-chat .chat-content {background: #fffab2;color: #000} .renewal2020 > #reNcontainer .pc-teacher .chating-area .chating-list li.teacher .chat-content {display: inline-block; max-width: 100%; margin-top: 8px; padding: 12px; background: #fff; border-radius: 16px 16px; border-top-left-radius: 0; color: #000; letter-spacing: -1px} .renewal2020 > #reNcontainer .pc-teacher .chating-area .chating-list li.first {margin-top: 0; margin-bottom:20px} .renewal2020 > #reNcontainer .pc-teacher .chating-area .chating-list li .chat-section .user-filter button, .renewal2020 > #reNcontainer .pc-teacher .chating-area .chating-list li .chat-section .my-filter button {float:right; margin-left:10px; width:35px} /* 스페셜수강후기 쓰기 : frame */ .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite {float: left; width: 952px; margin-top: 17px; border: 1px solid #e1e1e1; padding: 20px 20px 26px 20px} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .specialInfoFilter {width:100%; float:left; margin-bottom:30px} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .specialInfoFilter .specialInfo {color:#333; font-weight:700; font-size:14px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_special.png') no-repeat 0 50%; padding: 4px 0 4px 30px} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .specialInfoFilter .btn_qs {cursor: pointer; margin-left:6px} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .specialInfoFilter ul.hyphenImgB {margin:10px 0 0 28px} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .specialInfoFilter ul.hyphenImgB li {display:block; font-size:12px; padding:0 0 4px 17px; display:inline-block; background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2020/teacher/ico_hyphen_b.png') no-repeat left center;background-size:5px; color:#333} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .specialInfoFilter ul.hyphenImgB li.last {padding-bottom:0} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td {padding:10px 20px; border-bottom:1px solid #e1e1e1} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .bordWrite .rowGroup.bord tr.rowHeader td {padding:0} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr.first td {border-top:1px solid #e1e1e1} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td.titleRow {background:#f8f8f8; color:#333} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td.titleRow span {display:block} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td.titleRow label {display:block; font-weight:700; text-align: center;} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .starNumSelecter{width:130px; font-size:12px; border:0; margin-top:-5px; font-weight:700; border:1px solid #b0b0b0} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .stepNumSelecter, .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .teacherSelecter, .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .notiSelecter, .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .notiDetailSelecter{width:130px; font-weight:700} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .reviewChkFilter div {display:inline-block; margin-right:13px} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .reviewChkFilter.chk5 div {width:139px} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .reviewChkFilter.chk6 div {width:85px} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .selecterTeacher, .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .reviewChk {display:inline-block} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .reviewChk {width:638px; float:right} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .selecterTeacher {width:139px; font-size:16px; font-weight:700; color:#007fd0} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .selecterTeacher .btn_del {cursor: pointer; padding: 10px; margin: -3px 0 0 -8px;} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .reviewChk .reviewChkFilter.chk3 div{width:85px} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .reviewChkFilter.chk3 div.last{width:auto} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .reviewChkFilter div label {margin-left: 8px; color: #333; font-size: 12px;} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .reviewChkFilter div input[type="checkbox"] {position: relative; top:2px} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .reviewChkFilter.chkRdio6 {display:table; width:100%} .renewal2020 > #reNcontainer .pc-teacher .sectionContent.listType .lectureBord .specialWrite .rowGroup.bord tbody tr td .reviewChkFilter.chkRdio6 div {display:table-cell} /* etc */ .renewal2020 > #reNcontainer .pc-teacher .w954 {width:954px} .renewal2020 > #reNcontainer .pc-teacher .w915 {width:915px} .renewal2020 > #reNcontainer .pc-teacher .w909 {width:909px} .renewal2020 > #reNcontainer .pc-teacher .w872 {width:872px} .renewal2020 > #reNcontainer .pc-teacher .w848 {width:848px} .renewal2020 > #reNcontainer .pc-teacher .w590 {width:590px !important} .renewal2020 > #reNcontainer .pc-teacher .w540 {width:540px} .renewal2020 > #reNcontainer .pc-teacher .w450 {width:450px !important} .renewal2020 > #reNcontainer .pc-teacher .w446 {width:446px !important} .renewal2020 > #reNcontainer .pc-teacher .w433 {width:433px !important} .renewal2020 > #reNcontainer .pc-teacher .w418 {width:418px !important} .renewal2020 > #reNcontainer .pc-teacher .w360 {width:360px} .renewal2020 > #reNcontainer .pc-teacher .w350 {width:350px !important} .renewal2020 > #reNcontainer .pc-teacher .w280 {width:280px !important} .renewal2020 > #reNcontainer .pc-teacher .w246 {width:246px !important} .renewal2020 > #reNcontainer .pc-teacher .w220 {width:220px} .renewal2020 > #reNcontainer .pc-teacher .w204 {width:204px} .renewal2020 > #reNcontainer .pc-teacher .w180 {width:180px} .renewal2020 > #reNcontainer .pc-teacher .w158 {width:158px} .renewal2020 > #reNcontainer .pc-teacher .w154 {width:154px} .renewal2020 > #reNcontainer .pc-teacher .w146 {width:146px} .renewal2020 > #reNcontainer .pc-teacher .w140 {width:140px !important} .renewal2020 > #reNcontainer .pc-teacher .w130 {width:130px} .renewal2020 > #reNcontainer .pc-teacher .w122 {width:122px} .renewal2020 > #reNcontainer .pc-teacher .w120 {width:120px !important} .renewal2020 > #reNcontainer .pc-teacher .w112 {width:112px} .renewal2020 > #reNcontainer .pc-teacher .w110 {width:110px !important} .renewal2020 > #reNcontainer .pc-teacher .w100 {width:100px !important} .renewal2020 > #reNcontainer .pc-teacher .w88 {width:88px} .renewal2020 > #reNcontainer .pc-teacher .w87 {width:87px !important} .renewal2020 > #reNcontainer .pc-teacher .w100p {width:100% !important} .renewal2020 > #reNcontainer .pc-teacher .blind {font-size: 0; position: absolute; top: -999999px;visibility: hidden; white-space: nowrap} .renewal2020 > #reNcontainer .pc-teacher .mR10 {margin-right:10px} .renewal2020 > #reNcontainer .pc-teacher .wM180 {max-width:180px} .renewal2020 > #reNcontainer .pc-teacher .wM160 {max-width:180px} .renewal2020 > #reNcontainer .pc-teacher .wM280 {max-width:280px} .renewal2020 > #reNcontainer .pc-teacher .wM250 {max-width:250px} .renewal2020 > #reNcontainer .pc-teacher .wM200 {max-width:200px} .renewal2020 > #reNcontainer .pc-teacher .wM160 {max-width:160px} .renewal2020 > #reNcontainer .pc-teacher .wM140 {max-width:140px !important} .renewal2020 > #reNcontainer .pc-teacher .fL{float: left} .renewal2020 > #reNcontainer .pc-teacher .fR{float: right} .renewal2020 > #reNcontainer .pc-teacher .bold {font-weight:700} .renewal2020 > #reNcontainer .pc-teacher .color_orange {color:#f86900} .renewal2020 > #reNcontainer .pc-teacher .color_blue {color:#007dec} .renewal2020 > #reNcontainer .pc-teacher .pT20 {margin-top:20px} .renewal2020 > #reNcontainer .pc-teacher .mT0 {margin-top:0 !important} .renewal2020 > #reNcontainer .pc-teacher .mT10 {margin-top:10px} .renewal2020 > #reNcontainer .pc-teacher .mT20 {margin-top:20px} .renewal2020 > #reNcontainer .pc-teacher .mT6 {margin-top:6px} .renewal2020 > #reNcontainer .pc-teacher .mR6 {margin-right:6px} .renewal2020 > #reNcontainer .pc-teacher .mR5 {margin-right:6px !important} .renewal2020 > #reNcontainer .pc-teacher .textLeft {text-align:left !important} .renewal2020 > #reNcontainer .pc-teacher .textright {text-align:right !important} .renewal2020 > #reNcontainer .pc-teacher .textcenter {text-align:right !important} /* 해쉬태그 타이틀 관리 ie 버그 */ /* IE6,7,9,10 */ @media screen and (min-width: 640px), screen\9 { /* Enter your style code */ .renewal2020 > .typeA#reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter { width: 398px; } .renewal2020 > #reNcontainer .pc-teacher #boldSelecter { margin-top: 13px; float: left; } .renewal2020 > #reNcontainer .pc-teacher #colorSelecter { width: 172px; background: #fff; height: 25px; margin: 1px 0 0 24px; float: left; } .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashBox #btn_hidden { float: left; cursor: pointer; margin-top: -2px; } .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardInfo .infoUtil .teacherName { text-align:center; height: 40px; font-weight: 700; font-size: 14px; color: #333; display:block; position: relative;} } /* IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* Enter your style code */ .renewal2020 > .typeA#reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter { width: 398px; } .renewal2020 > #reNcontainer .pc-teacher #boldSelecter { margin-top: 13px; float: left; } .renewal2020 > #reNcontainer .pc-teacher #colorSelecter { width: 172px; background: #fff; height: 25px; margin: 1px 0 0 24px; float: left; } .renewal2020 > #reNcontainer .pc-teacher .sectionLinks .sectionHash .hashFilter #hashBox #btn_hidden { float: left; cursor: pointer; margin-top: -2px; } .renewal2020 > #reNcontainer.sectionMain .pc-teacher .sectionContent ul .panel .cardInfo .infoUtil .teacherName { text-align:center; height: 40px; font-weight: 700; font-size: 14px; color: #333; display:block; position: relative; top:3px} } }