신규 홈페이지 매뉴얼
누리미디어에서 제공하는 신규 학회 홈페이지 빌더 관리자용 매뉴얼입니다.
구버전의 빌더를 사용하시는 학회 관리자분들 중 홈페이지 기능에 궁금하신 점이 있으시거나
신규 빌더로의 리뉴얼 상담이 필요하신 고객께서는 고객센터로 문의 부탁드립니다.
매뉴얼은 주기적으로 업데이트되고 있습니다.
26
슬라이드쇼 설정하기
• 홈페이지 템플릿에 따라 매뉴얼과 실제 화면이 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 메뉴를 클릭하여 원하는 내용을 빠르게 확인해보세요. 설정메뉴 위치 추가하기 삭제하기 복사하기 순서바꾸기 슬라이드 설정메뉴 위치 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 우측 상단 디자인편집 클릭 4. 스크롤을 내려 슬라이드에 마우스 오버 - 설정 아이콘 클릭 5. 좌측에 슬라이드 설정창이 나타납니다. 목록 클릭
슬라이드 추가하기 1. 기존 구성에 추가하고 싶다면 해당 슬라이드쇼의 설정, 새로 구성하고 싶다면 하단 슬라이드쇼 생성 클릭 2. 상단 + 슬라이드 추가 클릭 3. 맨 하단에 빈 슬라이드가 추가됩니다. 해당 슬라이드의 설정 아이콘 클릭 4. 배경이미지에 체크 후 이미지추가 클릭 5. 이미지가 추가된 것을 확인할 수 있습니다. 6. 슬라이드 사이즈에 맞지 않는 이미지의 경우, 비율 설정으로 크기를 조절할 수 있습니다. 7. 완료되었으면 우측 상단 게시하기 클릭
슬라이드 삭제하기 1. 삭제할 슬라이드의 삭제(X) 아이콘 클릭 2. 삭제하시겠습니까? 팝업이 뜨면 체크 클릭 3. 삭제된 것을 확인할 수 있습니다. 4. 완료되었으면 우측 상단 게시하기 클릭
슬라이드 복사하기 1. 해당 슬라이드는 현재 배경이미지와 텍스트 요소가 추가된 상태입니다.
텍스트는 그대로 유지하되, 이미지만 바꾸고 싶습니다. 이때 복사 기능을 이용합니다. 2. 복사할 슬라이드의 복사 아이콘 클릭 3. 하단에 복사된 슬라이드가 추가됩니다. 해당 슬라이드의 설정 아이콘 클릭 4. 삭제 후 이미지추가(순서를 반대로 진행해도 무방합니다.) 5. 텍스트는 그대로, 배경이미지만 변경되었습니다. 6. 완료되었으면 우측 상단 게시하기 클릭
슬라이드 순서 바꾸기 1. 수정할 슬라이드 클릭 후 원하는 위치로 드래그 2. 아래 예시를 참고해주세요. 3. 완료되었으면 우측 상단 게시하기 클릭
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont .ex table, td, th { border-collapse: collapse; border: 0px solid; text-align: center; width: 750px; letter-spacing: -1px; font-size: 14px; } #m_wrap .m_cont .ex th { background-color: #333; color: #fff; } #m_wrap .m_cont .ex td { color: #333; border-bottom: 1px; border-style: solid; border-color: #ddd; } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2023.01.04
• 홈페이지 템플릿에 따라 매뉴얼과 실제 화면이 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 메뉴를 클릭하여 원하는 내용을 빠르게 확인해보세요. 설정메뉴 위치 추가하기 삭제하기 복사하기 순서바꾸기 슬라이드 설정메뉴 위치 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 우측 상단 디자인편집 클릭 4. 스크롤을 내려 슬라이드에 마우스 오버 - 설정 아이콘 클릭 5. 좌측에 슬라이드 설정창이 나타납니다. 목록 클릭
슬라이드 추가하기 1. 기존 구성에 추가하고 싶다면 해당 슬라이드쇼의 설정, 새로 구성하고 싶다면 하단 슬라이드쇼 생성 클릭 2. 상단 + 슬라이드 추가 클릭 3. 맨 하단에 빈 슬라이드가 추가됩니다. 해당 슬라이드의 설정 아이콘 클릭 4. 배경이미지에 체크 후 이미지추가 클릭 5. 이미지가 추가된 것을 확인할 수 있습니다. 6. 슬라이드 사이즈에 맞지 않는 이미지의 경우, 비율 설정으로 크기를 조절할 수 있습니다. 7. 완료되었으면 우측 상단 게시하기 클릭
슬라이드 삭제하기 1. 삭제할 슬라이드의 삭제(X) 아이콘 클릭 2. 삭제하시겠습니까? 팝업이 뜨면 체크 클릭 3. 삭제된 것을 확인할 수 있습니다. 4. 완료되었으면 우측 상단 게시하기 클릭
슬라이드 복사하기 1. 해당 슬라이드는 현재 배경이미지와 텍스트 요소가 추가된 상태입니다.
텍스트는 그대로 유지하되, 이미지만 바꾸고 싶습니다. 이때 복사 기능을 이용합니다. 2. 복사할 슬라이드의 복사 아이콘 클릭 3. 하단에 복사된 슬라이드가 추가됩니다. 해당 슬라이드의 설정 아이콘 클릭 4. 삭제 후 이미지추가(순서를 반대로 진행해도 무방합니다.) 5. 텍스트는 그대로, 배경이미지만 변경되었습니다. 6. 완료되었으면 우측 상단 게시하기 클릭
슬라이드 순서 바꾸기 1. 수정할 슬라이드 클릭 후 원하는 위치로 드래그 2. 아래 예시를 참고해주세요. 3. 완료되었으면 우측 상단 게시하기 클릭
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont .ex table, td, th { border-collapse: collapse; border: 0px solid; text-align: center; width: 750px; letter-spacing: -1px; font-size: 14px; } #m_wrap .m_cont .ex th { background-color: #333; color: #fff; } #m_wrap .m_cont .ex td { color: #333; border-bottom: 1px; border-style: solid; border-color: #ddd; } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2023.01.04
25
폼 그룹 & 항목 설정하기
• 홈페이지 템플릿에 따라 매뉴얼과 실제 화면이 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 메뉴를 클릭하여 원하는 내용을 빠르게 확인해보세요. 항목 추가하기 접속 위치 항목 소개 폼 설정하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 항목 추가 방법 1. 항목편집 클릭 2. 우측 상단 항목추가 클릭 3. 항목 추가 및 상세설정 후 편집완료 클릭 4. 모두 완료되면 항목편집창 닫기 - 설정창 맨 하단 저장 클릭 메뉴별 항목편집 위치
게시판(리스트형, 문의형) 1. 게시판 설정 아이콘 클릭 2. 항목설정 탭 이동 회원가입 환경설정 1. 회원관리 - 회원가입환경설정 클릭 2. 기본항목설정 탭 좌측 하단 확인 결제항목설정 1. 환경설정 - 납부관리 - 결제항목설정 클릭 2. 납부자정보, 결제정보 중 추가하고 싶은 폼 확인 항목 소개 ※ 추가할 수 있는 항목은 메뉴에 따라 조금씩 상이합니다. 텍스트 1. 일반적인 텍스트창(또는 텍스트박스)입니다. 2. 3단계로 너비 조정이 가능합니다. 3. 한 항목에 여러 개의 텍스트창을 추가하는 경우, 상세설정에서 정렬 방식을 수정할 수 있습니다. 가로정렬 예시 세로정렬 예시 4. 단위 기능은 아래처럼 활용이 가능합니다. 텍스트에러리어 1. 장문 입력이 필요할 때 사용합니다. 2. 글자수는 무제한 입력 가능하며, 글자수 제한 설정은 불가능합니다. 체크박스 1. 객관식 응답이 필요할 때 사용하는 기능입니다. 2. 텍스트처럼 상세설정에서 정렬 방식 수정이 가능합니다. 3. 최대 체크 가능한 수 또한 상세설정에서 수정하며 디폴트값은 1개입니다. 4. 초과하여 선택한 경우, 아래처럼 알럿이 나타납니다. 라디오버튼 1. 체크박스처럼 객관식 응답이 필요할 때 사용합니다. 2. 라디오버튼은 중복 체크가 불가합니다. (체크박스와의 차이점) 3. 라디오버튼 역시 정렬 방식 설정이 가능합니다. 셀렉트박스 1. 여러 개의 선택지가 하나의 박스에 담겨있는 형태입니다. 2. 선택지 추가 및 삭제는 상세설정에서 할 수 있습니다. 날짜 1. 달력을 통하여 날짜를 선택하는 기능입니다. 2. 월별, 연도별 이동 모두 가능합니다. 월별 이동 연도별 이동 시간 1. 셀렉트박스를 통하여 시간을 선택하는 기능입니다. 2. 상세설정에서 시간 표기 기준을 설정하여 원하는 형태로 바꿀 수 있습니다. 3. 설정값에 따라 아래와 같이 보입니다. 전화번호 1. 텍스트창에 번호를 입력하는 기능입니다. 하이픈은 따로 입력하지 않아도 자동 추가됩니다. 2. 일반적인 우리나라 번호 자리수와 같으면 인식합니다. 3. 11자리를 초과하면 인식하지 못합니다. (국가번호 입력하는 경우 포함) 4. 9자리는 경우에 따라 인식 여부가 다릅니다. 홈페이지 1. 홈페이지 주소를 입력하는 기능입니다. 2. http://(또는 https://)는 제외하고 입력해야 합니다. 이메일 1. 이메일을 입력하는 기능입니다. 2. 선택사항에 없는 사이트는 직접 입력하며, 직접입력을 선택하지 않아도 타이핑이 가능합니다. 주소 1. 주소를 입력하는 기능입니다. 2. 보통의 주소입력 기능처럼 우편번호 찾기를 통하여 지번 또는 도로명 주소를 불러오기 한 뒤, 상세주소를 입력합니다. 폼 그룹 추가 및 삭제 ※ 폼 그룹 추가는 문의형 게시판에서만 가능합니다. 1. 게시판 설정 - 항목설정 탭 이동 2. 쓰기 탭 맨 하단으로 스크롤 후 우측의 + 폼 그룹 추가 클릭 3. 추가된 폼 확인 후 폼 그룹 명과 항목 자유롭게 설정 4. 삭제는 각 폼 그룹의 하단 삭제 버튼 클릭 5. 설정이 모두 완료되면 설정창 하단 저장 클릭
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont .ex table, td, th { border-collapse: collapse; border: 0px solid; text-align: center; width: 750px; letter-spacing: -1px; font-size: 14px; } #m_wrap .m_cont .ex th { background-color: #333; color: #fff; } #m_wrap .m_cont .ex td { color: #333; border-bottom: 1px; border-style: solid; border-color: #ddd; } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.07.15
• 홈페이지 템플릿에 따라 매뉴얼과 실제 화면이 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 메뉴를 클릭하여 원하는 내용을 빠르게 확인해보세요. 항목 추가하기 접속 위치 항목 소개 폼 설정하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 항목 추가 방법 1. 항목편집 클릭 2. 우측 상단 항목추가 클릭 3. 항목 추가 및 상세설정 후 편집완료 클릭 4. 모두 완료되면 항목편집창 닫기 - 설정창 맨 하단 저장 클릭 메뉴별 항목편집 위치
게시판(리스트형, 문의형) 1. 게시판 설정 아이콘 클릭 2. 항목설정 탭 이동 회원가입 환경설정 1. 회원관리 - 회원가입환경설정 클릭 2. 기본항목설정 탭 좌측 하단 확인 결제항목설정 1. 환경설정 - 납부관리 - 결제항목설정 클릭 2. 납부자정보, 결제정보 중 추가하고 싶은 폼 확인 항목 소개 ※ 추가할 수 있는 항목은 메뉴에 따라 조금씩 상이합니다. 텍스트 1. 일반적인 텍스트창(또는 텍스트박스)입니다. 2. 3단계로 너비 조정이 가능합니다. 3. 한 항목에 여러 개의 텍스트창을 추가하는 경우, 상세설정에서 정렬 방식을 수정할 수 있습니다. 가로정렬 예시 세로정렬 예시 4. 단위 기능은 아래처럼 활용이 가능합니다. 텍스트에러리어 1. 장문 입력이 필요할 때 사용합니다. 2. 글자수는 무제한 입력 가능하며, 글자수 제한 설정은 불가능합니다. 체크박스 1. 객관식 응답이 필요할 때 사용하는 기능입니다. 2. 텍스트처럼 상세설정에서 정렬 방식 수정이 가능합니다. 3. 최대 체크 가능한 수 또한 상세설정에서 수정하며 디폴트값은 1개입니다. 4. 초과하여 선택한 경우, 아래처럼 알럿이 나타납니다. 라디오버튼 1. 체크박스처럼 객관식 응답이 필요할 때 사용합니다. 2. 라디오버튼은 중복 체크가 불가합니다. (체크박스와의 차이점) 3. 라디오버튼 역시 정렬 방식 설정이 가능합니다. 셀렉트박스 1. 여러 개의 선택지가 하나의 박스에 담겨있는 형태입니다. 2. 선택지 추가 및 삭제는 상세설정에서 할 수 있습니다. 날짜 1. 달력을 통하여 날짜를 선택하는 기능입니다. 2. 월별, 연도별 이동 모두 가능합니다. 월별 이동 연도별 이동 시간 1. 셀렉트박스를 통하여 시간을 선택하는 기능입니다. 2. 상세설정에서 시간 표기 기준을 설정하여 원하는 형태로 바꿀 수 있습니다. 3. 설정값에 따라 아래와 같이 보입니다. 전화번호 1. 텍스트창에 번호를 입력하는 기능입니다. 하이픈은 따로 입력하지 않아도 자동 추가됩니다. 2. 일반적인 우리나라 번호 자리수와 같으면 인식합니다. 3. 11자리를 초과하면 인식하지 못합니다. (국가번호 입력하는 경우 포함) 4. 9자리는 경우에 따라 인식 여부가 다릅니다. 홈페이지 1. 홈페이지 주소를 입력하는 기능입니다. 2. http://(또는 https://)는 제외하고 입력해야 합니다. 이메일 1. 이메일을 입력하는 기능입니다. 2. 선택사항에 없는 사이트는 직접 입력하며, 직접입력을 선택하지 않아도 타이핑이 가능합니다. 주소 1. 주소를 입력하는 기능입니다. 2. 보통의 주소입력 기능처럼 우편번호 찾기를 통하여 지번 또는 도로명 주소를 불러오기 한 뒤, 상세주소를 입력합니다. 폼 그룹 추가 및 삭제 ※ 폼 그룹 추가는 문의형 게시판에서만 가능합니다. 1. 게시판 설정 - 항목설정 탭 이동 2. 쓰기 탭 맨 하단으로 스크롤 후 우측의 + 폼 그룹 추가 클릭 3. 추가된 폼 확인 후 폼 그룹 명과 항목 자유롭게 설정 4. 삭제는 각 폼 그룹의 하단 삭제 버튼 클릭 5. 설정이 모두 완료되면 설정창 하단 저장 클릭
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont .ex table, td, th { border-collapse: collapse; border: 0px solid; text-align: center; width: 750px; letter-spacing: -1px; font-size: 14px; } #m_wrap .m_cont .ex th { background-color: #333; color: #fff; } #m_wrap .m_cont .ex td { color: #333; border-bottom: 1px; border-style: solid; border-color: #ddd; } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.07.15
24
게시판 설정하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 메뉴를 클릭하여 원하는 내용을 빠르게 확인해보세요. 게시판 형태 설정창 위치 기본설정 고급설정 항목설정 권한설정 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 게시판 형태
리스트형 가장 일반적인 게시판입니다. 갤러리형 목록에 이미지가 노출되는 게시판입니다. 반드시 게시글 내용에 이미지가 포함되어야 합니다. 웹진형 이미지와 텍스트가 노출되는 게시판입니다. 기관소식, 간행물 소개 등에 적합합니다. 웹진형은 갤러리형과 달리 이미지 삽입이 필수가 아닙니다. 문의형 1:1문의를 작성할 수 있는 게시판입니다. 학술대회 사전등록이나 초록접수에 주로 사용됩니다. 설정창 위치 ※ 게시판설정은 형태에 따라 조금씩 상이합니다. 1. 게시판 앱 접속 - 수정할 게시판의 톱니바퀴 아이콘 클릭
(새로 게시판 생성한 뒤 진행하여도 무방합니다.) 2. 상단 연두색 바에 게시판설정이라고 쓰인 창이 뜨면 성공 기본설정 1. 아래와 같이 공통 항목은 다섯가지가 있습니다. 2. 갤러리형 선택 시 썸네일 설정 항목이 추가됩니다. 3. 갤러리형에서 썸네일 높이 설정했을 때와 하지 않았을 때의 차이입니다. 4. 웹진형 선택 시 목록에 노출되는 글자수 조정이 가능합니다. 5. 문의형 선택 시 목록 사용여부 설정이 가능합니다. 사용 시 목록부터 노출되며, 미사용 시 작성화면부터 노출됩니다. 고급설정 1. 아래와 같이 공통 항목이 존재합니다. 2. 각 항목에 대한 예시입니다. 비밀글을 선택으로 하면 게시글 작성 시 체크박스가 노출되며, 자동일 시 노출되지 않습니다.
말머리는 추가 후에 수정 및 순서 변경이 불가하므로 참고 바랍니다. 위 기능들은 문의형을 제외한 나머지에서만 설정 가능합니다. 스팸방지와 개인정보정책동의를 통하여 보안을 강화합니다. 3. 문의형의 경우, 설정할 수 있는 항목이 가장 많습니다. 진행상태 문구는 5단계까지 설정 가능하며, 관리자 페이지에서만 노출됩니다. 연결 URL는 회원이 문의글 작성을 완료하면 자동으로 이동될 페이지를 설정하는 기능입니다. 등록기간 설정 시 원하는 기간에만 작성이 가능하며, 기간 외에는 '기간이 아닙니다' 알럿이 나타납니다. 신청하기, 작성하기 등 원하는 텍스트로 버튼 문구 설정이 가능합니다. 작성화면 상, 하단에 언제든지 원하는 안내글 노출이 가능합니다. 4. 고급설정 내 알림항목은 아래 매뉴얼을 확인해주세요. 알림 설정하기
항목설정 ※ 각 항목 설명은 아래 매뉴얼을 참고해주세요. 항목 편집하기 1. 쓰기의 기본값은 아래와 같으며, 항목편집으로 언제든지 추가가 가능합니다.
항목편집 시 기본값은 위치 이동 외에 수정이 불가하며, 제목은 유지보수 접수로만 숨김 처리할 수 있습니다. 2. 문의형의 경우 폼 그룹 추가도 가능합니다. 3. 읽기 & 목록 노출을 통하여 조회수나 추천수 같이 노출을 원하지 않는 항목을 설정할 수 있습니다. 권한설정 1. 모든사용자, 로그인사용자, 선택등급 또는 그룹으로 권한을 조정할 수 있습니다. 2. 자세한 사항은 아래 매뉴얼을 확인해주세요. 메뉴별 권한 설정하기
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.06.27
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 메뉴를 클릭하여 원하는 내용을 빠르게 확인해보세요. 게시판 형태 설정창 위치 기본설정 고급설정 항목설정 권한설정 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 게시판 형태
리스트형 가장 일반적인 게시판입니다. 갤러리형 목록에 이미지가 노출되는 게시판입니다. 반드시 게시글 내용에 이미지가 포함되어야 합니다. 웹진형 이미지와 텍스트가 노출되는 게시판입니다. 기관소식, 간행물 소개 등에 적합합니다. 웹진형은 갤러리형과 달리 이미지 삽입이 필수가 아닙니다. 문의형 1:1문의를 작성할 수 있는 게시판입니다. 학술대회 사전등록이나 초록접수에 주로 사용됩니다. 설정창 위치 ※ 게시판설정은 형태에 따라 조금씩 상이합니다. 1. 게시판 앱 접속 - 수정할 게시판의 톱니바퀴 아이콘 클릭
(새로 게시판 생성한 뒤 진행하여도 무방합니다.) 2. 상단 연두색 바에 게시판설정이라고 쓰인 창이 뜨면 성공 기본설정 1. 아래와 같이 공통 항목은 다섯가지가 있습니다. 2. 갤러리형 선택 시 썸네일 설정 항목이 추가됩니다. 3. 갤러리형에서 썸네일 높이 설정했을 때와 하지 않았을 때의 차이입니다. 4. 웹진형 선택 시 목록에 노출되는 글자수 조정이 가능합니다. 5. 문의형 선택 시 목록 사용여부 설정이 가능합니다. 사용 시 목록부터 노출되며, 미사용 시 작성화면부터 노출됩니다. 고급설정 1. 아래와 같이 공통 항목이 존재합니다. 2. 각 항목에 대한 예시입니다. 비밀글을 선택으로 하면 게시글 작성 시 체크박스가 노출되며, 자동일 시 노출되지 않습니다.
말머리는 추가 후에 수정 및 순서 변경이 불가하므로 참고 바랍니다. 위 기능들은 문의형을 제외한 나머지에서만 설정 가능합니다. 스팸방지와 개인정보정책동의를 통하여 보안을 강화합니다. 3. 문의형의 경우, 설정할 수 있는 항목이 가장 많습니다. 진행상태 문구는 5단계까지 설정 가능하며, 관리자 페이지에서만 노출됩니다. 연결 URL는 회원이 문의글 작성을 완료하면 자동으로 이동될 페이지를 설정하는 기능입니다. 등록기간 설정 시 원하는 기간에만 작성이 가능하며, 기간 외에는 '기간이 아닙니다' 알럿이 나타납니다. 신청하기, 작성하기 등 원하는 텍스트로 버튼 문구 설정이 가능합니다. 작성화면 상, 하단에 언제든지 원하는 안내글 노출이 가능합니다. 4. 고급설정 내 알림항목은 아래 매뉴얼을 확인해주세요. 알림 설정하기
항목설정 ※ 각 항목 설명은 아래 매뉴얼을 참고해주세요. 항목 편집하기 1. 쓰기의 기본값은 아래와 같으며, 항목편집으로 언제든지 추가가 가능합니다.
항목편집 시 기본값은 위치 이동 외에 수정이 불가하며, 제목은 유지보수 접수로만 숨김 처리할 수 있습니다. 2. 문의형의 경우 폼 그룹 추가도 가능합니다. 3. 읽기 & 목록 노출을 통하여 조회수나 추천수 같이 노출을 원하지 않는 항목을 설정할 수 있습니다. 권한설정 1. 모든사용자, 로그인사용자, 선택등급 또는 그룹으로 권한을 조정할 수 있습니다. 2. 자세한 사항은 아래 매뉴얼을 확인해주세요. 메뉴별 권한 설정하기
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.06.27
23
게시글 삭제하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 홈페이지에서 삭제하기 1. 관리자 등급이 부여된 계정으로 로그인 2. 삭제할 게시글이 있는 메뉴 클릭 3. 좌측 상단의 관리자 모드 클릭 4. 게시글 선택 후 좌측 하단의 선택한 게시글을 박스 클릭 - 영구 삭제 클릭 5. 알럿창의 확인 클릭 완료 관리자 페이지에서 삭제하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 수정하고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 게시글 선택 후 좌측 상단 또는 하단의 선택한 게시글을 박스 클릭 - 영구 삭제 클릭 6. 알럿창의 체크(✔) 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.06.15
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 홈페이지에서 삭제하기 1. 관리자 등급이 부여된 계정으로 로그인 2. 삭제할 게시글이 있는 메뉴 클릭 3. 좌측 상단의 관리자 모드 클릭 4. 게시글 선택 후 좌측 하단의 선택한 게시글을 박스 클릭 - 영구 삭제 클릭 5. 알럿창의 확인 클릭 완료 관리자 페이지에서 삭제하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 수정하고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 게시글 선택 후 좌측 상단 또는 하단의 선택한 게시글을 박스 클릭 - 영구 삭제 클릭 6. 알럿창의 체크(✔) 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.06.15
22
카드 결제 추가하기(PG사 연결)
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 환경설정 - 결제관리 내 결제설정 - 전자결제 탭 클릭 4. 두 PG사 중 이용 중인(없다면 원하는) 업체 클릭. 타 업체(ex. KG이니시스, 다날)는 연결 불가하므로 새로 가입하셔야 합니다.
아래 첨부된 PG사 가입 절차 매뉴얼을 다운로드 하셔서 절차에 따라 가입 부탁 드립니다. PG사 가입 절차 확인하기 5. 토스페이먼츠는 상점ID와 Mert Key, KCP는 사이트 코드와 사이트키를 입력(필수)
할부개월수나 카드사, 에스크로 등은 자유롭게 설정 후 저장 완료 KCP 연결 시 필수 체크 ※ KCP는 상점관리자에서 결제서버IP를 등록해야 합니다.
KCP상점관리자 - 상점정보관리 - 정보변경에서 아래 세 개를 모두 등록해주세요. 211.115.125.17 │ 121.254.210.139 │ 61.111.59.112
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.05.24
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 환경설정 - 결제관리 내 결제설정 - 전자결제 탭 클릭 4. 두 PG사 중 이용 중인(없다면 원하는) 업체 클릭. 타 업체(ex. KG이니시스, 다날)는 연결 불가하므로 새로 가입하셔야 합니다.
아래 첨부된 PG사 가입 절차 매뉴얼을 다운로드 하셔서 절차에 따라 가입 부탁 드립니다. PG사 가입 절차 확인하기 5. 토스페이먼츠는 상점ID와 Mert Key, KCP는 사이트 코드와 사이트키를 입력(필수)
할부개월수나 카드사, 에스크로 등은 자유롭게 설정 후 저장 완료 KCP 연결 시 필수 체크 ※ KCP는 상점관리자에서 결제서버IP를 등록해야 합니다.
KCP상점관리자 - 상점정보관리 - 정보변경에서 아래 세 개를 모두 등록해주세요. 211.115.125.17 │ 121.254.210.139 │ 61.111.59.112
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.05.24
21
두부디스크e 사용하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 메뉴를 클릭하여 원하는 내용을 빠르게 확인해보세요. 파일 업로드 사용자 추가 폴더 권한 설정 트래픽 조회 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 환경설정 - 두부앱스 내 두부디스크e 접속 파일 업로드하기 1. 두부디스크e 파일관리 go 클릭 2. 로그인하기 3. 업로드 클릭 후 파일 불러오기 4. 마우스 우클릭 - 등록정보 클릭 5. URL 항목 더블클릭 후 복사하여 파일 경로 추출 완료 6. 추출한 파일 경로는 다양한 메뉴에서 활용 가능합니다.
아래 버튼을 클릭하여 어떻게 활용되는지 확인해보세요! 대용량 파일 첨부하기 사용자 추가하기 1. 사용자 관리 - 사용자 클릭 2. 자유롭게 사용자 추가(단, 아이디는 이메일 형식으로 입력해 주세요.) 폴더 권한 설정 1. 폴더 관리 - 폴더 권한 클릭 2. 자유롭게 체크하여 수정 후 저장 완료 트래픽 조회하기 ※ 트래픽 용량은 월마다 제공되며, 트래픽 초과 시 초기화 또는 용량 구매 전까지는 홈페이지 이용이 불가합니다. ※ 두부디스크에 대용량 파일을 올린 뒤 홈페이지에 첨부하는 것은 가급적 지양 부탁드립니다. 1. 폴더 관리 - 트래픽 클릭 2. 일간 트래픽 제한은 설정하지 않는 편이 좋습니다. 3. 행사 진행 시 트래픽 초과가 우려되면 월간 트래픽에서 트래픽분을 소량만 구입하는 것이 가능합니다.
구입 가능한 최소 용량은 1GB부터이며, 기간은 1개월과 2개월 중 선택해야 합니다. 4. 매번 구매하는 것이 번거롭다면 예비트래픽을 구매하여 기간 제한 없이 사용할 수 있습니다.
구입 가능한 최소 용량은 100GB부터입니다. 5. 예비트래픽 구매 시 월간 트래픽 항목도 함께 있기 때문에 유의하여 구매하세요.
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.05.23
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 메뉴를 클릭하여 원하는 내용을 빠르게 확인해보세요. 파일 업로드 사용자 추가 폴더 권한 설정 트래픽 조회 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 환경설정 - 두부앱스 내 두부디스크e 접속 파일 업로드하기 1. 두부디스크e 파일관리 go 클릭 2. 로그인하기 3. 업로드 클릭 후 파일 불러오기 4. 마우스 우클릭 - 등록정보 클릭 5. URL 항목 더블클릭 후 복사하여 파일 경로 추출 완료 6. 추출한 파일 경로는 다양한 메뉴에서 활용 가능합니다.
아래 버튼을 클릭하여 어떻게 활용되는지 확인해보세요! 대용량 파일 첨부하기 사용자 추가하기 1. 사용자 관리 - 사용자 클릭 2. 자유롭게 사용자 추가(단, 아이디는 이메일 형식으로 입력해 주세요.) 폴더 권한 설정 1. 폴더 관리 - 폴더 권한 클릭 2. 자유롭게 체크하여 수정 후 저장 완료 트래픽 조회하기 ※ 트래픽 용량은 월마다 제공되며, 트래픽 초과 시 초기화 또는 용량 구매 전까지는 홈페이지 이용이 불가합니다. ※ 두부디스크에 대용량 파일을 올린 뒤 홈페이지에 첨부하는 것은 가급적 지양 부탁드립니다. 1. 폴더 관리 - 트래픽 클릭 2. 일간 트래픽 제한은 설정하지 않는 편이 좋습니다. 3. 행사 진행 시 트래픽 초과가 우려되면 월간 트래픽에서 트래픽분을 소량만 구입하는 것이 가능합니다.
구입 가능한 최소 용량은 1GB부터이며, 기간은 1개월과 2개월 중 선택해야 합니다. 4. 매번 구매하는 것이 번거롭다면 예비트래픽을 구매하여 기간 제한 없이 사용할 수 있습니다.
구입 가능한 최소 용량은 100GB부터입니다. 5. 예비트래픽 구매 시 월간 트래픽 항목도 함께 있기 때문에 유의하여 구매하세요.
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.05.23
20
알림 설정하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 발신 연락처 수정하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 좌측 상단 환경설정 클릭 4. 기업정보 탭이 나올 때까지 아래로 스크롤 5. 핸드폰번호와 이메일 수정 후 저장 클릭 완료 메뉴별로 알림 설정하기 1. 환경설정 - 사이트관리 내 알림설정 클릭 2. 앱 알림 설정 탭에서 메뉴를 하나씩 클릭하여 설정 참고사항 1. SMS알림은 유료(캐쉬 충전하여 사용) 2. 여러 이메일로 알림을 받고 싶을 때 각 메뉴 접속 후 메일알림 탭에서 추가 3. 휴면회원 전환 안내는 따로 설정해야하므로, 회원관리 메뉴에서 설정 4. 게시판 메뉴에서 문의형 게시판의 알림은 다양하게 활용 가능 문의형 게시판 활용 사례 문의형 게시판의 신규 알림은 행사 접수증, 답변완료 알림은 참가확인증 등으로 활용할 수 있습니다.
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.05.18
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 발신 연락처 수정하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 좌측 상단 환경설정 클릭 4. 기업정보 탭이 나올 때까지 아래로 스크롤 5. 핸드폰번호와 이메일 수정 후 저장 클릭 완료 메뉴별로 알림 설정하기 1. 환경설정 - 사이트관리 내 알림설정 클릭 2. 앱 알림 설정 탭에서 메뉴를 하나씩 클릭하여 설정 참고사항 1. SMS알림은 유료(캐쉬 충전하여 사용) 2. 여러 이메일로 알림을 받고 싶을 때 각 메뉴 접속 후 메일알림 탭에서 추가 3. 휴면회원 전환 안내는 따로 설정해야하므로, 회원관리 메뉴에서 설정 4. 게시판 메뉴에서 문의형 게시판의 알림은 다양하게 활용 가능 문의형 게시판 활용 사례 문의형 게시판의 신규 알림은 행사 접수증, 답변완료 알림은 참가확인증 등으로 활용할 수 있습니다.
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.05.18
19
게시글에 하이퍼링크 삽입하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 홈페이지, 관리자 페이지 중 편한 곳에서 글쓰기 클릭 2. 지구본 아이콘 클릭 3. 텍스트와 링크 입력 후 확인 완료 예시 1. 텍스트는 '원스탑서비스 홈페이지 바로가기', 링크는 원스탑서비스 주소를 입력해보겠습니다. 2. 입력 후 확인을 누르면 다음과 같이 추가됩니다. 새 창으로 연결 1. 새 창으로 연결되기 원하시면 코드를 수정해야 합니다. 2. 에디터 클릭 후 HTML로 전환 3. a 태그를 찾습니다. <a href="주소">텍스트</a>를 찾으시면 됩니다.
주소 뒤에 한 칸 띄어쓰고 target="_blank" 입력 후 저장
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.05.17
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 홈페이지, 관리자 페이지 중 편한 곳에서 글쓰기 클릭 2. 지구본 아이콘 클릭 3. 텍스트와 링크 입력 후 확인 완료 예시 1. 텍스트는 '원스탑서비스 홈페이지 바로가기', 링크는 원스탑서비스 주소를 입력해보겠습니다. 2. 입력 후 확인을 누르면 다음과 같이 추가됩니다. 새 창으로 연결 1. 새 창으로 연결되기 원하시면 코드를 수정해야 합니다. 2. 에디터 클릭 후 HTML로 전환 3. a 태그를 찾습니다. <a href="주소">텍스트</a>를 찾으시면 됩니다.
주소 뒤에 한 칸 띄어쓰고 target="_blank" 입력 후 저장
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.05.17
18
SSL 인증서 구매하기
• 인증서는 자체 무료 인증서를 제공하고 있으며, 개별 구매가 필요할 때만 확인해주세요. 도메인 정보 조회하기 1. 인증서 구매 시 도메인 정보를 입력해야 하므로 미리 조회하는 것을 권유합니다. KISA 후이즈 검색 바로가기 2. 검색창에 주소 입력 후 SEARCH 클릭 3. # ENGLISH 탭에 있는 정보를 따로 메모해두기
(예시처럼 조회결과에 영문주소가 나오지 않으면 영문주소 변환사이트를 이용해주세요!) 4. DCV 인증 이메일의 경우, 구매 페이지에서 도메인 검증하면 이메일 선택 박스가 생성되는데 이때 해당 이메일을 선택하시면 됩니다.
(실제 인증 시 사용되는 이메일이 다를 수도 있으므로 담당 부서에 확인 부탁드립니다.) 인증서 구매하기 1. 인증서 구매 페이지 접속 인증서 구매 페이지 바로가기 2. 인증서 선택 및 정보 입력(신청종류와 상품 종류는 원하시는 것을 선택하시면 되며, 나머지는 예시에 따라 설정해주세요.) 3. 신청자 정보 입력 및 약관 동의 4. 결제 완료 후 DCV 인증 Sectigo(COMODO) 인증서 DCV 확인 및 설정 방법 5. DCV 인증이 완료되면 마이페이지 또는 이메일로 인증서 파일을 다운로드 할 수 있습니다.
다운로드 후 누리미디어로 파일 전달 및 설치 요청해주세요. 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.05.09
• 인증서는 자체 무료 인증서를 제공하고 있으며, 개별 구매가 필요할 때만 확인해주세요. 도메인 정보 조회하기 1. 인증서 구매 시 도메인 정보를 입력해야 하므로 미리 조회하는 것을 권유합니다. KISA 후이즈 검색 바로가기 2. 검색창에 주소 입력 후 SEARCH 클릭 3. # ENGLISH 탭에 있는 정보를 따로 메모해두기
(예시처럼 조회결과에 영문주소가 나오지 않으면 영문주소 변환사이트를 이용해주세요!) 4. DCV 인증 이메일의 경우, 구매 페이지에서 도메인 검증하면 이메일 선택 박스가 생성되는데 이때 해당 이메일을 선택하시면 됩니다.
(실제 인증 시 사용되는 이메일이 다를 수도 있으므로 담당 부서에 확인 부탁드립니다.) 인증서 구매하기 1. 인증서 구매 페이지 접속 인증서 구매 페이지 바로가기 2. 인증서 선택 및 정보 입력(신청종류와 상품 종류는 원하시는 것을 선택하시면 되며, 나머지는 예시에 따라 설정해주세요.) 3. 신청자 정보 입력 및 약관 동의 4. 결제 완료 후 DCV 인증 Sectigo(COMODO) 인증서 DCV 확인 및 설정 방법 5. DCV 인증이 완료되면 마이페이지 또는 이메일로 인증서 파일을 다운로드 할 수 있습니다.
다운로드 후 누리미디어로 파일 전달 및 설치 요청해주세요. 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.05.09
17
홈페이지 하단 영역 수정하기(푸터 수정하기)
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 우측 상단 디자인편집 클릭
(디자인편집 버튼이 없는 경우 문의해주세요.) 4. 스크롤을 쭉 내려 하단 영역까지 이동
※ 홈페이지 디자인에 따라 수정 방법이 다릅니다. 해당하는 방법으로 시도해주세요. 더블클릭해서 수정하기 1. 하단 영역 더블클릭 - 커서 이동하여 수정 완료 코드 수정하기 1. 하단 영역에 마우스 오버 후 주황색 연필 아이콘 클릭 2. 왼쪽 코드셀 메뉴 - 설정 클릭 3. 내용 중 <>는 건드리지 않고 텍스트만 수정 완료 주소검색 후 수정하기 1. 하단 영역에 마우스 오버 후 주황색 연필 아이콘 클릭 2. 왼쪽 하단 주소 메뉴 - 정보 클릭 3. 화살표만 클릭하면 정보 수정 가능, 항목 이름이나 여백 클릭하면 노출 설정 가능 4. 수정할 정보 입력 후 뒤로 가기(바로 반영) 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.05.03
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 우측 상단 디자인편집 클릭
(디자인편집 버튼이 없는 경우 문의해주세요.) 4. 스크롤을 쭉 내려 하단 영역까지 이동
※ 홈페이지 디자인에 따라 수정 방법이 다릅니다. 해당하는 방법으로 시도해주세요. 더블클릭해서 수정하기 1. 하단 영역 더블클릭 - 커서 이동하여 수정 완료 코드 수정하기 1. 하단 영역에 마우스 오버 후 주황색 연필 아이콘 클릭 2. 왼쪽 코드셀 메뉴 - 설정 클릭 3. 내용 중 <>는 건드리지 않고 텍스트만 수정 완료 주소검색 후 수정하기 1. 하단 영역에 마우스 오버 후 주황색 연필 아이콘 클릭 2. 왼쪽 하단 주소 메뉴 - 정보 클릭 3. 화살표만 클릭하면 정보 수정 가능, 항목 이름이나 여백 클릭하면 노출 설정 가능 4. 수정할 정보 입력 후 뒤로 가기(바로 반영) 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.05.03
16
게시글에 이미지 업로드하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. ※ 이미지 무단 도용 문제가 발생하지 않도록 올리기 전 저작권을 반드시 확인해주세요. 웹이미지 올리기 1. 복사할 이미지에 마우스 우클릭 후 이미지 링크(또는 주소) 복사 2. 게시글 작성 화면에서 이미지 클릭 3. 이미지 업로드 창이 정상적으로 뜨는지 확인 4. 주소 붙여넣기 후 체크(✔) 클릭 - 추가 클릭 완료 내이미지 올리기 1. 게시글 작성 화면에서 이미지 클릭 2. 이미지 업로드 창이 뜨면 내 이미지 탭으로 이동 3. 내 이미지 탭은 로그인이 필요합니다. 우선 안내창 끄기 4. 익명사용자 또는 사용자 계정으로 로그인 5. 우측 상단 업로드 클릭 6. 찾아보기 클릭 후 PC에서 이미지 불러오기 7. 다 되었다면 업로드 클릭 8. 작업대기열에 있는 이미지를 아래로 드래그 - 추가 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.04.08
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. ※ 이미지 무단 도용 문제가 발생하지 않도록 올리기 전 저작권을 반드시 확인해주세요. 웹이미지 올리기 1. 복사할 이미지에 마우스 우클릭 후 이미지 링크(또는 주소) 복사 2. 게시글 작성 화면에서 이미지 클릭 3. 이미지 업로드 창이 정상적으로 뜨는지 확인 4. 주소 붙여넣기 후 체크(✔) 클릭 - 추가 클릭 완료 내이미지 올리기 1. 게시글 작성 화면에서 이미지 클릭 2. 이미지 업로드 창이 뜨면 내 이미지 탭으로 이동 3. 내 이미지 탭은 로그인이 필요합니다. 우선 안내창 끄기 4. 익명사용자 또는 사용자 계정으로 로그인 5. 우측 상단 업로드 클릭 6. 찾아보기 클릭 후 PC에서 이미지 불러오기 7. 다 되었다면 업로드 클릭 8. 작업대기열에 있는 이미지를 아래로 드래그 - 추가 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.04.08
15
홈페이지 데이터 추출하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 회원리스트 추출하기 1. 좌측 상단 회원관리 클릭 2. 회원리스트 클릭 3. 화면을 아래로 쭉 스크롤 4. 우측 하단 다운로드 클릭 5. 기간과 항목, 파일명 설정 후 다운로드 클릭 완료 게시글 추출하기 ※ 첨부파일과 이미지는 추출되지 않으니 참고 바랍니다. 1. 게시판 앱 클릭 2. 추출할 게시판 클릭 3. 우측 하단 다운로드 클릭 4. 기간과 기본항목, 파일명 설정 후 다운로드 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.04.06
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 회원리스트 추출하기 1. 좌측 상단 회원관리 클릭 2. 회원리스트 클릭 3. 화면을 아래로 쭉 스크롤 4. 우측 하단 다운로드 클릭 5. 기간과 항목, 파일명 설정 후 다운로드 클릭 완료 게시글 추출하기 ※ 첨부파일과 이미지는 추출되지 않으니 참고 바랍니다. 1. 게시판 앱 클릭 2. 추출할 게시판 클릭 3. 우측 하단 다운로드 클릭 4. 기간과 기본항목, 파일명 설정 후 다운로드 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2022.04.06
14
대표운영자 비밀번호 변경하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 좌측 상단 환경설정 클릭 4. 기본정보 - 계정정보 탭에서 비밀번호 입력 5. 스크롤을 쭉 내려 하단의 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2021.01.07
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 좌측 상단 환경설정 클릭 4. 기본정보 - 계정정보 탭에서 비밀번호 입력 5. 스크롤을 쭉 내려 하단의 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2021.01.07
13
게시글 순서 변경하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 수정하고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 가장 최근 글이 상단에 위치해야 하는데 순서가 뒤바뀐 상태입니다. 6. 좌측 하단 순서편집 클릭 8. 드래그하여 이동 9. 위치가 잘 바뀌었는지 확인 후 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 5px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 20px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 18px; font-weight: bold; letter-spacing: -1px; padding: 10px 30px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.07.15
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 수정하고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 가장 최근 글이 상단에 위치해야 하는데 순서가 뒤바뀐 상태입니다. 6. 좌측 하단 순서편집 클릭 8. 드래그하여 이동 9. 위치가 잘 바뀌었는지 확인 후 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 5px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 20px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 18px; font-weight: bold; letter-spacing: -1px; padding: 10px 30px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.07.15
12
메뉴 관리하기(추가 및 삭제)
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 우측 상단 디자인편집 클릭 4. 좌측 상단 메뉴 클릭 메뉴 추가하기 1. 메뉴추가 클릭하면 'Noname'으로 추가됩니다. 2. 기본설정 탭에서 메뉴명 입력 후 게시판 또는 페이지 연결
(소스코드와 서브컨텐츠 앱은 먼저 앱 관리에서 추가한 뒤 연결하는 것을 권유 드립니다.) 3. SEO 탭에서 페이지 주소 등 설정(선택사항) 4. 설정이 완료되면 메뉴 설정 화면에서 스크롤을 내려 저장 클릭 완료 메뉴 숨김/삭제하기 1. 수정할 메뉴 클릭 2. 기본설정 탭에서 자유롭게 설정 후 저장 클릭 완료 메뉴 이동하기 1. 메뉴추가 우측 십자가 아이콘 클릭 2. 이동할 메뉴 클릭 후 드래그 3. 완료되었으면 메뉴 설정화면 종료 후 우측 상단 게시하기 클릭 완료 하위메뉴 추가하기 1. 메뉴추가 클릭 후 메뉴 설정 2. 메뉴추가 우측 십자가 아이콘 클릭 3. 이동할 메뉴 클릭 후 우측으로 드래그 4. 하위메뉴 안에 하위메뉴를 추가하는 것도 가능합니다. 5. 메뉴는 총 3단계까지 추가 가능하며, 보통 '뎁스(depth)'로 구분합니다. 6. 메인메뉴 옆 마이너스 아이콘을 클릭하면 메뉴 숨기기, 펼치기가 가능합니다.
(홈페이지에는 적용되지 않으며, 메뉴가 많을 때 좀 더 편하게 설정할 수 있도록 도와주는 기능입니다.) 7. 메인메뉴를 삭제하면 하위메뉴까지 한꺼번에 삭제되므로 참고 바랍니다.
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.07.02
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 우측 상단 디자인편집 클릭 4. 좌측 상단 메뉴 클릭 메뉴 추가하기 1. 메뉴추가 클릭하면 'Noname'으로 추가됩니다. 2. 기본설정 탭에서 메뉴명 입력 후 게시판 또는 페이지 연결
(소스코드와 서브컨텐츠 앱은 먼저 앱 관리에서 추가한 뒤 연결하는 것을 권유 드립니다.) 3. SEO 탭에서 페이지 주소 등 설정(선택사항) 4. 설정이 완료되면 메뉴 설정 화면에서 스크롤을 내려 저장 클릭 완료 메뉴 숨김/삭제하기 1. 수정할 메뉴 클릭 2. 기본설정 탭에서 자유롭게 설정 후 저장 클릭 완료 메뉴 이동하기 1. 메뉴추가 우측 십자가 아이콘 클릭 2. 이동할 메뉴 클릭 후 드래그 3. 완료되었으면 메뉴 설정화면 종료 후 우측 상단 게시하기 클릭 완료 하위메뉴 추가하기 1. 메뉴추가 클릭 후 메뉴 설정 2. 메뉴추가 우측 십자가 아이콘 클릭 3. 이동할 메뉴 클릭 후 우측으로 드래그 4. 하위메뉴 안에 하위메뉴를 추가하는 것도 가능합니다. 5. 메뉴는 총 3단계까지 추가 가능하며, 보통 '뎁스(depth)'로 구분합니다. 6. 메인메뉴 옆 마이너스 아이콘을 클릭하면 메뉴 숨기기, 펼치기가 가능합니다.
(홈페이지에는 적용되지 않으며, 메뉴가 많을 때 좀 더 편하게 설정할 수 있도록 도와주는 기능입니다.) 7. 메인메뉴를 삭제하면 하위메뉴까지 한꺼번에 삭제되므로 참고 바랍니다.
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.07.02
11
납부 관리하기(결제서비스 설정)
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 납부관리 생성하기 1. 납부관리 앱 클릭 2. 납부관리 생성 클릭 3. 납부관리명은 홈페이지에 노출되는 이름입니다.(메뉴명과 다름) 자유롭게 입력 후 다음 클릭 4. 설정화면으로 바로 넘어가게 되는데 언제든지 설정 가능하므로 이 단계에서 진행하실 필요 없습니다.
다 되었다면 저장 클릭 5. 정상적으로 생성된 것을 확인하실 수 있습니다. 6. 메뉴에 연결해야 홈페이지에 노출됩니다. 아래 버튼을 클릭하여 메뉴 연결 방법을 확인해보세요. 메뉴관리하기
납부항목 추가 및 삭제 1. 납부항목 추가할 납부관리 클릭 2. 우측 항목등록 클릭 3. 아래 이미지 참고하여 자유롭게 설정 후 저장 클릭 4. 납부항목은 역순으로 추가되며, 위치 변경이 불가하므로 참고 부탁드립니다. 5. 삭제는 항목 목록에서 체크 후 선택한항목을 클릭 후 영구삭제 자동등업기능 1. 납부관리 설정 아이콘 클릭 2. 고급설정 탭에서 자동등업기능 사용 설정 후 저장 클릭 3. 수정할 항목의 연필 아이콘 클릭 4. 납부 시 변경될 등급을 선택합니다. 자동등업기능 사용 시 유의사항 ※ 자동등업기능은 해당하는 등급만 납부가 가능하므로 유의하여 사용해주세요. 만약 등급이 준회원→정회원→평생회원→관리자로 설정된 경우 아래와 같이 납부가 가능합니다. 항목 설정등급 등급 납부 가능여부 입회비 준회원 준회원 O 정회원 X 평생회원 X 관리자 X 정회원 연회비 정회원 준회원 O 정회원 O 평생회원 X 관리자 X 평생회원 연회비 평생회원 준회원 O 정회원 O 평생회원 O 관리자 X 1. 자동등업은 등급을 뛰어넘는 것이 가능합니다.
즉, 준회원이 평생회원이 되기 위해서 정회원 회비를 순차적으로 납부할 필요없이 바로 평생회원 회비를 납부하면 평생회원이 됩니다. 2. 최상위 등급은 등업할 필요가 없으므로 모든 항목 납부가 불가능합니다.
관리자는 최상위 등급이기 때문에 납부 가능한 항목이 없습니다. 3. 자동등업기능 사용 시 중복 납부가 불가능합니다.
모든 등급이 납부해야 할 항목을 추가하는 경우, 다른 납부관리에 추가해야 합니다. 납부내역조회 1. 납부관리목록 우측 상단 납부내역관리 클릭 2. 아래와 같이 납부내역이 나타나는 것을 확인할 수 있습니다.
KCP를 이용 중이면 결제서버IP를 추가해야 납부상태가 연동됩니다. PG사 설정 매뉴얼은 아래 버튼을 클릭해주세요. 카드결제 추가하기 3. 납부내역 하단에서는 납부내역 삭제 및 수기등록, 추출이 가능합니다.
수기등록의 경우 결제내역 연동은 가능하지만 결제수단 체크가 불가능합니다.
이 경우 결제항목설정에서 항목을 추가하는 방법으로 우회합니다. 결제항목 설정 1. 좌측 상단 환경설정 클릭 2. 납부관리 - 결제항목설정 클릭 3. 항목편집과 폼 그룹 추가 클릭하여 자유롭게 설정합니다. 설정한 내용은 모든 납부관리에 적용됩니다. 4. 모두 완료되면, 하단 저장 클릭
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont .ex table, td, th { border-collapse: collapse; border: 0px solid; text-align: center; width: 750px; letter-spacing: -1px; font-size: 14px; } #m_wrap .m_cont .ex th { background-color: #333; color: #fff; } #m_wrap .m_cont .ex td { color: #333; border-bottom: 1px; border-style: solid; border-color: #ddd; } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.25
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 납부관리 생성하기 1. 납부관리 앱 클릭 2. 납부관리 생성 클릭 3. 납부관리명은 홈페이지에 노출되는 이름입니다.(메뉴명과 다름) 자유롭게 입력 후 다음 클릭 4. 설정화면으로 바로 넘어가게 되는데 언제든지 설정 가능하므로 이 단계에서 진행하실 필요 없습니다.
다 되었다면 저장 클릭 5. 정상적으로 생성된 것을 확인하실 수 있습니다. 6. 메뉴에 연결해야 홈페이지에 노출됩니다. 아래 버튼을 클릭하여 메뉴 연결 방법을 확인해보세요. 메뉴관리하기
납부항목 추가 및 삭제 1. 납부항목 추가할 납부관리 클릭 2. 우측 항목등록 클릭 3. 아래 이미지 참고하여 자유롭게 설정 후 저장 클릭 4. 납부항목은 역순으로 추가되며, 위치 변경이 불가하므로 참고 부탁드립니다. 5. 삭제는 항목 목록에서 체크 후 선택한항목을 클릭 후 영구삭제 자동등업기능 1. 납부관리 설정 아이콘 클릭 2. 고급설정 탭에서 자동등업기능 사용 설정 후 저장 클릭 3. 수정할 항목의 연필 아이콘 클릭 4. 납부 시 변경될 등급을 선택합니다. 자동등업기능 사용 시 유의사항 ※ 자동등업기능은 해당하는 등급만 납부가 가능하므로 유의하여 사용해주세요. 만약 등급이 준회원→정회원→평생회원→관리자로 설정된 경우 아래와 같이 납부가 가능합니다. 항목 설정등급 등급 납부 가능여부 입회비 준회원 준회원 O 정회원 X 평생회원 X 관리자 X 정회원 연회비 정회원 준회원 O 정회원 O 평생회원 X 관리자 X 평생회원 연회비 평생회원 준회원 O 정회원 O 평생회원 O 관리자 X 1. 자동등업은 등급을 뛰어넘는 것이 가능합니다.
즉, 준회원이 평생회원이 되기 위해서 정회원 회비를 순차적으로 납부할 필요없이 바로 평생회원 회비를 납부하면 평생회원이 됩니다. 2. 최상위 등급은 등업할 필요가 없으므로 모든 항목 납부가 불가능합니다.
관리자는 최상위 등급이기 때문에 납부 가능한 항목이 없습니다. 3. 자동등업기능 사용 시 중복 납부가 불가능합니다.
모든 등급이 납부해야 할 항목을 추가하는 경우, 다른 납부관리에 추가해야 합니다. 납부내역조회 1. 납부관리목록 우측 상단 납부내역관리 클릭 2. 아래와 같이 납부내역이 나타나는 것을 확인할 수 있습니다.
KCP를 이용 중이면 결제서버IP를 추가해야 납부상태가 연동됩니다. PG사 설정 매뉴얼은 아래 버튼을 클릭해주세요. 카드결제 추가하기 3. 납부내역 하단에서는 납부내역 삭제 및 수기등록, 추출이 가능합니다.
수기등록의 경우 결제내역 연동은 가능하지만 결제수단 체크가 불가능합니다.
이 경우 결제항목설정에서 항목을 추가하는 방법으로 우회합니다. 결제항목 설정 1. 좌측 상단 환경설정 클릭 2. 납부관리 - 결제항목설정 클릭 3. 항목편집과 폼 그룹 추가 클릭하여 자유롭게 설정합니다. 설정한 내용은 모든 납부관리에 적용됩니다. 4. 모두 완료되면, 하단 저장 클릭
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont .ex table, td, th { border-collapse: collapse; border: 0px solid; text-align: center; width: 750px; letter-spacing: -1px; font-size: 14px; } #m_wrap .m_cont .ex th { background-color: #333; color: #fff; } #m_wrap .m_cont .ex td { color: #333; border-bottom: 1px; border-style: solid; border-color: #ddd; } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.25
10
SMS 발송하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 메뉴를 클릭하여 원하는 내용을 빠르게 확인해보세요. 번호 설정 SMS 발송 발송내역 조회 발신 번호 설정하기 1. 관리자 페이지 로그인 2. 좌측 상단 환경설정 클릭 3. 기본정보 내 기업정보 탭에서 번호 입력 후 저장 완료 SMS 발송하기 ※ SMS 발송은 유료이며, 캐쉬 충전 이후 이용할 수 있습니다. 1. 좌측 상단 회원관리 클릭 2. SMS관리 내 SMS보내기 클릭 3. 주소록 클릭 4. 모든상태 클릭하여 수신동의 회원만 필터링
(필터링하지 않을 시, 수신거부 회원에게도 발송됨) 5. 필터링 후 전체선택 클릭 6. 체크 여부 확인 후 추가 클릭 7. 특정 대상에게만 발송을 원할 시, 검색하여 추가 가능 8. 등급이나 그룹 탭을 통하여 발송리스트 미리 설정 가능
아래 버튼을 클릭하여 회원등급과 그룹 설정 방법을 확인해보세요! 회원관리 설정방법 9. 주소록에 없는 회원은 주소록 버튼 옆 텍스트 박스로 입력하여 추가 가능 10. 자유롭게 내용 작성 후 보내기 완료 11. 반복되는 알림은 우측 상단 저장하기 활용 12. 우측 하단 예약전송 클릭하여 원하는 날짜에 발송 가능
조회 및 취소는 SMS관리 - SMS발송예약리스트에서 하기 발송내역 조회하기 1. 진행 상황 조회는 불가능하며, 발송이 완료되어야 발송내역에 나타납니다. 2. SMS발송내역 클릭하여 조회 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.23
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 메뉴를 클릭하여 원하는 내용을 빠르게 확인해보세요. 번호 설정 SMS 발송 발송내역 조회 발신 번호 설정하기 1. 관리자 페이지 로그인 2. 좌측 상단 환경설정 클릭 3. 기본정보 내 기업정보 탭에서 번호 입력 후 저장 완료 SMS 발송하기 ※ SMS 발송은 유료이며, 캐쉬 충전 이후 이용할 수 있습니다. 1. 좌측 상단 회원관리 클릭 2. SMS관리 내 SMS보내기 클릭 3. 주소록 클릭 4. 모든상태 클릭하여 수신동의 회원만 필터링
(필터링하지 않을 시, 수신거부 회원에게도 발송됨) 5. 필터링 후 전체선택 클릭 6. 체크 여부 확인 후 추가 클릭 7. 특정 대상에게만 발송을 원할 시, 검색하여 추가 가능 8. 등급이나 그룹 탭을 통하여 발송리스트 미리 설정 가능
아래 버튼을 클릭하여 회원등급과 그룹 설정 방법을 확인해보세요! 회원관리 설정방법 9. 주소록에 없는 회원은 주소록 버튼 옆 텍스트 박스로 입력하여 추가 가능 10. 자유롭게 내용 작성 후 보내기 완료 11. 반복되는 알림은 우측 상단 저장하기 활용 12. 우측 하단 예약전송 클릭하여 원하는 날짜에 발송 가능
조회 및 취소는 SMS관리 - SMS발송예약리스트에서 하기 발송내역 조회하기 1. 진행 상황 조회는 불가능하며, 발송이 완료되어야 발송내역에 나타납니다. 2. SMS발송내역 클릭하여 조회 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.23
9
메뉴별 열람 권한 설정하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 메뉴 권한 설정하기 1. 우측 상단 디자인편집 클릭 2. 좌측 상단 메뉴 클릭 후 수정할 메뉴 클릭 3. 기본정보 탭 - 접근권한에서 자유롭게 설정 4. 설정이 모두 완료되면 저장 클릭 완료 선택그룹사용자 예시 ※ 특정 사용자(ex. 학술대회 신청자)만 접근 권한을 부여하고 싶을 때 주로 이 방법을 이용합니다.
아래 버튼을 클릭하여 회원그룹 설정방법을 확인해보세요! 회원관리하기 선택등급사용자 예시 ※ 그룹 설정하지 않고도 등급으로도 특정 사용자에게만 접근 권한을 부여할 수 있습니다.
다만, 회원등급을 따로 설정하지 않은 경우 특별회원이 관리자 등급이니 유의해주세요. 게시판 권한 설정하기 ※ 메뉴 자체의 접근 권한은 디자인편집 - 메뉴에서 해주셔야 합니다.
아래 버튼을 클릭하여 메뉴 관리방법을 확인해보세요! 메뉴관리하기 1. 게시판 앱 클릭 2. 수정할 게시판의 설정 클릭 3. 권한설정 탭에서 자유롭게 설정 후 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.22
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 메뉴 권한 설정하기 1. 우측 상단 디자인편집 클릭 2. 좌측 상단 메뉴 클릭 후 수정할 메뉴 클릭 3. 기본정보 탭 - 접근권한에서 자유롭게 설정 4. 설정이 모두 완료되면 저장 클릭 완료 선택그룹사용자 예시 ※ 특정 사용자(ex. 학술대회 신청자)만 접근 권한을 부여하고 싶을 때 주로 이 방법을 이용합니다.
아래 버튼을 클릭하여 회원그룹 설정방법을 확인해보세요! 회원관리하기 선택등급사용자 예시 ※ 그룹 설정하지 않고도 등급으로도 특정 사용자에게만 접근 권한을 부여할 수 있습니다.
다만, 회원등급을 따로 설정하지 않은 경우 특별회원이 관리자 등급이니 유의해주세요. 게시판 권한 설정하기 ※ 메뉴 자체의 접근 권한은 디자인편집 - 메뉴에서 해주셔야 합니다.
아래 버튼을 클릭하여 메뉴 관리방법을 확인해보세요! 메뉴관리하기 1. 게시판 앱 클릭 2. 수정할 게시판의 설정 클릭 3. 권한설정 탭에서 자유롭게 설정 후 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.22
8
게시글 노출 설정하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 등록일 설정하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 수정하고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 게시글 클릭 후 우측 상·하단 수정 클릭 6. 등록일 설정 항목의 설정안함 클릭 7. 종료일 체크 후 날짜와 시간 설정
설정된 일시 이후 자동 비공개 처리 8. 시작일을 함께 설정하면 게시 예약을 할 수 있습니다. 8. 설정이 완료되면 하단 저장 클릭 완료 비밀글 설정하기 ※ 비밀글은 작성자 이메일과 비밀번호를 입력해야 열람이 가능합니다.
목록에 노출되며, 이메일과 비밀번호 둘 중 하나라도 정보가 일치하지 않으면 열람이 어렵습니다. 1. 노출옵션 항목에서 비밀글 체크 2. 체크하면 나타나는 비밀번호 입력창에 자유롭게 비밀번호 입력 3. 설정이 완료되면 하단 저장 클릭 완료 4. 홈페이지 접속하면 제목에 열쇠 아이콘으로 비밀글 표시 5. 비밀번호와 이메일 입력하여 열람 비공개글 설정하기 ※ 비공개글은 목록에 노출되지 않으며, 링크 공유하여 열람이 가능합니다.
관리자 페이지에서는 링크 추출이 어려워 일시적으로 공개 처리한 뒤 홈페이지에서 추출합니다. 1. 노출옵션 항목에서 비공개 체크 2. 설정이 완료되면 하단 저장 클릭 완료 홈페이지에서 설정하기 ※ 홈페이지에서는 비밀글과 등록일 설정만 가능합니다. 1. 관리자 등급이 부여된 계정으로 로그인 2. 설정할 게시글이 있는 메뉴 클릭 - 게시글 클릭 3. 우측 하단 수정 클릭
(새로운 게시글을 작성하는 경우, 글쓰기로 진행해주세요!) 4. 자유롭게 설정 후 확인 클릭 완료 5. 로그인 후 비밀글 작성하면 열람 시 정보 입력이 불필요하며, 타인이 열람 시도할 경우 알럿창이 뜹니다. 6. 비로그인 상태에서는 게시글 작성 시 입력한 정보(비밀번호와 이메일)가 필요합니다. 정보를 알고있는 누구나 열람이 가능합니다.
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.19
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 등록일 설정하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 수정하고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 게시글 클릭 후 우측 상·하단 수정 클릭 6. 등록일 설정 항목의 설정안함 클릭 7. 종료일 체크 후 날짜와 시간 설정
설정된 일시 이후 자동 비공개 처리 8. 시작일을 함께 설정하면 게시 예약을 할 수 있습니다. 8. 설정이 완료되면 하단 저장 클릭 완료 비밀글 설정하기 ※ 비밀글은 작성자 이메일과 비밀번호를 입력해야 열람이 가능합니다.
목록에 노출되며, 이메일과 비밀번호 둘 중 하나라도 정보가 일치하지 않으면 열람이 어렵습니다. 1. 노출옵션 항목에서 비밀글 체크 2. 체크하면 나타나는 비밀번호 입력창에 자유롭게 비밀번호 입력 3. 설정이 완료되면 하단 저장 클릭 완료 4. 홈페이지 접속하면 제목에 열쇠 아이콘으로 비밀글 표시 5. 비밀번호와 이메일 입력하여 열람 비공개글 설정하기 ※ 비공개글은 목록에 노출되지 않으며, 링크 공유하여 열람이 가능합니다.
관리자 페이지에서는 링크 추출이 어려워 일시적으로 공개 처리한 뒤 홈페이지에서 추출합니다. 1. 노출옵션 항목에서 비공개 체크 2. 설정이 완료되면 하단 저장 클릭 완료 홈페이지에서 설정하기 ※ 홈페이지에서는 비밀글과 등록일 설정만 가능합니다. 1. 관리자 등급이 부여된 계정으로 로그인 2. 설정할 게시글이 있는 메뉴 클릭 - 게시글 클릭 3. 우측 하단 수정 클릭
(새로운 게시글을 작성하는 경우, 글쓰기로 진행해주세요!) 4. 자유롭게 설정 후 확인 클릭 완료 5. 로그인 후 비밀글 작성하면 열람 시 정보 입력이 불필요하며, 타인이 열람 시도할 경우 알럿창이 뜹니다. 6. 비로그인 상태에서는 게시글 작성 시 입력한 정보(비밀번호와 이메일)가 필요합니다. 정보를 알고있는 누구나 열람이 가능합니다.
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.19
7
게시글 날짜 변경하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 관리자 페이지에서 변경 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 수정하고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 게시글 클릭 후 우측 상·하단 수정 클릭 6. 등록일 설정 항목의 설정안함 클릭 8. 시작일의 달력 아이콘 클릭 8. 설정이 완료되면 하단 저장 클릭 완료 9. 날짜가 바뀐 것을 확인할 수 있음 홈페이지에서 설정하기 1. 관리자 등급이 부여된 계정으로 로그인 2. 설정할 게시글이 있는 메뉴 클릭 - 게시글 클릭 3. 우측 하단 수정 클릭
(새로운 게시글을 작성하는 경우, 글쓰기로 진행해주세요!) 4. 등록일 설정 - 시작일의 달력 아이콘 클릭하여 날짜 설정 5. 설정이 완료되면 하단 확인 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.19
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 관리자 페이지에서 변경 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 수정하고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 게시글 클릭 후 우측 상·하단 수정 클릭 6. 등록일 설정 항목의 설정안함 클릭 8. 시작일의 달력 아이콘 클릭 8. 설정이 완료되면 하단 저장 클릭 완료 9. 날짜가 바뀐 것을 확인할 수 있음 홈페이지에서 설정하기 1. 관리자 등급이 부여된 계정으로 로그인 2. 설정할 게시글이 있는 메뉴 클릭 - 게시글 클릭 3. 우측 하단 수정 클릭
(새로운 게시글을 작성하는 경우, 글쓰기로 진행해주세요!) 4. 등록일 설정 - 시작일의 달력 아이콘 클릭하여 날짜 설정 5. 설정이 완료되면 하단 확인 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.19
6
팝업 관리하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 메뉴를 클릭하여 원하는 내용을 빠르게 확인해보세요. 기본설정방법 활용방법 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 팝업 생성하기 1. 팝업 앱 클릭 2. 팝업 생성 클릭 3. 팝업명 입력 후 다음 4. 다음을 누르면 팝업설정화면으로 자동 이동됩니다. 아래 내용 참고하여 자유롭게 설정해주세요. 팝업 노출요소 팝업 디자인요소 5. 모두 완료되면 우측 상단 저장 클릭 완료 팝업 내리기 1. 팝업 목록에서 숨기고 싶은 팝업의 설정 아이콘 클릭 2. 노출안함 선택 후 저장 클릭 3. 아래처럼 보이면 성공 완료 이미지 반영하기(기본) ※ 따로 제작한 이미지가 있다면 아래 방법에 따라 시도해주세요! 1. 해당하는 이미지 파일 선택 후 마우스 우버튼 - 속성 클릭 2. 자세히 탭 이동 후 이미지 사이즈 확인 후 기억해두기 3. 팝업에 기본으로 추가된 요소를 하나씩 클릭하여 모두 삭제 4. 팝업설정화면 - 창크기에 기억해둔 사이즈 입력 5. 미리보기 상단 팝업디자인설정 아이콘 클릭 6. 기본 배경 삭제 후 이미지 추가 7. 정상적으로 반영된 것을 확인하실 수 있습니다. 이미지 반영하기(심화) ※ 이미지 사이즈가 큰 경우, 아래 방법도 확인해주세요! 1. 그림판 실행(반드시 그림판일 필요는 없으며 사용하시기 편한 그래픽 프로그램 실행해주세요.) 2. 여기서는 그림판으로 해보겠습니다. 이미지를 불러온 상태입니다. 3. 좌측 상단 크기 조정 클릭 4. 픽셀 탭으로 이동. 현재 사이즈는 1532x2465로 보통 모니터 해상도가 1920x1080인 것을 감안하면 큰 편입니다. 5. 원하는 사이즈 입력 후 계산된 값 기억해두기
(보통 팝업은 700픽셀을 넘지 않는 것이 적절하긴 합니다.) 6. 팝업설정화면 - 창크기에 기억해둔 사이즈 입력 7. 팝업디자인설정에서 기본 배경 삭제 후 이미지 추가
완료되면 가로세로100%으로 창크기에 이미지 맞추기 8. 비율에 맞게 설정된 것을 확인하실 수 있습니다. 이미지맵 연결하기 ※ 이미지 내 '어떤 내용'을 클릭하면 원하는 페이지로 이동하게 해달라는 요청이 많습니다.
아래 예시를 통하여 알려드리겠습니다. 1. 해당 팝업에 있는 바로가기 버튼에 링크를 걸 예정입니다. 2. 좌측 상단 요소추가에 있는 버튼 아이콘 클릭 3. 미리보기 좌측 상단에 추가된 버튼을 원하는 위치로 이동 4. 더블클릭하여 기본으로 입력된 내용 삭제 5. 사이즈에 맞게 조절 6. 조절이 완료되면 설정 아이콘 클릭하여 버튼 설정을 합니다.
테두리를 켜서 투명 테두리로 설정하고, 링크를 켠 뒤 원하는 페이지 주소를 입력하면 끝 7. 배경색 마우스 오버를 켜서 롤오버 효과를 줄 수도 있습니다. 8. 위 예시처럼 설정하고 마우스 커서를 갖다대면 아래와 같이 보입니다.
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.18
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 메뉴를 클릭하여 원하는 내용을 빠르게 확인해보세요. 기본설정방법 활용방법 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 팝업 생성하기 1. 팝업 앱 클릭 2. 팝업 생성 클릭 3. 팝업명 입력 후 다음 4. 다음을 누르면 팝업설정화면으로 자동 이동됩니다. 아래 내용 참고하여 자유롭게 설정해주세요. 팝업 노출요소 팝업 디자인요소 5. 모두 완료되면 우측 상단 저장 클릭 완료 팝업 내리기 1. 팝업 목록에서 숨기고 싶은 팝업의 설정 아이콘 클릭 2. 노출안함 선택 후 저장 클릭 3. 아래처럼 보이면 성공 완료 이미지 반영하기(기본) ※ 따로 제작한 이미지가 있다면 아래 방법에 따라 시도해주세요! 1. 해당하는 이미지 파일 선택 후 마우스 우버튼 - 속성 클릭 2. 자세히 탭 이동 후 이미지 사이즈 확인 후 기억해두기 3. 팝업에 기본으로 추가된 요소를 하나씩 클릭하여 모두 삭제 4. 팝업설정화면 - 창크기에 기억해둔 사이즈 입력 5. 미리보기 상단 팝업디자인설정 아이콘 클릭 6. 기본 배경 삭제 후 이미지 추가 7. 정상적으로 반영된 것을 확인하실 수 있습니다. 이미지 반영하기(심화) ※ 이미지 사이즈가 큰 경우, 아래 방법도 확인해주세요! 1. 그림판 실행(반드시 그림판일 필요는 없으며 사용하시기 편한 그래픽 프로그램 실행해주세요.) 2. 여기서는 그림판으로 해보겠습니다. 이미지를 불러온 상태입니다. 3. 좌측 상단 크기 조정 클릭 4. 픽셀 탭으로 이동. 현재 사이즈는 1532x2465로 보통 모니터 해상도가 1920x1080인 것을 감안하면 큰 편입니다. 5. 원하는 사이즈 입력 후 계산된 값 기억해두기
(보통 팝업은 700픽셀을 넘지 않는 것이 적절하긴 합니다.) 6. 팝업설정화면 - 창크기에 기억해둔 사이즈 입력 7. 팝업디자인설정에서 기본 배경 삭제 후 이미지 추가
완료되면 가로세로100%으로 창크기에 이미지 맞추기 8. 비율에 맞게 설정된 것을 확인하실 수 있습니다. 이미지맵 연결하기 ※ 이미지 내 '어떤 내용'을 클릭하면 원하는 페이지로 이동하게 해달라는 요청이 많습니다.
아래 예시를 통하여 알려드리겠습니다. 1. 해당 팝업에 있는 바로가기 버튼에 링크를 걸 예정입니다. 2. 좌측 상단 요소추가에 있는 버튼 아이콘 클릭 3. 미리보기 좌측 상단에 추가된 버튼을 원하는 위치로 이동 4. 더블클릭하여 기본으로 입력된 내용 삭제 5. 사이즈에 맞게 조절 6. 조절이 완료되면 설정 아이콘 클릭하여 버튼 설정을 합니다.
테두리를 켜서 투명 테두리로 설정하고, 링크를 켠 뒤 원하는 페이지 주소를 입력하면 끝 7. 배경색 마우스 오버를 켜서 롤오버 효과를 줄 수도 있습니다. 8. 위 예시처럼 설정하고 마우스 커서를 갖다대면 아래와 같이 보입니다.
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.18
5
회원 관리하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 메뉴를 클릭하여 원하는 내용을 빠르게 확인해보세요. 회원검색 회원정보수정 회원추가 강제탈퇴 등급설정 그룹설정 가입환경설정 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 좌측 상단 회원관리 클릭 회원 검색하기 1. 회원리스트 클릭 2. 우측 연두색 화살표 클릭 3. 입력 후 검색 클릭 완료 휴면회원 조회하기 ※ 회원리스트에 조회되지 않는 경우 해당 메뉴 확인해주세요. 1. 환경설정 - 휴면/탈퇴회원정보관리 - 회원정보 클릭 2. 휴면회원이 많은 경우 위의 회원검색 이용하여 조회하며,
휴면해제 시 당사자의 동의가 반드시 필요
(당사자 동의 없는 휴면해제는 개인정보보호법 위반입니다.) 회원정보 수정하기 ※ 누리미디어에서는 회원의 비밀번호 조회 및 재설정이 불가능합니다.
아래 방법에 따라 당사자 동의 후 직접 재설정해주세요. 1. 회원 검색하기 매뉴얼 1~3번까지 진행 2. 검색결과 우측 수정 클릭 3. 아이디 제외 모두 수정 가능하며, 이메일과 핸드폰번호는 반드시 값이 있어야 합니다. 자유롭게 수정 4. 모두 완료되면 저장 클릭 완료 회원 추가하기 1. 회원리스트 클릭 2. 좌측 회원등록 클릭 3. 아이디와 비밀번호, 이메일, 핸드폰번호는 필수 사항이며 나머지는 선택 사항입니다. 자유롭게 입력 4. 모두 완료되면 저장 클릭 완료 회원 강제탈퇴하기 1. 회원 검색하기 매뉴얼 1~3번까지 진행 2. 검색결과 우측 탈퇴 클릭 3. 알럿창의 체크(✔) 클릭 완료 4. 강제탈퇴한 회원은 회원탈퇴/삭제 메뉴에서 조회합니다.
(회원이 직접 탈퇴한 경우, 조회 불가능하니 참고 바랍니다.) 회원등급 설정하기 ※ 회원의 등급은 회원리스트 메뉴에서 설정합니다. 1. 회원등급관리 클릭 2. 손님(비회원) 제외 기본 등급은 6개입니다. 자유롭게 설정 3. 등급추가를 클릭하면 등급을 더욱 세부적으로 설정할 수 있습니다.
추가된 등급의 경우, 위치 이동이 불가하며 VVIP회원보다 높은 등급으로 인식되니 참고 바랍니다. 4. 모두 완료되면 저장 클릭 완료 DBpiaONE 연동 홈페이지의 경우 ※ 하단에 아래 탭이 추가되어 있으며, 여기서 투고 가능 권한을 설정합니다. 회원그룹 설정하기 1. 회원그룹관리 클릭 2. 체크 후 그룹으로 추가 클릭 - 새그룹만들기 클릭 3. 자유롭게 그룹명 입력 후 완료 클릭 4. 탭 추가와 회원 분류가 동시에 이루어진 것을 확인하실 수 있습니다. 5. 중복 분류는 무제한으로 가능하며, 아래 두 방법으로 그룹 포함 및 제외가 가능합니다. 6. 그룹관리 클릭하여 그룹 추가 및 삭제가 가능합니다. 회원가입 환경설정 1. 회원가입환경설정 클릭 2. 기본설정 탭에서는 가입승인제도와 스팸방지, 알림여부 설정이 가능합니다. 3. 기본항목설정 탭에서는 가입 시 입력할 수 있는 항목 설정이 가능합니다.
아래 항목들은 기본값으로 삭제 및 위치 이동이 불가하며, 사용에 체크 해제해야 합니다. 4. 항목편집 클릭 시 아래 11가지 폼으로 자유롭게 설정 가능합니다. 5. 추가가 완료되면 편집완료 클릭 6. 기본값 아래에, 필수는 체크 해제된 상태로 추가됩니다. 7. 모두 완료되면 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.17
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 메뉴를 클릭하여 원하는 내용을 빠르게 확인해보세요. 회원검색 회원정보수정 회원추가 강제탈퇴 등급설정 그룹설정 가입환경설정 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 좌측 상단 회원관리 클릭 회원 검색하기 1. 회원리스트 클릭 2. 우측 연두색 화살표 클릭 3. 입력 후 검색 클릭 완료 휴면회원 조회하기 ※ 회원리스트에 조회되지 않는 경우 해당 메뉴 확인해주세요. 1. 환경설정 - 휴면/탈퇴회원정보관리 - 회원정보 클릭 2. 휴면회원이 많은 경우 위의 회원검색 이용하여 조회하며,
휴면해제 시 당사자의 동의가 반드시 필요
(당사자 동의 없는 휴면해제는 개인정보보호법 위반입니다.) 회원정보 수정하기 ※ 누리미디어에서는 회원의 비밀번호 조회 및 재설정이 불가능합니다.
아래 방법에 따라 당사자 동의 후 직접 재설정해주세요. 1. 회원 검색하기 매뉴얼 1~3번까지 진행 2. 검색결과 우측 수정 클릭 3. 아이디 제외 모두 수정 가능하며, 이메일과 핸드폰번호는 반드시 값이 있어야 합니다. 자유롭게 수정 4. 모두 완료되면 저장 클릭 완료 회원 추가하기 1. 회원리스트 클릭 2. 좌측 회원등록 클릭 3. 아이디와 비밀번호, 이메일, 핸드폰번호는 필수 사항이며 나머지는 선택 사항입니다. 자유롭게 입력 4. 모두 완료되면 저장 클릭 완료 회원 강제탈퇴하기 1. 회원 검색하기 매뉴얼 1~3번까지 진행 2. 검색결과 우측 탈퇴 클릭 3. 알럿창의 체크(✔) 클릭 완료 4. 강제탈퇴한 회원은 회원탈퇴/삭제 메뉴에서 조회합니다.
(회원이 직접 탈퇴한 경우, 조회 불가능하니 참고 바랍니다.) 회원등급 설정하기 ※ 회원의 등급은 회원리스트 메뉴에서 설정합니다. 1. 회원등급관리 클릭 2. 손님(비회원) 제외 기본 등급은 6개입니다. 자유롭게 설정 3. 등급추가를 클릭하면 등급을 더욱 세부적으로 설정할 수 있습니다.
추가된 등급의 경우, 위치 이동이 불가하며 VVIP회원보다 높은 등급으로 인식되니 참고 바랍니다. 4. 모두 완료되면 저장 클릭 완료 DBpiaONE 연동 홈페이지의 경우 ※ 하단에 아래 탭이 추가되어 있으며, 여기서 투고 가능 권한을 설정합니다. 회원그룹 설정하기 1. 회원그룹관리 클릭 2. 체크 후 그룹으로 추가 클릭 - 새그룹만들기 클릭 3. 자유롭게 그룹명 입력 후 완료 클릭 4. 탭 추가와 회원 분류가 동시에 이루어진 것을 확인하실 수 있습니다. 5. 중복 분류는 무제한으로 가능하며, 아래 두 방법으로 그룹 포함 및 제외가 가능합니다. 6. 그룹관리 클릭하여 그룹 추가 및 삭제가 가능합니다. 회원가입 환경설정 1. 회원가입환경설정 클릭 2. 기본설정 탭에서는 가입승인제도와 스팸방지, 알림여부 설정이 가능합니다. 3. 기본항목설정 탭에서는 가입 시 입력할 수 있는 항목 설정이 가능합니다.
아래 항목들은 기본값으로 삭제 및 위치 이동이 불가하며, 사용에 체크 해제해야 합니다. 4. 항목편집 클릭 시 아래 11가지 폼으로 자유롭게 설정 가능합니다. 5. 추가가 완료되면 편집완료 클릭 6. 기본값 아래에, 필수는 체크 해제된 상태로 추가됩니다. 7. 모두 완료되면 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.17
4
단체 메일 발송하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 버튼을 클릭하여 원하는 내용을 빠르게 확인해보세요. 주소 설정 이메일 발송 발송내역 조회 ※ 전체 회원에게 발송 시, 회원수가 1000명을 초과하는 경우 여러 번 나누어서 발송해야 합니다. ※ 누리미디어에서도 자체 솔루션을 통한 단체메일 서비스를 제공하고 있습니다. 발신 주소 설정하기 1. 관리자 페이지 로그인 2. 좌측 상단 환경설정 클릭 3. 기본정보 내 기업정보 탭에서 이메일 입력 후 저장 완료 이메일 발송하기 1. 좌측 상단 회원관리 클릭 2. 메일관리 내 메일보내기 클릭 3. 주소록 클릭 4. 모든상태 클릭하여 수신동의 회원만 필터링
(필터링하지 않을 시, 수신거부 회원에게도 발송됨) 5. 필터링 후 전체선택 클릭 6. 체크 여부 확인 후 추가 클릭 7. 특정 대상에게만 발송을 원할 시, 검색하여 추가 가능 8. 등급이나 그룹 탭을 통하여 발송리스트 미리 설정 가능
아래 버튼을 클릭하여 회원등급과 그룹 설정 방법을 확인해보세요! 회원관리 설정방법 9. 자유롭게 내용 작성 10. 이메일 하단에 수신동의문구와 수신거부를 추가하는 것도 가능 11. 하단 메일보내기 버튼 옆의 미리보기를 클릭하면 예상 결과물 확인 가능 12. 모두 완료되면 메일보내기 클릭 완료 발송내역 조회하기 1. 진행 상황 조회는 불가능하며, 발송이 완료되어야 발송내역에 나타납니다. 2. 발송내역보기 클릭하여 조회 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.16
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. • 아래 버튼을 클릭하여 원하는 내용을 빠르게 확인해보세요. 주소 설정 이메일 발송 발송내역 조회 ※ 전체 회원에게 발송 시, 회원수가 1000명을 초과하는 경우 여러 번 나누어서 발송해야 합니다. ※ 누리미디어에서도 자체 솔루션을 통한 단체메일 서비스를 제공하고 있습니다. 발신 주소 설정하기 1. 관리자 페이지 로그인 2. 좌측 상단 환경설정 클릭 3. 기본정보 내 기업정보 탭에서 이메일 입력 후 저장 완료 이메일 발송하기 1. 좌측 상단 회원관리 클릭 2. 메일관리 내 메일보내기 클릭 3. 주소록 클릭 4. 모든상태 클릭하여 수신동의 회원만 필터링
(필터링하지 않을 시, 수신거부 회원에게도 발송됨) 5. 필터링 후 전체선택 클릭 6. 체크 여부 확인 후 추가 클릭 7. 특정 대상에게만 발송을 원할 시, 검색하여 추가 가능 8. 등급이나 그룹 탭을 통하여 발송리스트 미리 설정 가능
아래 버튼을 클릭하여 회원등급과 그룹 설정 방법을 확인해보세요! 회원관리 설정방법 9. 자유롭게 내용 작성 10. 이메일 하단에 수신동의문구와 수신거부를 추가하는 것도 가능 11. 하단 메일보내기 버튼 옆의 미리보기를 클릭하면 예상 결과물 확인 가능 12. 모두 완료되면 메일보내기 클릭 완료 발송내역 조회하기 1. 진행 상황 조회는 불가능하며, 발송이 완료되어야 발송내역에 나타납니다. 2. 발송내역보기 클릭하여 조회 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.16
3
대용량 파일 첨부하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. ※ 대용량 파일 삽입 시 트래픽 초과가 될 수 있으므로 학술대회 자료집이나 동영상은 가급적 외부에 업로드 후 링크 연결해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 환경설정 - 두부앱스 내 두부디스크에서 파일 업로드 후 경로 추출
아래 버튼을 클릭하여 파일 업로드와 경로 추출 방법을 확인해보세요! 두부디스크 사용방법 다운로드 링크 삽입하기 ※ 10MB 초과하는 파일은 주로 이 방법을 이용합니다. 1. 지구본 아이콘 클릭 - 텍스트는 게시글에 보일 내용, 링크는 추출한 파일 경로 붙여넣기 후 확인 2. 아래 이미지처럼 반영되면 성공 완료 다운로드 파일 교체하기 1. 소스코드 또는 서브컨텐츠 앱 - 수정할 페이지 클릭 2. 해당하는 코드를 찾아 파일경로만 수정(a 태그의 href 값) 완료 이미지 & 동영상 삽입하기 ※ 동영상은 '이미지' 옆 '동영상'을 이용하면 되며, 방법은 동일합니다. 1. 이미지 아이콘 클릭 - 내 이미지 탭으로 이동 2. 두부디스크e 클릭 3. 파일 더블클릭 또는 상단 작업대기열에 추가 클릭 4. 작업대기열에서 드래그 후 추가 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.09
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. ※ 대용량 파일 삽입 시 트래픽 초과가 될 수 있으므로 학술대회 자료집이나 동영상은 가급적 외부에 업로드 후 링크 연결해주세요. 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 환경설정 - 두부앱스 내 두부디스크에서 파일 업로드 후 경로 추출
아래 버튼을 클릭하여 파일 업로드와 경로 추출 방법을 확인해보세요! 두부디스크 사용방법 다운로드 링크 삽입하기 ※ 10MB 초과하는 파일은 주로 이 방법을 이용합니다. 1. 지구본 아이콘 클릭 - 텍스트는 게시글에 보일 내용, 링크는 추출한 파일 경로 붙여넣기 후 확인 2. 아래 이미지처럼 반영되면 성공 완료 다운로드 파일 교체하기 1. 소스코드 또는 서브컨텐츠 앱 - 수정할 페이지 클릭 2. 해당하는 코드를 찾아 파일경로만 수정(a 태그의 href 값) 완료 이미지 & 동영상 삽입하기 ※ 동영상은 '이미지' 옆 '동영상'을 이용하면 되며, 방법은 동일합니다. 1. 이미지 아이콘 클릭 - 내 이미지 탭으로 이동 2. 두부디스크e 클릭 3. 파일 더블클릭 또는 상단 작업대기열에 추가 클릭 4. 작업대기열에서 드래그 후 추가 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.06.09
2
게시글 공지 설정하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 홈페이지에서 설정하기 1. 관리자 등급이 부여된 계정으로 로그인 2. 공지 설정하고자 하는 메뉴 접속 3. 좌측 상단의 관리자 모드 버튼 클릭 4. 설정할 게시글 선택 후 좌측 하단의 선택한 게시글을 박스 클릭 - 공지로 등록 또는 전체공지로 등록 클릭 5. 알럿창의 확인 클릭 6. 공지글이 된 것을 확인하면 완료 관리자 페이지에서 설정하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 올리고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 설정하고자 하는 게시글 클릭 6. 우측 상단 또는 하단의 수정 버튼 클릭 7. 공지설정 항목에서 자유롭게 선택 후 하단의 저장 클릭 완료 공지 해제하기 ※ 홈페이지에서는 공지 해제가 불가능하며, 관리자 페이지에서만 가능합니다. 1. 바로 위의 매뉴얼 1~4번까지 동일 2. 공지 목록에서 설정하고자 하는 게시글 클릭(5번처럼 원본 게시글 클릭해도 무방) 3. 설정안함에 체크 후 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.05.26
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 홈페이지에서 설정하기 1. 관리자 등급이 부여된 계정으로 로그인 2. 공지 설정하고자 하는 메뉴 접속 3. 좌측 상단의 관리자 모드 버튼 클릭 4. 설정할 게시글 선택 후 좌측 하단의 선택한 게시글을 박스 클릭 - 공지로 등록 또는 전체공지로 등록 클릭 5. 알럿창의 확인 클릭 6. 공지글이 된 것을 확인하면 완료 관리자 페이지에서 설정하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 올리고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 설정하고자 하는 게시글 클릭 6. 우측 상단 또는 하단의 수정 버튼 클릭 7. 공지설정 항목에서 자유롭게 선택 후 하단의 저장 클릭 완료 공지 해제하기 ※ 홈페이지에서는 공지 해제가 불가능하며, 관리자 페이지에서만 가능합니다. 1. 바로 위의 매뉴얼 1~4번까지 동일 2. 공지 목록에서 설정하고자 하는 게시글 클릭(5번처럼 원본 게시글 클릭해도 무방) 3. 설정안함에 체크 후 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.05.26
1
게시글 업로드하기
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 홈페이지에서 게시글 작성하기 1. 관리자 등급이 부여된 계정으로 로그인 2. 올리고자 하는 메뉴 클릭 3. 우측 하단의 글쓰기 클릭 4. 직접 입력 또는 복사, 붙여넣기 하여 자유롭게 작성
이미지 삽입 방법은 아래 버튼을 클릭하여 확인해보세요!
이미지 삽입하기 5. 작성 후 하단의 확인 클릭 완료 관리자 페이지에서 게시글 작성하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 올리고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 우측 상단 또는 하단의 글쓰기 버튼 클릭 6. 게시글 작성하기 6. 작성 후 하단의 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.05.26
• 홈페이지 템플릿에 따라 실제 화면과 다를 수 있습니다. • 대표 운영자 계정 찾기는 고객센터로 요청해주세요. 홈페이지에서 게시글 작성하기 1. 관리자 등급이 부여된 계정으로 로그인 2. 올리고자 하는 메뉴 클릭 3. 우측 하단의 글쓰기 클릭 4. 직접 입력 또는 복사, 붙여넣기 하여 자유롭게 작성
이미지 삽입 방법은 아래 버튼을 클릭하여 확인해보세요!
이미지 삽입하기 5. 작성 후 하단의 확인 클릭 완료 관리자 페이지에서 게시글 작성하기 1. 관리자 페이지 접속 또는 홈페이지 우측 최상단 '관리자' 클릭
(모바일은 우측 … 버튼 클릭 후 '관리자' 클릭) 2. 대표운영자 또는 운영자 계정 로그인 3. 나의 앱에서 '게시판' 클릭 4. 올리고자 하는 게시판 클릭
(임의 생성한 테스트 게시판이라 홈페이지 연결이 안된 점 참고 부탁드립니다.) 5. 우측 상단 또는 하단의 글쓰기 버튼 클릭 6. 게시글 작성하기 6. 작성 후 하단의 저장 클릭 완료
FAQ 확인하기 이메일 작성하기 1:1문의 이동하기 @font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); } @font-face { font-family: 'NEXON Lv1 Gothic OTF'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); } #m_wrap { font-family: "NotoSans KR"; font-weight: 500; width: 100%; color: #333; max-width: 810px; margin: 0 auto; scroll-behavior: smooth; } #m_wrap>div { width: 100%;} #m_wrap>* { font-family: "NotoSans KR"; color: #333;} #m_wrap .topbox { width: 100%; text-align: center; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 32px 0 20px 0; } #m_wrap .topbox p{ font-size: 21px !important; color: #333 !important; font-family: 'NEXON Lv1 Gothic OTF Bold'; } /*.m_wrap .topbox a{display: inline-block; margin-right: 10px; color:#333;}*/ #m_wrap .topbox #btn1 { margin-right: -3px; } #m_wrap .topbox #btn2 { margin-right: -3px; margin-left: -3px; } #m_wrap .topbox #btn3 { margin-left:-3px;} #m_wrap .topbox #top_btn button { border: 1px solid #333; background-color: #fff; color: #333; padding: 10px 15px 10px 15px; margin-top: 16px; font-family: 'NEXON Lv1 Gothic OTF'; font-size: 16px; letter-spacing: -1px; text-align: center;} #m_wrap .topbox #top_btn button:hover { color: white; background-color: #333;} #m_wrap .m_cont { width: 100%; max-width: 810px; border-width: 10px 0 10px 0; border-style: solid; border-color: #333; line-height: 1.5; letter-spacing: -1px; padding: 20px 0; margin: 20px 0 20px 0; } #m_wrap .m_cont p { font-size: 16px !important; padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 16px 0; color: #333 !important; } #m_wrap .m_cont .m_img { text-align: center; width: 100%; max-width: 700px; transition: all 0.5s linear; margin: 30px auto; } #m_wrap .m_cont .m_img p { color: #666 !important; font-size: 12px !important; letter-spacing: -1px; } #m_wrap .m_cont img { box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3); width: 100% auto;} #m_wrap .m_cont .m_img img:hover { transform: scale(1.4) } #m_wrap .m_cont em { font-weight: bold; color: red; font-style: italic; } #m_wrap .m_cont span { display: block; padding-left: 1em; text-indent: -1em; } #rel_01>span { display: block; font-size: 18px; line-height: 1.5; color: #333 !important; padding-left: 2em; text-indent: -1em; } #m_wrap .m_cont h2 { color: #333 !important; display: inline-block; margin: 16px 0 5px 0; border-width: 0 0 1px 0; border-style: solid; border-image: linear-gradient(to right, #333, #fff); border-image-slice: 1; padding: 0 300px 2px 5px; font-size: 21px; font-family: 'NEXON Lv1 Gothic OTF Bold'; letter-spacing: -1px; } #m_wrap .m_cont h3 { color: #333 !important; background-color: #eee; display: inline-block; margin: 16px 0px 0px 0px; padding: 2px 7px 2px 7px; font-size: 16px; font-weight: bold; letter-spacing: -1px; } #m_wrap .m_cont .move a{ border: none; background-color: #333; border-radius: 5px; display: inline-block; cursor: pointer; color: #fff; font-family: 'NotoSans KR'; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 8px 28px; margin-top: 0; margin-left: 18px; margin-bottom: 16px; text-decoration: none; align-self: center; text-align: center} #m_wrap .m_cont .move a:hover { box-shadow: 0 0 0 2px #333 inset; background-color: #fff; color: #333;} #m_wrap .footer { text-align: center; } #m_wrap .footer img { margin: 20px 0; width: 100% auto;} #m_wrap .footer .btn { border: none; background-color:#ee2935; border-radius:10px; display:inline-block; cursor:pointer; color:#fff; font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size: 21px; letter-spacing: -1px; padding:18px 52px; margin: 16px 0 0 16px; text-decoration:none; align-self: center; } #m_wrap .footer .btn:hover { background-color:#b72025; } #m_wrap .footer .btn:active { position:relative; top:1px; } 2020.05.26
내용이 없습니다.