This commit is contained in:
hyunho 2020-10-27 06:42:41 +00:00
parent 5a11fa74cb
commit 24ede56676
5 changed files with 591 additions and 168 deletions

View File

@ -11,6 +11,32 @@ namespace NP.FO.Controllers
public class HomeController : FOOpenBaseController
{
public ActionResult Index(VMHome vm)
{
//서브도메인 확인 하여 고객사 로그인/마이페이지로 이동
var sd = Request.Url.Host.Split('.')[0];
if (GetConfig("isdevtest") != "1" && Request.Url.Host != "222.122.63.91" && Request.Url.Host != "kfcf.nptc.kr" && Request.Url.Host != "phd.nptc.kr" && MainSubDomain.ToUpper() != sd.ToUpper())
{
if (SUserInfo.UserNo < 1)
{
return Redirect("/Account/Index");
}
else
{
return Redirect("/My/Index");
}
}
vm.ComCodes = GetComCodes("typeman,typeedu,typegrade,typejob");
ViewBag.POPUPS = GetPOPUP;
ViewBag.POPUPXS = CookieGet("popup", "");
ViewBag.IsMain = true;
vm.Datas = Dao.Get<Data>("site.main", new System.Collections.Hashtable() { {"offcode", OffCode }, { "oncode", OnCode} });
ViewBag.OnCode1 = OnCode1;
return View(vm);
}
public ActionResult IndexSample(VMHome vm)
{
//서브도메인 확인 하여 고객사 로그인/마이페이지로 이동
var sd = Request.Url.Host.Split('.')[0];
@ -36,7 +62,7 @@ namespace NP.FO.Controllers
ViewBag.POPUPS = GetPOPUP;
//}
ViewBag.POPUPXS = CookieGet("popup", "");
vm.Datas = Dao.Get<Data>("site.main", new System.Collections.Hashtable() { {"offcode", OffCode }, { "oncode", OnCode} });
vm.Datas = Dao.Get<Data>("site.main", new System.Collections.Hashtable() { { "offcode", OffCode }, { "oncode", OnCode } });
//foreach(var d in vm.Datas.Where(w=>w.dtype == 1 && !string.IsNullOrEmpty(w.strval4)))
//{
// //Thumbnail 확인

View File

@ -353,6 +353,7 @@
<Content Include="img\lecture\week_btn02.png" />
<Content Include="img\lecture\week_thumb01.jpg" />
<Content Include="img\lecture\week_thumb02.jpg" />
<Content Include="img\main\main_bg.jpg" />
<Content Include="img\main\main_cs_arrow.png" />
<Content Include="img\main\main_cs_call.png" />
<Content Include="img\main\main_edu_thumb01.jpg" />
@ -584,6 +585,7 @@
<Content Include="Views\My\PrintSet.cshtml" />
<Content Include="Views\My\CertPrint.cshtml" />
<Content Include="Views\My\CertSet.cshtml" />
<Content Include="Views\Home\IndexSample.cshtml" />
</ItemGroup>
<ItemGroup>
<Folder Include="App_Data\" />

View File

@ -1,173 +1,199 @@
@model NP.Model.VMHome
@{
ViewBag.IsMain = true;
//ViewBag.HideSubTitle = true;
var menus = (List<NP.Model.MenuPage>)ViewBag.Menus;
var em = new NP.Model.MenuPage();
var boardnotice = menus.Where(w => (w.refcode??"").Contains("board.notice")).FirstOrDefault() ?? em;
var boardfaq = menus.Where(w => w.refcode == "board.faq").FirstOrDefault() ?? em;
}
@section main{
<div id="mainTop">
<div class="container">
<ul>
<li><a href="/Course/Offs"><span>오프라인 교육과정</span></a></li>
<li><a href="/Course/Ons"><span>온라인 교육과정</span></a></li>
<li><a href="/My/Lecture"><span>수료증 발급</span></a></li>
</ul>
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<style>
.offTab {
padding-bottom : 0px;
margin-bottom : 0px;
}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1, shrink-to-fit=no">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, user-scalable=no">
<meta name="Robots" content="ALL" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>영남건설기술연구원</title>
<!-- css -->
<link rel="stylesheet" type="text/css" href="../css/common.css">
<link rel="stylesheet" type="text/css" href="../css/style.css">
<link rel="stylesheet" type="text/css" href="../css/mypage.css">
<link rel="stylesheet" type="text/css" href="../css/lecture.css">
<link rel="stylesheet" type="text/css" href="../css/slick.css">
<link rel="stylesheet" type="text/css" href="../css/animate.min.css">
<!-- js -->
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/placeholders.min.js"></script>
<script type="text/javascript" src="../js/slick.min.js"></script>
</head>
<body>
@section main{
<div id="main">
<div class="container">
<div class="mainTop">
<h2><span>YICTE</span> Smart Search</h2>
<p>나에게 필요한 교육을 찾아드립니다.</p>
</div>
<form action="">
<input type="hidden" id="sch1" value="" />
<input type="hidden" id="sch2" value="" />
<input type="hidden" id="sch3" value="" />
<input type="hidden" id="sch4" value="" />
<input type="hidden" id="sch5" value="" />
<ul class="mainSch">
<li class="msCont">
<em>SKILL</em>
<div class="msSel active" id="msSel1">
<span>교육유형</span>
<div>
<div>
<ul>
<li><a href="javascript:schIpt('1', '1', '온라인교육');">온라인교육</a></li>
<li><a href="javascript:schIpt('1', '0', '교육장교육');">교육장교육</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="msCont">
<em>JOB</em>
<div class="msSel disable" id="msSel2">
<span>직무분야</span>
<div>
<div>
<ul>
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typeman"))
{
<li><a href="javascript:schIpt('2', '@t.ccode', '@t.cname');">@t.cname</a></li>
}
</ul>
</div>
</div>
</div>
</li>
<li class="msCont">
<em>OBJECT</em>
<div class="msSel disable" id="msSel3">
<span>교육목적</span>
<div>
<div>
<ul>
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typeedu"))
{
<li><a href="javascript:schIpt('3', '@t.ccode', '@t.cname');">@t.cname</a></li>
}
</ul>
</div>
</div>
</div>
</li>
<li class="msCont">
<em>GRADE</em>
<div class="msSel disable" id="msSel4">
<span id="spnTypeGrade">등급</span>
<div>
<div>
<ul>
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typegrade"))
{
<li id="liGrade@(t.ccode)"><a href="javascript:schIpt('4', '@t.ccode', '@t.cname');">@t.cname</a></li>
}
</ul>
</div>
</div>
</div>
</li>
<li class="msCont">
<em>TYPE</em>
<div class="msSel disable" id="msSel5">
<span>직무분야</span>
<div>
<div>
<ul>
@foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typejob"))
{
<li><a href="javascript:schIpt('5', '@t.ccode', '@t.cname');">@t.cname</a></li>
}
</ul>
</div>
</div>
</div>
</li>
<li><a href="#" class="msBtn">검색하기</a></li>
</ul>
</form>
</div>
</div>
</div>
}
<h2 class="mainTitle">모집중인 <span>교육과정</span></h2>
<div class="mainEdu">
<div class="meTitle">
<h3>오프라인</h3><a href="/Course/Offs">더보기</a>
</div>
<ul class="meList">
@foreach (var d in Model.Datas.Where(w => w.dtype == 0))
{
<li>
<a data-no="@d.intval" href="#" onclick="gocm('Off', @d.intval)">
<div class="melThumb" style="background:url('/img/main/main_edu_thumb01.jpg')no-repeat center center;">
<div><div><div><h5>@(string.IsNullOrEmpty(d.strval3)?"-":d.strval3)</h5></div></div></div>
<span>OFFLINE</span>
</div>
<div class="melCont">
<h6 style="display:@(d.intval2==0?"none;":"")">환급</h6>
<h6>@d.strval2</h6>
<h5>@d.strval</h5>
<dl>
<dd><b>신청</b>@d.time.ToString("yy-MM-dd")~@d.time2.ToString("yy-MM-dd")</dd>
<dd><b>교육일</b>@d.time3.ToString("yy-MM-dd")~@d.time4.ToString("yy-MM-dd")</dd>
</dl>
</div>
</a>
</li>
}
</ul>
</div>
<div class="mainLine"></div>
<div class="mainEdu">
<div class="meTitle">
<h3>온라인</h3><a href="/Course/Ons">더보기</a>
</div>
<ul class="meList">
@foreach (var d in Model.Datas.Where(w => w.dtype == 1))
{
<li>
<a data-no="@d.intval" href="#" onclick="gocm('On', @d.intval)">
<div class="melThumb" style="background-size:cover; background:url(@(d.strval5 == null ? "/img/main/main_edu_thumb02.jpg" : (Model.Files + d.strval5)))no-repeat center center">
@*<div><div><div><h5>@d.strval3</h5></div></div></div>*@
<span>ONLINE</span>
</div>
<div class="melCont">
<h6 style="display:@(d.intval2==0?"none;":"")">환급</h6>
<h6 class="@(d.strval6 == ViewBag.OnCode1 ? "red" : "")">@d.strval2</h6>
<h5>@d.strval</h5>
<dl>
<dd><b>신청</b>@d.time.ToString("yy-MM-dd")~@d.time2.ToString("yy-MM-dd")</dd>
<dd><b>학습</b>@d.time3.ToString("yy-MM-dd")~@d.time4.ToString("yy-MM-dd")</dd>
</dl>
</div>
</a>
</li>
}
</ul>
</div>
<div id="mainBot">
<div class="mbCs">
<div>
<p>고객 상담문의</p>
<h5><a href="tel:02-310-3344">02-310-3344(오프라인)</a></h5>
<h5><a href="tel:02-310-3312">02-310-3312(온라인)</a></h5>
<ul>
<li>평일 9:00 AM ~ 6:00 PM</li>
<li>토요일/일요일/공휴일 휴무</li>
</ul>
</div>
</div>
<div class="mbCont mbNotice">
<div class="meTitle"><h3>공지사항</h3><a href="#" onclick="gomenu(@(boardnotice.pno), @(boardnotice.pagetype), '@(boardnotice.pageurl??"")', this);">더보기</a></div>
<ul class="mbList">
@foreach (var d in Model.Datas.Where(w => w.dtype == 2))
{
<li><a href="#" onclick="gomenu(@(boardnotice.pno), @((boardnotice).pagetype), '@((boardnotice).pageurl ?? "")', this, @d.longval);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval) ? "" : string.Format("[{0}]", d.strval), d.strval2)</a></li>
}
</ul>
</div><!-- mbCont -->
<div class="mbCont">
<div class="meTitle"><h3>FAQ</h3><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this);">더보기</a></div>
<ul class="mbList">
@foreach (var d in Model.Datas.Where(w => w.dtype == 3))
{
<li><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval)?"":string.Format("[{0}]", d.strval), d.strval2)</a></li>
@*<li><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this, @d.longval);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval)?"":string.Format("[{0}]", d.strval), d.strval2)</a></li>*@
}
</ul>
</div>
</div>
<form id="thisform" action="" method="post">
<input type="hidden" id="cmno" name="cmno" />
</form>
<textarea style="display: none;" id="texthide01">@ViewBag.POPUPS</textarea>
@section scriptsHeader{
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
}
@section scripts{
<script>
$(document).ready(function () {
if (!ismobile()) {
if ($("#texthide01").val() != '') {
$.each($($("#texthide01").val().split('nptechpopuplistseparator')), function (i, p) {
var p = p.split('nptechpopupseparator');
if ('p@(ViewBag.POPUPXS)p'.indexOf('p' + p[0] + 'p') < 0) {
$("body").append("<div data-zindex=\"" + p[8] + "\" style=\"z-index: " + p[8] + "; left: " + p[4] + "px; top: " + p[3] + "px; width: " + (getint(p[5]) + 45) + "px; height: " + (getint(p[6]) + 105) + "px;\" class=\"draggablethis ui-widget-content popupitem\" id=\"popbox" + p[0] + "\">" +
"<div class=\"inner\"><div class=\"poptitlebox\"><span>" + p[1] + "</span>" +
"<a class=\"closepopa\" href=\"#\" onclick=\"hidepop();$('#popbox" + p[0] + "').remove();\">x</a></div>" +
"<div class=\"iframebox\"><iframe id=\"ifrpop" + p[0] + "\" style=\"border: 0 none; height: " + p[6] + "px; width: " + (getint(p[5])) + "px;\"></iframe></div>" +
"<div class=\"iframeclosebox\"><a class=\"\" style=\"border: 1px solid #ddd; padding: 5px 15px;\" onclick=\"hide7('popbox" + p[0] + "', " + p[0] + ")\"> 7일간 숨기기</a></div></div></div>");
$("#ifrpop" + p[0]).attr("src", "/Home/Popup?pno=" + p[0]);
$("#popbox" + p[0]).show();
//$("html").css("overflow", "hidden");
}
});
$(".poptitlebox").on("click", function () {
$.each($(".popupitem"), function (i, d) {
$(d).css("z-index", $(d).attr("data-zindex"));
});
$(this).closest(".popupitem").css("z-index", 130);
});
}
$(".draggablethis").draggable();
</body>
</html>
<script type="text/javascript">
$(document).ready(function () {
$("#lblTypeGrade").text("등급");
});
$('.msSel span').click(function () {
if ($(this).parent().is('.active')) {
if ($(this).is('.on')) {
$(this).removeClass('on');
$(this).next().slideUp(300);
} else {
$('.msSel span').removeClass('on');
$('.msSel > div').slideUp(300);
$(this).addClass('on');
$(this).next().slideDown(300);
}
});
function hppopclick(url) {
url = url.toLowerCase().replace('http//', 'http://').replace('https//', 'https://');
if (url.toLowerCase().indexOf("http://") == 0 || url.toLowerCase().indexOf("http://") == 0) {
window.open(url);
}
else if (url != "") {
location.href = url;
}
}
var _hide7;
function hide7(id, pno) {
_hide7 = id;
capp("/focommon/hidepop", { pno: pno }, "cbhide7");
}
function cbhide7() {
hidepop();
$("#" + _hide7).remove();
}
function hidepop() {
if ($(".popupitem").length == 1) {
$("html").css("overflow", "auto");
} else {
if ($(this).parent().attr('id') == 'msSel2') {
alert('교육유형을 선택해주세요.');
} else if ($(this).parent().attr('id') == 'msSel3') {
alert('직무분야를 선택해주세요.');
} else if ($(this).parent().attr('id') == 'msSel4') {
alert('교육목적을 선택해주세요.');
} else if ($(this).parent().attr('id') == 'msSel5') {
alert('등급을 선택해주세요.');
}
}
function gocm(view, cmno) {
setv("cmno", cmno);
$("#thisform").attr("action", "/Course/"+view+"Detail");
submit("thisform");
});
function schIpt(num, code, name) {
$('#sch' + num).val(code);
$('#msSel' + num + '>span').text(name);
$('.msSel > div').slideUp(300);
$('.msSel > span').removeClass('on');
$('#msSel' + (Number(num) + 1)).removeClass('disable');
$('#msSel' + (Number(num) + 1)).addClass('active');
$('#msSel' + (Number(num) + 1) + ' > div').slideDown(300);
if (num == 3 && code == 58 && name == "승급교육") {
$("#spnTypeGrade").html("승급가능등급");
$("#liGrade59").hide();
}
</script>
}
else {
$("#spnTypeGrade").html("등급");
$("#liGrade59").show();
}
};
</script>

View File

@ -0,0 +1,173 @@
@model NP.Model.VMHome
@{
ViewBag.IsMain = true;
//ViewBag.HideSubTitle = true;
var menus = (List<NP.Model.MenuPage>)ViewBag.Menus;
var em = new NP.Model.MenuPage();
var boardnotice = menus.Where(w => (w.refcode ?? "").Contains("board.notice")).FirstOrDefault() ?? em;
var boardfaq = menus.Where(w => w.refcode == "board.faq").FirstOrDefault() ?? em;
}
@section main{
<div id="mainTop">
<div class="container">
<ul>
<li><a href="/Course/Offs"><span>오프라인 교육과정</span></a></li>
<li><a href="/Course/Ons"><span>온라인 교육과정</span></a></li>
<li><a href="/My/Lecture"><span>수료증 발급</span></a></li>
</ul>
</div>
</div>
}
<h2 class="mainTitle">모집중인 <span>교육과정</span></h2>
<div class="mainEdu">
<div class="meTitle">
<h3>오프라인</h3><a href="/Course/Offs">더보기</a>
</div>
<ul class="meList">
@foreach (var d in Model.Datas.Where(w => w.dtype == 0))
{
<li>
<a data-no="@d.intval" href="#" onclick="gocm('Off', @d.intval)">
<div class="melThumb" style="background:url('/img/main/main_edu_thumb01.jpg')no-repeat center center;">
<div><div><div><h5>@(string.IsNullOrEmpty(d.strval3) ? "-" : d.strval3)</h5></div></div></div>
<span>OFFLINE</span>
</div>
<div class="melCont">
<h6 style="display:@(d.intval2==0?"none;":"")">환급</h6>
<h6>@d.strval2</h6>
<h5>@d.strval</h5>
<dl>
<dd><b>신청</b>@d.time.ToString("yy-MM-dd")~@d.time2.ToString("yy-MM-dd")</dd>
<dd><b>교육일</b>@d.time3.ToString("yy-MM-dd")~@d.time4.ToString("yy-MM-dd")</dd>
</dl>
</div>
</a>
</li>
}
</ul>
</div>
<div class="mainLine"></div>
<div class="mainEdu">
<div class="meTitle">
<h3>온라인</h3><a href="/Course/Ons">더보기</a>
</div>
<ul class="meList">
@foreach (var d in Model.Datas.Where(w => w.dtype == 1))
{
<li>
<a data-no="@d.intval" href="#" onclick="gocm('On', @d.intval)">
<div class="melThumb" style="background-size:cover; background:url(@(d.strval5 == null ? "/img/main/main_edu_thumb02.jpg" : (Model.Files + d.strval5)))no-repeat center center">
@*<div><div><div><h5>@d.strval3</h5></div></div></div>*@
<span>ONLINE</span>
</div>
<div class="melCont">
<h6 style="display:@(d.intval2==0?"none;":"")">환급</h6>
<h6 class="@(d.strval6 == ViewBag.OnCode1 ? "red" : "")">@d.strval2</h6>
<h5>@d.strval</h5>
<dl>
<dd><b>신청</b>@d.time.ToString("yy-MM-dd")~@d.time2.ToString("yy-MM-dd")</dd>
<dd><b>학습</b>@d.time3.ToString("yy-MM-dd")~@d.time4.ToString("yy-MM-dd")</dd>
</dl>
</div>
</a>
</li>
}
</ul>
</div>
<div id="mainBot">
<div class="mbCs">
<div>
<p>고객 상담문의</p>
<h5><a href="tel:02-310-3344">02-310-3344(오프라인)</a></h5>
<h5><a href="tel:02-310-3312">02-310-3312(온라인)</a></h5>
<ul>
<li>평일 9:00 AM ~ 6:00 PM</li>
<li>토요일/일요일/공휴일 휴무</li>
</ul>
</div>
</div>
<div class="mbCont mbNotice">
<div class="meTitle"><h3>공지사항</h3><a href="#" onclick="gomenu(@(boardnotice.pno), @(boardnotice.pagetype), '@(boardnotice.pageurl??"")', this);">더보기</a></div>
<ul class="mbList">
@foreach (var d in Model.Datas.Where(w => w.dtype == 2))
{
<li><a href="#" onclick="gomenu(@(boardnotice.pno), @((boardnotice).pagetype), '@((boardnotice).pageurl ?? "")', this, @d.longval);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval) ? "" : string.Format("[{0}]", d.strval), d.strval2)</a></li>
}
</ul>
</div><!-- mbCont -->
<div class="mbCont">
<div class="meTitle"><h3>FAQ</h3><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this);">더보기</a></div>
<ul class="mbList">
@foreach (var d in Model.Datas.Where(w => w.dtype == 3))
{
<li><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval) ? "" : string.Format("[{0}]", d.strval), d.strval2)</a></li>
@*<li><a href="#" onclick="gomenu(@(boardfaq.pno), @(boardfaq.pagetype), '@(boardfaq.pageurl??"")', this, @d.longval);">@string.Format("{0} {1}", string.IsNullOrEmpty(d.strval)?"":string.Format("[{0}]", d.strval), d.strval2)</a></li>*@
}
</ul>
</div>
</div>
<form id="thisform" action="" method="post">
<input type="hidden" id="cmno" name="cmno" />
</form>
<textarea style="display: none;" id="texthide01">@ViewBag.POPUPS</textarea>
@section scriptsHeader{
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
}
@section scripts{
<script>
$(document).ready(function () {
if (!ismobile()) {
if ($("#texthide01").val() != '') {
$.each($($("#texthide01").val().split('nptechpopuplistseparator')), function (i, p) {
var p = p.split('nptechpopupseparator');
if ('p@(ViewBag.POPUPXS)p'.indexOf('p' + p[0] + 'p') < 0) {
$("body").append("<div data-zindex=\"" + p[8] + "\" style=\"z-index: " + p[8] + "; left: " + p[4] + "px; top: " + p[3] + "px; width: " + (getint(p[5]) + 45) + "px; height: " + (getint(p[6]) + 105) + "px;\" class=\"draggablethis ui-widget-content popupitem\" id=\"popbox" + p[0] + "\">" +
"<div class=\"inner\"><div class=\"poptitlebox\"><span>" + p[1] + "</span>" +
"<a class=\"closepopa\" href=\"#\" onclick=\"hidepop();$('#popbox" + p[0] + "').remove();\">x</a></div>" +
"<div class=\"iframebox\"><iframe id=\"ifrpop" + p[0] + "\" style=\"border: 0 none; height: " + p[6] + "px; width: " + (getint(p[5])) + "px;\"></iframe></div>" +
"<div class=\"iframeclosebox\"><a class=\"\" style=\"border: 1px solid #ddd; padding: 5px 15px;\" onclick=\"hide7('popbox" + p[0] + "', " + p[0] + ")\"> 7일간 숨기기</a></div></div></div>");
$("#ifrpop" + p[0]).attr("src", "/Home/Popup?pno=" + p[0]);
$("#popbox" + p[0]).show();
//$("html").css("overflow", "hidden");
}
});
$(".poptitlebox").on("click", function () {
$.each($(".popupitem"), function (i, d) {
$(d).css("z-index", $(d).attr("data-zindex"));
});
$(this).closest(".popupitem").css("z-index", 130);
});
}
$(".draggablethis").draggable();
}
});
function hppopclick(url) {
url = url.toLowerCase().replace('http//', 'http://').replace('https//', 'https://');
if (url.toLowerCase().indexOf("http://") == 0 || url.toLowerCase().indexOf("http://") == 0) {
window.open(url);
}
else if (url != "") {
location.href = url;
}
}
var _hide7;
function hide7(id, pno) {
_hide7 = id;
capp("/focommon/hidepop", { pno: pno }, "cbhide7");
}
function cbhide7() {
hidepop();
$("#" + _hide7).remove();
}
function hidepop() {
if ($(".popupitem").length == 1) {
$("html").css("overflow", "auto");
}
}
function gocm(view, cmno) {
setv("cmno", cmno);
$("#thisform").attr("action", "/Course/"+view+"Detail");
submit("thisform");
}
</script>
}

View File

@ -183,7 +183,7 @@ body {}
/* Main */
#mainTop {height:400px; background:url("/img/main/main_top_bg.jpg")no-repeat center center;}
/*#mainTop {height:400px; background:url("/img/main/main_top_bg.jpg")no-repeat center center;}
#mainTop ul {position:absolute; right:0; top:40px; width:320px;}
#mainTop ul li {margin-bottom:10px;}
#mainTop ul li:last-child {margin-bottom:0;}
@ -309,8 +309,204 @@ body {}
@media (max-width:800px) {
#moBotBtn {display:block;}
}
*/
/* Main */
#main {
max-height: 880px;
padding-top: 170px;
padding-bottom: 300px;
background: url('../img/main/main_bg.jpg')no-repeat center center;
}
.mainTop {
text-align: center;
color: #fff;
}
.mainTop h2 {
line-height: 1.0em;
font-size: 52pt;
font-weight: 400;
}
.mainTop h2 span {
font-weight: 700;
}
.mainTop p {
font-size: 14pt;
font-weight: 300;
margin-top: 20px;
}
.mainSch {
margin-top: 140px;
}
.mainSch:after {
content: '';
display: table;
clear: both;
}
.mainSch > li {
background: #fff;
float: left;
width: 16.6666%;
border-right: solid 1px #e8e8e8;
height: 130px;
}
.mainSch > li:first-child {
border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
}
.mainSch > li:last-child {
border-right: none;
background: #387de6;
border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
-webkit-border-radius: 0px 5px 5px 0px;
}
.msCont {
}
.msCont em {
display: block;
color: #aaa;
font-size: 11pt;
height: 50px;
padding: 30px 20px 0;
font-style: normal;
}
.msCont select {
height: 80px;
width: 100%;
border: none;
padding: 0 30px;
}
a.msBtn {
display: block;
height: 130px;
line-height: 130px;
text-align: center;
font-size: 16pt;
color: #fff;
}
.msBtn:after {
content: '';
display: inline-block;
width: 32px;
height: 17px;
margin-left: 20px;
background: url('../../img/main/main_search_btn.png')no-repeat center center;
background-size: cover;
}
.msSel {
position: relative;
}
.msSel span {
display: block;
height: 80px;
line-height: 80px;
padding-left: 20px;
padding-right: 40px;
font-size: 15pt;
font-weight: 500;
color: #222;
cursor: pointer;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.msSel.disable span {
color: #ccc;
}
.msSel span:after {
content: '';
display: block;
width: 11px;
height: 6px;
position: absolute;
right: 20px;
top: 50%;
margin-top: -3px;
background: url('../../img/main/select_arrow.png')no-repeat center bottom;
background-size: 100% auto;
}
.msSel span.on:after {
background-position: center top !important;
}
.msSel.disable span:after {
opacity: 0.4;
}
.msSel > div {
position: absolute;
left: 0;
right: 0;
top: 100%;
z-index: 10;
display: none;
}
.msSel > div:before {
content: '';
display: block;
box-sizing: border-box;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid;
border-bottom-color: #fff;
margin-left: 30px;
transition: margin-left .3s ease-out;
}
.msSel > div > div {
overflow: hidden;
background: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.msSel ul {
padding: 5px 10px;
overflow-y: auto;
max-height: 15em;
}
.msSel ul li {
border-bottom: solid 1px #e5e5e5;
}
.msSel ul li:last-child {
border-bottom: none;
}
.msSel ul li a {
font-size: 11pt;
display: block;
padding: 10px;
}
/* pageCommon */
#subTitle.subBg01 {