KimHanJin
/
YNICTE
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

(201030) gnb수정 ,css가 난리에요 수정해야합니다.

This commit is contained in:
kdh0120 2020-10-30 09:04:47 +00:00
parent f182303176
commit 29f43279e8
7 changed files with 1876 additions and 2509 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
FO/Controllers/FOBaseController.cs
View File

@ -302,10 +302,11 @@ namespace NP.FO.Controllers
} }
sb2.Append("</ul></li>"); sb2.Append("</ul></li>");
sb2auth.Append("</ul></li>"); sb2auth.Append("</ul></li>");
sbmauth.Append(string.Format("<li class=\"topmenu{1}" + (m.pno == 16 ? "style=\"display:none;\"" : string.Empty) + "\"><h5>{0}</h5><ul>", m.pagename, m.pno)); sbmauth.Append("<li><a class=\"mlink\" href=\"/My/Index\">Home</a></li>");
sbmauth.Append(string.Format("<li class=\"topmenu{1}" + (m.pno == 16 ? "style=\"display:none;\"" : string.Empty) + "\"><a>{0}</a><span></span><ul>", m.pagename, m.pno));
if (m.usertype == 0) if (m.usertype == 0)
{ {
sbm.Append(string.Format("<li class=\"topmenu{1}" + (m.pno == 16 ? "style=\"display:none;\"" : string.Empty) + "\"><h5>{0}</h5><ul>", m.pagename, m.pno)); sbm.Append(string.Format("<li class=\"topmenu{1}" + (m.pno == 16 ? "style=\"display:none;\"" : string.Empty) + "\"><a>{0}</a><span></span><ul>", m.pagename, m.pno));
} }
foreach (var m2 in GetMENUPAGES.Where(w => w.pdepth == 1 && w.isopen == 1 && w.ppno == m.pno && w.pagetype != 4)) foreach (var m2 in GetMENUPAGES.Where(w => w.pdepth == 1 && w.isopen == 1 && w.ppno == m.pno && w.pagetype != 4))
{ {

31
FO/Views/Shared/Partial/Foot.cshtml
View File

@ -6,28 +6,27 @@
var mainprivate = (menus.Where(w => w.refcode == "main.private").FirstOrDefault() ?? em); var mainprivate = (menus.Where(w => w.refcode == "main.private").FirstOrDefault() ?? em);
var mainagree = (menus.Where(w => w.refcode == "main.agree").FirstOrDefault() ?? em); var mainagree = (menus.Where(w => w.refcode == "main.agree").FirstOrDefault() ?? em);
} }
<div id="footer"> <div id="footer" class="main">
<div class="ftMenu"> <div class="container">
<div class="container"> <div class="ftMenu">
<ul> <ul>
<li><a href="#" onclick="gomenu(@(mainintroduce.pno), @(mainintroduce.pagetype), '@(mainintroduce.pageurl??"")', this);">교육원 소개</a></li> @*<li><a href="#" onclick="gomenu(@(mainintroduce.pno), @(mainintroduce.pagetype), '@(mainintroduce.pageurl??"")', this);">교육원 소개</a></li>
<li><a href="#" onclick="gomenu(@(mainlocation.pno), @(mainlocation.pagetype), '@(mainlocation.pageurl??"")', this);">찾아오시는 길</a></li> <li><a href="#" onclick="gomenu(@(mainlocation.pno), @(mainlocation.pagetype), '@(mainlocation.pageurl??"")', this);">찾아오시는 길</a></li>*@
<li><a href="#" onclick="viewlayer(@(mainprivate.pno), this, '개인정보처리방침');" style="color:#2c5ac7;">개인정보처리방침</a></li> <li><a href="#" onclick="viewlayer(@(mainprivate.pno), this, '개인정보처리방침');" style="color:#2c5ac7;">개인정보처리방침</a></li>
<li><a href="#" onclick="viewlayer(@(mainagree.pno), this, '이용약관');">이용약관</a></li> <li><a href="#" onclick="viewlayer(@(mainagree.pno), this, '이용약관');">이용약관</a></li>
</ul> </ul>
<p>이러닝전문기관인증</p>
</div> </div>
</div> <div class="ftAddr">
<div class="ftAddr"> <dl>
<div class="container"> <dt>본원</dt>
<p><span>대표자 : ?</span><span>사업소재지 : 경북 영천시 고경면 호국로 791 영남건설기술교육원 <em>영남건설기술교육원</em></span></p> <dd>경상북도 영천시 고경면 호국로 791 <span>(도암리 147번지) (우:38900)</span> <span>TEL : 1544-7660(1)</span> <span>FAX : 054-336-8384</span></dd>
<p><span><a href="/Content/영남건설기술교육원사업자등록증.pdf" target="_blank" style="cursor: pointer">사업자등록번호 : 000-00-00000</a></span><span>통신판매신고번호 : 제?-?-?호</span></p> </dl>
<ul> <dl>
<li><span>1544-7660</span></li> <dt>분원</dt>
<li><span>054-336-8384</span></li> <dd>부산광역시 서구 충무대로 277 <span>에코팰리스 2차 3층 (우:49253)</span> <span>TEL : 1544-7660(2)</span> <span>FAX : 051-558-0662</span></dd>
</ul> </dl>
<p class="ftCopy">COPYRIGHT 영남건설기술교육원. ALL RIGHTS RESERVED. </p>
</div> </div>
<p class="ftCopy">Copyright© Young Nam Institue of <span>Technology Education All Right Reserved</span></p>
</div> </div>
</div> </div>
<div id="moBotBtn"> <div id="moBotBtn">

113
FO/Views/Shared/Partial/GNB.cshtml
View File

@ -1,69 +1,54 @@
 <div id="gnbFix"> <div id="gnb">
<div class="container"> <div class="container">
<h1 class="gngLogo"><a href="/">영남건설기술교육원</a></h1>
<h1 id="gnbLogo"><a href="/">영남건설기술교육원</a></h1> <div class="gnbWrap">
<div id="gnbBtn"> <ul class="gnbRht">
<span class="slice1"></span> @if (ViewBag.SSUserNo > 0)
<span class="slice2"></span> {
<span class="slice3"></span> <li><a href="/My/MyInfo"><span><b>@ViewBag.SSUserName</b>님</span></a></li>
<li><a href="/Account/Logout">로그아웃</a></li>
}
else
{
<li><a href="/Account/Index">로그인</a></li>
<li><a href="/Account/JoinTSel">회원가입</a></li>
}
</ul>
<ul class="gnbMenu">
@Html.Raw(ViewBag.TopMenuM)
<div id="gpBg"></div>
</ul>
</div> </div>
@if (ViewBag.SSUserNo > 0) <div class="gnbMo">
{ <span></span>
<a href="/My/Index" id="gnbMpg">마이페이지</a> <span></span>
} <span></span>
else
{
<a href="/Account/Index?ru=/My/Index" id="gnbMpg">마이페이지</a>
}
<div id="gnbPc">
<ul class="gpList">@Html.Raw(ViewBag.TopMenu)</ul>
<ul class="gpLgn">
@if (ViewBag.SSUserNo > 0)
{
<li><a href="/My/MyInfo"><span><b>@ViewBag.SSUserName</b>님</span></a></li>
<li><a href="/Account/Logout">로그아웃</a></li>
}
else
{
<li><a href="/Account/Index">로그인</a></li>
<li><a href="/Account/JoinTSel">회원가입</a></li>
}
</ul><!-- gpLgn -->
<div class="gpDrop">
<div class="gpdTop"><div class="container"><ul>@Html.Raw(ViewBag.TopMenu2)</ul></div></div>
<div class="gpdMenu"><div class="container"><ul class="gpdmList">@Html.Raw(ViewBag.TopMenu3)</ul></div></div>
</div>
<div id="gpBg"></div>
</div> </div>
<div id="gnbM" class="@(ViewBag.SSUserNo > 0?"lgnOk":"")"> <div class="gnbMpg">
<span id="gmClose">닫기</span> <a href="/My/Index">마이페이지</a>
@if (ViewBag.SSUserNo > 0)
{
<div class="gmLgnOk">
<h5><a href="/My/MyInfo"><span>@ViewBag.SSUserName</span> 님 반갑습니다.</a></h5>
<ul>
<li><a href="/My/Index"><span></span>마이페이지</a></li>
<li><a href="/My/Memo"><span><em>@ViewBag.MainMemoNotCount</em></span>쪽지</a></li>
<li><a href="/My/Alarm"><span><em>@ViewBag.Main3MAlarmCount</em></span>알림</a></li>
<li><a href="/Account/Logout"><span></span>로그아웃</a></li>
</ul>
</div>
}
else
{
<div class="gmLgn">
<ul>
<li><a href="/Account/Index"><span>로그인</span></a></li>
<li><a href="/Account/JoinTSel"><span>회원가입</span></a></li>
</ul>
</div>
}
<div class="gmMenu">
<ul>
<li><a href="/">Home</a></li>
@Html.Raw(ViewBag.TopMenuM)
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>
<script>
//GNB
$('.gnbMo').click(function(){
if($(this).is('.on')) {
$('.gnbMo, .gnbMenu, .gnbWrap, html, body').removeClass('on');
}else {
$('.gnbMo, .gnbMenu, .gnbWrap, html, body').addClass('on');
}
});
$('.gnbMenu > li > span').click(function(){
if($(this).is('.on')) {
$(this).removeClass('on');
$('.gnbMenu > li > ul').slideUp();
}else {
$('.gnbMenu > li > ul').slideUp();
$('.gnbMenu > li > span').removeClass('on');
$(this).addClass('on');
$(this).next().slideDown();
}
});
</script>

10
FO/Views/Shared/Partial/SubTitle.cshtml
View File

@ -1,5 +1,9 @@
<div id="subTitle" class="@(ViewBag.MenuPage.topimagecode??"d")"> <div id="subTitle" class="@(ViewBag.MenuPage.topimagecode??"d")">
<div class="container"> <div>
<h2>공정거래법 <span>전문 교육기관</span></h2> <div>
</div> <div class="container">
<h2><span>나에게 필요한 교육을 찾아드립니다.</span><b>YICTE</b> Smart Search</h2>
</div>
</div>
</div>
</div> </div>

43
FO/css/common.css
View File

@ -1,4 +1,4 @@
@charset "utf-8"; @charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Rajdhani:300,400,500,600,700&display=swap&subset=korean'); @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Rajdhani:300,400,500,600,700&display=swap&subset=korean');
@ -9,7 +9,7 @@
* {margin:0; padding:0; box-sizing:border-box;} * {margin:0; padding:0; box-sizing:border-box;}
html {} html {}
body {margin:0;} body {margin:0;}
html, body {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} html, body {/* -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; */}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;} audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;} audio:not([controls]) {display: none; height: 0;}
@ -50,37 +50,46 @@ legend {border: 0; padding: 0; }
textarea {overflow: auto; resize: vertical;} textarea {overflow: auto; resize: vertical;}
optgroup {font-weight: bold;} optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: break-all; width:100%;} table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: break-all; width:100%;}
dd {display: block;} a, a:link, a:hover, a:active, a:focus, button:focus {outline: 0; text-decoration: none; color: inherit;}
a, a:link, a:hover, a:active, a:focus, button:focus {outline: 0; text-decoration: none;}
body, input, textarea, button, select, label, a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} body, input, textarea, button, select, label, a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
* {font-family: 'Noto Sans KR', sans-serif; font-size:11pt; letter-spacing:-0.05em; font-weight:400; color:#222; line-height:1.6em;} body {font-family: 'Noto Sans KR', sans-serif; font-size:11pt; letter-spacing:-0.05em; font-weight:400; color:#222; line-height:1.6em;}
select {height:40px; font-family:inherit; font-size:11pt; margin:0; color:#333; padding-left:10px; vertical-align:middle; min-width:130px; select {height:40px; font-family:inherit; font-size:11pt; margin:0; padding-left:10px; vertical-align:middle; min-width:130px;
box-sizing:border-box; border:1px solid #cbcbcb; box-sizing:border-box; border:1px solid #cbcbcb; cursor:pointer;
border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
-webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative;
background:#fff url("/img/common/select_arrow.png")no-repeat right center; background-size:auto 75%; background:#fff url("../../img/common/select_arrow.png")no-repeat right center; background-size:auto 75%;
} }
select:focus {outline: 0; border-color:#31317f;} select:focus {outline: 0; border-color:#0d4a99;}
select:focus {outline: 0;}
input[type='text'], input[type='password'], input[type='name'], input[type='tel'], input[type='search'] , input[type='email'] { input[type='text'], input[type='password'], input[type='name'], input[type='tel'], input[type='search'] , input[type='email'] {
height:40px; font-family:inherit; font-size:10pt; margin:0; color:#333; background:#fff; padding-left:10px; vertical-align:middle; box-sizing:border-box; border:1px solid #cbcbcb; height:40px; font-family:inherit; font-size:12pt; margin:0; background:#fff; padding-left:10px; vertical-align:middle; box-sizing:border-box; border:1px solid #cbcbcb;
border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
-webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative; max-width:100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative; max-width:100%;
} }
input[type='text']:focus, input[type='password']:focus, input[type='name']:focus, input[type='tel']:focus, input[type='search']:focus, input[type='email']:focus { input[type='text']:focus, input[type='password']:focus, input[type='name']:focus, input[type='tel']:focus, input[type='search']:focus, input[type='email']:focus {
outline: 0; background:#fff; border-color:#31317f; color:#31317f; outline: 0; background:#fff; border-color:#0d4a99; color:#c71019;
} }
input[type='text']:read-only {background:#f5f5f5; color: #999;}
input[type='text']:read-only:focus {color:#999;}
input[type='checkbox'] {background:#fff; border:solid 1px #707070; height:18px; width:18px; position:relative; cursor:pointer; vertical-align:middle; -webkit-appearance:none; padding:0; border:0 0/IE8+9; margin-top:-1px; margin-top:2px 0/IE8+9;}
input[type='checkbox']:checked {background:#fff; border:solid 1px #707070; border:0 \0/IE8+9;}
input[type='checkbox']:checked:after {content:""; display:block; background:#666; position:absolute; top:4px; left:4px; right:4px; bottom:4px;}
input[type='checkbox']:focus {outline:0; border-color:#0d4a99;}
input[type='checkbox'] + label {height:18px; line-height:18px;}
input[type='radio'] {background:#fff; border:solid 1px #707070; height:18px; width:18px; position:relative; cursor:pointer; vertical-align:middle; -webkit-appearance:none; padding:0; border:0 0/IE8+9; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;}
input[type='radio']:checked {background:#fff; border:solid 1px #707070; border:0 \0/IE8+9;}
input[type='radio']:checked:after {content:""; display:block; background:#666; position:absolute; top:4px; left:4px; right:4px; bottom:4px; -webkit-appearance:none; padding:0; border:0 0/IE8+9; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;}
input[type='radio']:focus {outline:0; border-color:#0d4a99;}
input[type='radio'] + label {height:18px; line-height:18px;}

73
FO/css/lecture.css
View File

@ -30,10 +30,10 @@
.lcttMenu li.lcttm a div {display:inline-block; position:relative;} .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 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.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.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.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.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;} .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 {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: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 {height:40px; line-height:40px; color:#fff; font-size:15pt; font-weight:400; float:left; white-space:nowrap;}
@ -55,14 +55,14 @@
.lctmUdn dd a {display:block; width:39px; height:30px; text-indent:-9999px; border:solid 1px #b6b6b6;} .lctmUdn dd a {display:block; width:39px; height:30px; text-indent:-9999px; border:solid 1px #b6b6b6;}
.lctmUdn dd:first-child {margin-right:6px;} .lctmUdn dd:first-child {margin-right:6px;}
#lctMenu.on .lctmUdn dd:first-child {margin-right:0; margin-bottom:5px;} #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: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;} .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;} #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;} #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 {height:100%; overflow-y:auto;}
#lctWrap:after {content:""; display:table;} #lctWrap:after {content:""; display:table;}
#lctFooter {height:80px; line-height:80px; text-align:center; color:#aaa; font-size:11pt; font-weight:300; background:#f7f7f7; position: relative;} #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: 20px;} .lctCont {padding-left:30px; padding-right:30px; padding-bottom:60px;}
.lctcScore {padding:30px 0; background:#f9f9f9;} .lctcScore {padding:30px 0; background:#f9f9f9;}
.lctcScore h5 {font-size:15pt; padding-bottom:15px; line-height:1.0em;} .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 table {border-left:solid 2px #f9f9f9; border-right:solid 2px #f9f9f9;}
@ -115,8 +115,8 @@
.lctcWeek td ul:after {content:""; display:table; clear:both;} .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 {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 {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.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;} .lctcWeek td ul li a.lctcBook {background:url("../../img/lecture/week_btn02.png")no-repeat center top;}
@media (max-width:1000px) { @media (max-width:1000px) {
@ -131,7 +131,7 @@
.lcttMenu {display:none;} .lcttMenu {display:none;}
#lctMypg { #lctMypg {
display:block; width:30px; height:30px; position:absolute; right:15px; top:50%; margin-top:-15px; text-indent:-9999px; 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; 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%; 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 {display:block; position:absolute; top:0; left:0; height:100%; cursor:pointer; padding:17px 20px; margin:0; z-index:10;}
@ -150,7 +150,7 @@
#lctInfo h3 span {font-size:11pt; color:#333; font-weight:400; line-height:54px;} #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 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;} #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;} #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 {position:static; width:100%; height:100%; border-right:none; overflow-y:auto; -webkit-overflow-scrolling: touch;}
#lctMenu.on {width:50px;} #lctMenu.on {width:50px;}
.lctmList li {border-bottom:solid 1px #e5e5e5;} .lctmList li {border-bottom:solid 1px #e5e5e5;}
@ -275,7 +275,7 @@
.lctPopWrap.wdth1140 {max-width:1140px;} .lctPopWrap.wdth1140 {max-width:1140px;}
.lctPopTitle {background:#0068b7; position:relative; padding:0 20px;} .lctPopTitle {background:#0068b7; position:relative; padding:0 20px;}
.lctPopTitle h5 {height:60px; line-height:60px; color:#fff; font-size:16pt;} .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;} .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;} .lctPopCont {padding:30px 30px 50px; overflow-y:auto;}
.lctPop.lctPopFull > div {display:block; width:100%;} .lctPop.lctPopFull > div {display:block; width:100%;}
.lctPop.lctPopFull > div > div {display:block; height:100%; vertical-align:middle; overflow:hidden;} .lctPop.lctPopFull > div > div {display:block; height:100%; vertical-align:middle; overflow:hidden;}
@ -304,8 +304,8 @@
.atdDown td {border:none; background:#f9f9f9; padding:5px 0;} .atdDown td {border:none; background:#f9f9f9; padding:5px 0;}
.atdDown {display:none;} .atdDown {display:none;}
.atdIp {display:block; color:#888;} .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 {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;} .atdOpen.on {background:url("../../img/lecture/attend_arrow_on.png")no-repeat right center;}
.atdDate {padding:10px 20px; background:#f9f9f9;} .atdDate {padding:10px 20px; background:#f9f9f9;}
.atdDate:after {content:""; display:table; clear:both;} .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 input[type="text"] {float:left; width:110px; border:solid 1px #000; text-align:center; padding-left:0;}
@ -348,10 +348,10 @@
.evaList th p {font-size:12pt; color:#888; font-weight:300;} .evaList th p {font-size:12pt; color:#888; font-weight:300;}
.evaList td {width:120px; text-align:center;} .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 {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.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.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.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;} .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;} .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 {border-left:solid 2px #fff; border-right:solid 2px #fff; margin-bottom:30px;}
.evaTable th, .evaTable th,
@ -434,8 +434,8 @@
.teskTxt textarea {display:block; width:100%; height:200px; resize:none; padding:15px !important;} .teskTxt textarea {display:block; width:100%; height:200px; resize:none; padding:15px !important;}
.teskFile {} .teskFile {}
.teskFile a {display:inline-block; vertical-align:middle; height:30px; line-height:30px;} .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.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.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;} .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;}
@ -497,7 +497,7 @@
.svyPopWrap {width:100%; max-width:510px; max-height:100%; margin:0 auto; background:#fff; position:relative;} .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 {background:#0068b7; position:relative; padding:0 20px;}
.svyPopTitle h5 {height:60px; line-height:60px; color:#fff; font-size:16pt;} .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;} .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 {padding:30px 30px 50px; overflow-y:auto;}
.svyPopCont img {display:block; margin:0 auto; max-width:100%;} .svyPopCont img {display:block; margin:0 auto; max-width:100%;}
.svyPopBtn {text-align:center; margin-top:30px;} .svyPopBtn {text-align:center; margin-top:30px;}
@ -537,7 +537,7 @@
#player {width:100%; height:100%; overflow:hidden; padding-top:120px; position:relative;} #player {width:100%; height:100%; overflow:hidden; 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 {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 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;} .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 {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 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;} .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;}
@ -549,11 +549,11 @@
#plyHbg:before {content:""; margin-bottom:5px;} #plyHbg:before {content:""; margin-bottom:5px;}
#plyHbg:after {content:"";} #plyHbg:after {content:"";}
.plyCont {/* height:100%; */position:relative;} .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;overflow-y:auto; } .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 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 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;-webkit-overflow-scrolling: touch;} .plyMenu ul {padding:0 30px;}
.plyMenu ul li {padding:5px 0;} .plyMenu ul li {padding:10px 0;}
.plyMenu ul li a {display:block;} .plyMenu ul li a {display:block;}
.plyMenu ul li a.current {color:#0068b7;} .plyMenu ul li a.current {color:#0068b7;}
.plyWrap {padding:30px;} .plyWrap {padding:30px;}
@ -562,9 +562,9 @@
.plyNav li {display:inline-block; padding:0 5px;} .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 {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 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.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;} .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:9;} .plyFooter {background:#f7f7f7; position:relative; z-index:11;}
.plyFooter p {color:#aaa; font-size:11pt; height:80px; line-height:80px; text-align:center;} .plyFooter p {color:#aaa; font-size:11pt; height:80px; line-height:80px; text-align:center;}
html.player, html.player,
body.player {display:block; height:100%;} body.player {display:block; height:100%;}
@ -607,3 +607,12 @@ body.player {display:block; height:100%;}
#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;}
}

4110
FO/css/style.css
View File

File diff suppressed because it is too large Load Diff