zxcxz2002/PhoneErp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
zxcxz2002
2022-12-26 23:45:11 +09:00
parent 0b9020a4b1
commit 93cfa0be3c
581 changed files with 116324 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/webapp/WEB-INF/view/include/inc_head.jsp
+65
View File
@@ -0,0 +1,65 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<meta charset="UTF-8">
<meta name="google-site-verification" content="hrz51pmLMmCkJgS6xJn_a3Ra96du9JfO74d-eQD7O10">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, initial-scale=1">
<!-- 위 3개의 메타 태그는 *반드시* head 태그의 처음에 와야합니다; 어떤 다른 콘텐츠들은 반드시 이 태그들 *다음에* 와야 합니다 -->
<meta name="bootstrap,Responsive web,html5" content="aircode - Responsive HTML5" />
<meta name="description" content="NS Mobile">
<meta name="keywords" content=NS Mobile">
<meta name="description" content="NS Mobile">
<meta property="og:title" content="NS Mobile">
<meta property="og:description" content="NS Mobile">
<meta property="og:image" content="">
<title>NS Mobile</title>
<!-- Icon Fonts -->
<link rel="stylesheet" href="/res/front/pub/css/fontium.css">
<!-- Favicon
<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
-->
<!-- Core CSS -->
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/bootstrap.min.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/aircode.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/helper.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/jquery-ui.min.css?v=<%=java.time.LocalDateTime.now()%>">
<!-- Theme Custom CSS -->
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/custom.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/custom-dev.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/board.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/bootstrap-select.min.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/bootstrap-datetimepicker.min.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/bootstrap-datepicker.min.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/spinner.css?v=<%=java.time.LocalDateTime.now()%>">
<!-- Core js -->
<script type="text/javascript" src="/res/front/pub/js/jquery.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/aircode.js?v=<%=java.time.LocalDateTime.now()%>"></script>
<script type="text/javascript" src="/res/front/pub/js/aircode-dev.js?v=<%=java.time.LocalDateTime.now()%>"></script>
<!-- Theme Custom js -->
<!-- <script type="text/javascript" src="js/includeHtml.js"></script>-->
<script type="text/javascript" src="/res/front/pub/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/bootstrap-select.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="/res/front/pub/assets/vendor/jQuery-ScrollTabs-2.0.0/js/jquery.scrolltabs.js"></script>
<script type="text/javascript" src="/res/front/pub/js/moment.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/ko.js"></script>
<script type="text/javascript" src="/res/front/pub/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/bootstrap-datepicker.ko.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/jquery.fitvids.js"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script type="text/javascript" src="/res/front/pub/js/html5shiv.js"></script>
<script type="text/javascript" src="/res/front/pub/js/respond.min.js"></script>
<![endif]-->
src/main/webapp/WEB-INF/view/include/inc_head_meets.jsp
+66
View File
@@ -0,0 +1,66 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<meta charset="UTF-8">
<meta name="google-site-verification" content="hrz51pmLMmCkJgS6xJn_a3Ra96du9JfO74d-eQD7O10">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, initial-scale=1">
<!-- 위 3개의 메타 태그는 *반드시* head 태그의 처음에 와야합니다; 어떤 다른 콘텐츠들은 반드시 이 태그들 *다음에* 와야 합니다 -->
<meta name="bootstrap,Responsive web,html5" content="aircode - Responsive HTML5" />
<meta name="description" content="AIRCODE - LANSEON EDU">
<meta name="Aircode" content="aircode.com">
<meta name="keywords" content="KT 랜선 에듀">
<meta name="description" content="학원/기업에서 필요한 기능만 골라 우리만의 포털 구성! 비대면수업/회의/사내교육/웨비나 등 실시간화상서비스를 원하는대로, KT 커뮤니케이션서비스">
<meta property="og:title" content="<c:if test="${userSiteYn}">KT랜선에듀ON</c:if><c:if test="${bizSiteYn}">랜선미츠</c:if>">
<meta property="og:description" content="학원/기업에서 필요한 기능만 골라 우리만의 포털 구성! 비대면수업/회의/사내교육/웨비나 등 실시간화상서비스를 원하는대로, KT 커뮤니케이션서비스">
<meta property="og:image" content="">
<title>[${siteType}-${siteId}] <c:if test="${userSiteYn}">KT랜선에듀ON</c:if><c:if test="${bizSiteYn}">랜선미츠</c:if></title>
<!-- Icon Fonts -->
<link rel="stylesheet" href="/res/front/pub/css/fontium.css">
<!-- Favicon
<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon_meets.png">
-->
<!-- Core CSS -->
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/bootstrap.min.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/aircode.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/helper.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/jquery-ui.min.css?v=<%=java.time.LocalDateTime.now()%>">
<!-- Theme Custom CSS -->
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/custom.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/custom-dev.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/board.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/bootstrap-select.min.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/bootstrap-datetimepicker.min.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/bootstrap-datepicker.min.css?v=<%=java.time.LocalDateTime.now()%>">
<link rel="stylesheet" type="text/css" href="/res/front/pub/css/spinner.css?v=<%=java.time.LocalDateTime.now()%>">
<!-- Core js -->
<script type="text/javascript" src="/res/front/pub/js/jquery.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/aircode.js?v=<%=java.time.LocalDateTime.now()%>"></script>
<script type="text/javascript" src="/res/front/pub/js/aircode-dev.js?v=<%=java.time.LocalDateTime.now()%>"></script>
<!-- Theme Custom js -->
<!-- <script type="text/javascript" src="js/includeHtml.js"></script>-->
<script type="text/javascript" src="/res/front/pub/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/bootstrap-select.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="/res/front/pub/assets/vendor/jQuery-ScrollTabs-2.0.0/js/jquery.scrolltabs.js"></script>
<script type="text/javascript" src="/res/front/pub/js/moment.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/ko.js"></script>
<script type="text/javascript" src="/res/front/pub/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/bootstrap-datepicker.ko.min.js"></script>
<script type="text/javascript" src="/res/front/pub/js/jquery.fitvids.js"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script type="text/javascript" src="/res/front/pub/js/html5shiv.js"></script>
<script type="text/javascript" src="/res/front/pub/js/respond.min.js"></script>
<![endif]-->
src/main/webapp/WEB-INF/view/include/inc_head_pay.jsp
+52
View File
@@ -0,0 +1,52 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%--
<script src="/res/front/js/lib/jquery-1.11.0.js"></script>
--%>
<!-- PC 연동 시 script. 캐시방지를 위해 ?version=today를 추가 -->
<!-- 운영 전환 시 "https://pay.smartropay.co.kr/asset/js/SmartroPAY-1.0.min.js?version=${timestamp}" 로 변경 -->
<script id="smartroJs" src="${payData.smartroJsUrl}?version=${timestamp}"></script>
<!-- 모바일 연동 시 script. 캐시방지를 위해 ?version=today를 추가 -->
<!-- 운영 전환 시 "https://mpay.smartropay.co.kr/asset/js/SmartroPAY-1.0.min.js?version=${timestamp}" 로 변경 -->
<script id="smartroMjs" src="${payData.smartroMjsUrl}?version=${timestamp}"></script>
<form id="tranMgr" name="tranMgr" method="post">
<!-- 각 값들을 가맹점에 맞게 설정해 주세요. -->
<input type="hidden" name="GoodsCnt" maxlength="2" value="1" placeholder=""/>
<input type="hidden" name="TaxAmt" maxlength="9" value="${payData.taxAmt}" placeholder=""/>
<input type="hidden" name="TaxFreeAmt" maxlength="9" value="${payData.taxFreeAmt}" placeholder=""/>
<input type="hidden" name="VatAmt" maxlength="9" value="${payData.vatAmt}" placeholder=""/>
<input type="hidden" name="GoodsCl" value="0" placeholder="가맹점 설정에 따라 0 또는 1, 핸드폰결제 시 필수"/>
<input type="hidden" name="MallIp" maxlength="20" value="${payData.mallIp}" placeholder=""/>
<input type="hidden" name="PayMethod" value="${payData.payMethod}" placeholder=""/>
<input type="hidden" name="GoodsName" maxlength="40" value="${payData.goodsName}" placeholder=""/>
<input type="hidden" name="Amt" maxlength="12" value="${payData.amt}" placeholder=""/>
<input type="hidden" name="Moid" maxlength="40" value="${payData.moid}" placeholder="특수문자 포함 불가"/>
<input type="hidden" name="Mid" maxlength="10" value="${payData.mid}" placeholder=""/>
<input type="hidden" name="ReturnUrl" size="100" class="input" value="${payData.returnUrl}">
<input type="hidden" name="BillReturnUrl" size="100" class="input" value="${payData.billReturnUrl}">
<input type="hidden" name="StopUrl" size="100" class="input" value="${payData.stopUrl}" placeholder="Mobile 연동 시 필수"/>
<input type="hidden" name="BuyerName" maxlength="30" value="${payData.buyerName}" placeholder=""/>
<input type="hidden" name="BuyerTel" maxlength="30" value="${payData.buyerTel}" placeholder=""/>
<input type="hidden" name="BuyerEmail" maxlength="30" value="${payData.buyerEmail}" placeholder=""/>
<input type="hidden" name="VbankExpDate" maxlength="8" value="${payData.vbankExpDate}" placeholder="가상계좌 이용 시 필수"/>
<input type="hidden" name="EncryptData" value="${payData.encryptData}" placeholder="위/변조방지 HASH 데이터"/>
<input type="hidden" name="EdiDate" maxlength="14" value="${payData.ediDate}" placeholder=""/>
<input type="hidden" name="MallUserId" value="${payData.cafeId}" />
<input type="hidden" name="MallReserved" value="" />
<input type="hidden" name="UserIp" maxlength="20" value="${payData.userIp}" placeholder=""/>
<input type="hidden" name="VerifyValue" maxlength="100" class="input" value="${payData.verifyValue}" placeholder="위/변조방지 HASH 데이터">
<input type="hidden" name="SspMallId" maxlength="20" value="${payData.sspMallId}" placeholder="테스트용 SspMallId"/>
<!-- <td colspan="4" class="text-center"><button type="button" class="btn btn-primary" onclick="goPay();">결제하기</button></td> -->
</form>
<!-- PC 연동의 경우에만 아래 승인폼이 필요합니다. (Mobile은 제외) -->
<form id="approvalForm" name="approvalForm" method="post">
<input type="hidden" id="Tid" name="Tid" />
<input type="hidden" id="TrAuthKey" name="TrAuthKey" />
<input type="hidden" id="cafeId" name="cafeId" />
</form>
<script src="/res/front/js/biz/common/pay.js?v=${timestamp}"></script>
src/main/webapp/WEB-INF/view/include/inc_head_script.jsp
+31
View File
@@ -0,0 +1,31 @@
<%@ page contentType="text/html;charset=UTF-8" trimDirectiveWhitespaces="true" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%--
<script src="/res/front/js/lib/jquery-1.11.0.js"></script>
--%>
<script type="text/javascript" src="/res/front/js/lib/axios.min.js"></script>
<script type="text/javascript" src="/res/front/js/lib/axios-config.js?v=1"></script>
<script type="text/javascript" src="/res/front/js/lib/es6-promise.auto.min.js"></script>
<script type="text/javascript" src="/res/front/js/lib/es6-promise.min.js"></script>
<script type="text/javascript" src="/res/front/js/lib/vue.min.js"></script>
<script type="text/javascript" src="/res/front/js/lib/vue.common.js"></script>
<script type="text/javascript" src="/res/front/js/lib/jquery.twbsPagination.min.js"></script>
<script type="text/javascript" src="/res/front/js/lib/rsa.js"></script>
<script type="text/javascript" src="/res/front/js/lib/jsbn.js"></script>
<script type="text/javascript" src="/res/front/js/lib/prng4.js"></script>
<script type="text/javascript" src="/res/front/js/lib/rng.js"></script>
<script type="text/javascript" src="/res/front/js/lib/jquery.redirect.js"></script>
<script tpye="text/javascript" src="/res/front/js/lib/swiper.min.js"></script>
<script tpye="text/javascript" src="/res/front/js/lib/slider.js"></script>
<script src="/res/front/js/biz/common/common.js"></script>
<script src="/res/front/js/biz/api/phone-service.js?v=${timestamp}"></script>
<%-- <script src="/res/front/js/biz/api/bbs-service.js?v=${timestamp}"></script>
<script src="/res/front/js/biz/api/cafe-service.js?v=${timestamp}"></script>
<script src="/res/front/js/biz/api/user-service.js?v=${timestamp}"></script>
<script src="/res/front/js/biz/api/cms-service.js?v=${timestamp}"></script>
<script src="/res/front/js/biz/api/license-service.js?v=${timestamp}"></script> --%>
<c:set var="pubImageUrl" value="/res/front/pub/assets/images" scope="request"/>
src/main/webapp/WEB-INF/view/include/inc_home_body_footer.jsp
+54
View File
@@ -0,0 +1,54 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!-- footer : s -->
<footer id="footer">
<div class="inner" style="position: center; width: 1400px;">
<div style=" float:left;">
<div class="footerMenu">
<a href="#footer">개인정보 처리방침</a>
<a href="#footer">이용약관</a>
</div>
<c:choose>
<c:when test="${siteId == 'skt'}">
<div class="footerOpt">
<span>서프라이즈 </span>
<span>서울특별시 성동구 마장로39길 44, 104동 501호(마장동, 에덴캐슬)</span>
<span>사업자 등록 번호 : 620-18-74387</span>
<!-- <span>통신판매업신고 2019-부산남구-0209</span>-->
<span class="block">고객센터 010-6646-7825</span>
</div>
<p class="copyright">Copyright© 2022 Surprise. All rights reserved.</p>
</c:when>
<c:otherwise>
<div class="footerOpt">
<span>엔에스컴퍼니 한지아 </span>
<span>부산광역시 남구 고동골로 68(문현동)</span>
<span>사업자 등록 번호 : 644-19-00985</span>
<span>통신판매업신고 2019-부산남구-0209</span>
<span class="block">고객센터 010-6646-7825</span>
</div>
<p class="copyright">Copyright© 2022 NS Company. All rights reserved.</p>
</c:otherwise>
</c:choose>
</div>
<c:choose>
<c:when test="${siteId == 'skt'}">
<div style=" float:right;">
<a href="https://www.ictmarket.or.kr:8443/ajax/ajax3.do?id=PRE0000162179&seq=1&yn=1"target="_blank">
<img style="cursor:pointer; "src="https://www.ictmarket.or.kr:8443/getCertIcon.do?cert_icon=KP19041542880L001">
</a>
</div>
</c:when>
<c:otherwise>
<div style=" float:right;">
<a href="https://www.ictmarket.or.kr:8443/precon/pop_CertIcon.do?PRECON_REQ_ID=PRE0000113557"target="_blank">
<img style="cursor:pointer; "src="https://www.ictmarket.or.kr:8443/getCertIcon.do?cert_icon=KP19041542880L001">
</a>
</div>
</c:otherwise>
</c:choose>
</div>
</footer>
<!-- footer : e -->
src/main/webapp/WEB-INF/view/include/inc_home_body_header.jsp
+92
View File
@@ -0,0 +1,92 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="urlPath" value="${requestScope['javax.servlet.forward.servlet_path']}" />
<!-- header : s -->
<header id="header" class="sub">
<div class="inner">
<h1 class="logo" di><a href="/${siteId}/home" style="background:url('');display: inline;"><c:if test="${siteId == 'skt'}">Surprise</c:if><c:if test="${siteId != 'skt'}">NS Company</c:if></a></h1>
<div id="gnb">
<h2 class="blind">주메뉴</h2>
<c:if test="${!fn:contains(urlPath,'/home/quick')}"> <!-- quick 모임일 때 숨김 -->
<!-- <a href="#header" class="newmenu09">프리미엄</a> 딱히 href 기능 동작 안함
<a href="#header" class="newmenu09">가성비</a> -->
</c:if>
</div>
<div class="new_menu01" style="display:none">
<!-- <div class="submenu01"><a href="#header" >프리미엄</a></div>
<div class="submenu01"><a href="#header" >가성비</a></div> -->
</div>
<div class="btnHeadWrap"style="display:none">
<c:choose>
<c:when test="${empty loginUser}">
<a href="#" class="btnHead" onclick="g_showLoginPopup()">
<span ><c:if test="${bizSiteYn}">로그인</c:if><c:if test="${userSiteYn}">로그인/회원가입</c:if></span>
<div class="threeline"></div>
</a>
</c:when>
<c:otherwise>
<div class="btnHeadAfter">
<!-- 로그인 후 계정선택 이후 : s -->
<c:if test="${loginUser.cafeId > 0}">
<div class="myInfo <c:if test="${bizSiteYn}"> btbdn </c:if> <c:if test="${loginUser.cafeCnt > 0}">add</c:if>"><!-- 계정 복수일 경우 클래스 'add' 추가 -->
<a href="/portal/mypage">
<div class="box">
<div class="option"><c:out value="${loginUser.cafeName}"></c:out></div>
<strong class="name">
<em><c:out value="${loginUser.cafeUserLevelText}"></c:out></em>
<span><c:out value="${loginUser.cafeUserName}"></c:out></span>
</strong>
</div>
</a>
</div>
</c:if>
<div class="new_btnHeadAfter">
<a href="#" class="new_profile"></a>
<div class="threeline"></div>
<c:if test="${loginUser.cafeStatusCnt > 0}">
<div class="redball"></div> <!-- 조직가입거절 여부 -->
</c:if>
<div class="new_menu" style="top: 60px;">
<c:if test="${userSiteYn}">
<a href="javascript:g_showPopupOrgSelect('USER_SELECT');" class="submenu">조직선택/계정추가</a>
</c:if>
<c:if test="${bizSiteYn}">
<a href="javascript:g_showPopupOrgSelect('USER_SELECT');" class="submenu btbdn">조직선택/계정추가</a>
</c:if>
<c:if test="${bizSiteYn}">
<div class="submenu"><img src="/res/front/home/asset/images/btbimg_01_b2b.png" class="showimg" ><c:out value="${loginUser.cafeUserName}"></c:out></div>
</c:if>
<a href="javascript:goMyPage('${loginUser.cafeCnt}');" class="submenu">회원정보</a> <!-- 선택되었을때 foc -->
<a href="javascript:logout();" class="submenu">로그아웃</a>
</div>
</div>
</div>
</c:otherwise>
</c:choose>
</div>
</div>
</header>
<script>
//헤더 div토글버튼
$(document).on("click", ".new_btnHeadAfter .new_profile" , function(){
$(".new_btnHeadAfter .new_menu").toggleClass("show");
$(".ui-m .new_menu01").toggle();
});
// 햄버거 버튼
$(document).on("click", ".threeline", function() {
$(".new_btnHeadAfter .new_menu").toggleClass("show");
$(".ui-m .new_menu01").toggle();
});
</script>
<!-- header : e -->
src/main/webapp/WEB-INF/view/include/inc_home_body_header_meets.jsp
+98
View File
@@ -0,0 +1,98 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="urlPath" value="${requestScope['javax.servlet.forward.servlet_path']}" />
<!-- header : s -->
<!-- Favicon
<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon_meets.png">
-->
<header id="header" class="sub">
<div class="inner">
<h1 class="logo meets"><a href="${siteTypeBaseUrl}/home"></a></h1>
<div id="gnb">
<h2 class="blind">주메뉴</h2>
<c:if test="${!fn:contains(urlPath,'/home/quick')}"> <!-- quick 모임일 때 숨김 -->
<a href="${siteTypeBaseUrl}/home/service/intro" class="newmenu09">서비스 소개</a> <!-- 딱히 href 기능 동작 안함 -->
<a href="${siteTypeBaseUrl}/home/service/guide" class="newmenu09">서비스 이용절차</a>
<a href="${siteTypeBaseUrl}/home/customer/notice" class="newmenu09">고객센터</a>
</c:if>
</div>
<div class="new_menu01" style="display:none">
<div class="submenu01"><a href="${siteTypeBaseUrl}/home/service/intro" >서비스 소개@@</a></div>
<div class="submenu01"><a href="${siteTypeBaseUrl}/home/service/guide" >서비스 이용절차</a></div>
<div class="submenu01"><a href="${siteTypeBaseUrl}/home/customer/notice" >고객센터</a></div>
</div>
<div class="btnHeadWrap" style="display:none">
<c:choose>
<c:when test="${empty loginUser}">
<a href="#" class="btnHead" onclick="g_showLoginPopup()">
<span ><c:if test="${bizSiteYn}">로그인</c:if><c:if test="${userSiteYn}">로그인/회원가입</c:if></span>
<div class="threeline"></div>
</a>
</c:when>
<c:otherwise>
<div class="btnHeadAfter">
<!-- 로그인 후 계정선택 이후 : s -->
<c:if test="${loginUser.cafeId > 0}">
<div class="myInfo <c:if test="${bizSiteYn}"> btbdn </c:if> <c:if test="${loginUser.cafeCnt > 0}">add</c:if>"><!-- 계정 복수일 경우 클래스 'add' 추가 -->
<a href="/portal/mypage">
<div class="box">
<div class="option"><c:out value="${loginUser.cafeName}"></c:out></div>
<strong class="name">
<em><c:out value="${loginUser.cafeUserLevelText}"></c:out></em>
<span><c:out value="${loginUser.cafeUserName}"></c:out></span>
</strong>
</div>
</a>
</div>
</c:if>
<div class="new_btnHeadAfter">
<a href="#" class="new_profile"></a>
<div class="threeline"></div>
<c:if test="${loginUser.cafeStatusCnt > 0}">
<div class="redball"></div> <!-- 조직가입거절 여부 -->
</c:if>
<div class="new_menu" style="top: 60px;">
<c:if test="${userSiteYn}">
<a href="javascript:g_showPopupOrgSelect('USER_SELECT');" class="submenu">조직선택/계정추가</a>
</c:if>
<c:if test="${bizSiteYn}">
<a href="javascript:g_showPopupOrgSelect('USER_SELECT');" class="submenu btbdn">조직선택/계정추가</a>
</c:if>
<c:if test="${bizSiteYn}">
<div class="submenu"><img src="/res/front/home/asset/images/btbimg_01_b2b.png" class="showimg" ><c:out value="${loginUser.cafeUserName}"></c:out></div>
</c:if>
<a href="javascript:goMyPage('${loginUser.cafeCnt}');" class="submenu">회원정보</a> <!-- 선택되었을때 foc -->
<a href="javascript:logout();" class="submenu">로그아웃</a>
</div>
</div>
</div>
</c:otherwise>
</c:choose>
</div>
</div>
</header>
<script>
//헤더 div토글버튼
$(document).on("click", ".new_btnHeadAfter .new_profile" , function(){
$(".new_btnHeadAfter .new_menu").toggleClass("show");
$(".ui-m .new_menu01").toggle();
});
// 햄버거 버튼
$(document).on("click", ".threeline", function() {
$(".new_btnHeadAfter .new_menu").toggleClass("show");
$(".ui-m .new_menu01").toggle();
});
</script>
<!-- header : e -->
src/main/webapp/WEB-INF/view/include/inc_home_body_popup.jsp
+274
View File
@@ -0,0 +1,274 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page import="com.ns.mobile.website.common.util.RSASecureUtils" %>
<input type="hidden" id="RSAModulus" value="${RSAModulus}" readonly/>
<input type="hidden" id="RSAExponent" value="${RSAExponent}" readonly/>
<!--[레] 로그인 : s -->
<div class="layerPop" id="layerLogin">
<div class="layerPopArea w540" style="height: auto;top: 0;padding: 0 0 20px 0;">
<div class="popCont">
<!-- 내용 : s -->
<!-- loginWrap : s -->
<form id="popupLoginForm" method="post">
<!-- <img src="${siteInfo.loginFileIdUrl}" alt="${siteInfo.siteName}"> 기존 개발 코드 백업 하드 코딩한 이미지로 요청 -->
<!-- b2b -->
<c:if test="${bizSiteYn}">
<div class="loginWrap" style="padding-top: 158px !important;">
<div class="btblogo">
<%-- <img src="/res/front/home/asset/images/login_title_b2b.png" alt="${siteInfo.siteName}"> --%>
<img src="${siteInfo.loginFileIdUrl}" alt="${siteInfo.siteName}" onerror="this.src='/res/front/home/asset/images/login_title_b2b.png'">
</div>
</c:if>
<!-- b2b -->
<!-- b2c -->
<c:if test="${userSiteYn}">
<div class="loginWrap" style="padding-top: 40px !important;">
</c:if>
<!-- b2c -->
<ul class="loginField">
<li>
<input type="tel" name="phone" class="inpText" placeholder="휴대폰번호" required>
</li>
<li>
<input type="password" name="password" class="inpText" placeholder="비밀번호" required>
</li>
</ul>
<div class="btmPwdArea">
<span class="inputCheckbox">
<input type="checkbox" name="savedLoginId" id="savedLoginId" >
<label for="savedLoginId">로그인 아이디 저장</label>
</span>
<a href="${siteTypeBaseUrl}/home/user/find/password" class="btnPwdFind">비밀번호 찾기</a>
</div>
<!-- 자동인증 방지 문자 영역 : s -->
<!-- 2021-08-30 수정 : s -->
<div class="autoPreventArea">
<div class="txtBox"><strong>자동인증 방지문자</strong> - 좌측 이미지에 보이는 문자를 입력해 주세요.</div>
<div class="autoPrevent">
<div class="numbering" id="captcha" ><</div>
<div class="btnArea" style="margin-top:0px;">
<input type="hidden" id="captchaInsId" value=""/>
<input type="hidden" id="captchaSoundUrl" value="" />
<a onclick="captchaReload()" href="#" class="btns small">
<span>다시받기</span>
</a>
<a onclick="captchaPlaySound()" href="#" class="btns small">
<span>음성듣기</span>
</a>
</div>
<div class="inputArea">
<input name="captchaValue" type="text" class="inpText" required>
</div>
</div>
</div>
<!-- 2021-08-30 수정 : e -->
<!-- 자동인증 방지 문자 영역 : e -->
<div class="btnArea">
<button type="submit" href="#" class="btns btnCol01">
<span>로그인</span>
</button>
</div>
<c:if test="${userSiteYn}">
<p class="txt">*아직 회원이 아니신가요?</p>
<div class="btnArea">
<a href="/home/user/join" class="btns btnCol03">
<span>회원가입</span>
</a>
</div>
</c:if>
</div>
</form>
<!-- loginWrap : e -->
<!-- 내용 : e -->
</div>
<a href="#" class="btnPopClose" onclick="layerPop('close' , '#layerLogin')">해당 레이어 닫기</a>
</div>
</div>
<!--[레] 로그인 : e -->
<!--[레] 계정 목록 : s -->
<div class="layerPop" id="POPUP_USER_SELECT">
<div class="layerPopArea w540" style="height: auto;top: 0;padding: 0 0 20px 0;">
<div class="popCont">
<!-- 내용 : s -->
<!-- accountWrap : s -->
<div class="accountWrap tissue">
<div class="logoArea">
<strong class="logo"><a href="/">로고</a></strong>
</div>
<div v-show="isViewModeAddOrg" class="accountBox">
<div v-show="allList.length < 1" class="item select noDate bind-login-nothing-org">
<div class="box">
<div class="middle">
<p class="txt1">현재 소속된 조직이 없습니다.</p>
<p class="txt2">조직을 개설하거나 이미 생성된 조직에 가입하세요.</p>
</div>
</div>
</div>
<div class="item">
<a href="/home/user/org/register">
<div class="middle">
<dl class="dfList">
<dt>관리자 회원이신가요?</dt>
<dd>조직개설 & 상품가입</dd>
</dl>
</div>
</a>
</div>
<div class="item">
<a href="/home/user/org/join">
<div class="middle">
<dl class="dfList">
<dt class="col02">일반 회원이신가요?</dt>
<dd>계정추가 & 조직가입</dd>
</dl>
</div>
</a>
</div>
</div>
<div v-show="isViewModeUserSelect" class="accountBox">
<div v-if="ingFirst.id > 0" class="item select">
<strong class="tit">최근 접속</strong>
<a @click="onClickCafeUserIdLogin(ingFirst)" href="#" class="checked"><!-- 선택시 클래스 'checked' 추가 -->
<div class="middle">
<strong class="name">
<em>{{ingFirst.cafeUserLevelText}}</em>
<span>{{ingFirst.cafeUserName}}</span>
</strong>
<div class="option">
<span>{{ingFirst.cafeName}}</span>
<span>{{ingFirst.cafeCode}}</span>
</div>
</div>
</a>
</div>
<div v-show="ingMoreList.length > 0" class="accountBoxList">
<div v-for="(x, index) in ingList" class="item">
<a @click="onClickCafeUserIdLogin(x)" href="#"><!-- 선택시 클래스 'checked' 추가 -->
<div class="middle">
<strong class="name">
<em>{{x.cafeUserLevelText}}</em>
<span>{{x.cafeUserName}}</span>
</strong>
<div class="option">
<span>{{x.cafeName}}</span>
<span>{{x.cafeCode}}</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div v-show="reqList.length > 0 && (isViewModeUserSelect || isViewModeAddOrg)" class="btmLinkBox">
<div class="left">
<a href="#" class="mark" onclick="$(this).next('.layerAble').toggleClass('on')">가입신청 대기 중</a>
<div class="layerAble"><!-- 클래스 'on' 추가시 오픈 -->
<div class="ableList">
<div v-for="(x, index) in reqList" class="obj">
<dl>
<dt>조직명</dt>
<dd>{{x.cafeName}}</dd>
</dl>
<dl>
<dt>신청일</dt>
<dd>{{x.regDtText}}</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
<div v-show="isViewModeUserSelect" class="right">
<a @click="viewMode='ADD_ORG'" href="#" class="link">조직/계정 추가</a>
</div>
</div>
<!-- accountWrap : e -->
<!-- 내용 : e -->
</div>
<a href="#" class="btnPopClose" onclick="layerPop('close' , '#POPUP_USER_SELECT')">해당 레이어 닫기</a>
</div>
</div>
<!--[레] 계정 목록 : e -->
<!--[레] 계정 목록 : s -->
<div class="layerPop" id="POPUP_ADD_CAFE_OR_SELECT">
<div class="layerPopArea w540" style="height: auto;top: 0;padding: 0 0 20px 0;">
<div class="popCont">
<!-- 내용 : s -->
<!-- accountWrap : s -->
<div class="accountWrap tissue">
<div class="logoArea">
<strong class="logo"><a href="/">로고</a></strong>
</div>
<div class="accountBox">
<div class="item">
<a href="/home/user/org/register">
<div class="middle">
<dl class="dfList">
<dt>관리자 회원이신가요?</dt>
<dd>조직개설 & 상품가입</dd>
</dl>
</div>
</a>
</div>
<div class="item">
<a href="/home/user/org/join">
<div class="middle">
<dl class="dfList">
<dt class="col02">일반 회원이신가요?</dt>
<dd>계정추가 & 조직가입</dd>
</dl>
</div>
</a>
</div>
</div>
</div>
<!-- accountWrap : e -->
<!-- 내용 : e -->
</div>
<a href="javascript:return false;" class="btnPopClose" onclick="layerPop('close' , '#POPUP_ADD_CAFE_OR_SELECT')">해당 레이어 닫기</a>
</div>
</div>
<!--[레] 계정 목록 : e -->
<!-- S : spinner -->
<div class="load-wrap">
<div class="load-item">
<div class="spinner">
<div class="bubble-1"></div>
<div class="bubble-2"></div>
</div>
</div>
</div>
<!-- E : spinner -->
src/main/webapp/WEB-INF/view/include/inc_home_body_step_menu.jsp
+14
View File
@@ -0,0 +1,14 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="urlPath" value="${requestScope['javax.servlet.forward.servlet_path']}" />
<div class="stepMenu">
<span <c:if test="${urlPath == '/home/user/org/register' }"> class="on"</c:if>>조직 및 관리자<br class="wHide">정보 입력</span><!-- 활성화시 클래스 'on' 추가 -->
<span <c:if test="${urlPath == '/home/user/org/register-svc' || urlPath == '/home/user/org/update-svc'}"> class="on"</c:if>>상품 선택 및<br class="wHide">수량 입력</span>
<span <c:if test="${urlPath == '/home/user/org/register-payment' || urlPath == '/home/user/org/update-payment'}"> class="on"</c:if>>선택 상품<br class="wHide">확인</span>
<span <c:if test="${urlPath == '/home/user/org/register-complete'}"> class="on"</c:if>>조직 개설<br class="wHide">완료</span>
</div>
<!-- header : e -->
src/main/webapp/WEB-INF/view/include/inc_home_head.jsp
+32
View File
@@ -0,0 +1,32 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="<c:if test="${siteId == 'skt'}">Surprise</c:if><c:if test="${siteId != 'skt'}">NS Company</c:if>">
<meta name="description" content="<c:if test="${siteId == 'skt'}">Surprise</c:if><c:if test="${siteId != 'skt'}">NS Company</c:if>">
<meta property="og:title" content="<c:if test="${siteId == 'skt'}">Surprise</c:if><c:if test="${siteId != 'skt'}">NS Company</c:if>">
<meta property="og:description" content="<c:if test="${siteId == 'skt'}">Surprise</c:if><c:if test="${siteId != 'skt'}">NS Company</c:if>">
<meta property="og:image" content="">
<title><c:if test="${siteId == 'skt'}">Surprise</c:if><c:if test="${siteId != 'skt'}">NS Company</c:if></title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="description" content="">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="/res/front/home/asset/css/common.css?v=${timestamp}" />
<link rel="stylesheet" type="text/css" href="/res/front/home/asset/css/common-dev.css?v=${timestamp}" />
<link rel="stylesheet" type="text/css" href="/res/front/home/asset/css/utill.css?v=${timestamp}" />
<link rel="stylesheet" type="text/css" href="/res/front/home/asset/css/style.css?v=${timestamp}" />
<link rel="stylesheet" type="text/css" href="/res/front/home/asset/css/bootstrap-grid.css?v=${timestamp}" />
<link rel="stylesheet" type="text/css" href="/res/front/home/asset/css/swiper.css?v=${timestamp}" />
<link rel="stylesheet" type="text/css" href="/res/front/home/asset/css/spinner.css?v=<%=java.time.LocalDateTime.now()%>">
<script type="text/javascript" src="/res/front/home/asset/js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="/res/front/home/asset/js/plugins.min.js"></script>
<script type="text/javascript" src="/res/front/home/asset/js/jquery.cookie-1.4.1.min.js"></script>
<script type="text/javascript" src="/res/front/home/asset/js/default.js?v=${timestamp}"></script>
<script type="text/javascript">
$(function() {
});
</script>
src/main/webapp/WEB-INF/view/include/inc_home_police_layer.jsp
+729
View File
@@ -0,0 +1,729 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<!--[레] 서비스 이용약관 : s -->
<div class="layerPop" id="layerAgreeService01">
<div class="layerPopArea w540">
<div class="popCont">
<!-- 내용 : s -->
<strong class="popTit mHide" id="termType_T1">서비스 이용약관</strong>
<div class="selectBoxWrap">
<select class="selectBox" id="termVer_T1" onchange="selTermsVer('T1', this.value)">
<option>서비스 이용약관</option>
</select>
</div>
<div class="termBox" id="termCont_T1">
<strong class="title01 first">제 1 장 총칙</strong>
<strong class="title02">제 1 조 목적</strong>
<p>본 약관은 주식회사 케이티(이하 "회사”라 합니다.)가 웹사이트를 통해 온라인으로 제공하는 KT 랜선에듀On 서비스의 이용과 관련하여 회사와 회원과의 권리, 의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.</p>
<strong class="title02">제 2 조 용어의 정의</strong>
<p>본 약관에서 사용하는 용어의 정의는 다음 각 호와 같습니다.</p>
<ol>
<li>1. KT 랜선에듀On 서비스 (이하, “서비스”라 합니다.): KT 및 제휴업체가 사이트를 통해 실시간 화상 회의, VOD게시판, 교육자료 공유 등의 통합 기능을 제공하는 비대면 온라인 교육 서비스를 말합니다. </li>
<li>2. 회원: “KT 랜선에듀On 서비스 이용약관”에 동의하여 “회사”와 이용계약을 체결하고 “회사”가 제공하는 “서비스”를 이용할 수 있는 자를 말합니다.</li>
<li>3. 계약: “회원”의 본 약관에 대한 동의 및 “회사”가 제공하는 결제수단을 이용한 결제를 통한 이용신청과 이에 대한 “회사”의 승낙을 말합니다.</li>
<li>4. 사이트: KT 랜선에듀 On을 제공하기 위해 운영하는 웹사이트 (kteduon.co.kr)를 말합니다.</li>
<li>5. 아이디(ID) : “회원”의 식별과 서비스 이용을 위하여 “회원”이 정하고 “회사”가 승인한 문자 또는 숫자의 조합을 말합니다.</li>
<li>6. 비밀번호(PASSWORD) : 회원이 입력한 아이디와 일치되는 회원임을 확인하고 비밀보호를 위해 회원 자신이 정한 문자 또는 숫자의 조합을 말합니다.</li>
<li>7. 유료 서비스 : “회원”의 “KT 랜선에듀On 유료 이용약관”에 대한 동의 및 회사가 제공하는 결제수단을 이용한 결제를 통한 이용신청과 회사의 승낙을 통해 “회원”이 이용할 수 있는 서비스를 말합니다.</li>
<li>8. 무료 서비스 : “회원”이 서비스 이용을 위해 대금을 지불하지 않고 이용할 수 있는 서비스를 말합니다.</li>
<li>② 이 약관에서 사용하는 용어의 정의는 제1항에서 정하는 것을 제외하고는 관계 법령 및 서비스별 안내에서 정하는 바, 그 외에는 일반적인 상거래관행에 의합니다.</li>
</ol>
<strong class="title02">제 3 조 약관의 게시와 개정</strong>
<ol>
<li>① 회사는 본 약관의 내용을 회원이 알 수 있도록 웹사이트(kteduon.co.kr) 내에 게시 합니다. </li>
<li>② 본 약관은 회사가 필요하다고 인정되는 경우 약관의 규제에 관한 법률, 개인정보 보호법, 정보통신망 이용촉진 및 정보보호 등에 관한 법률 등 관련 법령을 위배하지 않는 범위에서 개정할 수 있습니다. </li>
<li>③ 회사가 약관을 개정할 경우에는 적용 예정일 및 개정 사유를 명시하여 현행 약관과 함께 서비스 초기화면에 그 적용 예정일 7일전부터 공지합니다. 다만, 회원에게 불리하게 약관 내용을 개정하는 경우에는 최소한 30일 이상의 유예기간을 두고 공지합니다.</li>
<li>④ 회원은 개정된 약관에 대해 동의하지 않을 권리가 있으며, 개정된 약관에 동의하지 않을 경우 이용계약을 해지할 수 있습니다. </li>
<li>⑤ 회사가 동조 제3항에 따라 개정된 약관을 공지 하면서, 공지기간 내에 회원이 명시적으로 거부 의사 표시를 하지 않으면 개정 약관에 동의한 것으로 간주한다는 뜻을 명확하게 공지 또는 통지하였음에도 회원이 명시적으로 거부 의사표시를 하지 아니한 경우, 회원이 개정약관을 동의한 것으로 봅니다. </li>
</ol>
<strong class="title02">제 4 조 약관의 해석 </strong>
<ol>
<li>① “회사”는 개별 서비스에 대하여 별도의 이용약관 및 정책을 둘 수 있으며, 해당 내용이 본 약관과 상충할 경우에는 별도의 이용 약관 등이 본 약관에 우선하여 적용됩니다.</li>
<li>② 본 약관에 명시되지 않은 사항은 전기통신기본법, 전기통신사업법, 개인정보 보호법, 정보통신망 이용촉진 및 정보보호 등에 관한 법률, 전자상거래 등에서의 소비자보호에 관한 법률 등 관계법령 및 상관례에 따릅니다. </li>
</ol>
<strong class="title02">제 5 조 개인정보의 수집 </strong>
<ol>
<li>① 회사는 서비스를 제공하기 위하여 관련 법령의 규정에 따라 회원으로부터 필요한 개인정보를 수집할 수 있으며, 회사는 개인정보 보호법, 정보통신망 이용촉진 및 정보보호 등에 관한 법률/시행령/시행규칙 등 관계 법령이 정하는 바에 따라서 회원 등록정보를 포함한 회원의 개인정보를 보호하기 위하여 노력합니다. </li>
<li>② 회원의 개인정보보호 및 사용에 대해서는 관계 법령 및 회사의 개인정보취급방침이 적용됩니다. 단, 회사는 회원의 귀책사유로 인해 노출된 정보에 대해서 일체의 책임을 지지 않습니다.</li>
<li>③ 회사는 필요한 경우 수집된 개인정보의 처리 업무의 일부 또는 전부를 회사가 선정한 회사에 위탁할 수 있습니다. 회원의 개인정보 처리 위탁에 대해서는 회사의 개인정보처리방침이 적용됩니다. </li>
</ol>
<strong class="title01">제 5 조 개인정보의 수집 </strong>
<strong class="title02">제 6 조 회원가입 신청 및 승낙</strong>
<ol>
<li>① 회원가입은 이용자가 웹페이지(kteduon.co.kr)에서 회원가입 시 필요한 개인 정보를 입력하고 본 약관의 내용에 동의를 한 경우, 이에 대하여 회사가 승낙함으로써 이루어집니다. </li>
<li>② 본 서비스는 만 15세 이상만 가입이 가능합니다</li>
</ol>
<strong class="title02">제 7 조 회원가입 신청에 대한 승낙의 제한</strong>
<p>회사는 회원의 가입신청이 다음 각호에 해당하는 경우에는 회원가입을 승낙하지 않거나 승낙을 유보할 수 있으며, 승낙한 이후에도 이용을 제한할 수 있습니다. </p>
<ol>
<li>① 실명이 아니거나, 다른 사람의 명의를 이용한 경우</li>
<li>② 허위의 정보를 기재하거나, 회사가 제시하는 내용을 기재하지 않은 경우</li>
<li>③ 회원이 되고자 하는 자의 귀책사유로 인하여 승인이 불가능하거나 기타 본 약관에 규정한 제반 사항을 위반하여 신청하는 경우</li>
<li>④ 기술상 또는 업무상 서비스 제공이 불가능하거나 서비스 관련 설비용량이 부족한 경우 </li>
<li>⑤ 기타 회사가 합리적인 판단에 의하여 필요하다고 인정하는 경우</li>
</ol>
<strong class="title02">제 8 조 회원에 대한 통지</strong>
<ol>
<li>① 회사가 회원에 대한 통지를 하는 경우 본 약관에 별도 규정이 없는 한 이메일, SMS/MMS 등으로 할 수 있습니다. </li>
<li>② 회사는 회원의 연락처를 알 수 없어 개별 통지가 불가능한 경우, 또는 불특정 다수 또는 회원 전체에 대하여 통지를 하는 경우에는 15 일 이상 회사의 서비스 화면 또는 회사 홈페이지에 게시함으로써 제1항의 통지를 갈음할 수 있습니다. </li>
</ol>
<strong class="title02">제 9 조 회원 탈퇴 및 자격의 상실 등 </strong>
<ol>
<li>① “회원”은 “회사”에 언제든지 본 약관 동의 철회를 통한 회원탈퇴를 요청할 수 있으며, “회사”는 즉시 회원탈퇴를 처리합니다.</li>
<li>② 회원탈퇴 시, “서비스”의 로그인이 불가능 하며 “서비스” 이용이 불가 합니다.</li>
<li>③ 회원탈퇴 시, 이용 중이던 "유료서비스" 상품에 대한 정책은 "KT 랜선에듀On 유료 이용약관"을 따릅니다.</li>
<li>④ “회원”이 다음 각 호의 사유에 해당하는 경우, “회사”는 회원자격을 제한 및 정지시킬 수 있습니다.
<ol>
<li>1. “회사”의 서비스 이용대금, 기타 “회사”의 서비스 이용에 관련하여 “회원”이 부담하는 채무를 기일에 이행하지 않는 경우</li>
<li>2. 제 3자의 “서비스” 이용을 방해하거나 그 정보를 도용하는 등 전자상거래 질서를 위협하는 경우</li>
<li>3. 악성 프로그램 및 버그를 이용하거나 시스템 취약점을 악용하는 등 부정한 방법으로 “서비스”를 이용한 경우</li>
<li>4. “서비스”를 이용하여 법령 또는 본 약관이 금지하거나 공서양속에 반하는 행위를 하는 경우 </li>
</ol>
</li>
</ol>
<strong class="title01">제 3 장 서비스 이용에 관한 사항</strong>
<strong class="title02">제 10 조 서비스의 내용</strong>
<p>회사가 제공하는 서비스는 아래와 같습니다.</p>
<ol>
<li>1. KT 랜선에듀On 홈페이지 (서비스 소개, 요금 시뮬레이션, 회원가입, 로그인 등)</li>
<li>2. KT 랜선에듀On 서비스 포털 (화상라운지, 공지사항, 관리자메뉴 등)</li>
<li>3. 실시간 화상 회의 (교육용, 회의용, 웨비나용, Quick모임)</li>
<li>4. 화상 라운지 및 히스토리</li>
<li>5. 공지사항 게시판</li>
<li>6. 관리자 메뉴</li>
<li>7. 화상녹화 클라우드 자동 저장 (옵션 선택 시)</li>
<li>8. 실시간 화상 보안 솔루션 (옵션 선택 시)</li>
<li>9. VOD 게시판 (옵션 선택 시)</li>
<li>10. 자료 게시판 (옵션 선택 시)</li>
</ol>
<strong class="title02">제 11 조 서비스의 이용 개시</strong>
<ol>
<li>① “회사”는 “회원”의 가입신청을 승낙한 때로부터 “서비스”의 제공을 개시합니다. 다만, 일부 “서비스”의 경우 회사가 지정한 날로부터 “서비스”를 개시할 수 있습니다.</li>
<li>② 회사가 업무상ㆍ기술상의 장애로 인하여 “서비스”를 개시하지 못하는 경우에는 이를 회원에게 통지합니다.</li>
<li>③ ”서비스”를 휴대전화 또는 태블릿 등에서 이용 시 무선 데이터 트래픽으로 인하여 데이터 요금이 발생될 수 있습니다.</li>
<li>④ “회사“는 “서비스“ 내의 특정 서비스를 제공하기 위해 “회원”에게 별도 또는 추가적인 가입절차를 요청할 수 있으며, 이러한 특정 서비스를 이용할 경우 해당 서비스에 대한 이용약관, 규정 또는 세칙 등이 본 약관보다 우선 적용됩니다.</li>
<li>⑤ “회원”이 “유료서비스”를 이용하기 위해서는 “유료서비스” 이용 계약을 체결해야 합니다. “유료서비스”를 이용함에 있어 필요한 “회사”와 “회원”의 권리, 의무 및 책임사항 등은 “KT 랜선에듀On 유료 이용약관”에 규정합니다.</li>
</ol>
<strong class="title02">제 12 조 서비스의 이용 시간</strong>
<p>서비스의 이용은 연중무휴, 1일 24시간을 원칙으로 합니다. 다만, 회사의 업무상ㆍ기술상의 이유 또는 서비스 운영 상의 이유로 회사는 서비스를 일시 중지하거나 서비스 이용시간을 제한할 수 있습니다. 이러한 경우 회사는 사전에 이를 공지하되 사전 공지가 어려운 경우에는 사후에 이를 공지합니다. </p>
<strong class="title02">제 13 조 서비스의 제공 및 중단</strong>
<ol>
<li>① 회사는 서비스를 제공함에 있어서 필요한 경우 회원에게 별도의 프로그램을 설치할 수 있으며, 회원은 원하지 않는 경우 프로그램의 설치를 거부할 수 있습니다. 다만, 회원이 프로그램 설치를 거부할 경우 서비스 이용이 제한될 수 있습니다. </li>
<li>② 회사는 다음 각호의 하나의 사유를 비롯하여 서비스를 중단하여야 하는 사유가 있는 경우에 운영상, 기술상의 필요에 따라 제공하고 있는 서비스의 전부 또는 일부를 제한하거나 중단할 수 있습니다.
<ol>
<li>1. 긴급한 시스템 점검, 증설, 교체, 시설의 보수 또는 공사 등으로 인한 부득이한 경우 </li>
<li>2. 새로운 서비스 시스템으로 교체, 업그레이드, 사이트 이전, 유지보수 등 회사의 서비스 운영정책상 필요하다고 판단되는 경우 </li>
<li>3. 시스템 또는 기타 서비스 및 네트워크 장애, 서비스 이용량의 폭주 등으로 정상적인 서비스 제공이 불가능할 경우 </li>
<li>4. 사업환경 또는 기술의 변화, 제휴업체와의 계약종료 등과 같은 사정으로 인하여 서비스 제공을 계속할 수 없는 경우 </li>
<li>5. 천재지변, 국가비상사태, 법령 개정, 규제기관의 명령, 정전 등 회사가 통제할 수 없는 불가항력적 사유로 인한 경우 </li>
<li>6. 제휴업체, 서비스 제공업자와의 계약종료 등 회사의 제반 사정으로 서비스를 유지할 수 없는 경우</li>
<li>7. 회사의 경영상 판단 등 기타 본 서비스를 지속할 수 없는 중대한 사유가 발생하였을 경우</li>
</ol>
</li>
<li>③ 회사는 서비스 제공에 필요할 경우 정기점검을 실시할 수 있으며, 정기점검 동안 서비스 제공을 일시적으로 중단할 수 있습니다. 정기점검시간은 서비스 제공화면에 공지한 내용을 따릅니다. </li>
<li>④ 회사는 본조의 사유로 서비스의 제공이 중단됨으로 인하여 회원 또는 제3자가 입은 손해에 대해 배상하지 않음을 원칙으로 합니다. 단, 회사에 고의 또는 중과실이 있는 경우에는 그러하지 아니합니다. </li>
</ol>
<strong class="title02">제 14 조 서비스의 변경 및 종료</strong>
<ol>
<li>① 회사는 수시로 서비스의 향상을 위하여 기존 서비스의 전부 또는 일부 내용을 별도의 통지 없이 변경 할 수 있으며, 서비스 내용 변경 시 이로 인하여 회원이 입은 손해에 대해서 배상의 책임이 없습니다. 단, 회사에 고의 또는 중과실이 있는 경우에는 예외로 합니다. </li>
<li>② 회사는 사업환경의 변화 또는 기술 발전 등으로 인하여 서비스의 전부 또는 일부를 계속 제공하는 것이 현저히 곤란한 경우 서비스 종료 사유 및 종료 일자 등을 60일 전에 우편, SMS, 전자우편, 유무선전화 등 회원이 명확히 인식할 수 있는 방법으로 통지함으로써 서비스의 제공을 중단 또는 종료할 수 있습니다. 단, 회사의 귀책 없이 회원의 개별 연락처를 알기 어려운 경우에는 홈페이지와 어플리케이션에 공지함으로써 이를 갈음할 수 있습니다.</li>
</ol>
<strong class="title02">제 15 조 서비스의 이용 제한</strong>
<ol>
<li>① 회원이 다음 각 호의 사유에 해당하거나 본 약관상의 의무를 이행하지 않은 경우 해당 사유 및 정도에 따라 회사는 “회원”에 경고, 일시정지, 재가입금지 등으로 서비스 이용을 단계적으로 제한 또는 정지하거나 즉시 서비스 이용계약을 해지할 수 있습니다.
<ol>
<li>1. 서비스 계약 시 타인의 명의를 도용하거나 허위 내용을 등록한 경우 </li>
<li>2. 회원가입 시 등록한 개인정보의 전부 또는 일부가 허위임이 밝혀지는 경우 </li>
<li>3. 회사의 시스템이나 네트워크 등에 심각한 장애를 초래하거나 운용을 방해한 경우 </li>
<li>4. 타인의 저작권을 침해하거나, 서비스를 개인적 용도 이외에 상업적인 목적으로 이용하거나 제3자에게 해당 서비스를 임의로 제공하는 경우 </li>
<li>5. 만19세 미만의 미성년자가 법정대리인의 동의 없이 서비스를 신청한 경우 </li>
<li>6. 타인의 신용정보, 결제정보를 도용하거나 부정한 행위로써 거래하는 경우 </li>
<li>7. 서비스에 대한 권리를 회사의 승인 없이 제3자에 양도, 매매하는 경우 </li>
<li>8. 해킹, 악성 프로그램 배포, 불법프로그램의 제공, 운영방해 등으로 회사의 시스템에 피해를 주거나 서비스의 정상적인 운영을 방해하는 행위를 하는 경우 </li>
<li>9. 접속권한을 초과하여 서비스 등을 이용하는 경우 </li>
<li>10. 기타 이용약관 및 관련 법령에 위배되거나 회사의 업무를 방해하는 행위를 하는 경우 </li>
</ol>
</li>
<li>② 본 조의 이용제한 조건 및 범위에 대한 세부내용은 회사의 이용 제한 정책(전기통신서비스 이용기본약관 제3장 제3절 제25조) 에서 정하는 바에 의합니다. </li>
<li>③ 회사는 본 조에 따른 경고, 일시정지, 영구이용정지 등 이용제한 및 계약해지 시 제8조의 방법으로 미리 통지하며, 회원은 회사가 정한 절차에 따라 이의신청을 할 수 있습니다. 이 때 이의가 정당하다고 인정되는 경우 회사는 즉시 서비스의 이용을 재개합니다. </li>
</ol>
<strong class="title02">제 16 조 회사의 의무</strong>
<ol>
<li>① 회사는 관련 법령과 본 약관에서 금지하거나 미풍양속에 반하는 행위를 하지 않으며, 계속적이고 안정적으로 서비스를 제공하기 위하여 최선을 다하여 노력합니다.</li>
<li>② 회사는 회원이 안전하게 서비스를 이용할 수 있도록 개인정보(신용정보 포함)보호를 위한 보안시스템을 갖추어야 하며 개인정보처리방침을 공시하고 준수합니다.</li>
<li>③ 회사는 서비스 이용과 관련하여 회원이 제기한 의견이나 불만이 정당하다고 인정할 경우에는 이를 처리합니다. 회원이 제기한 의견이나 불만사항에 대해서는 게시판 또는 전자우편 등을 통하여 회원에게 그 처리과정 및 결과를 전달합니다.</li>
<li>④ 회사는 서비스 제공과 관련하여 알고 있는 회원의 신상정보를 본인의 승낙 없이 제3자에게 누설, 배포하지 않습니다. 단, 관계법령에 의한 수사상의 목적으로 관계 기관으로부터 요구 받은 경우나 방송통신심의위원회의 요청이 있는 경우 등 법률의 규정에 따른 적법한 절차에 의한 경우에는 그러하지 않습니다.</li>
</ol>
<strong class="title02">제 17 조 회원의 의무</strong>
<ol>
<li>① 회원은 다음 각 호의 행위를 하여서는 아니 됩니다.
<ol>
<li>1. 이용 신청 또는 변경 시 허위 사실을 기재하거나, 다른 회원의 ID 및 비밀번호를 도용, 부정하게 사용하는 행위 </li>
<li>2. 회사의 서비스 정보를 이용하여 얻은 정보를 회사의 사전 승낙 없이 복제 또는 유통시키거나 상업적으로 이용하는 행위</li>
<li>3. 타인의 명예를 손상시키거나 불이익을 주는 행위</li>
<li>4. 게시판 등에 음란물을 게재하거나 음란사이트를 연결(링크)하는 행위</li>
<li>5. 회사의 저작권, 제3자의 저작권 등 기타 권리를 침해하는 행위</li>
<li>6. 공공질서 및 미풍양속에 위반되는 내용의 정보, 문장, 도형, 음성 등을 타인에게 유포하는 행위</li>
<li>7. 서비스와 관련된 설비의 오 동작이나 정보 등의 파괴 및 혼란을 유발시키는 컴퓨터 바이러스 감염 자료를 등록 또는 유포하는 행위</li>
<li>8. 서비스 운영을 고의로 방해하거나 서비스의 안정적 운영을 방해할 수 있는 정보 및 수신자의 명시적인 수신거부의사에 반하여 광고성 정보를 전송하는 행위</li>
<li>9. 타인으로 가장하는 행위 및 타인과의 관계를 허위로 명시하는 행위 </li>
<li>10. 다른 회원의 개인정보를 수집, 저장, 공개하는 행위</li>
<li>11. 자기 또는 타인에게 재산상의 이익을 주거나 타인에게 손해를 가할 목적으로 허위의 정보를 유통시키는 행위 </li>
<li>12. 재물을 걸고 도박하거나 사행 행위를 하는 행위</li>
<li>13. 윤락행위를 알선하거나 음행을 매개하는 내용의 정보를 유통시키는 행위.</li>
<li>14. 수치심이나 혐오감 또는 공포심을 일으키는 말이나 음향, 글이나 화상 또는 영상을 계속하여 상대방에게 도달하게 하여 상대방의 일상적 생활을 방해하는 행위 </li>
<li>15. 서비스에 게시된 정보를 변경하는 행위</li>
<li>16. 관련 법령에 의하여 그 전송 또는 게시가 금지되는 정보(컴퓨터 프로그램 포함)의 전송 또는 게시 행위 </li>
<li>17. 회사의 직원이나 운영자를 가장하거나 사칭하여 또는 타인의 명의를 도용하여 글을 게시하거나 메일을 발송하는 행위 </li>
<li>18. 컴퓨터 소프트웨어, 하드웨어, 전기통신 장비의 정상적인 가동을 방해, 파괴할 목적으로 고안된 소프트웨어 바이러스, 기타 다른 컴퓨터 코드, 파일, 프로그램을 포함하고 있는 자료를 게시하거나 e-mail으로 발송하는 행위</li>
<li>19. 스토킹(stalking) 등 다른 회원을 괴롭히는 행위</li>
<li>20. 다른 사람의 사이트 이용을 방해하거나 그 정보를 도용하는 등 전자거래 질서를 위협하는 행위 </li>
<li>21. 기타 불법적이거나 부당한 행위 </li>
</ol>
</li>
<li>② 회원은 관계 법령, 본 약관의 규정, 이용안내 및 서비스상에 공지한 주의사항, 회사가 통지하는 사항 등을 준수하여야 하며, 기타 회사의 업무에 방해되는 행위를 하여서는 아니됩니다.</li>
<li>③ 회원은 회사에서 공식적으로 인정한 경우를 제외하고는 서비스를 이용하여 상품을 판매하는 영업 활동을 할 수 없으며 특히 해킹, 광고를 통한 수익, 음란사이트를 통한 상업행위, 상용소프트웨어 불법배포 등을 할 수 없습니다. 이를 위반하여 발생한 영업 활동의 결과 및 손실, 관계기관에 의한 구속 등 법적 조치 등에 관해서는 회사가 책임을 지지 않으며, 회원은 이와 같은 행위와 관련하여 회사에 대하여 손해배상 의무를 집니다.</li>
<li>④ 회원은 시스템 장애로 인한 훼손에 대비하여 웹페이지 게재 자료, 이메일 등 중요한 자료의 복제본을 마련하여야 하며, 백신 프로그램의 정기적 업데이트 및 점검을 통해 바이러스 등 유해환경의 노출을 예방하여야 하며 이를 통하여 발생한 손해에 대하여 회사는 책임지지 않습니다.</li>
<li>⑤ 회원은 정보통신망 이용촉진 및 정보보호 등에 관한 법률에 규정된 광고성 정보 전송 시 의무사항을 준수하여야 합니다.</li>
<li>⑥ 회원은 불법스팸을 전송함으로써 발생하는 모든 민·형사상 책임을 부담합니다.</li>
<li>⑦ 회원의 아이디와 비밀번호의 관리 소홀, 부정 사용에 의하여 발생하는 모든 결과에 대한 책임은 회원 본인에게 있습니다. 다만, 시스템 고장 등 회사의 책임 있는 사유로 발생하는 문제에 대해서는 회사가 책임을 집니다.</li>
<li>⑧ 회원은 본인의 아이디 및 비밀번호를 제3자에게 노출하거나 이용하도록 해서는 안되며, 노출 및 도용 시 제3자의 이용에 따라 개인정보 노출, 부정 사용에 따른 민·형사 책임 및 이용 요금 부과 등이 발생할 수 있으므로, 회원은 회원 아이디 및 비밀번호 관리를 철저히 하여야 합니다.</li>
<li>⑨ 아이디 및 비밀번호를 도난 당하거나 제3자가 사용하고 있음을 인지하는 경우에는 바로 회사에 통지하고 회사의 안내가 있는 경우 그에 따라야 합니다.</li>
<li>⑩ 제 9항의 경우에 해당 회원이 회사에 그 사실을 통지하지 않거나, 통지한 경우에도 회사의 안내에 따르지 않아 발생한 불이익에 대하여 회사는 책임지지 않습니다.</li>
<li>⑪ 회사는 회원의 아이디가 개인정보 유출 우려가 있거나, 반사회적 또는 미풍양속에 어긋나거나 회사 및 회사의 운영자로 오인할 우려가 있는 경우, 해당 아이디의 이용을 제한할 수 있습니다.</li>
<li>⑫ 회원은 아이디, 연락처, 거주지 등 계약시의 회원정보가 변경된 경우 이를 회사에게 즉시 알려 이를 변경하여야 합니다. 회사는 회원이 회원정보를 변경하지 아니하여 발생한 손해에 대하여 책임을 부담하지 아니하며 이로 인한 불이익은 회원의 책임으로 합니다. </li>
</ol>
<strong class="title02">제 18 조 정보의 제공 및 광고 게재</strong>
<ol>
<li>① 회사는 서비스를 운영함에 있어 적절하다고 판단되거나 활용 가능성이 있는 각종 정보를 서비스 화면에 게재하거나 메일, SMS 및 (모바일) 애플리케이션의 알람, Push 등의 방법으로 회원에게 제공할 수 있습니다. 다만, 상업적 광고를 포함한 정보는 회원의 마케팅수신동의 여부에 따라 제공하며 회원은 소정의 절차를 통해 제한적으로 이를 거부할 수 있습니다.</li>
<li>② 회사는 서비스 운영과 관련하여 서비스 화면 등에 광고를 게재할 수 있습니다.</li>
</ol>
<strong class="title02">제 19 조 회사 게시물 또는 저작물의 저작권</strong>
<ol>
<li>① 회사가 작성한 저작물에 대한 저작권 등 제반 지식재산권은 회사에 귀속합니다. </li>
<li>② 회사가 제공하는 서비스 중 제휴 계약에 의해 제공되는 저작물에 대한 저작권 기타 지적재산권은 해당 제휴업체에 귀속합니다. </li>
<li>③ 회원은 회사가 제공하는 서비스를 이용함으로써 얻은 정보 중 회사 또는 제공업체에 지적재산권이 귀속된 정보를 회사 또는 제휴업체의 사전승낙 없이 복제, 전송, 출판, 배포, 방송 기타 방법에 의하여 영리목적으로 이용하거나 제3자에게 이용하게 하여서는 안됩니다. </li>
</ol>
<strong class="title02">제 20 조 게시물 또는 내용물의 삭제</strong>
<ol>
<li>① 회사는 회원이 게시하거나 전달하는 서비스 내의 모든 내용물(회원간 전달 포함)이 다음 각 호의 경우에 해당한다고 판단되는 경우 사전통지 없이 삭제할 수 있으며, 이에 대해 회사는 어떠한 책임도 지지 않습니다.
<ol>
<li>1. 회사의 서비스 정보를 이용하여 얻은 정보를 회사의 사전 승낙 없이 복제 또는 유통시키거나 상업적으로 이용하는 내용인 경우</li>
<li>2. 회사, 다른 회원 또는 제3자를 비방하거나 중상모략으로 명예를 손상시키는 내용인 경우</li>
<li>3. 음란물을 게재, 공개 하거나 음란사이트를 연결(링크)하는 경우</li>
<li>4. 공공질서 및 미풍양속에 위반되는 내용의 정보, 문장, 도형 등의 유포에 해당하는 경우 </li>
<li>5. 범죄적 행위에 결부된다고 인정되는 내용인 경우 </li>
<li>6. 회사의 저작권, 제3자의 저작권 등 기타 권리를 침해하는 내용인 경우</li>
<li>7. 제2항 소정의 세부이용지침을 통하여 회사에서 규정한 게시기간을 초과한 경우 </li>
<li>8. 서비스와 관련된 설비의 오동작이나 정보 등의 파괴 및 혼란을 유발시키는 내용이거나 컴퓨터 바이러스 감염 자료를 등록 또는 유포하는 경우</li>
<li>9. 회사에서 공식적으로 인정한 경우를 제외한 서비스를 이용하여 상품을 판매하는 영업 활동 및 해킹, 광고를 통한 수익, 음란사이트를 통한 상업행위, 상용소프트웨어 불법배포를 하는 경우</li>
<li>10. 법률에 의하거나 계약상 또는 위임에 의하여 전송할 수 있는 권리가 없는 내용을 게시, 게재, 전자메일 또는 여하한의 방법으로 전송하거나 공개하는 경우</li>
<li>11. 회사에서 제공하는 서비스와 관련 없는 내용인 경우</li>
<li>12. 불필요하거나 승인되지 않은 광고, 판촉물을 게재하는 경우 </li>
<li>13. 기타 관계 법령 및 회사의 지침 등에 위반된다고 판단되는 경우 </li>
</ol>
</li>
<li>② 회사는 게시물에 관련된 세부 이용지침을 별도로 정하여 시행할 수 있으며, 회원은 그 지침에 따라 각종 게시물(회원간 전달 포함)을 등록하거나 삭제하여야 합니다.</li>
<li>③ 서비스 게시물 또는 내용물이 타인의 사생활 침해, 명예 훼손, 저작권 침해 등 타인의 권리를 침해하는 경우, 침해를 받은 자는 침해사실에 대한 소명 및 신고를 통하여 회사에 침해 중단에 필요한 조치를 요구할 수 있습니다.</li>
<li>④ 전항의 요구가 있을 경우, 회사는 관련 법규에 따라 반박내용의 게재, 삭제, 임시조치 등의 필요한 조치를 취할 수 있으며 신청인 및 정보 게재자에게 이메일 등의 방법으로 조치사항을 통보하며, 해당 게시판에 공지하는 등의 방법으로 이용자가 알 수 있도록 하여야 합니다.</li>
<li>⑤ 권리의 침해 여부를 판단하기 어렵거나 이해당사자 간에 다툼이 예상되는 경우, 회사는 해당 정보에 대한 접근을 임시적으로 차단하는 조치(이하 “임시조치”라 한다)를 취할 수 있으며, 임시조치의 기간은 30일 이내로 합니다.</li>
</ol>
<strong class="title02">제 21 조 서비스의 재판매 금지</strong>
<p>회원은 상업적인 목적을 위하여 본 서비스 자체, 서비스 이용 또는 서비스 내용의 일부 또는 전부를 복사, 복제, 판매, 재판매 또는 이용할 수 없습니다. </p>
<strong class="title01">제 4 장 기타</strong>
<strong class="title02">제 22 조 손해배상</strong>
<ol>
<li>① 회사의 고의 또는 과실로 인하여 손해를 입게 될 경우 관련 법령에 따라 회원의 손해를 배상합니다. 단, 천재지변 또는 이에 준하는 불가항력으로 인하여 회사가 서비스를 제공할 수 없거나 이용자의 고의 또는 과실로 인하여 서비스를 이용할 수 없어 발생한 손해에 대해서 회사는 책임을 부담하지 않습니다. </li>
<li>② 회원이 본 약관의 규정을 위반함으로 인하여 회사 또는 제3자(다른 회원을 포함합니다.)에게 손해가 발생하는 경우, 회원은 회사 또는 제3자에게 발생하는 모든 손해를 배상하여야 합니다. </li>
<li>③ 회원의 불법행위나 이 약관 위반행위로 인하여 손해를 입은 제3자가 회사를 상대로 손해배상 등을 청구하는 경우, 당해 회원은 자신의 책임과 비용으로 회사를 면책시켜야 하고, 회사가 면책되지 못한 경우 당해 회원은 그로 인하여 회사에게 발생한 모든 손해를 배상하여야 합니다. </li>
<li>④ 본 조는 회원이 스스로 서비스 이용계약을 해지를 하거나 회사가 본 약관에 근거하여 이용 중지를 한 이후에도 계속하여 효력을 가집니다.</li>
</ol>
<strong class="title02">제 23 조 면책조항</strong>
<ol>
<li>① 회사는 다음 각 호 중 하나의 사유에 해당하는 경우에는 손해배상 책임이 없습니다.
<ol>
<li>1. 외부에서 발생한 침해사고로 인하여 회사에 심각한 장애가 발생한 경우 </li>
<li>2. 전시, 사변, 천재지변 또는 이에 준하는 국가비상사태 등 불가항력으로 인한 경우 </li>
<li>3. 회원의 고의나 과실로 인해 단말장치 등이 파손되어 서비스가 불가한 경우 </li>
<li>4. 서비스 불가 지역으로의 전출 등 회원의 사유로 서비스 제공이 불가한 경우 </li>
</ol>
</li>
<li>② 회사는 회원의 귀책사유로 인한 서비스 이용의 장애에 대해서는 책임을 지지 않습니다. </li>
<li>③ 회사는 회원이 서비스와 관련하여 게재 또는 전송한 정보 및 자료의 사실성, 신뢰도, 정확성 등에 관하여는 책임을 지지 않으며, 서비스에 게재된 어떠한 의견이나 정보에 대해 확인이나 대표할 의무가 없습니다. 아울러 회사는 회원이나 제3자에 의해 표출된 의견을 승인, 반대 또는 수정하지 않습니다. </li>
<li>④ 회사가 서비스 보안과 안정을 위하여 성실히 노력하였음에도 불구하고 제3자의 해킹, 바이러스 유포 등 불법행위로 인하여 발생하는 피해에 대하여 회사는 책임을 지지 않습니다. </li>
<li>⑤ 회사는 서비스를 매개로 하여 광고가 이루어진 제품 또는 용역의 내용과 품질에 대하여 어떤 책임도 지지 아니하며, 서비스를 활용하여 이루어진 회원 간 또는 회원과 제3자 간의 거래에 관하여 책임을 지지 아니하고, 그러한 거래에 대한 모니터링을 할 의무도 지지 않습니다. </li>
<li>⑥ 회사는 대한민국 내에 설치된 서버 및 시스템을 기반으로 서비스를 제공, 관리하고 있으므로 대한민국 영토 이외의 지역에서 서비스를 이용하는 경우 서비스의 안정성, 호환성 등의 품질과 이용자에 대한 의무에 대해서 일체의 책임을 지지 않습니다. 또한 대한민국 영토 이외의 지역에서 서비스를 이용하고자 하는 회원은 현지 법령을 준수할 책임과 의무에 따라 스스로의 판단과 책임으로 서비스를 이용하여야 하며, 회사는 이에 대하여 일체의 책임을 지지 않습니다. </li>
</ol>
<strong class="title02">제 24 조 준거법 및 관할법원</strong>
<ol>
<li>① 서비스 이용과 관련하여 회사와 회원 사이에 분쟁이 발생한 경우, 회사와 회원은 분쟁의 해결을 위해 성실히 협의합니다.</li>
<li>② 본 조 제1항의 협의에서도 분쟁이 해결되지 않을 경우 양 당사자는 민사소송법상의 관할 법원에 소를 제기할 수 있습니다.</li>
<li>③ 회사와 회원 간의 분쟁은 대한민국의 법을 준거법으로 하여 해결합니다. </li>
<li>④ 대한민국 이외의 지역에서의 재판권은 인정되지 아니하며, 서비스와 관련하여 법률적 분쟁이 발생하는 경우 그 해결의 국지적 범위는 대한민국 영토 내를 전속적 관할로 합니다. </li>
</ol>
<strong class="title02">부칙</strong>
<ol>
<li>1. (시행일) 이 약관은 2021년 9월 15일 부터 시행합니다.</li>
</ol>
</div>
<!-- 내용 : e -->
</div>
<a href="#" class="btnPopClose" onclick="layerPop('close' , '#layerAgreeService01')">해당 레이어 닫기</a>
</div>
</div>
<!--[레] 서비스 이용약관 : e -->
<!--[레] 개인정보 수집이용안내 : s -->
<div class="layerPop" id="layerAgreePrivacy02">
<div class="layerPopArea w540">
<div class="popCont">
<!-- 내용 : s -->
<strong class="popTit mHide">개인정보 수집이용 동의(필수)</strong>
<div class="termBox selectAdd">
<strong class="title01 first">개인 정보 수집∙이용에 대한 동의(필수)</strong>
<div class="tblData">
<div class="tblData">
<pre class="newagree">
<table >
<colgroup>
<col style="width:33%">
<col style="width:33%">
<col style="width:34%">
</colgroup>
<thead>
<tr>
<th scope="col">목적</th>
<th scope="col">수집 항목</th>
<th scope="col">보유기간</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tal suvt">서비스 이용에 따른 로그인, 이용권한 부여, 사용자 식별</td>
<td class="tal suvt">휴대전화번호, 이름, 이메일주소, 사용자명</td>
<td rowspan="2">해지 또는 요금완납 후 6개월까지
※요금관련 분쟁 등 서비스 이용과 관련된 민원/분쟁이 계속될 경우에는 민원/분쟁 해결 시까지 보유(단, 관계 법령에 특별한 규정이 있을 경우 관련 법령에 따라 보관)</td>
</tr>
<tr>
<td>고지사항전달, 이용요금 청구, 할인, 결제 및 추심, 명의도용 방지를 위한 등록된 이동전화로 가입사실 통보, 상품 가입/해지 정보 고지</td>
<td>휴대전화번호, 이메일주소</td>
</tr>
</tbody>
</table>
※ 서비스 제공 등 계약의 이행에 필요한 경우 해당 위탁업무와 수탁자(증감, 변동 가능)를 서비스 홈페이지 (www.kteduon.co.kr)의 ‘개인정보처리방침’에 공개함으로써, 처리위탁 동의에 갈음합니다.
</div>
</div>
</div>
<!-- 내용 : e -->
</div>
<a href="#" class="btnPopClose" onclick="layerPop('close' , '#layerAgreePrivacy02')">해당 레이어 닫기</a>
</div>
</div>
<!--[레] 개인정보 수집이용안내 : e -->
<!--고객혜택 제공을 위한 개인정보 수집 및 이용동(선택) : s -->
<div class="layerPop" id="layerAgreePrivacy03">
<div class="layerPopArea w540">
<div class="popCont">
<!-- 내용 : s -->
<strong class="popTit mHide">고객혜택 제공을 위한 개인정보 수집 및 이용동의(선택)</strong>
<div class="termBox selectAdd">
<strong class="title01 first">고객혜택 제공을 위한 개인정보 수집 및 이용동의(선택)</strong>
<div class="tblData">
<pre class="newagree">
<table >
<colgroup>
<col style="width:33%">
<col style="width:33%">
<col style="width:34%">
</colgroup>
<thead>
<tr>
<th scope="col">목적</th>
<th scope="col">수집 항목</th>
<th scope="col">보유기간</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tal suvt">· KT 통신 서비스와 KT가 제공하는 다른 상품·서비스간 개인정보의 결합·분석 및 이를 통한 개인맞춤·연계 서비스 제공
· KT 및 제 3자(kt그룹사, 협력사, 제휴사 등)의 상품·서비스·혜택에 대한 개인맞춤 추천, 정보 제공과 안내, 할인제도와 소개·가입의사 확인, 리텐션, 이벤트 안내 등 마케팅
· 신규 서비스 개발, 서비스 개선
· 고객 세분화, 선호도·라이프스타일·사회적관계 추정, 우량 등급 고객 선정
· 상기 목적을 위한 개인정보 분석
</td>
<td class="tal suvt">개인정보 수집/이용동의(필수) 대상 개인정보 항목
· 서비스 이용기록, 접속IP주소(도메인 및 URL 포함), 과금서비스 거래정보(결제정보, 상품정보, 금액 등),
· 고객 본인 명의로 가입한 KT 제공 서비스(이동전화, 인터넷, 일반전화, tv, 부가서비스, KT 멤버십 등) 신청 시 수집 및 이용에 동의한 모든 항목
· 상기 본 항의 정보들을 조합하여 생성된 정보
</td>
<td rowspan="2">서비스 이용 기간</td>
</tr>
<tr>
<td>조직 내 사용자 관리</td>
<td>성별, 생년월일, 주소</td>
</tr>
</tbody>
</table>
※ 본인은 상기 내용과 같이 귀사가 본인의 개인정보를 수집 ∙ 이용함에 동의합니다.
※ (동의를 거부할 수 있으며, 거부에 따른 불이익은 없습니다.
</div>
<p>※ 자세한 내용은 ‘개인정보처리방침’ 전문에서 확인하실 수 있습니다. </p>
<p>※ 정보통신서비스의 제공을 위한 개인정보의 수집·이용 관련 세부 내역은 홈페이지(www.kt.com)의 ‘개인정보처리방침’에 공개합니다.</p>
</div>
<!-- 내용 : e -->
</div>
<a href="#" class="btnPopClose" onclick="layerPop('close' , '#layerAgreePrivacy03')">해당 레이어 닫기</a>
</div>
</div>
<!--[레] 고객혜택 제공을 위한 개인정보 수집 및 이용동(선택) : e -->
<!--고객혜택 제공을 위한 광고 수신 동의(선택) : s -->
<div class="layerPop" id="layerAgreePrivacy04">
<div class="layerPopArea w540">
<div class="popCont">
<!-- 내용 : s -->
<strong class="popTit mHide">고객혜택 제공을 위한 광고 수신 동의(선택)</strong>
<div class="termBox selectAdd">
<strong class="title01 first">고객혜택 제공을 위한 광고 수신 동의(선택)</strong>
<div class="tblData">
<pre class="newagree">
본인이 수집 및 이용에 동의한 개인정보(필수동의 및 선택동의 항목 포함) 를 활용하여, KT 및 제 3자의 상품 및 서비스에 대한 광고ㆍ홍보ㆍ프로모션ㆍ이벤트 제공 및 고객관리와 관련한 개인정보 처리 업무를 KT의 수탁사(ktIS/ktCS/ktAlpha 등 상담채널, 넥스브레인 등 광고/마케팅 대행사 등)에 위탁하는 것과 전자적 전송매체(전화, 우편, SMS, LMS, MMS, 이메일 등 포함)를 통해 정보/광고를 전송하는 데 동의합니다.
※ 본 동의를 거부할 시, 제휴 상품 할인 정보 등 고객 맞춤형 혜택 정보를 수신할 수 없습니다.
※ 본 동의를 거부할 수 있으며, 거부에 따른 불이익은 없습니다. 동의를 철회하고자 하는 경우 고객센터(1588-2918)를 통해 상담원으로부터 철회할 수 있습니다.
※ 서비스 제공 등 계약의 이행에 필요한 경우는 해당 위탁업무와 수탁자(증감, 변동 가능)를 서비스 홈페이지 (www.kteduon.co.kr)의 ‘개인정보처리방침’에 공개함으로써, 처리위탁 동의에 갈음합니다.
</pre>
</div>
<p>※ 자세한 내용은 ‘개인정보처리방침’ 전문에서 확인하실 수 있습니다. </p>
<p>※ 정보통신서비스의 제공을 위한 개인정보의 수집·이용 관련 세부 내역은 홈페이지(www.kt.com)의 ‘개인정보처리방침’에 공개합니다.</p>
</div>
<!-- 내용 : e -->
</div>
<a href="#" class="btnPopClose" onclick="layerPop('close' , '#layerAgreePrivacy04')">해당 레이어 닫기</a>
</div>
</div>
<!--[레] 고객혜택 제공을 위한 광고 수신 동의(선택) : e -->
<!--[레] 유료 서비스 이용약관 : s -->
<div class="layerPop" id="layerAgreePayService">
<div class="layerPopArea w540">
<div class="popCont">
<!-- 내용 : s -->
<strong class="popTit mHide" id="termType_T3">유료 서비스 이용약관</strong>
<div class="selectBoxWrap">
<select class="selectBox" id="termVer_T3" onchange="selTermsVer('T3', this.value);">
<option>유료 서비스 이용약관</option>
</select>
</div>
<div class="termBox" id="termCont_T3">
<strong class="title01 first">제 1 장 총칙</strong>
<strong class="title02">제 1 조 목적</strong>
<p>본 약관은 주식회사 케이티(이하 "회사”라 합니다)가 운영하는 KT 랜선에듀On이 제공하는 유료서비스를 이용함에 있어 "회사"와 "회원"과의 권리, 의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.</p>
<strong class="title02">제 2 조 용어의 정의</strong>
<p>본 약관에서 사용하는 용어의 정의는 다음 각 호와 같습니다.</p>
<ol>
<li>1. KT 랜선에듀On 서비스 (이하, “서비스”라 합니다.): KT 및 제휴업체가 사이트를 통해 실시간 화상 회의, VOD게시판, 교육자료 공유 등의 통합 기능을 제공하는 비대면 온라인 교육 서비스를 말합니다. </li>
<li>2. 회원: “KT 랜선에듀On 서비스 이용약관”에 동의하여 “회사”와 이용계약을 체결하고 “회사”가 제공하는 “서비스”를 이용할 수 있는 자를 말합니다.</li>
<li>3. 계약: “회원”의 본 약관에 대한 동의 및 “회사”가 제공하는 결제수단을 이용한 결제를 통한 이용신청과 이에 대한 “회사”의 승낙을 말합니다.</li>
<li>4. 사이트: KT 랜선에듀 On을 제공하기 위해 운영하는 웹사이트 (kteduon.co.kr)를 말합니다.</li>
<li>5. 유료 서비스 : “회원”의 “KT 랜선에듀On 유료 이용약관”에 대한 동의 및 회사가 제공하는 결제수단을 이용한 결제를 통한 이용신청과 회사의 승낙을 통해 “회원”이 이용할 수 있는 서비스를 말합니다.</li>
<li>6. 상품 : "회사"가 제공하고자 하는 서비스에 대해 고객에게 매월 단위로 접근권한을 부여하면 "회원"은 해지 의사를 밝히기 전까지 그 이용에 대한 대가로 매월 단위로 정해진 금액을 지급 결제하는 상품을 말하며, “별첨”의 내용에 따릅니다.</li>
<li>7. 결제 : “회원”이 “유료 서비스”를 이용하기 위하여 TV포인트 및 회사에서 별도로 제공하는 결제수단을 통하여 “유료 서비스”에 대한 이용요금을 회사에 지불하는 것을 말합니다.</li>
<li>8. 구매 : “회원”이 결제를 통하여 “유료 서비스”에 대한 이용권한을 취득하는 행위를 말합니다.</li>
</ol>
<strong class="title02">제 3 조 약관의 게시와 개정</strong>
<ol>
<li>① 회사는 본 약관의 내용을 회원이 알 수 있도록 웹사이트(kteduon.co.kr) 내에 게시 합니다. </li>
<li>② 본 약관은 회사가 필요하다고 인정되는 경우 약관의 규제에 관한 법률, 개인정보 보호법, 정보통신망 이용촉진 및 정보보호 등에 관한 법률 등 관련 법령을 위배하지 않는 범위에서 개정할 수 있습니다. </li>
<li>③ 회사가 약관을 개정할 경우에는 적용 예정일 및 개정 사유를 명시하여 현행 약관과 함께 서비스 초기화면에 그 적용 예정일 7일전부터 공지합니다. 다만, 회원에게 불리하게 약관 내용을 개정하는 경우에는 최소한 30일 이상의 유예기간을 두고 공지합니다.</li>
<li>④ 회원은 개정된 약관에 대해 동의하지 않을 권리가 있으며, 개정된 약관에 동의하지 않을 경우 이용계약을 해지할 수 있습니다. “회사”가 동조 제3항에 따라 개정된 약관을 공지 하면서, 공지기간내에 회원이 명시적으로 거부의 의사표시를 하지 않으면 개정약관에 동의한 것으로 간주한다는 뜻을 명확하게 공지 또는 통지하였음에도 회원이 명시적으로 거부의 의사표시를 하지 아니한 경우, ”회원”이 개정약관에 동의한 것으로 봅니다.</li>
</ol>
<strong class="title02">제 4 조 약관의 해석 </strong>
<p>본 약관에서 정하지 아니한 사항과 본 약관의 해석에 관하여는 "KT 랜선에듀On 서비스 이용약관", 전자상거래 등에서의 소비자보호에 관한 법률, 약관의 규제에 관한 법률, 정보통신망 이용촉진 및 정보보호 등에 관한 법률, 기타 관계법령 또는 상관례에 따릅니다.</p>
<strong class="title02">제 5 조 개인정보의 수집 등</strong>
<ol>
<li>① “회사”는 서비스를 제공하기 위하여 관련 법령의 규정에 따라 “회원”으로부터 필요한 개인정보를 수집할 수 있으며, “회사”는 “정보통신망 이용촉진 및 정보보호 등에 관한 법률/시행령/시행규칙” 등 관계 법령이 정하는 바에 따라서 “회원” 등록정보를 포함한 “회원”의 개인정보를 보호하기 위하여 노력합니다. “회원”의 개인정보보호 및 사용에 대해서는 관계 법령 및 “회사”의 개인정보취급방침이 적용됩니다. 단, “회사”는 “회원”의 귀책사유로 인해 노출된 정보에 대해서 일체의 책임을 지지 않습니다.</li>
<li>② “회사”는 필요한 경우 수집된 개인정보의 취급 및 관리 등의 업무의 일부 또는 전부를 “회사”가 선정한 회사에 위탁 또는 제공할 수 있습니다. “회원”의 개인정보 위탁 또는 제공에 대해서는 “회사”의 개인정보취급방침이 적용됩니다.</li>
</ol>
<strong class="title02">제 6 조 회원에 대한 통지</strong>
<ol>
<li>① “회사”가 “회원”에 대한 통지를 하는 경우 본 약관에 별도 규정이 없는 한 전자우편, SMS/MMS 등으로 할 수 있습니다.</li>
<li>② “회사”는 회원의 연락처를 알 수 없어 개별 통지가 불가능한 경우, 또는 불특정 다수 또는 ”회원” 전체에 대하여 통지를 하는 경우 15 일 이상 ”회사”의 서비스 화면 또는 회사 홈페이지에 게시함으로써 제1항의 통지를 갈음할 수 있습니다.</li>
</ol>
<strong class="title02">제 7 조 유료 서비스 이용계약의 성립, 신청, 계약사항의 변경 등</strong>
<ol>
<li>① 유료서비스 이용계약은 ”회원”의 본 약관에 대한 동의 및 “회사“가 제공하는 결제수단을 이용한 “결제“를 통한 이용신청과 “회사“의 승낙으로 성립합니다.</li>
<li>② “회원“은 “회사“가 제공하는 다음 또는 이와 유사한 절차에 의하여 유료 서비스 이용신청을 합니다. “회사“는 유료 서비스 이용 신청 전에 다음 각 호의 사항에 관하여 “회원“이 정확하게 이해하고 실수 또는 착오 없이 거래할 수 있도록 설명하거나 정보를 제공합니다.
<ol>
<li>1. “유료서비스“의 확인 및 선택</li>
<li>2. 결제방법의 선택 및 결제정보의 입력</li>
<li>3. “유료서비스“의 이용신청에 관한 확인 또는 “회사“의 확인에 대한 동의</li>
<li>4. “상품“ 등의 결제취소 및 환불 안내</li>
</ol>
</li>
<li>③ “회사“는 “회원“의 이용신청이 다음 각 호에 해당하는 경우에는 승낙하지 않거나 승낙을 유보할 수 있습니다.
<ol>
<li>1. 실명이 아니거나 타인의 명의를 이용한 경우</li>
<li>2. 허위의 정보를 기재하거나, “회사“가 제시하는 내용을 기재하지 않은 경우</li>
<li>3. 미성년자가 청소년보호법 등 관련법에 의해서 이용이 금지되는 “유료서비스“를 이용하고자 하는 경우</li>
<li>4. 서비스 관련 설비의 여유가 없거나, 기술상 또는 업무상 문제가 있는 경우</li>
<li>5. 신용정보의 이용 및 보호에 관한 법률, 신용정보집중기관의 신용정보관리규약, 신용정보사의 신용정보공통관리규약 등에 따라 채무불이행정보(정보통신 요금 체납자로 등록된 경우 포함), 공공기록 정보, 금융질서 문란자 정보 등에 등록되어 있는 경우</li>
<li>6. 기타 회사가 합리적인 판단에 의하여 필요하다고 인정하는 경우</li>
</ol>
</li>
<li>④ “계약“ 의 성립시기는 “회사”가 “회원”의 “유료서비스” 이용 신청이 완료되었음을 신청절차 상에서 표시하여 고지한 시점으로 합니다.</li>
</ol>
<strong class="title02">제 8 조 미성년자의 유료서비스 이용계약에 관한 특칙</strong>
<ol>
<li>① 만 19세 미만의 “회원“이 “회사“가 제공하는 “유료 서비스“를 결제하기 위해서는 “회사“가 정하는 절차에 따라 법정대리인의 사전 동의를 받아야 하며, 미성년자가 부모님 등 법정대리인의 동의를 받지 아니하는 경우 “유료 서비스“를 이용할 수 없습니다. 법정대리인이 소액결제 한도를 정하여 유료 서비스 결제에 동의한 경우, 만 19세 미만의 “회원”은 법정대리인이 사용을 허락한 한도 내에서 유료서비스 결제가 가능하며, 법정대리인의 동의를 확인할 수 없는 결제수단은 사용이 제한될 수 있습니다. </li>
<li>② 법정대리인의 동의를 받지 않은 만 19세 미만 미성년자의 “결제“는 법정대리인이 취소할 수 있습니다. 이 경우 법정대리인은 “회사“에 대하여 당해 이용자의 법정대리인임을 증명하는 서류를 첨부하여 서면 또는 e-mail로 취소의 의사표시를 하여야 합니다.</li>
</ol>
<strong class="title02">제 9 조 (유료서비스의 종류)</strong>
<p>“회사“는 “회원“에게 “별첨”에 정해진 “유료서비스“를 제공합니다.</p>
<strong class="title02">제 10 조 (유료서비스의 변경 및 중단)</strong>
<ol>
<li>① 유료서비스에 대한 변경 및 중단은 "KT랜선에듀On 서비스 이용약관" 제14조를 준용합니다.</li>
<li>② 유료서비스에 대해 변경 및 중단하는 경우 ”회사”는 제6조에 정한 방법으로 ”회원”에게 통지합니다.</li>
<li>③ 유료서비스에 대해 변경 및 중단으로 "회원"에게 명백한 손해가 발생하는 경우, “회사”는 "KT 랜선에듀On 서비스 이용약관" 제4장을 준용하여 배상합니다.</li>
</ol>
<strong class="title02">제 11 조 (결제방식)</strong>
<ol>
<li>① 결제방식은 정기결제방식으로 진행하며 결제의 도구로는 아래와 같은 수단이 있습니다. 각 상품별 사용 가능한 결제수단은 결제페이지에 명시된 수단에 한합니다. 단, 결제수단은 관련업체와의 협의에 따라 변동될 수 있습니다.
<ol>
<li>1. 신용카드</li>
<li>2. 계좌이체</li>
<li>3. 가상계좌</li>
<li>4. 휴대폰소액결제</li>
<li>5. 카카오페이, 머니</li>
<li>6. 네이버페이, 포인트</li>
</ol>
</li>
</ol>
<strong class="title02">제 12 조 (청약의 철회 및 결제 취소)</strong>
<ol>
<li>① ”회원”은 최초 결제일부터 7일 이내에 청약을 철회하거나 결제취소 할 수 있습니다. </li>
<li>② 제1항에도 불구하고 “회원”은 다음 각 호의 사유가 있을 때에는 “유료서비스“의 이용을 시작한 날로부터 3월 이내 또는 그 사실을 안 날 또는 알 수 있었던 날로부터 30일 이내에 “유료서비스“ 이용계약의 청약을 철회하거나 결제취소 할 수 있습니다.
<ol>
<li>1. "회사"가 안내한 방법으로 "회원"이 이용을 시도하였음에도 정상적인 이용이 불가능한 경우 등 약정한 “유료서비스“가 제공되지 않는 경우</li>
<li>2. 제공되는 “유료서비스“가 표시/광고 등과 상이하거나 현저히 차이가 나는 경우</li>
<li>3. “회사“의 시스템 장애 및 기타 "회사"의 귀책사유로 인해 유료서비스의 정상적인 이용이 현저히 불가능한 경우</li>
</ol>
</li>
<li>③ “회원“은 제2항의 사유로 청약 철회의 의사표시를 하기 전에 상당한 기간을 정하여 “유료서비스“ 이용의 하자에 대한 치유를 요구할 수 있습니다.</li>
<li>④ 제1,2항의 이용신청의 철회는 ”회원”이 ”회사”의 고객센터를 통해 의사표시를 한 때에 효력이 발생합니다.</li>
<li>⑤ ”회사”는 제4항에 따라 ”회원”이 표시한 이용신청 철회의 의사표시를 수신한 후 지체 없이 이러한 사실을 ”회원”에게 회신합니다.</li>
<li>⑥ ”회원”은 이용신청을 철회한 경우 “회원“이 선택한 각각의 결제방식에 따라 “회사“에 해당 결제취소처리를 신청할 수 있습니다. 다만, 다음 각 호의 경우에는 결제취소처리가 불가능합니다.
<ol>
<li>1. 이벤트, 보상 등 결제수단이 무료로 지급된 경우</li>
<li>2. 해당 결제수단에 따른 결제취소 가능기간을 경과한 경우</li>
<li>3. 결제취소처리가 불가능한 결제방식을 이용해서 “유료서비스“ “결제“를 한 경우</li>
</ol>
</li>
<li>⑦ 각각의 결제방식에 따른 결제취소 가능기간은 아래 각 호와 다음과 같습니다(관련업체의 사정에 따라 변경 가능). 결제취소 가능기간이 경과한 경우 결제취소처리가 불가능하고, 본 약관 제 14조에 따른 환불처리만 가능합니다.
<ol>
<li>1. 신용카드 : 결제 당월 말일까지 결제취소가 가능합니다. 단, 각각의 해당 신용카드사의 정책에 따라 취소가능기간이 다를 수 있습니다.</li>
<li>2. 계좌이체 : 결제 당월 말일까지 결제취소가 가능합니다. 단, 각각의 해당 은행의 정책에 따라 취소가능기간이 다를 수 있습니다.</li>
<li>3. 가상계좌 : 결제 당월 말일까지 결제취소가 가능합니다. 단, 각각의 해당 은행의 정책에 따라 취소가능기간이 다를 수 있습니다.</li>
<li>4. 휴대폰소액결제 : 결제 당월 말일 하루 전까지 결제취소가 가능합니다. 단, 각각의 해당 이동통신업체의 정책에 따라 취소가능기간이 다를 수 있습니다.</li>
<li>5. 카카오페이,머니 : 결제 당월 말일 하루 전까지 결제취소가 가능합니다. 단, 각각의 해당 사업자의 정책에 따라 취소가능기간이 다를 수 있습니다.</li>
<li>6. 네이버페이,포인트 : 결제 당월 말일 하루 전까지 결제취소가 가능합니다. 단, 각각의 해당 사업자의 정책에 따라 취소가능기간이 다를 수 있습니다.</li>
</ol>
</li>
</ol>
<strong class="title02">제 13 조 (계약의 중도해제ㆍ해지)</strong>
<ol>
<li>① "회원"의 변심 등 "회원"의 귀책사유로 해제ㆍ해지하는 경우, "회원"의 이용내역이 없으면 결제일로부터 7일 이내에 계약을 해제ㆍ해지할 수 있습니다. 다만, "별첨" 내용에 따라 일부 결제 수단(신용카드, 간편결제)에 대한 결제주기 내 계약의 해제ㆍ해지는, 서비스 이용 내역이 있는 경우 또는 정상적인 이용이 가능한 상태에서 결제일로부터 7일이 도과한 경우 제한되며, 이 경우 결제주기 동안 이용기간이 유지되고 결제주기에 따른 요금이 청구되며, 해지효과는 당해 결제주기 종료 즉시 발생합니다. </li>
<li>② "회원"은 시스템 오류 등 "회사"의 귀책사유가 있는 경우, "회사"가 안내한 방법으로 "회원"이 이용을 시도하였음에도 정상적인 이용이 불가능한 경우 등 약정한 "유료서비스"가 정상적으로 제공되지 않는 경우 해제ㆍ해지할 수 있습니다.</li>
</ol>
<strong class="title02">제 14 조 (환불정책)</strong>
<ol>
<li>① “회사“는 “회원“이 본 약관 제12조, 13조에 의하여 “유료서비스“ 이용계약을 철회, 또는 해제ㆍ해지하거나, “회사“의 판단에 의해 “회원“의 자격을 상실한 경우 결제취소 처리를 원칙으로 합니다. </li>
<li>② “회사“는 환불 시 “회원“이 서비스 이용으로부터 얻은 이익 및 결제 수수료 등 부대비용을 공제("회사"의 귀책으로 환불 시 부대비용은 공제 하지 아니함)하고 ‘전체 금액- (기 이용일수 * 일할 이용금액)’만큼 환불 조치합니다.</li>
<li>③ “회사”는 환불할 경우 ”회원”이 신용카드 또는 전자화폐 등의 결제수단으로 이용요금을 지불한 경우에는 지체 없이 당해 결제수단을 제공한 사업자로 하여금 이용요금의 청구를 정지 또는 취소하도록 요청합니다.</li>
<li>④ 기결제된 결제금액 또는 결제취소가 불가능한 결제금액의 환불 신청 시에는 해당 요금의 정상납입 확인 후 환불조치가 가능하며, 결제취소기간 내 환불 의사를 밝힌 경우에는 결제취소처리를 우선적으로 고려하여 처리할 수 있습니다.</li>
<li>⑤ 환불 받을 금융기관 계좌의 예금주 명의와 ”회사”에 등록된 ”회원”의 명의가 동일한 경우에만 환불이 가능하며, 해외금융기관의 계좌인 경우에는 환불이 불가능합니다. 또한, 등록된 계좌 정보가 없을 경우, 계좌 정보를 추가 입력 받아 환불을 진행합니다.</li>
<li>⑥ 개인정보 도용 및 결제정보 도용 또는 부정결제 등으로 인한 경우에는 환불되지 않으며, 해당 경우의 결제자 개인정보 요구 및 확인은 관계법령에 근거한 수사기관의 정당한 요청을 통해서만 확인이 가능합니다.</li>
<li>⑦ 회원탈퇴로 인한 정보확인 불가 및 환불요청 시 ”회원”의 오기(誤記) 등의 귀책사유로 인해 발생하는 불이익에 대해서 ”회사”는 책임을 지지 않습니다.</li>
</ol>
<strong class="title02">제 15 조 (손해 배상 의무)</strong>
<p>”회사”와 ”회원”의 손해 배상 의무는 "KT 랜선에듀On 서비스 이용약관" 제22조, 제23조를 따릅니다.</p>
<strong class="title02">제 16조 (“유료서비스”의 이용제한 및 “회사”에 의한 계약 해지)</strong>
<p>유료서비스의 이용제한 및 회사에 의한 계약해지는 “KT 랜선에듀On 서비스 이용약관” 제15조를 준용합니다.</p>
<strong class="title02">제 17 조 (과오금)</strong>
<ol>
<li>① “회사“는 “회사“의 책임 있는 사유로 과오금이 발생한 경우 계약비용, 수수료 등에 관계없이 과오금 전액을 결제 취소 또는 환불하는 것을 원칙으로 합니다. 단, 동일한 방법으로 환불이 불가능할 경우 이를 회원에게 사전 고지합니다.</li>
<li>② “회원“의 책임 있는 사유로 과오금이 발생한 경우, “회사“가 과오금을 환불하는 데 소요되는 비용은 합리적인 범위 내에서 “회원“이 부담하여야 합니다.</li>
<li>③ “회사“는 “회원“이 주장하는 과오금에 대해 환불을 거부할 경우에 정당하게 이용대금이 부과되었음을 입증할 책임을 집니다.</li>
</ol>
<strong class="title02">제 18 조 (준거법 및 재판관할)</strong>
<ol>
<li>① “회사“와 “회원“ 간의 분쟁은 대한민국의 법을 준거법으로 하여 해결합니다.</li>
<li>② 서비스의 이용과 관련하여 “회사“와 “회원“ 간에 발생한 분쟁에 대해서는 민사소송법에 따라 관할 법원을 정하는 것을 원칙으로 합니다.</li>
<li>③ 대한민국 이외의 지역에서의 재판권은 인정되지 아니하며, 서비스와 관련하여 법률적 분쟁이 발생하는 경우 그 해결의 국지적 범위는 대한민국 영토 내를 전속적 관할로 합니다.</li>
</ol>
<strong class="title02">부칙</strong>
<ol>
<li>1. (시행일) 이 약관은 2022년 1월 1일 부터 시행합니다. </li>
</ol>
<strong class="title02">[별첨] 유료서비스의 종류 및 상품 정책</strong>
<ol>
<li>1. 상품 구성
<ol>
<li>① “정기결제 상품”은 상품 가입 후 고객이 해지 의사를 밝히기 전까지 매월 정해진 금액이 결제되는 방식으로, 자세한 상품의 종류는 아래의 표와 같습니다.</li>
<li>② 매월 결제 요금은 “(기본 화상 서비스*호스트 인원) + 추가 옵션 서비스 + 클라우드 용량 추가 구매” 금액으로 구성되며, 조직 단위로 과금 및 결제됩니다.
<div class="tblData">
<table>
<colgroup>
<col style="width:10%">
<col style="width:15%">
<col style="width:auto">
<col style="width:10%">
<col style="width:10%">
</colgroup>
<thead>
<tr>
<th scope="col">구분</th>
<th scope="col">상품명</th>
<th scope="col">서비스 내용</th>
<th scope="col">기본 요금<br>(VAT 별도)</th>
<th scope="col">비고</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="5">기본 화상 서비스</td>
<td>교육용</td>
<td>호스트 중심 강의형 실시간 화상 제공</td>
<td>월 8,000원</td>
<td rowspan="5">Host 당 부과</td>
</tr>
<tr>
<td>회의용</td>
<td>소그룹 회의/모임형 실시간 화상 제공</td>
<td>월 6,000원</td>
</tr>
<tr>
<td>웨비나용</td>
<td>대형 세미나 및 이벤트형 실시간 화상 제공</td>
<td>월 5,000원</td>
</tr>
<tr>
<td>교육+웨비나용</td>
<td>교육용 및 웨비나용 실시간 화상 제공</td>
<td>월 12,000원</td>
</tr>
<tr>
<td>회의+웨비나용</td>
<td>회의용 및 웨비나용 실시간 화상 제공</td>
<td>월 10,000원</td>
</tr>
<tr>
<td rowspan="4">추가 옵션 서비스</td>
<td>화상녹화 클라우드 저장</td>
<td>실시간 화상 녹화 시, 클라우드 자동 저장 및 관리</td>
<td>월 2,000원</td>
<td rowspan="5">조직 당 부과</td>
</tr>
<tr>
<td>실시간 화상 보안 솔루션</td>
<td>실시간 화상 내 참여자 정보 워터마크<br>(녹화방지 기능 제공 예정)</td>
<td>월 3,000원</td>
</tr>
<tr>
<td>VOD 게시판</td>
<td>조직 내 VOD 업로드 및 이용자별 시청 현황 관리</td>
<td>월 2,000원</td>
</tr>
<tr>
<td>자료 게시판</td>
<td>조직 내 자료 공유 및 그룹별 관리</td>
<td>월 62,000원</td>
</tr>
<tr>
<td>클라우드 용량추가</td>
<td>10GB 당</td>
<td>조직 내 클라우드 용량 부족 시,10GB 단위로 추가 구매 가능</td>
<td>월 1,000원</td>
</tr>
</tbody>
</table>
</div>
</li>
</ol>
</li>
<li>2. 상품 선택
<ol>
<li>① 기본 화상 서비스에서 택1 필수이며, Host 수량을 입력하여 구매합니다.</li>
<li>② 추가 옵션 서비스와 클라우드 용량 추가는 미선택 또는 다중 선택 가능하며, 조직 단위로 구매 가능합니다.</li>
<li>
③ 상품 구매 시, 아래의 기능은 기본으로 제공됩니다.
<div class="tblData">
<table>
<colgroup>
<col style="width:10%">
<col style="width:20%">
<col style="width:auto">
<col style="width:10%">
</colgroup>
<thead>
<tr>
<th scope="col">구분</th>
<th scope="col">기능명</th>
<th scope="col">서비스 내용</th>
<th scope="col">비고</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="4">기본 제공 기능</td>
<td>화상히스토리</td>
<td>화상 내역 및 출석 로그, 노트 등 관리 기능 </td>
<td rowspan="4"></td>
</tr>
<tr>
<td>화상녹화 로컬 저장</td>
<td>실시간 화상 녹화 시, PC 로컬에 저장</td>
</tr>
<tr>
<td>공지사항</td>
<td>간단 게시글 업로드 및 관리 (첨부파일 게시물당 파일 최대 3개, 파일당 1MB 이하 제한)</td>
</tr>
<tr>
<td>관리자 메뉴</td>
<td>조직 내 그룹/이용자, 상품/결제 관리</td>
</tr>
</tbody>
</table>
</div>
</li>
</ol>
</li>
</ol>
</div>
<!-- 내용 : e -->
</div>
<a href="#" class="btnPopClose" onclick="layerPop('close' , '#layerAgreePayService')">해당 레이어 닫기</a>
</div>
</div>
<!--[레] 유료 서비스 이용약관 : e -->
<script>
$(function() {
//서비스 이용 약관
selectTerms("T1");
//유료 서비스 이용 약관
selectTerms("T3");
});
</script>
src/main/webapp/WEB-INF/view/include/inc_phone_detail.jsp
+122
View File
@@ -0,0 +1,122 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<meta charset="UTF-8">
<section class="pd-buy">
<h2>
<span class="bold">신청 및 구매</span> 절차
</h2>
<ul class="order-steps">
<li>
<div class="pannel">
<div class="pannel-heading">
<strong>1.상품주문</strong>
</div>
<p class="pannel-body">
선택하신 휴대폰을 사이트에서 신청해주세요.<br> 통신사의 온라인신청서까지 꼭 작성해주세요.
</p>
</div> <span class="down-arrow"> <img
src="http://luckyphone.kr/images/pannel-arrow.png" alt="">
</span>
</li>
<li>
<div class="pannel">
<div class="pannel-heading">
<strong>2. 확인전화 수신</strong>
</div>
<p class="pannel-body">
개통을 위해 꼭 필요한 본인인증과 주문내역확인을 위해<br> 확인전화를 드립니다. 꼭 받아주세요!
</p>
</div> <span class="down-arrow"> <img
src="http://luckyphone.kr/images/pannel-arrow.png" alt="">
</span>
</li>
<li>
<div class="pannel">
<div class="pannel-heading">
<strong>3.배송</strong>
</div>
<p class="pannel-body">
휴대폰은 택배배송되고, 근무일 기준 1~2일 소요됩니다.<br> (제품수급, 택배급증 등으로 조금
지연될 수 있어요.)
</p>
</div> <span class="down-arrow"> <img
src="http://luckyphone.kr/images/pannel-arrow.png" alt="">
</span>
</li>
<li>
<div class="pannel">
<div class="pannel-heading">
<strong>1.수령 및 개통</strong>
</div>
<p class="pannel-body">
동봉된 안내문에 따라 개통요청 해주세요.<br> 개통작업이 끝나면 유심을 장착하고 사용할 수
있어요.
</p>
</div> <span class="down-arrow"></span>
</li>
</ul>
</section>
<section class="buy-notice">
<h3 class="bold">구매시 유의사항</h3>
<ul class="buy-nav tab-nav">
<li data-idx="0"><button class="btn under-btn active">상품</button></li>
<li data-idx="1"><button class="btn">배송</button></li>
<li data-idx="2"><button class="btn">반품</button></li>
<li data-idx="3"><button class="btn">교환</button></li>
<li data-idx="4"><button class="btn">취소안내</button></li>
</ul>
<div class="content">
<div class="article tab-content active">
<p>
<strong>[ 상품 ]</strong><br> ㆍ교환은 파손/오발송 상품에 한하여 동일상품으로
교환해 드립니다.<br> ㆍ휴대폰 교환은 상품을 구매하신 발송주소로 재발송되며, 만약 주소를 변경하실
경우 고객센터로 연락바랍니다.<br> (고객센터 : ☎ 010-6646-7825 평일 10:00 ~
18:00)<br> ㆍ교환상품 확인 시 교환상품에 문제가 있다 판단되었을 경우에는 교환취소할 수
있으므로 이 점 유의하시기 바랍니다.<br> ㆍApple사 제품의 경우 제조사 정책에 따라 교환이
불가능합니다.<br>
</p>
</div>
<div class="article tab-content">
<p>
<strong>[ 배송 ]</strong><br> ㆍ배송은 “당일 택배 발송"을 기준으로 합니다.<br>
ㆍ택배 배송은 오후 4시까지의 해피콜 완료건을 기준으로 배송을 하여, 고객님께 전달해 드리고 있습니다.<br>
ㆍ사은품은 휴대폰과 별도로 배송될 수 있습니다.<br> ㆍ배송관련 문의는 고객센터로 연락주시기
바랍니다.<br> (고객센터 : ☎ 010-6646-7825 평일 10:00 ~ 18:00)
</p>
</div>
<div class="article tab-content">
<p>
<strong>[ 반품안내 ]</strong><br> ㆍ반품은 단말기 초기불량 또는 상품
오발송/통화품질 불량에 한하며, 고객센터를 통하여 진행하실 수 있습니다.<br> (고객센터 : ☎
010-6646-7825 평일 10:00 ~ 18:00)<br> ㆍ단말기 초기불량으로 인한 반품은 해당
제조사 A/S센터에서 발행한 불량 확인서를 발급받으신 후 접수하시면 정상처리가 가능합니다.<br>
ㆍApple사 제품의 경우 최초 전원을 켜서 활성화 한 이후 30일 이전에는 새 제품으로, 30일 이후에는
리퍼폰으로 교환이 가능합니다.<br> ㆍ반품 단말기 회수는 고객센터로 반품 접수를 먼저 하신 후
지정된 택배사를 통해 배송 부탁드립니다.<br> (반품접수를 하지 않고 임의발송하시는 경우 정상적으로
반품처리가 되지 않습니다.)<br> ㆍ반품 처리 결과는 고객님의 메일이나 유선전화(SMS)등을 통해
별도 안내해드립니다.<br>
</p>
</div>
<div class="article tab-content">
<p>
<strong>[ 교환안내 ]</strong><br> 교환은 파손/오발송 상품에 한하여 동일상품으로
교환해 드립니다.<br> ㆍ휴대폰 교환은 상품을 구매하신 발송주소로 재발송되며, 만약 주소를 변경하실
경우 고객센터로 연락바랍니다.<br> (고객센터 : ☎ 010-6646-7825 평일 10:00 ~
18:00)<br> ㆍ교환상품 확인 시 교환상품에 문제가 있다 판단되었을 경우에는 교환취소할 수
있으므로 이 점 유의하시기 바랍니다.<br> ㆍApple사 제품의 경우 제조사 정책에 따라 교환이
불가능합니다.<br>
</p>
</div>
<div class="article tab-content">
<p>
<strong>[ 취소안내 ]</strong><br> ㆍ주문취소는 상품 개통 전에만 가능하고 개통
후에는 반품진행으로만 처리가능하오니 유의하시기 바랍니다.<br> ㆍ주문취소 시에는 고객센터로
문의주시면 정확한 안내가 가능하오니 연락바랍니다.<br> (고객센터 : ☎ 010-6646-7825 평일
10:00 ~ 18:00)<br> ㆍ주문하신 상품 중 배송이 불가능한 사유(통신사의 휴대폰 정책축소
및 삭제, 제품 재고소진 등)가 발생할 경우,<br> 전자상거래 등에서의 소비자 보호에 관한 법률 제
15조 2항에 의거하여 자동으로 취소될 수 있으며, 별도 전화 또는 SMS로 안내드리오니 양지 바랍니다.
</p>
</div>
</div>
</section>
src/main/webapp/WEB-INF/view/include/inc_portal_body_alarm.jsp
+20
View File
@@ -0,0 +1,20 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<div id="appVue">
<div class="timeAlarm active" v-for> <!-- active 클래스를 붙이면 노출됨 -->
<div class="alarmTitle">
<img src="/res/front/pub/assets/images/clock.png" alt=""><h5>회의 시작 5분 전</h5>
</div>
<div class="alarmTime"><h5>오후 05:30 ~</h5></div>
<div class="alarmTxt"><h4>TOEIC Reading RC 실정 모의고사 대비</h4>
</div>
</div>
</div>
<script>
$(function() {
$('.timeAlarm').fadeOut(5000, 'linear');
});
</script>
src/main/webapp/WEB-INF/view/include/inc_portal_body_footer.jsp
+11
View File
@@ -0,0 +1,11 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<footer class="hidden-xs">
<div class="container">
<h6>Copyright© 2021 KT Corp. All rights reserved.
</h6>
</div>
</footer>
src/main/webapp/WEB-INF/view/include/inc_portal_body_menu.jsp
+230
View File
@@ -0,0 +1,230 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="urlPath" value="${requestScope['javax.servlet.forward.servlet_path']}" />
<div class="sidebar-wrapper">
<div class="leftSidebar">
<div class="lnbInner" >
<div class="profile">
<img onclick="location.href='/portal';" style="cursor: pointer;" src="${siteInfo.portalFileIdUrl}" alt="">
<div class="profileDetail">
<div class="profileDetailL">
<!-- 관리자 admin / 호스트 host / 일반회원 클래스 없음으로 클래스 처리 -->
<div class="title ${loginUser.cafeUserLevel}"><h5>${loginUser.cafeUserLevelText}</h5></div>
<div class="companyName"><h3>${g_cafe.name}</h3></div>
<div class="memberName"><h2>${loginUser.cafeUserName}</h2></div>
</div>
<div class="profileDetailR">
<img src="${g_cafe.photoUrl}" onerror="this.src='/res/front/pub/assets/images/profileThumb.png'"alt="profile thumbnail">
<c:if test="${loginUser.adminYn}">
<a href="javascript:void(0)" class="biLayer" data-toggle="modal" data-target="#biLayer">
<img src="/res/front/pub/assets/images/profileThumbSetting.png" class="setting active" alt="profile thumbnail setting">
</a><!-- 관리자인 경우 active 클래스 추가 하면 노출 -->
</c:if>
</div>
</div>
</div>
<ul class="gw-nav gw-nav-list" id="mainMenu">
<c:forEach var="x" items="${menuList}">
<c:set var="showMenu" value="false"/>
<c:if test="${(x.authMenuAdminYn and loginUser.adminYn) or (x.authMenuHostYn and loginUser.hostOnlyYn) or (x.authMenuGuestYn)}">
<c:set var="showMenu" value="true"/>
</c:if>
<c:if test="${showMenu}">
<c:if test="${x.existSubMenuYn}">
<li class="mainbtn init-arrow-down <c:if test="${fn:contains(urlPath, x.activeUrl)}"> active</c:if>">
<a href="javascript:void(0)">
<img src="/res/front/pub/assets/images/${x.menuIcon}.png" alt="">
<div class="mobile"><img src="/res/front/pub/assets/images/${x.menuIcon}m.png" alt=""></div>
<span class="gw-menu-text">${x.name}</span>
</a>
<ul class="subbtn gw-submenu" style="<c:if test="${fn:contains(urlPath, x.activeUrl)}"> display: block; </c:if>">
<c:forEach var="y" items="${x.menuDtl}">
<c:set var="showSubMenu" value="false"/>
<c:set var="showLoungeCount" value="false"/>
<c:choose>
<c:when test="${y.name eq '상품관리'}">
<c:if test="${userSiteYn}">
<c:set var="showSubMenu" value="true"/>
</c:if>
</c:when>
<c:when test="${y.name eq '화상 라운지'}">
<c:set var="showSubMenu" value="true"/>
<c:if test="${loungeCount > 0}">
<c:set var="showLoungeCount" value="true"/>
</c:if>
</c:when>
<c:otherwise>
<c:if test="${(y.authMenuAdminYn and loginUser.adminYn) or (y.authMenuHostYn and loginUser.hostOnlyYn) or (y.authMenuGuestYn)}">
<c:set var="showSubMenu" value="true"/>
</c:if>
</c:otherwise>
</c:choose>
<c:if test="${showSubMenu}">
<li>
<a href="${y.url}" class="<c:if test="${fn:contains(urlPath, y.url)}"> active</c:if>" >${y.name} <c:if test="${showLoungeCount}"><span class="label label-danger">${loungeCount}</span></c:if></a>
</li>
</c:if>
</c:forEach>
</ul>
</li>
</c:if>
<c:if test="${not x.existSubMenuYn}">
<c:set var="showMenu2" value="false"/>
<c:choose>
<c:when test="${x.name eq '그룹관리'}">
<c:if test="${loginUser.hostOnlyYn}">
<c:set var="showMenu2" value="true"/>
</c:if>
</c:when>
<c:otherwise>
<c:set var="showMenu2" value="true"/>
</c:otherwise>
</c:choose>
<c:if test="${showMenu2}">
<li class="norbtn init-un-active <c:if test="${fn:contains(urlPath, x.activeUrl)}"> active</c:if>">
<a href="${x.url}">
<img src="/res/front/pub/assets/images/${x.menuIcon}.png" alt="">
<div class="mobile"><img src="/res/front/pub/assets/images/${x.menuIcon}m.png" alt=""></div>
<span class="gw-menu-text">${x.name}</span>
</a>
</li>
</c:if>
</c:if>
</c:if>
<div class="cloudalert" style="display:none"><img src="/res/front/pub/assets/images/warning_b2b.png" alt=""><div class="mm5"><h5>남은 용량을 확인해 주세요.<br>남은용량 400MB</h5></div></div>
</c:forEach>
</ul>
<div class="goHome">
<a href="${siteTypeBaseUrl}/home"><img src="/res/front/pub/assets/images/gohome.png" alt=""><img src="/res/front/pub/assets/images/gohomeHover.png" alt=""></a>
</div>
</div>
</div>
</div>
<div class="sideNav">
<div class="leftSidebar">
<div class="lnbInner" >
<div class="profile">
<div class="sideHead">
<div class="closeBtn toggleMenu"><img src="/res/front/pub/assets/images/mmenuClose.png" alt=""></div>
<div class="mAlarm" data-toggle="modal" data-target="#alarmLayer" ><img src="/res/front/pub/assets/images/alarm.png" alt=""><img src="/res/front/pub/assets/images/alarmDot.png" alt="" class="alarmOverlay"></div>
<div class="mgoHome"><img src="/res/front/pub/assets/images/mgoHome.png" alt="" onclick="location.href='${siteTypeBaseUrl}/';" style="cursor: pointer;"></div>
</div>
<div class="profileDetail">
<div class="mobile"><!-- mobile에서만 block -->
<div class="mobileL">
<img src="/res/front/pub/assets/images/profileThumb.png" alt="profile thumbnail">
</div>
<div class="mobileC">
<div class="companyName"><h3><span class="${loginUser.cafeUserLevel}">${loginUser.cafeUserLevelText}</span>${g_cafe.name}</h3></div> <!-- 관리자 admin / 호스트 host / 일반회원 클래스 없음으로 클래스 처리 -->
<div class="memberName"><h2>${loginUser.cafeUserName}</h2></div>
</div>
<div class="mobileR">
<a href="javascript:void(0);" data-toggle="modal" data-target="#accountLayer"><img src="/res/front/pub/assets/images/profileRight.png" alt=""></a>
</div>
</div>
</div>
</div>
<ul class="gw-nav gw-nav-list">
<c:forEach var="x" items="${menuList}">
<c:set var="showMenu" value="false"/>
<c:if test="${(x.authMenuAdminYn and loginUser.adminYn) or (x.authMenuHostYn and loginUser.hostOnlyYn) or (x.authMenuGuestYn)}">
<c:set var="showMenu" value="true"/>
</c:if>
<c:if test="${showMenu}">
<c:if test="${x.existSubMenuYn}">
<li class="mainbtn arrow-down <c:if test="${fn:contains(urlPath, x.activeUrl)}"> active</c:if>">
<a href="javascript:void(0)">
<img src="/res/front/pub/assets/images/${x.menuIcon}.png" alt="">
<div class="mobile"><img src="/res/front/pub/assets/images/${x.menuIcon}m.png" alt=""></div>
<span class="gw-menu-text">${x.name}</span>
</a>
<ul class="subbtn gw-submenu" style="<c:if test="${fn:contains(urlPath, x.activeUrl)}"> display: block; </c:if>">
<c:forEach var="y" items="${x.menuDtl}">
<c:set var="showSubMenu" value="false"/>
<c:set var="showLoungeCount" value="false"/>
<c:choose>
<c:when test="${y.name eq '상품관리'}">
<c:if test="${userSiteYn}">
<c:set var="showSubMenu" value="true"/>
</c:if>
</c:when>
<c:when test="${y.name eq '화상 라운지'}">
<c:set var="showSubMenu" value="true"/>
<c:if test="${loungeCount > 0}">
<c:set var="showLoungeCount" value="true"/>
</c:if>
</c:when>
<c:otherwise>
<c:if test="${(y.authMenuAdminYn and loginUser.adminYn) or (y.authMenuHostYn and loginUser.hostOnlyYn) or (y.authMenuGuestYn)}">
<c:set var="showSubMenu" value="true"/>
</c:if>
</c:otherwise>
</c:choose>
<c:if test="${showSubMenu}">
<li>
<a href="${y.url}" class="<c:if test="${fn:contains(urlPath, y.url)}"> active</c:if>">${y.name} <c:if test="${showLoungeCount}"><span class="label label-danger">${loungeCount}</span></c:if></a>
</li>
</c:if>
</c:forEach>
</ul>
</li>
</c:if>
<c:if test="${not x.existSubMenuYn}">
<c:set var="showMenu2" value="false"/>
<c:choose>
<c:when test="${x.name eq '그룹관리'}">
<c:if test="${loginUser.hostOnlyYn}">
<c:set var="showMenu2" value="true"/>
</c:if>
</c:when>
<c:otherwise>
<c:set var="showMenu2" value="true"/>
</c:otherwise>
</c:choose>
<c:if test="${showMenu2}">
<li class="init-un-active <c:if test="${fn:contains(urlPath, x.activeUrl)}"> active</c:if>">
<a href="${x.url}">
<img src="/res/front/pub/assets/images/${x.menuIcon}.png" alt="">
<div class="mobile"><img src="/res/front/pub/assets/images/${x.menuIcon}m.png" alt=""></div>
<span class="gw-menu-text">${x.name}</span>
</a>
</li>
</c:if>
</c:if>
</c:if>
</c:forEach>
</ul>
</div>
</div>
</div>
src/main/webapp/WEB-INF/view/include/inc_portal_body_menu_profile.jsp
+33
View File
@@ -0,0 +1,33 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="urlPath" value="${requestScope['javax.servlet.forward.servlet_path']}" />
<div class="dim-layer00 bind-popup-profile"> <!-- 대표 이미지 등록-->
<div class="dimBg00"></div>
<div id="biLayer" class="pop-layer biInner">
<form method="post">
<div class="popHeader">
<h2>조직 대표 이미지 등록</h2><a href="#" class="btn-layerClose"><img src="/res/front/pub/assets/images/layerClose.png" alt=""></a>
</div>
<div class="biReg">
<div class="input-file form-group">
<input type="file" name="" id="portalProfilePhotoFile" class="file-upload" />
<input type="text" readonly="readonly" class="file-name form-control bind-originalfilename" />
<label for="portalProfilePhotoFile" class="file-label btn btn-add01">첨부하기</label>
</div>
<div class="imgNotice"><h6>100px * 100px / 350MB미만 / .png</h6></div>
<div class="previewArea">
<img id="preview" class="bind-photourl" align="middle" src="http://www.clker.com/cliparts/c/W/h/n/P/W/generic-image-file-icon-hi.png" alt="your image" title=''/>
</div>
</div>
<button type="submit" class="btn btn-confirm">확인</button>
</form>
</div>
</div>
src/main/webapp/WEB-INF/view/include/inc_portal_body_popup.jsp
+158
View File
@@ -0,0 +1,158 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<div class="modal fade bind-popup-profile" id="biLayer" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<form method="post">
<input type="hidden" id="profile_file_id" name="fileId" value="${g_cafe.photoFileId}"/>
<div class="modal-content">
<div class="modal-header">
<h2>조직 대표 이미지 등록</h2><a href="#" class="btn-layerClose" data-dismiss="modal" aria-label="Close"><img src="/res/front/pub/assets/images/layerClose.png" alt=""></a>
</div>
<div class="modal-body">
<div class="row">
<h6>${g_cafe.name} 모든 멤버에게 보여지는 이미지 입니다.</h6>
<div class="biReg">
<div class="input-file form-group">
<input type="file" name="" id="portalProfilePhotoFile" class="file-upload bnd-photo-file" />
<input type="text" readonly="readonly" class="file-name form-control bind-originalfilename" />
<label for="portalProfilePhotoFile" class="file-label btn btn-add01">첨부하기</label>
</div>
<div class="imgNotice"><h6>최대 500KB 까지 등록 가능 / PNG, JPG, GIF</h6></div>
<div class="previewArea">
<img class="bind-photourl" src="${g_cafe.photoUrl}" onerror="this.src='/res/front/pub/assets/images/previewImg.png'" alt="">
<button onclick="document.getElementsByClassName('bind-photourl')[0].src=''; document.getElementById('profile_file_id').value = ''" type="button"><img src="/res/front/pub/assets/images/previewImgDelete.png" alt=""></button>
</div>
<!--
<div class="previewArea">
<img id="preview" class="bind-photourl" align="middle" src="http://www.clker.com/cliparts/c/W/h/n/P/W/generic-image-file-icon-hi.png" alt="your image" title=''/>
<img src="/res/front/pub/assets/images/previewImg.png" alt="">
<a><img src="/res/front/pub/assets/images/previewImgDelete.png" alt=""></a>
</div>
-->
<button type="submit" class="btn btn-confirm">확인</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- 공통 모바일 알람 레이어 -->
<div class="modal fade" id="alarmLayer" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h2>알림</h2><a href="#" class="btn-layerClose" data-dismiss="modal" aria-label="Close"><img src="/res/front/pub/assets/images/layerClose.png" alt=""></a>
</div>
<div class="modal-body">
<div class="row">
<ul class="col-xs-12 alarmArea00">
<li class="menu alarmArea">
<ul class="nav nav-tabs">
<li class="active"><a href="#top_alarm_1" data-toggle="tab">미확인알림</a></li>
<li><a href="#top_alarm_2" data-toggle="tab">전체알림</a></li>
</ul>
<div class="tab-content ">
<div class="tab-pane active" id="top_alarm_1">
<div class="col-xs-12 alarmContent bind-alarm-list"></div>
</div>
<div class="tab-pane" id="top_alarm_2">
<div class="col-xs-12 alarmContent bind-alert-listall"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- 공통 모바일 계정 레이어 -->
<div class="modal fade" id="accountLayer" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h2>계정정보</h2><a href="#" class="btn-layerClose" data-dismiss="modal" aria-label="Close"><img src="/res/front/pub/assets/images/layerClose.png" alt=""></a>
</div>
<div class="modal-body">
<div class="row">
<ul>
<li class="menu" id="profileScroll">
<c:forEach var="x" items="${myCafeUserList}">
<c:if test="${x.loginYn}">
<div class="viewCard">
<div class="viewCardL"><img style="width: 32px; height: 32px; border-radius: 32px;" src="${x.photoUrl}" onerror="this.src = '/res/front/pub/assets/images/profile.png'"></div>
<div class="viewCardR"><h6><span>${x.cafeUserLevelText}</span> ${x.cafeName}</h6><h5>${x.cafeUserName}</h5></div>
</div>
</c:if>
</c:forEach>
<c:forEach var="x" items="${myCafeUserList}">
<c:if test="${x.loginYn eq false}">
<a href="/portal/cafe/user/change/${x.id}">
<div class="viewCard">
<div class="viewCardL"><img style="width: 32px; height: 32px; border-radius: 32px;" src="${x.photoUrl}" onerror="this.src = '/res/front/pub/assets/images/profile.png'"></div>
<div class="viewCardR"><h6><span>${x.cafeUserLevelText}</span> ${x.cafeName}</h6><h5>${x.cafeUserName}</h5></div>
</div>
</a>
</c:if>
</c:forEach>
</li>
<div class="addAccount"><a href="/home/user/org/register"><h6>+ 계정추가</h6></a></div>
<div class="balloonBtn">
<!--p01100.html-->
<a href="/portal/mypage" class="balloonBtn01 btn btn-myPage">마이페이지</a >
<a href="/home/user/logout" class="balloonBtn02 btn btn-logout">로그아웃</a >
</div>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- S : spinner -->
<div class="load-wrap">
<div class="load-item">
<div class="load-spinner">
<div class="bubble-1"></div>
<div class="bubble-2"></div>
</div>
</div>
</div>
<!-- E : spinner -->
src/main/webapp/WEB-INF/view/include/inc_portal_body_usermenu.jsp
+266
View File
@@ -0,0 +1,266 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<div class="header <c:if test="${param.headerYn ne 'Y'}">hidden-xs</c:if>"> <!-- 모바일에서 header이 필요 없는 경우 hidden-xs 추가 -->
<nav class="navbar navbar-default" role="navigation">
<div id="navbar-no-collapse" class="navbar-no-collapse">
<ul class="nav navbar-right">
<li class="dropdown">
<a class="alarm bind-alert-button"><img src="/res/front/pub/assets/images/alarm.png"><img src="/res/front/pub/assets/images/alarmDot.png" class="alarmOverlay"></a>
<div id="alert_content_clone" style="display: none;">
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/alarmEnvelope.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>클라우드용량이 100MB 남았어요.<br>용량을 확인해 주세요.</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6><!--2021.07.01--></h6></div>
</div>
</div>
</div>
</div>
<ul class="dropdown-menu right alarmArea00">
<li class="menu alarmArea">
<ul class="nav nav-tabs">
<li class="active"><a href="#top_alarm_1" data-toggle="tab">미확인알림</a></li>
<li><a href="#top_alarm_2" data-toggle="tab">전체알림</a></li>
</ul>
<div class="tab-content ">
<div class="tab-pane active" id="top_alarm_1">
<div class="col-xs-12 alarmContent bind-alarm-list" id="alarmScroll">
<%--
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/alarmEnvelope.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>클라우드용량이 100MB 남았어요.<br>용량을 확인해 주세요.</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/alarmEnvelope.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>클라우드용량이 100MB 남았어요.<br>용량을 확인해 주세요.</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/sysetmAlert.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>시스템 작업예정</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/alarmEnvelope.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>클라우드용량이 100MB 남았어요.<br>용량을 확인해 주세요.</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
--%>
</div>
</div>
<div class="tab-pane" id="top_alarm_2">
<div class="col-xs-12 alarmContent bind-alert-listall" id="alarmScroll01">
<%--
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/alarmEnvelope.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>클라우드용량이 100MB 남았어요.<br>용량을 확인해 주세요.</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/alarmEnvelope.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>클라우드용량이 100MB 남았어요.<br>용량을 확인해 주세요.</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/sysetmAlert.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>시스템 작업예정</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/alarmEnvelope.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>클라우드용량이 100MB 남았어요.<br>용량을 확인해 주세요.</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
--%>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown">
<!-- b2b + 아이콘 삭제-->
<c:if test="${bizSiteYn}">
<a href="#" class="" data-toggle="dropdown"><img src="/res/front/pub/assets/images/profile_b2b.png" alt=""></a>
</c:if>
<!-- b2b -->
<!-- b2c -->
<c:if test="${userSiteYn}">
<a href="#" class="" data-toggle="dropdown"><img src="/res/front/pub/assets/images/profile.png" alt=""></a>
</c:if>
<!-- b2c -->
<c:if test="${userSiteYn}">
<ul class="dropdown-menu right">
<li class="menu" id="profileScroll">
<c:forEach var="x" items="${myCafeUserList}">
<c:if test="${x.loginYn}">
<div class="viewCard">
<div class="viewCardL"><img style="width: 32px; height: 22px; margin: 10px 0 0 0;" src="${x.photoUrl}" onerror="this.src = '/res/front/pub/assets/images/profile.png'"></div>
<div class="viewCardR"><h6><span>${x.cafeUserLevelText}</span> ${x.cafeName}</h6><h5>${x.cafeUserName}</h5></div>
</div>
</c:if>
</c:forEach>
<c:forEach var="x" items="${myCafeUserList}">
<c:if test="${x.loginYn eq false}">
<a href="/portal/cafe/user/change/${x.id}">
<div class="viewCard">
<div class="viewCardL"><img style="width: 32px; height: 22px; margin: 10px 0 0 0;" src="${x.photoUrl}" onerror="this.src = '/res/front/pub/assets/images/profile.png'"></div>
<div class="viewCardR"><h6><span>${x.cafeUserLevelText}</span> ${x.cafeName}</h6><h5>${x.cafeUserName}</h5></div>
</div>
</a>
</c:if>
</c:forEach>
</li>
<c:if test="${userSiteYn}">
<div class="addAccount"><a href="/home?flag=popup-cafe"><h6>+ 계정추가</h6></a></div>
</c:if>
<div class="balloonBtn">
<a href="/portal/mypage" class="balloonBtn01 btn btn-myPage">마이페이지</a >
<a href="/home/user/logout" class="balloonBtn02 btn btn-logout">로그아웃</a >
</div>
</ul>
</c:if>
<!-- b2b 개발 코드 필요-->
<c:if test="${bizSiteYn}">
<ul class="dropdown-menu right h124px">
<div class="icon01"><img src="/res/front/pub/assets/images/btbimg_01_b2b.png"></div>
<li class="menu" id="profileScroll">
<c:forEach var="x" items="${myCafeUserList}">
<c:if test="${x.loginYn}">
<div class="myInfo01 ">
<a href="#">
<div class="box">
<div class="option">${x.cafeName}</div>
<strong class="name">
<em>${x.cafeUserLevelText}</em>
<span>${x.cafeUserName}</span>
</strong>
</div>
</a>
</div>
</c:if>
</c:forEach>
</li>
<div class="balloonBtn mybtn09">
<a href="/portal/mypage" class="balloonBtn01 btn btn-myPage">마이페이지</a >
<a href="/home/user/logout" class="balloonBtn02 btn btn-logout">로그아웃</a >
</div>
</ul>
</c:if>
</li>
<li><img src="/res/front/pub/assets/images/toogleMenu.png" class="toggleMenu" alt=""></li>
</ul>
<div class="mobileBi">
<a href="#biLayer" class="biLayer"><img src="/res/front/pub/assets/images/biG.png" alt=""></a>
</div>
</div>
</nav>
</div>
src/main/webapp/WEB-INF/view/include/inc_portal_body_usermenu_2.jsp
+251
View File
@@ -0,0 +1,251 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<div class="header <c:if test="${param.headerYn ne 'Y'}">hidden-xs</c:if>"> <!-- 모바일에서 header이 필요 없는 경우 hidden-xs 추가 -->
<nav class="navbar navbar-default" role="navigation">
<div id="navbar-no-collapse" class="navbar-no-collapse">
<ul class="nav navbar-right">
<li class="dropdown">
<a class="alarm bind-alert-button"><img src="/res/front/pub/assets/images/alarm.png"><img src="/res/front/pub/assets/images/alarmDot.png" class="alarmOverlay"></a>
<div id="alert_content_clone" style="display: none;">
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/alarmEnvelope.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>클라우드용량이 100MB 남았어요.<br>용량을 확인해 주세요.</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6><!--2021.07.01--></h6></div>
</div>
</div>
</div>
</div>
<ul class="dropdown-menu right alarmArea00">
<li class="menu alarmArea">
<ul class="nav nav-tabs">
<li class="active"><a href="#top_alarm_1" data-toggle="tab">미확인알림</a></li>
<li><a href="#top_alarm_2" data-toggle="tab">전체알림</a></li>
</ul>
<div class="tab-content ">
<div class="tab-pane active" id="top_alarm_1">
<div class="col-xs-12 alarmContent bind-alarm-list" id="alarmScroll">
<%--
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/alarmEnvelope.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>클라우드용량이 100MB 남았어요.<br>용량을 확인해 주세요.</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/alarmEnvelope.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>클라우드용량이 100MB 남았어요.<br>용량을 확인해 주세요.</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/sysetmAlert.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>시스템 작업예정</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/alarmEnvelope.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>클라우드용량이 100MB 남았어요.<br>용량을 확인해 주세요.</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
--%>
</div>
</div>
<div class="tab-pane" id="top_alarm_2">
<div class="col-xs-12 alarmContent bind-alert-listall" id="alarmScroll01">
<%--
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/alarmEnvelope.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>클라우드용량이 100MB 남았어요.<br>용량을 확인해 주세요.</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/alarmEnvelope.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>클라우드용량이 100MB 남았어요.<br>용량을 확인해 주세요.</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/sysetmAlert.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>시스템 작업예정</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
<div class="col-xs-12 alarmItem">
<div class="col-xs-2">
<img src="/res/front/pub/assets/images/alarmEnvelope.png">
</div>
<div class="col-xs-10 nopadding">
<div class="col-xs-12 alarmItem01">
<h5>클라우드용량이 100MB 남았어요.<br>용량을 확인해 주세요.</h5>
</div>
<div class="col-xs-12 alarmItem01">
<div class="col-xs-9 alarmItemL"><a href="#" class="btn btn-cloud">클라우드 관리 바로가기&nbsp;&nbsp;<img src="/res/front/pub/assets/images/alarmRight.png"></a></div>
<div class="col-xs-3 alarmItemR"><h6>2021.07.01</h6></div>
</div>
</div>
</div>
--%>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="" data-toggle="dropdown">
<!-- b2b -->
<c:if test="${bizSiteYn}">
<img src="/res/front/pub/assets/images/profile_b2b.png" alt="">
</c:if>
<!-- b2b -->
<!-- b2c -->
<c:if test="${userSiteYn}">
<img src="/res/front/pub/assets/images/profile.png" alt="">
</c:if>
<!-- b2c -->
</a>
<ul class="dropdown-menu right <c:if test="${bizSiteYn}"> h124px </c:if>">
<!-- b2b 개발 코드 필요-->
<c:if test="${bizSiteYn}">
<div class="myInfo01 ">
<div class="icon01"><img src="/res/front/pub/assets/images/btbimg_01_b2b.png"></div>
<a href="#">
<div class="box">
<div class="option">인천자전거연합</div>
<strong class="name">
<em>관리자</em>
<span>인천자전거연합이름</span>
</strong>
</div>
</a>
</div>
<div class="balloonBtn">
<!--p01100.html-->
<a href="/portal/mypage" class="balloonBtn01 btn btn-myPage">마이페이지</a >
<a href="/home/user/logout" class="balloonBtn02 btn btn-logout">로그아웃</a >
</div>
<li><a href="/portal/admin/user">멤버 수(${cafe.cafeUserCount})</a></li>
</c:if>
<c:if test="${userSiteYn}">
<li class="menu " id="profileScroll">
<c:forEach var="x" items="${myCafeUserList}">
<c:if test="${x.loginYn}">
<div class="viewCard">
<div class="viewCardL <c:if test="${bizSiteYn}"> btbdn </c:if>"><img style="width: 32px; height: 32px; border-radius: 32px;" src="${x.photoUrl}" onerror="this.src = '/res/front/pub/assets/images/profile.png'"></div>
<div class="viewCardR"><h6><span>${x.cafeUserLevelText}</span> ${x.cafeName}</h6><h5>${x.cafeUserName}</h5></div>
</div>
</c:if>
</c:forEach>
<c:forEach var="x" items="${myCafeUserList}">
<c:if test="${x.loginYn eq false}">
<a href="/portal/cafe/user/change/${x.id}">
<div class="viewCard">
<div class="viewCardL"><img style="width: 32px; height: 32px; border-radius: 32px;" src="${x.photoUrl}" onerror="this.src = '/res/front/pub/assets/images/profile.png'"></div>
<div class="viewCardR"><h6><span>${x.cafeUserLevelText}</span> ${x.cafeName}</h6><h5>${x.cafeUserName}</h5></div>
</div>
</a>
</c:if>
</c:forEach>
</li>
<div class="addAccount <c:if test="${bizSiteYn}"> btbdn </c:if>"><a href="/home?flag=popup-cafe"><h6>+ 계정추가</h6></a></div>
<li><a href="/portal/admin/user">조직 멤버 (${cafe.cafeUserCount})</a></li>
<div class="balloonBtn">
<a href="/portal/mypage" class="balloonBtn01 btn btn-myPage">마이페이지</a >
<a href="/home/user/logout" class="balloonBtn02 btn btn-logout">로그아웃</a >
</div>
</c:if>
</ul>
</li>
<li><img src="/res/front/pub/assets/images/toogleMenu.png" class="toggleMenu" alt=""></li>
</ul>
<div class="mobileBi">
<a href="#biLayer" class="biLayer"><img src="/res/front/pub/assets/images/biG.png" alt=""></a>
</div>
</div>
</nav>
</div>