619 lines
35 KiB
CSS
619 lines
35 KiB
CSS
|
||
|
||
/* --------------------------------------- */
|
||
/* Lecture */
|
||
/* --------------------------------------- */
|
||
.pt0 {padding-top:0 !important;}
|
||
.mt0 {margin-top:0 !important;}
|
||
|
||
@media (min-width:1001px) {
|
||
#lctmbBtn {display:none;}
|
||
#lctMypg {display:none;}
|
||
#lctmbClose {display:none;}
|
||
#lctmMenu {display:block !important;}
|
||
}
|
||
|
||
#lecture {position:relative; padding-top:150px; padding-left:200px; -webkit-transition: padding-left 0.4s; transition: padding-left 0.4s;}
|
||
#lecture.on {padding-left:50px;}
|
||
#lctTop {position:fixed; top:0; left:0; right:0; height:70px; background:#fff; border-bottom:solid 1px #e6e6e6; z-index:10;}
|
||
#lctTop:after {content:""; display:table; clear:both;}
|
||
#lctTop h1 {width:200px; height:69px; float:left;}
|
||
#lctTop h1 a {display:block; height:100%; text-indent:-9999px;}
|
||
#lctTop h2 {float:left; height:69px; line-height:69px; margin-left:20px; font-size:16pt; font-weight:500; color:#000; white-space:nowrap;}
|
||
.lcttMenu {float:right; padding:19px 30px;}
|
||
.lcttMenu:after {content:""; display:table; clear:both;}
|
||
.lcttMenu li {float:left; margin-right:20px; position:relative;}
|
||
.lcttMenu li:last-child {margin-right:0;}
|
||
.lcttMenu li.lcttmUser {height:30px; line-height:30px;}
|
||
.lcttMenu li.lcttmUser div {display:inline-block; vertical-align:middle; margin-left:10px; height:30px; width:30px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
|
||
.lcttMenu li.lcttm a {display:block; width:30px; height:30px;}
|
||
.lcttMenu li.lcttm a div {display:inline-block; position:relative;}
|
||
.lcttMenu li.lcttm a span {display:block; width:23px; margin:0 auto; text-indent:-9999px;}
|
||
.lcttMenu li.lcttm em {font-style:normal; display:block; height:16px; line-height:16px; background:#ff0000; color:#fff; font-size:8pt; padding:0 5px; position:absolute; left:100%; margin-left:-10px; top:50%; margin-top:-15px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
|
||
.lcttMenu li.lcttmHome a {background:url("../../img/lecture/top_menu01.png")no-repeat center center;}
|
||
.lcttMenu li.lcttmMsg a {background:url("../../img/lecture/top_menu02.png")no-repeat center center;}
|
||
.lcttMenu li.lcttmNoti a {background:url("../../img/lecture/top_menu03.png")no-repeat center center;}
|
||
.lcttMenu li.lcttmOut a {background:url("../../img/lecture/top_menu04.png")no-repeat center center;}
|
||
#lctInfo {position:fixed; top:70px; left:0; right:0; height:80px; padding:20px 30px; background:#0040b7; z-index:10;}
|
||
#lctInfo:after {content:""; display:table; clear:both;}
|
||
#lctInfo h3 {height:40px; line-height:40px; color:#fff; font-size:15pt; font-weight:400; float:left; white-space:nowrap;}
|
||
#lctInfo h3 a,
|
||
#lctInfo h3 span {color:#fff; font-size:13pt; font-weight:400;}
|
||
#lctInfo > a {display:block; float:right; width:90px; height:40px; line-height:40px; background:#fff; color:#333483; font-size:12pt; text-align:center;}
|
||
#lctMenu {position:fixed; width:200px; top:150px; left:0; bottom:0; background:#fff; border-right:solid 1px #e6e6e6; z-index:10; width 0.4s; transition: width 0.4s; overflow:hidden;}
|
||
#lctMenu.on {width:50px;}
|
||
.lctmList {}
|
||
.lctmList li {position:relative;}
|
||
.lctmList li.current {background:#f1f1f1;}
|
||
.lctmList li a {display:block; padding-left:50px; white-space:nowrap;}
|
||
.lctmList li a em {display:block; width:50px; height:50px; position:absolute; left:0; top:0;}
|
||
.lctmList li a span {display:block; height:50px; line-height:50px; position:relative;}
|
||
.lctmUdn {position:absolute; left:10px; bottom:6px; -webkit-transition: all 0.3s; transition: all 0.3s;}
|
||
#lctMenu.on .lctmUdn {bottom:50px; left:5px;}
|
||
.lctmUdn:after {content:""; display:table; clear:both;}
|
||
.lctmUdn dd {float:left; -webkit-transition: all 0.3s; transition: all 0.3s;}
|
||
.lctmUdn dd a {display:block; width:39px; height:30px; text-indent:-9999px; border:solid 1px #b6b6b6;}
|
||
.lctmUdn dd:first-child {margin-right:6px;}
|
||
#lctMenu.on .lctmUdn dd:first-child {margin-right:0; margin-bottom:5px;}
|
||
.lctmUdn dd:first-child a {background:url("../../img/lecture/left_udn_up.png")no-repeat center center;}
|
||
.lctmUdn dd:last-child a {background:url("../../img/lecture/left_udn_down.png")no-repeat center center;}
|
||
#lctmBtn {display:block; text-indent:-9999px; width:40px; height:40px; position:absolute; right:0; bottom:0; margin-right:-1px; cursor:pointer; background:#000 url("../../img/lecture/left_onof_off.png")no-repeat center center; -webkit-transition: all 0.3s; transition: all 0.3s;}
|
||
#lctMenu.on #lctmBtn {right:5px; background:#000 url("../../img/lecture/left_onof_on.png")no-repeat center center;}
|
||
#lctWrap {height:100%; overflow-y:auto;}
|
||
#lctWrap:after {content:""; display:table;}
|
||
#lctFooter {height:80px; line-height:80px; text-align:center; color:#aaa; font-size:11pt; font-weight:300; background:#f7f7f7;}
|
||
.lctCont {padding-left:30px; padding-right:30px; padding-bottom:60px;}
|
||
.lctcScore {padding:30px 0; background:#f9f9f9;}
|
||
.lctcScore h5 {font-size:15pt; padding-bottom:15px; line-height:1.0em;}
|
||
.lctcScore table {border-left:solid 2px #f9f9f9; border-right:solid 2px #f9f9f9;}
|
||
.lctcScore th,
|
||
.lctcScore td {border:solid 1px #d6d6d6; text-align:center; font-size:12pt;}
|
||
.lctcScore th {padding:13px 0; background:#f0f0f0; font-weight:300;}
|
||
.lctcScore td {padding:16px 0; background:#fff;}
|
||
.lctcHalf {margin:0 -10px; margin-top:50px;}
|
||
.lctcHalf:after {content:""; display:table; clear:both;}
|
||
.lctcHalf > div {float:left; width:50%; padding:0 10px;}
|
||
.lctcList {border:solid 1px #d6d6d6; padding:20px;}
|
||
.lctcList h5 {position:relative; line-height:1.0em; font-size:14pt;}
|
||
.lctcList h5 > a {display:block; font-size:10pt; font-weight:300; padding-left:18px; position:absolute; right:0; top:0;}
|
||
.lctcList h5 > a:before,
|
||
.lctcList h5 > a:after {content:""; display:block; position:absolute; left:0; top:50%; background:#8b8b8b;}
|
||
.lctcList h5 > a:before {width:12px; height:2px; margin-top:-1px;}
|
||
.lctcList h5 > a:after {width:2px; height:12px; margin-left:5px; margin-top:-6px;}
|
||
.lctcList ul {padding-top:35px;}
|
||
.lctcList ul li {margin-bottom:20px; position:relative; padding-left:8px;}
|
||
.lctcList ul li:before {content:""; display:block; width:2px; height:2px; background:#333; position:absolute; left:0; top:50%; margin-top:-1px;}
|
||
.lctcList ul li:last-child {margin-bottom:0;}
|
||
.lctcList ul li a {display:block; position:relative; padding-right:80px;}
|
||
.lctcList ul li a p {font-size:12pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:20px; line-height:20px;}
|
||
.lctcList ul li a em {font-style:normal; display:block; height:20px; line-height:20px; position:absolute; right:0; top:0;}
|
||
.lctcList ul li a span {color:#ff0000;}
|
||
.lctcWeek {padding:50px 0;}
|
||
.lctcWeek h5 {position:relative; line-height:1.0em; font-size:14pt; padding-bottom:15px;}
|
||
.lctcWeek h5 > a {display:block; font-size:14pt; font-weight:500; padding-left:18px; position:absolute; right:0; top:0; color:#238dfa;}
|
||
.lctcWeek h5 > a:before,
|
||
.lctcWeek h5 > a:after {content:""; display:block; position:absolute; left:0; top:50%; background:#238dfa;}
|
||
.lctcWeek h5 > a:before {width:12px; height:2px; margin-top:-1px;}
|
||
.lctcWeek h5 > a:after {width:2px; height:12px; margin-left:5px; margin-top:-6px;}
|
||
.lctcWeek th,
|
||
.lctcWeek td {vertical-align:middle; padding:20px 0; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
|
||
.lctcWeek th {width:180px;}
|
||
.lctcWeek th em {position:relative; display:block; border:solid 1px #e8e8e8; padding-bottom:66.6666%; background-size:cover !important;}
|
||
.lctcWeek th em span {font-style:normal; display:block; width:70px; height:30px; line-height:30px; text-align:center; background:rgba(0,0,0,0.5); color:#fff; font-size:9pt; position:absolute; left:0; bottom:0; letter-spacing:0em;}
|
||
.lctcWeek td {padding:20px;}
|
||
.lctcWeek td:last-child {width:240px; padding:20px 0;}
|
||
.lctcWeek td h5 {font-size:14pt;}
|
||
.lctcWeek td dl {}
|
||
.lctcWeek td dl:after {content:""; display:table; clear:both;}
|
||
.lctcWeek td dl dt,
|
||
.lctcWeek td dl dd {float:left; font-size:12pt;}
|
||
.lctcWeek td dl dt {padding-right:25px; margin-right:25px; position:relative; color:#238dfa;}
|
||
.lctcWeek td dl dt:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
|
||
.lctcWeek td dl dd {color:#888;}
|
||
.lctcWeek td dl dd span {color:#ff0000; font-size:12pt;}
|
||
.lctcWeek td ul {text-align:right;}
|
||
.lctcWeek td ul:after {content:""; display:table; clear:both;}
|
||
.lctcWeek td ul li {text-align:center; display:inline-block; vertical-align:middle; width:49%;}
|
||
.lctcWeek td ul li a {display:block; padding-top:40px; font-size:11pt;}
|
||
.lctcWeek td ul li a.lctcStdy {background:url("../../img/lecture/week_btn01.png")no-repeat center top;}
|
||
.lctcWeek td ul li a.lctcBook {background:url("../../img/lecture/week_btn02.png")no-repeat center top;}
|
||
|
||
|
||
@media (max-width:1000px) {
|
||
html.lecture,
|
||
body.lecture,
|
||
#lecture {height:auto !important;}
|
||
#lecture {padding-top:55px; padding-left:0;}
|
||
#lecture.on {padding-left:0 !important;}
|
||
#lctTop {height:55px;}
|
||
#lctTop h1 {height:54px; width:280px; margin:0 auto; background-size:auto 100% !important; float:none; display:none;}
|
||
#lctTop h2 {display:none;}
|
||
.lcttMenu {display:none;}
|
||
#lctMypg {
|
||
display:block; width:30px; height:30px; position:absolute; right:15px; top:50%; margin-top:-15px; text-indent:-9999px;
|
||
background:#fff url("../../img/common/gnb_lecture.png")no-repeat center center; background-size:14px auto; border:solid 2px #323381;
|
||
border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;
|
||
}
|
||
#lctmbBtn {display:block; position:absolute; top:0; left:0; height:100%; cursor:pointer; padding:17px 20px; margin:0; z-index:10;}
|
||
#lctmbBtn span {display:block; width:28px; height:2px; margin-bottom:6px; background:#002c5d; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
|
||
#lctmbBtn span.slice1 {}
|
||
#lctmbBtn span.slice2 {}
|
||
#lctmbBtn span.slice3 {margin-bottom:0;}
|
||
#lctmbBtn.on {position:absolute; top:0;}
|
||
#lctmbBtn.on span {width:28px;}
|
||
#lctmbBtn.on span.slice1 {margin-top:10px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
|
||
#lctmbBtn.on span.slice2 {opacity:0}
|
||
#lctmbBtn.on span.slice3 {margin-top:-16px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
|
||
#lctmMenu {position:fixed; top:55px; left:0; right:0; bottom:0; z-index:100; padding-top:0; background:#fff; display:none;}
|
||
#lctInfo {position:absolute; top:0; left:60px; right:60px; height:54px; padding:0 15px; background:none;}
|
||
#lctInfo h3 {height:auto; line-height:1.0em; float:none; text-align:center; }
|
||
#lctInfo h3 span {font-size:11pt; color:#333; font-weight:400; line-height:54px;}
|
||
#lctInfo h3 > a {display:block; font-size:11pt; color:#333; font-weight:400; line-height:54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
|
||
#lctInfo > a {display:none;}
|
||
#lctmbClose {display:block; height:54px; width:54px; position:absolute; right:0; top:50%; margin-top:-27px; text-indent:-9999px; z-index:1; cursor:pointer; background:url("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
|
||
#lctMenu {position:static; width:100%; height:100%; border-right:none; overflow-y:auto; -webkit-overflow-scrolling: touch;}
|
||
#lctMenu.on {width:50px;}
|
||
.lctmList li {border-bottom:solid 1px #e5e5e5;}
|
||
.lctmUdn {display:none;}
|
||
#lctmBtn {display:none;}
|
||
#lctWrap {height:auto !important; overflow:hidden;}
|
||
#lctFooter {height:auto; line-height:1.5em; padding:20px 60px; font-size:9pt}
|
||
.lctCont {padding-left:15px; padding-right:15px;}
|
||
.lctcScore {padding:25px 0;}
|
||
.lctcScore h5 {font-size:12pt; padding-bottom:10px;}
|
||
.lctcScore th,
|
||
.lctcScore td {font-size:10pt;}
|
||
.lctcScore th {padding:10px 5px;}
|
||
.lctcScore td {padding:10px 5px;}
|
||
.lctcHalf {margin:0; margin-top:25px;}
|
||
.lctcHalf > div {float:none; width:100%; padding:0;}
|
||
.lctcHalf > div:first-child {margin-bottom:15px;}
|
||
.lctcList {padding:20px 10px;}
|
||
.lctcList h5 {font-size:12pt;}
|
||
.lctcList h5 > a {margin-top:-5px;}
|
||
.lctcList ul {padding-top:20px;}
|
||
.lctcList ul li {margin-bottom:10px;}
|
||
.lctcList ul li a {padding-right:80px;}
|
||
.lctcList ul li a p {font-size:11pt;}
|
||
.lctcList ul li a em {font-size:10pt;}
|
||
.lctcList ul li a span {font-size:10pt; margin-left:5px;}
|
||
.lctcWeek {padding:25px 0;}
|
||
.lctcWeek h5 {font-size:12pt; padding-bottom:10px;}
|
||
.lctcWeek h5 > a {margin-top:-2px;font-size: 12pt;}
|
||
.lctcWeek table,
|
||
.lctcWeek tbody,
|
||
.lctcWeek tr,
|
||
.lctcWeek th,
|
||
.lctcWeek td {display:block; width:100%;}
|
||
.lctcWeek table {border-top:solid 1px #d6d6d6;}
|
||
.lctcWeek tr {position:relative;padding:15px 0; padding-right:70px;border-bottom:solid 1px #d6d6d6;}
|
||
.lctcWeek th,
|
||
.lctcWeek td {padding:0; border-top:none; border-bottom:none;}
|
||
.lctcWeek th {width:80px; position:absolute; left:0; top:15px;}
|
||
.lctcWeek th em span {width:60px; height:20px; line-height:20px; font-size:8pt;}
|
||
.lctcWeek td {padding:0;}
|
||
.lctcWeek td:last-child {position:absolute; right:10px; top:0; padding:0; width:auto;}
|
||
.lctcWeek td h5 {font-size:11pt; padding-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
.lctcWeek td dl dt,
|
||
.lctcWeek td dl dd {font-size:9pt; float:none;}
|
||
.lctcWeek td dl dt {padding-right:0; margin-right:0;}
|
||
.lctcWeek td dl dt:after {display:none;}
|
||
.lctcWeek td dl dd span {font-size:9pt;}
|
||
.lctcWeek td ul {margin-top:20px;}
|
||
.lctcWeek td ul li {float:left; width:auto; margin-right:0;}
|
||
.lctcWeek td ul li.lctc2 {/*display:none*/;}
|
||
.lctcWeek td ul li a {padding-top:25px; font-size:9pt; background-size:20px auto !important;}
|
||
}
|
||
|
||
@media (max-width:320px) {
|
||
#lctInfo h3 {max-width:80%;}
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* <20><><EFBFBD>ǰ<EFBFBD>ȹ */
|
||
.lctTitle {height:60px; line-height:60px; margin-bottom:10px; font-size:15pt;}
|
||
.lctSecTitle {position:relative; padding-left:25px; color:#000000; font-size:14pt; height:15px; line-height:15px; margin-bottom:15px; margin-top:50px;}
|
||
.lctSecTitle:before {content:""; display:block; width:15px; height:15px; border:solid 4px #000; box-sizing:border-box; position:absolute; left:0; top:50%; margin-top:-7px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
|
||
.lctSecCont {padding:30px 0;}
|
||
.lctSecCont dt {position:relative; padding-left:22px; font-size:13pt;}
|
||
.lctSecCont dt:before {content:""; display:block; width:16px; height:16px; border:solid 4px #000; box-sizing:border-box; position:absolute; left:0; top:50%; margin-top:-8px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
|
||
.lctSecCont dd {padding:0 20px; margin-top:15px;}
|
||
.lctSecCont dd ul {}
|
||
.lctSecCont dd ul li {margin-bottom:10px; font-size:12pt;}
|
||
.lctSecCont dd ul li:last-child {margin-bottom:0;}
|
||
.lctTch th {width:120px; vertical-align:middle;}
|
||
.lctTch th em {display:block; padding-bottom:116%; border:solid 1px #e8e8e8; background-size:cover !important;}
|
||
.lctTch td {padding-left:20px; vertical-align:middle;}
|
||
.lctTch td h5 {font-size:13pt;}
|
||
.lctTch td p {font-size:11pt; color:#888; margin-top:15px;}
|
||
.lctStand {border-left:solid 2px #fff; border-right:solid 2px #fff;}
|
||
.lctStand th,
|
||
.lctStand td {text-align:center; border:solid 1px #d6d6d6;}
|
||
.lctStand th {background:#f9f9f9; font-size:11pt; padding:10px; font-weight:300;}
|
||
.lctStand td {font-size:12pt; padding:15px 10px;}
|
||
.lrnSch {margin-bottom:10px; text-align:right;}
|
||
.lrnSch a {display:inline-block; width:150px; height:50px; line-height:48px; text-align:center; font-size:12pt; border:solid 1px #000; font-weight:300;}
|
||
.lctcWeek.lrnList {padding-top:0;}
|
||
|
||
|
||
@media (max-width:1000px) {
|
||
.lctTitle {height:auto; line-height:1.4em; margin-bottom:8px; margin-top:25px; font-size:14pt; text-align:center;}
|
||
.lctSecCont {padding:20px 0;}
|
||
.lctSecCont dt {padding-left:16px; font-size:12pt;}
|
||
.lctSecCont dt:before {width:10px; height:10px; border:solid 3px #000; margin-top:-5px;}
|
||
.lctSecCont dd {padding:0; margin-top:10px;}
|
||
.lctSecCont dd ul li {margin-bottom:5px; font-size:11pt;}
|
||
.lctTch th {width:80px; }
|
||
.lctTch td {padding-left:10px; vertical-align:middle;}
|
||
.lctTch td h5 {font-size:12pt;}
|
||
.lctTch td p {font-size:10pt; margin-top:5px;}
|
||
.lctStand th {font-size:10pt; padding:5px;}
|
||
.lctStand td {font-size:10pt; padding:5px;}
|
||
.lrnSch {margin-top:30px; margin-bottom:30px; text-align:center;}
|
||
.lrnSch a {height:40px; line-height:38px; width:120px; font-size:11pt;}
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
/* <20>˾<EFBFBD> */
|
||
.lctPop {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:100;}
|
||
.lctPop > div {display:table; width:100%; height:100%;}
|
||
.lctPop > div > div {display:table-cell; width:100%; vertical-align:middle;}
|
||
.lctPopWrap {width:100%; max-width:440px; max-height:100%; margin:0 auto; background:#fff; position:relative;}
|
||
.lctPopWrap.wdth430 {max-width:430px;}
|
||
.lctPopWrap.wdth580 {max-width:580px;}
|
||
.lctPopWrap.wdth650 {max-width:650px;}
|
||
.lctPopWrap.wdth660 {max-width:660px;}
|
||
.lctPopWrap.wdth1140 {max-width:1140px;}
|
||
.lctPopTitle {background:#0068b7; position:relative; padding:0 20px;}
|
||
.lctPopTitle h5 {height:60px; line-height:60px; color:#fff; font-size:16pt;}
|
||
.lctPopTitle a {display:block; height:60px; width:60px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:1; cursor:pointer; background:url("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
|
||
.lctPopCont {padding:30px 30px 50px; overflow-y:auto;}
|
||
.lctPop.lctPopFull > div {display:block; width:100%;}
|
||
.lctPop.lctPopFull > div > div {display:block; height:100%; vertical-align:middle; overflow:hidden;}
|
||
.lctPop.lctPopFull > div {display:block; height:100%; padding-top:30px; padding-bottom:30px;}
|
||
.lctPop.lctPopFull .lctPopWrap {position:relative; padding-top:50px; height:100%; -webkit-overflow-scrolling: touch;}
|
||
.lctPop.lctPopFull .lctPopTitle {position:absolute; left:0; right:0; top:0;}
|
||
.lctPopScroll {position:absolute; left:0; right:0; top:60px; bottom:0;}
|
||
.lctPopScroll > div {height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;}
|
||
|
||
.lctpTab {margin-bottom:30px;}
|
||
.lctpTab:after {content:""; display:table; clear:both;}
|
||
.lctpTab li {float:left; background:#f5f5f5; border:solid 1px #d2d2d2; border-right:none;}
|
||
.lctpTab.col2 li {width:50%;}
|
||
.lctpTab.col3 li {width:33.3333%;}
|
||
.lctpTab.col4 li {width:25%;}
|
||
.lctpTab li:last-child {border-right:solid 1px #d2d2d2;}
|
||
.lctpTab li a {display:block; height:48px; line-height:48px; text-align:center; font-size:12pt; color:#6b6b6b;}
|
||
.lctpTab li.current {background:#fff; border-top-color:#000 !important;}
|
||
.lctpTab li.current a {color:#000;}
|
||
|
||
.lctpCont {width:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;}
|
||
.atdTable {border-left:solid 2px #fff; border-right:solid 2px #fff; width:1080px;}
|
||
.atdTable th,
|
||
.atdTable td {padding:15px; border:solid 1px #d6d6d6; text-align:center;}
|
||
.atdTable td.left {text-align:left;}
|
||
.atdDown td {border:none; background:#f9f9f9; padding:5px 0;}
|
||
.atdDown {display:none;}
|
||
.atdIp {display:block; color:#888;}
|
||
.atdOpen {display:inline-block; padding-right:17px; color:#238dfa; cursor:pointer; background:url("../../img/lecture/attend_arrow.png")no-repeat right center;}
|
||
.atdOpen.on {background:url("../../img/lecture/attend_arrow_on.png")no-repeat right center;}
|
||
.atdDate {padding:10px 20px; background:#f9f9f9;}
|
||
.atdDate:after {content:""; display:table; clear:both;}
|
||
.atdDate input[type="text"] {float:left; width:110px; border:solid 1px #000; text-align:center; padding-left:0;}
|
||
.atdDate span {display:block; padding:0 5px; float:left; line-height:40px;}
|
||
.atdDate a {display:block; width:90px; height:40px; line-height:40px; float:right; color:#fff; background:#383838; font-size:11pt; text-align:center;}
|
||
|
||
|
||
@media (max-width:1000px) {
|
||
.lctPop > div > div {padding-left:15px; padding-right:15px;}
|
||
.lctPopTitle {padding:0 15px;}
|
||
.lctPopTitle h5 {height:50px; line-height:50px; font-size:14pt;}
|
||
.lctPopTitle a {height:50px; width:50px; background-size:20px auto;}
|
||
.lctPopCont {padding:20px;}
|
||
.msgTab li a {height:38px; line-height:38px; font-size:11pt;}
|
||
.atdTable th,
|
||
.atdTable td {padding:10px; font-size:11pt;}
|
||
.atdDate {padding:10px;}
|
||
.atdDate input[type="text"] {width:80px; height:30px;}
|
||
.atdDate span {line-height:30px;}
|
||
.atdDate a {width:70px; height:30px; line-height:30px; font-size:10pt;}
|
||
|
||
}
|
||
|
||
|
||
@media (max-width:320px) {
|
||
.atdDate input[type="text"] {width:70px;}
|
||
.atdDate a {width:60px;}
|
||
}
|
||
|
||
|
||
|
||
/* <20><><EFBFBD><EFBFBD> */
|
||
.evaList {}
|
||
.evaList th,
|
||
.evaList td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; padding:20px; text-align:left;}
|
||
.evaList th h5 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
.evaList th h5 b {display:inline-block; vertical-align:middle; font-size:13pt; color:#238dfa; padding-right:14px; margin-right:12px; position:relative; font-weight:400;}
|
||
.evaList th h5 b:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
|
||
.evaList th h5 span {display:inline-block; vertical-align:middle; font-size:13pt; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
.evaList th p {font-size:12pt; color:#888; font-weight:300;}
|
||
.evaList td {width:120px; text-align:center;}
|
||
.evaList td a {display:inline-block; padding-top:34px; font-size:12pt; background-size:auto 30px !important;}
|
||
.evaList td a.evaType01 {background:url("../../img/lecture/evalution_type01.png")no-repeat center top;}
|
||
.evaList td a.evaType02 {background:url("../../img/lecture/evalution_type02.png")no-repeat center top; color:#238dfa;}
|
||
.evaList td a.evaType03 {background:url("../../img/lecture/evalution_type03.png")no-repeat center top;}
|
||
.evaList td a.evaType04 {background:url("../../img/lecture/evalution_type04.png")no-repeat center top;}
|
||
.evaInfo {background:#ecf4fb; padding:20px; font-size:12pt; margin-bottom:30px;}
|
||
.evaTable {border-left:solid 2px #fff; border-right:solid 2px #fff; margin-bottom:30px;}
|
||
.evaTable th,
|
||
.evaTable td {border:solid 1px #d6d6d6; padding:15px; text-align:center; font-size:12pt;}
|
||
.evaTable td.red {color:#ff0000;}
|
||
.evaTable th {background:#f9f9f9; font-weight:400;}
|
||
.evaDetail {margin-top:20px; border-left:solid 2px #fff; border-right:solid 2px #fff;}
|
||
.evaDetail th,
|
||
.evaDetail td {border:solid 1px #d6d6d6; padding:15px 20px; font-size:12pt;}
|
||
.evaDetail th {width:160px; background:#f9f9f9; font-weight:400;}
|
||
.evaDetail td em {vertical-align:middle; font-style:normal; font-size:12pt;}
|
||
.evaDetail td span {vertical-align:middle; font-size:12pt; color:#0068b7;}
|
||
.evaDetail td img {vertical-align:middle; margin-left:5px;}
|
||
.evaDetail td.evadGray {background:#ebebeb;}
|
||
.teskCont .evaDetail th, .teskCont .evaDetail td {font-size:15pt;line-height: 1.6em;}
|
||
|
||
@media (max-width:1000px) {
|
||
.evaList th,
|
||
.evaList td {padding:15px 0;}
|
||
.evaList th h5 b {padding-right:10px; margin-right:8px;}
|
||
.evaList th h5 b:after {height:10px; margin-top:-5px;}
|
||
.evaList th p {font-size:11pt;}
|
||
.evaList td {width:80px;}
|
||
.evaList td a {font-size:11pt;}
|
||
|
||
.evaInfo {padding:15px; font-size:11pt; margin-bottom:20px; margin-top:30px;}
|
||
.evaTable th,
|
||
.evaTable td {padding:10px; font-size:11pt;}
|
||
.evaDetail th,
|
||
.evaDetail td {padding:10px; font-size:11pt;}
|
||
.evaDetail th {width:90px;}
|
||
.evaDetail td em {font-size:11pt;}
|
||
.evaDetail td span {font-size:11pt;}
|
||
}
|
||
|
||
|
||
/* <20><><EFBFBD><EFBFBD><EFBFBD>ȳ<EFBFBD> */
|
||
.lctTitle3 {font-size:20pt; color:#0040b7;}
|
||
.tstInfo {padding:30px; background:#ecf4fb; margin-top:30px;}
|
||
.tstInfo th {padding:5px 0; width:100px;}
|
||
.tstInfo th span {display:block; height:40px; line-height:38px; border:solid 1px #d6d6d6; background:#fff; font-size:12pt;}
|
||
.tstInfo td {padding:5px 20px; font-size:12pt; font-weight:300;}
|
||
.lctBtn {text-align:center; padding:30px 0;}
|
||
.lctBtn li {display:inline-block; padding:0 5px;}
|
||
.lctBtn li a {display:block; width:100px; height:50px; line-height:48px; font-size:12pt; border:solid 1px #383838;}
|
||
.lctBtn.col1 li a {width:180px;}
|
||
.lctBtn li a.bk {background:#383838; color:#fff;}
|
||
.lctBtn li a.sm {width:90px;}
|
||
.lctBtn li a.lg {width:160px;}
|
||
|
||
@media (max-width:1000px) {
|
||
.lctTitle3 {font-size:16pt;}
|
||
.tstInfo {padding:20px; margin-top:20px;}
|
||
.tstInfo th {padding:3px 0; width:80px; vertical-align:top;}
|
||
.tstInfo th span {height:30px; line-height:28px; font-size:11pt;}
|
||
.tstInfo td {padding:5px 15px; font-size:11pt; vertical-align:top;}
|
||
.lctBtn {margin:0 -3px;}
|
||
.lctBtn:after {content:""; display:table; clear:both;}
|
||
.lctBtn li {padding:0 3px;}
|
||
.lctBtn li a {font-size:11pt; height:40px; line-height:38px;}
|
||
.lctBtn.col1 li a {width:120px;}
|
||
.lctBtn.col2 li {float:left; width:50%;}
|
||
.lctBtn.col3 li {float:left; width:33.3333%;}
|
||
.lctBtn.col4 li {float:left; width:25%;}
|
||
.lctBtn.col2 li a,
|
||
.lctBtn.col3 li a,
|
||
.lctBtn.col4 li a {width:100%;}
|
||
}
|
||
|
||
|
||
/* <20><><EFBFBD><EFBFBD><EFBFBD>ȳ<EFBFBD> */
|
||
.teskCont {padding:30px 0;}
|
||
.teskCont > dt {position:relative; padding-left:22px; font-size:15pt;}
|
||
.teskCont > dt span {color:#ff0000; font-size:13pt;}
|
||
.teskCont > dt a {display:block; position:absolute; right:0; bottom:0; width:110px; height:50px; line-height:50px; text-align:center; color:#fff; background:#383838;}
|
||
.teskCont > dt:before {content:""; display:block; width:16px; height:16px; border:solid 4px #000; box-sizing:border-box; position:absolute; left:0; top:50%; margin-top:-8px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
|
||
.teskCont > dd {margin-top:15px;}
|
||
.teskCont > dd .evaDetail {margin-top:15px;}
|
||
.teskTxt {padding:15px 0 !important;}
|
||
.teskTxt textarea {display:block; width:100%; height:200px; resize:none; padding:15px !important;}
|
||
.teskFile {}
|
||
.teskFile a {display:inline-block; vertical-align:middle; height:30px; line-height:30px;}
|
||
.teskFile a.tskfBtn {padding-left:40px; font-size:12pt; font-weight:300; background:url("../../img/mypage/msg_file.png")no-repeat left center; background-size:30px auto !important;}
|
||
.teskFile a.tskfDel {width:30px; height:30px; margin-left:10px; background:#f9f9f9 url("../../img/lecture/file_del.png")no-repeat center center; background-size:14px auto; text-indent:-9999px;}
|
||
.teskFile a.tskfSel {width:40px; height:40px; line-height:40px; margin-left:10px; width:100px; background:#878787; color:#fff; font-size:11pt; text-align:center;}
|
||
|
||
|
||
@media (max-width:1000px) {
|
||
.teskCont {padding:20px 0;}
|
||
.teskCont > dt {padding-left:16px; font-size:12pt;}
|
||
.teskCont > dt span {font-size:12pt;}
|
||
.teskCont > dt a {width:80px; height:40px; line-height:40px; font-size:10pt; bottom:-5px;}
|
||
.teskCont > dt:before {width:10px; height:10px; border:solid 3px #000; margin-top:-5px;}
|
||
.teskCont > dd {padding:0; margin-top:10px;}
|
||
.teskTxt {padding:10px 0 !important;}
|
||
.teskTxt textarea {height:120px; padding:5px !important;}
|
||
|
||
.teskFile {position:relative; margin:0 -10px; padding-right:110px;}
|
||
.teskFile a {display:block; height:30px; line-height:30px;}
|
||
.teskFile a.tskfBtn {padding-left:30px; font-size:11pt; background-size:22px auto !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
.teskFile a.tskfDel {margin-left:0; position:absolute; right:75px; top:0;}
|
||
.teskFile a.tskfSel {width:70px; height:30px; line-height:30px; margin-left:0; font-size:10pt;; position:absolute; right:0; top:0;}
|
||
|
||
}
|
||
|
||
|
||
/* <20><><EFBFBD>оȳ<D0BE> */
|
||
.dbtList {}
|
||
.dbtList th,
|
||
.dbtList td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; padding:20px;}
|
||
.dbtList th {text-align:left;}
|
||
.dbtList th h5 {font-size:14pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
.dbtList th dl dd {display:inline-block; vertical-align:middle; font-size:12pt; padding-right:12px; margin-right:9px; color:#888; font-weight:300;position:relative;}
|
||
.dbtList th dl dd:last-child {margin-right:0; padding-right:0;}
|
||
.dbtList th dl dd:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
|
||
.dbtList td {text-align:center; width:80px; font-size:15pt; font-weight:500;}
|
||
|
||
@media (max-width:1000px) {
|
||
.dbtList th,
|
||
.dbtList td {padding:10px;}
|
||
.dbtList th h5 {font-size:12pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
.dbtList dl dd {font-size:10pt; margin-right:10px; padding-right:9px; margin-right:6px;}
|
||
.dbtList dl dd:after {height:10px; margin-top:-5px;}
|
||
.dbtList td {width:60px; font-size:12pt;}
|
||
}
|
||
|
||
|
||
|
||
/* <20><><EFBFBD><EFBFBD> */
|
||
.grdTitle {font-size:14pt; margin-bottom:10px;}
|
||
.grdTitle span {font-size:14pt; color:#238dfa;}
|
||
|
||
.lctNoti {margin-top:30px;}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
.svyPop {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:100;}
|
||
.svyPop > div {display:table; width:100%; height:100%;}
|
||
.svyPop > div > div {display:table-cell; width:100%; vertical-align:middle;}
|
||
.svyPopWrap {width:100%; max-width:510px; max-height:100%; margin:0 auto; background:#fff; position:relative;}
|
||
.svyPopTitle {background:#0068b7; position:relative; padding:0 20px;}
|
||
.svyPopTitle h5 {height:60px; line-height:60px; color:#fff; font-size:16pt;}
|
||
.svyPopTitle a {display:block; height:60px; width:60px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:1; cursor:pointer; background:url("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
|
||
.svyPopCont {padding:30px 30px 50px; overflow-y:auto;}
|
||
.svyPopCont img {display:block; margin:0 auto; max-width:100%;}
|
||
.svyPopBtn {text-align:center; margin-top:30px;}
|
||
.svyPopBtn li {display:inline-block; margin:0 3px;}
|
||
.svyPopBtn li a {display:block; width:180px; height:50px; line-height:48px; border:solid 1px #383838; color:#383838;}
|
||
.svyPopBtn li a.bk {background:#383838; color:#fff;}
|
||
.svyPopCont .svyTest:first-child {margin-top:0;}
|
||
.svyTest {margin-top:30px; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
|
||
.svyTest dt {background:#f9f9f9; border-bottom:solid 1px #d6d6d6; padding:10px 20px; font-size:12pt;}
|
||
.svyTest dd {padding:15px 20px;}
|
||
.svyTest dd ul li {margin-bottom:10px;}
|
||
.svyTest dd ul li:last-child {margin-bottom:0;}
|
||
.svyTest dd ul li input[type="radio"] {display:inline-block; vertical-align:middle;}
|
||
.svyTest dd ul li label {display:inline-block; vertical-align:middle; font-size:12pt;}
|
||
.svyTest dd input[type="text"] {display:block; width:100%;}
|
||
|
||
|
||
@media (max-width:1000px) {
|
||
.svyPop > div > div {padding-left:15px; padding-right:15px;}
|
||
.svyPopTitle {padding:0 15px;}
|
||
.svyPopTitle h5 {height:50px; line-height:50px; font-size:14pt;}
|
||
.svyPopTitle a {height:50px; width:50px; background-size:20px auto;}
|
||
.svyPopCont {padding:20px;}
|
||
.svyTest {margin-top:20px;}
|
||
.svyTest dt {padding:10px; font-size:11pt;}
|
||
.svyTest dd {padding:10px;}
|
||
.svyTest dd ul li {margin-bottom:5px;}
|
||
.svyTest dd ul li label {font-size:11pt;}
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
#player {width:100%; height:100%; padding-top:120px; position:relative;}
|
||
.plyTop {position:fixed; top:0; left:0; right:0; height:60px; background:#0068b7; padding-right:70px; z-index:10;}
|
||
.plyTop h1 {height:60px; line-height:60px; padding-left:30px; color:#fff; font-size:16pt; font-weight:400;}
|
||
.plyTop a {display:block; width:30px; height:30px; text-indent:-9999px; position:absolute; right:30px; top:50%; margin-top:-15px; background:url("../../img/player/player_close.png")no-repeat center center; background-size:30px auto;}
|
||
.plyTitle {position:fixed; top:60px; left:0; right:0; height:60px; background:#0040b7; padding-left:90px; z-index:10;}
|
||
.plyTitle h3 {color:#fff; font-size:16pt; font-weight:400; height:60px; line-height:60px;}
|
||
.plyTitle a {display:block; width:110px; height:40px; line-height:40px; background:#fff; color:#333483; font-size:13pt; position:absolute; right:30px; top:50%; margin-top:-20px; text-align:center;}
|
||
#plyHbg {width:30px; height:20px; position:absolute; left:30px; top:50%; margin-top:-8px; cursor:pointer;}
|
||
#plyHbg span,
|
||
#plyHbg:before,
|
||
#plyHbg:after {display:block; height:3px; background:#fff; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;}
|
||
#plyHbg span {text-indent:-9999px; margin-bottom:5px;}
|
||
#plyHbg:before {content:""; margin-bottom:5px;}
|
||
#plyHbg:after {content:"";}
|
||
.plyCont {/* height:100%; */position:relative;}
|
||
.plyMenu {position:fixed; left:-200px; top:120px; bottom:0; width:200px; border-right:solid 1px #e6e6e6; z-index:10; background:#fff;}
|
||
.plyMenu h5 {height:50px; background:#f1f1f1; padding-left:30px; line-height:50px;}
|
||
.plyMenu span {display:block; width:20px; height:20px; position:absolute; right:10px; top:15px; cursor:pointer; background:url("../../img/player/player_menu_close.png")no-repeat center center; background-size:20px auto; text-indent:-9999px;}
|
||
.plyMenu ul {padding:0 30px;}
|
||
.plyMenu ul li {padding:10px 0;}
|
||
.plyMenu ul li a {display:block;}
|
||
.plyMenu ul li a.current {color:#0068b7;}
|
||
.plyWrap {padding:30px;}
|
||
.plyFrame {}
|
||
.plyNav {text-align:right; margin:0 -5px; padding:0 30px; padding-bottom:30px;}
|
||
.plyNav li {display:inline-block; padding:0 5px;}
|
||
.plyNav li a {display:block; width:90px; height:50px; border:solid 1px #000; text-align:center;}
|
||
.plyNav li a span {display:inline-block; height:48px; line-height:48px; background-size:7px auto !important;}
|
||
.plyNav li a.prev span {padding-left:15px; background:url("../../img/player/player_nav_prev.png")no-repeat left center;}
|
||
.plyNav li a.next span {padding-right:15px; background:url("../../img/player/player_nav_next.png")no-repeat right center;}
|
||
.plyFooter {background:#f7f7f7; position:relative; z-index:11;}
|
||
.plyFooter p {color:#aaa; font-size:11pt; height:80px; line-height:80px; text-align:center;}
|
||
html.player,
|
||
body.player {display:block; height:100%;}
|
||
|
||
@media (max-width:800px) {
|
||
#player {height:auto; overflow:visible; padding-top:100px; position:relative;}
|
||
.plyTop {height:50px; padding-right:44px; z-index:10;}
|
||
.plyTop h1 {height:50px; line-height:50px; padding-left:10px; font-size:14pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
.plyTop a {width:24px; height:24px; right:10px; margin-top:-12px; background-size:24px auto;}
|
||
.plyTitle {top:50px; height:50px; padding-left:44px; z-index:10; padding-right:90px;}
|
||
.plyTitle h3 {font-size:12pt; height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
.plyTitle a {width:70px; height:30px; line-height:30px; font-size:10pt; right:10px; margin-top:-15px;}
|
||
#plyHbg {width:24px; height:20px; left:10px; margin-top:-7px;}
|
||
#plyHbg span,
|
||
#plyHbg:before,
|
||
#plyHbg:after {height:2px;}
|
||
#plyHbg span {margin-bottom:4px;}
|
||
#plyHbg:before {margin-bottom:4px;}
|
||
.plyCont {padding-left:0;}
|
||
.plyMenu {left:-160px; top:50px; width:160px; padding-top:40px;}
|
||
.plyMenu h5 {height:40px; padding-left:10px; line-height:40px; position:absolute; left:0; right:0; top:0;}
|
||
.plyMenu span {width:20px; height:20px; right:10px; top:10px; background-size:15px auto;}
|
||
.plyMenu ul {padding:0 10px; height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;}
|
||
.plyMenu ul li {padding:5px 0;}
|
||
.plyMenu ul li a {font-size:11pt;}
|
||
.plyWrap {padding:10px;}
|
||
.plyFrame {}
|
||
.plyNav {text-align:center; margin:0; padding:20px 0; padding-bottom:20px;}
|
||
.plyNav li {display:inline-block; padding:0 3px;}
|
||
.plyNav li a {width:70px; height:40px;}
|
||
.plyNav li a span {font-size:11pt; height:38px; line-height:38px; background-size:6px auto !important;}
|
||
.plyNav li a.prev span {padding-left:15px;}
|
||
.plyNav li a.next span {padding-right:15px;}
|
||
.plyFooter {display:none;}
|
||
html.player,
|
||
body.player {height:auto;}
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
#moBotBtn {display:none;}
|
||
#moBotBtn a,
|
||
#moBotBtn span {display:block; position:fixed; bottom:10px; width:40px; height:40px; border:solid 1px #aaa; text-indent:-9999px; background-size:cover !important; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;}
|
||
#mbbBack {left:10px; background:rgba(255,255,255,0.7) url("../../img/common/mobile_back.png")no-repeat center center;}
|
||
#mbbTop {right:10px; background:rgba(255,255,255,0.7) url("../../img/common/mobile_top.png")no-repeat center center; display:none; cursor:pointer;}
|
||
|
||
@media (max-width:800px) {
|
||
#moBotBtn {display:block;}
|
||
}
|