2023/10/20 문자온 > 키워드랜딩페이지 > 부고문자보내기 페이지 추가 퍼블리싱 + 그전 랜딩페이지 버튼수정
경로:publish_adv/adv_template_v1_manuscript_6.html
This commit is contained in:
ITN_디자인팀
parent
d4dc30b123
commit
109fad516d
@ -204,7 +204,7 @@
|
||||
|
||||
<div class="btn_wrap">
|
||||
<div class="inner">
|
||||
<a href="http://www.munjaon.co.kr" target="_blank">메인화면으로 이동</a>
|
||||
<a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">단체문자</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -162,8 +162,8 @@
|
||||
</section>
|
||||
<div class="btn_wrap">
|
||||
<div class="inner">
|
||||
<a href="https://www.munjaon.co.kr" target="_blank">문자전송</a>
|
||||
</div>
|
||||
<a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">문자전송</a>
|
||||
</div>ㄴ
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -149,7 +149,7 @@
|
||||
</section>
|
||||
<div class="btn_wrap">
|
||||
<div class="inner">
|
||||
<a href="https://www.munjaon.co.kr" target="_blank">대량문자</a>
|
||||
<a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">대량문자</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -114,7 +114,7 @@
|
||||
</section>
|
||||
<div class="btn_wrap">
|
||||
<div class="inner">
|
||||
<a href="https://www.munjaon.co.kr" target="_blank">컴퓨터문자보내기</a>
|
||||
<a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">컴퓨터문자보내기</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -321,7 +321,7 @@
|
||||
|
||||
<div class="btn_wrap">
|
||||
<div class="inner">
|
||||
<a href="https://www.munjaon.co.kr" target="_blank">인터넷문자</a>
|
||||
<a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">인터넷문자</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -0,0 +1,578 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>부고문자 예시 모음 - 문자온</title>
|
||||
|
||||
<meta name="Keywords" content="문자전송, 문자발송, SMS, LMS, MMS, 문자보내기, 단체문자, 단체문자전송, 단체문자발송,단체문자사이트,문자사이트, 대량문자">
|
||||
<meta name="description" content="나에게는 절대로 오지 않을 일이면 좋겠지만 살다보면 여러 가지 이유로 가족 중에 누군가를 가슴아프게 떠나보내야 할 때가 옵니다. 또는 그러한 누군가의 아픔을 위로해야 할 때도 있을 것입니다. 부고를 알리고 위로하고 답례를 할 때는 경황이 없음을 서로 이해하고 전화보다는 문자메시지를 통해 내용을 전달하시는데요. 어떤 내용으로 보낼지 막막하신 분들을 위해 상황에 맞는 다양한 예시를 안내해드립니다.">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="단체문자 발송하는 방법 총정리 - 문자온">
|
||||
<meta property="og:description" content="나에게는 절대로 오지 않을 일이면 좋겠지만 살다보면 여러 가지 이유로 가족 중에 누군가를 가슴아프게 떠나보내야 할 때가 옵니다. 또는 그러한 누군가의 아픔을 위로해야 할 때도 있을 것입니다. 부고를 알리고 위로하고 답례를 할 때는 경황이 없음을 서로 이해하고 전화보다는 문자메시지를 통해 내용을 전달하시는데요. 어떤 내용으로 보낼지 막막하신 분들을 위해 상황에 맞는 다양한 예시를 안내해드립니다.">
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="/publish/images/favicon/apple-icon-57x57.png">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="/publish/images/favicon/apple-icon-60x60.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="/publish/images/favicon/apple-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="/publish/images/favicon/apple-icon-76x76.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="/publish/images/favicon/apple-icon-114x114.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="/publish/images/favicon/apple-icon-120x120.png">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="/publish/images/favicon/apple-icon-144x144.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/publish/images/favicon/apple-icon-152x152.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/publish/images/favicon/apple-icon-180x180.png">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="/publish/images/favicon/android-icon-192x192.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/publish/images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/publish/images/favicon/favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/publish/images/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="/publish/images/favicon/manifest.json">
|
||||
|
||||
<link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
|
||||
<link rel="stylesheet" href="/publish/publish_adv/css/style.css">
|
||||
<link rel="stylesheet" href="/publish/css/font.css">
|
||||
|
||||
<script src="/publish/js/jquery-3.5.0.js"></script>
|
||||
<script>
|
||||
function topBtn() {
|
||||
$("html").scrollTop("0");
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="template_v1_content">
|
||||
<button type="button" class="top_btn" onclick="topBtn()" style="z-index: 2;">▲<br>TOP</button>
|
||||
<header>
|
||||
<div class="inner">
|
||||
<a href="https://www.munjaon.co.kr">
|
||||
<h1><img src="/publish/publish_adv/img/template_v1_header_logo.png" alt=""></h1>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
<div class="visual">
|
||||
<div class="inner">
|
||||
<p class="keyword">keyword</p>
|
||||
<h2>부고문자 예시 모음</h2>
|
||||
<p class="sub_text obituary_te">나에게는 절대로 오지 않을 일이면 좋겠지만 살다보면 여러 가지 이유로 가족 중에 누군가를 가슴아프게 떠나보내야 할 때가 옵니다. 또는 그러한 누군가의 아픔을 위로해야 할 때도 있을 것입니다. 부고를 알리고 위로하고 답례를 할 때는 경황이 없음을 서로 이해하고 전화보다는 문자메시지를 통해 내용을 전달하시는데요. 어떤 내용으로 보낼지 막막하신 분들을 위해 상황에 맞는 다양한 예시를 안내해드립니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="index">
|
||||
<div class="inner">
|
||||
<p>목 차</p>
|
||||
<nav>
|
||||
<ul style="text-align: center;display: inline-block; width: auto;">
|
||||
<li><a href="#section01">부고알림문자 예시</a></li>
|
||||
<li><a href="#section02">부고위로문자 예시</a></li>
|
||||
<li><a href="#section03">부고답례문자 예시</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<section class="section section01" id="section01">
|
||||
<div class="inner obituary_inner">
|
||||
<h3>부고알림문자 예시</h3>
|
||||
<div class="short">
|
||||
<p class="text bold" style="margin: 0 0 8px 0;">[단문]</p>
|
||||
<ul class="obituary">
|
||||
<li>
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고알림문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
★부고★안내문 상주: ○○○<br>
|
||||
망자: 부친<br>
|
||||
일시: ○○<br>
|
||||
발인: ○○<br>
|
||||
○○장례식
|
||||
<p class="date">PM 3:45</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="people_01"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고알림문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
○○○님의 부친께서 오늘 별세하셨습니다.<br>
|
||||
◇◇◇◇장례식장<br>
|
||||
발인 ◇월 ◇일<br>
|
||||
02-ooo-oooo
|
||||
<p class="date">PM 5:30</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_02"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고알림문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
[부고]<br>
|
||||
○○○께서 소천하셨습니다.<br>
|
||||
빈소:○○○장례식장<br>
|
||||
발인:○월○일
|
||||
<p class="date">PM 8:55</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_03"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="second_line move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고알림문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
<부고><br>
|
||||
저의●●님께서 오늘 별세하셨습니다.<br>
|
||||
빈소:□□□장례식 ○호<br>
|
||||
발인:○월○일
|
||||
<p class="date">PM 2:15</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_02"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="second_line move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고알림문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
<부고><br>
|
||||
○○○께서 별세하셨습니다.<br>
|
||||
빈소 : ○○○○<br>
|
||||
발인 : ○○월 ○○일 ○○시
|
||||
<p class="date">PM 6:48</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_03"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="line"></div>
|
||||
|
||||
<div class="long">
|
||||
<p class="text bold" style="margin: 0 0 8px 0;">[장문]</p>
|
||||
<ul class="obituary">
|
||||
<li>
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고알림문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
-- 부 고 --<br>
|
||||
◆ ○○○씨 별세: ○○○(□□□ 대표), ○○○
|
||||
(□□□ 교사)씨 부친, ○○○()씨 장인<br>
|
||||
◆ 8일 오전 2시30분 서울대병원 <br>
|
||||
◆ 발인 10일 오전 9시<br>
|
||||
◆ (000)000-0000
|
||||
<p class="date">PM 1:10</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="people_01"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고알림문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
부 고<br>
|
||||
○○○의 모친 ○○○이<br>
|
||||
숙환으로 0000년 ○월○일<br>
|
||||
오전에 별세하셨기에 삼가 알려드립니다.<br>
|
||||
빈소 :<br>
|
||||
발인일시 : 오전 ○시 ○분<br>
|
||||
발인장소 :<br>
|
||||
장지 :<br>
|
||||
사자 : ○○○<br>
|
||||
사위 : ○○○ <br>
|
||||
호상 : ○○○
|
||||
<p class="date">AM 8:45</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_02"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고알림문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
ㅇㅇㅇ님의 어머님께서 오늘(XX일) 오전에 별세하셨습니다.<br>
|
||||
삼가 고인의 명복을 빌면서 ㅇㅇ님에게도 심심한 조의를 표합니다.<br>
|
||||
**영안실: XX장례식장.<br>
|
||||
**발인: XX일(X요일) 아침.<br>
|
||||
슬픔에 잠긴 유족들께 여러분의 따뜻한 위로 부탁드리겠습니다.<br><br>
|
||||
|
||||
20XX년 XX월 XX일 홍길동
|
||||
<p class="date">PM 5:35</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_01"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="second_line move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고알림문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
- 부 고-<br>
|
||||
故○○○님께서 별세하셨기에 삼가 알려드립니다.<br>
|
||||
황망한 마음에 일일이 연락 드리지 못함을 널리 혜량해 주시길 바랍니다.<br><br>
|
||||
|
||||
- 모바일 부고장 -<br><br>
|
||||
https://www.●●●.com
|
||||
<p class="date">AM 9:43</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_02"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="second_line move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고알림문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
<부고알림><br>
|
||||
OOO 모친상<br>
|
||||
- 빈소 : ●●병원 장례식장 ●번 분향소<br>
|
||||
- 발인 : □□□□년 □□월 □□일 (□요일)<br>
|
||||
연락처 : 010-1234-5678<br>
|
||||
마음 전하실 곳 : △△은행 (123-45-567890) OOO<br><br>
|
||||
|
||||
삼가 고인의 명복을 빕니다.
|
||||
<p class="date">PM 5:15</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_03"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="line"></div>
|
||||
|
||||
<div class="drawing">
|
||||
<p class="text bold" style="margin: 0 0 8px 0;">[그림문자]</p>
|
||||
<img src="./img/template_v1_manuscript_6_section01_img01.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section02" id="section02">
|
||||
<div class="inner obituary_inner">
|
||||
<h3>부고위로문자 예시</h3>
|
||||
<div class="short">
|
||||
<p class="text bold" style="margin: 0 0 8px 0;">[단문]</p>
|
||||
<ul class="obituary">
|
||||
<li>
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고위로문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
평소 고인의 은덕을 되새기며 큰 슬픔을 위로하오며 삼가 고인의 명복을 빕니다.
|
||||
<p class="date">PM 3:40</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="people_01"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고위로문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
애석하게 사망하였다는 가슴 아픈 비보를 접하고 귀하께 심심한 애도의 뜻을 표합니다.
|
||||
<p class="date">PM 5:30</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_02"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고위로문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
본인이 어떠한 위로의 말을 드린다해도 보잘것 없겠지만 삼가 위로의 말씀을 올립니다.
|
||||
<p class="date">PM 8:30</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_03"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="second_line move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고위로문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
뜻밖의 비보에 슬픈 마음 금할 길 없습니다. 조의를 표하오며 고인의 명복을 빕니다.
|
||||
<p class="date">AM 9:20</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_01"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="second_line move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고위로문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
삼가 조의를 표하오며 고인의 유덕이 후세에 이어져 빛나기를 빕니다.
|
||||
<p class="date">PM 7:50</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_02"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="line"></div>
|
||||
|
||||
<div class="long">
|
||||
<p class="text bold" style="margin: 0 0 8px 0;">[장문]</p>
|
||||
<ul class="obituary">
|
||||
<li>
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고위로문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
○○님의 ○○○님께서<br>
|
||||
애석하게 사망하였다는<br>
|
||||
가슴아픈 비보에<br>
|
||||
슬픈 마음 금할 길 없습니다.<br><br>
|
||||
|
||||
어떠한 위로의 말씀을 드린다 해도 보잘것 없겠지만 삼가 위로의 말씀을 올립니다.<br><br>
|
||||
|
||||
조의를 표하오며 고인의 명복을 빕니다.
|
||||
<p class="date">PM 1:10</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="people_03"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고위로문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
삼가 조의를 표하며 서방정토 극락세계에 왕생하기를 바라겠습니다. 부득이하게 조문하지 못해 죄송합니다.<br>
|
||||
삼가 고인의 명복을 빕니다.
|
||||
<p class="date">AM 8:45</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_02"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고위로문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
○○○님의 ○○님의 부고를 접한 저희들로서는
|
||||
이 슬픔을 어떻게 말로 표현해야 좋을지 모르겠습니다.<br>
|
||||
귀하에게 있어서 얼마나 소중한 분이었는지 잘 알고 있습니다.<br>
|
||||
부디 저희들의 심심한 애도의 뜻을 가족 여러분에게도 전해 주시기 바랍니다.<br>
|
||||
귀하가 비통한 슬픔을 어떻게든 이겨내실 수 있기를 기원합니다.
|
||||
<p class="date">PM 5:55</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_01"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="second_line move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고위로문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
갑작스럽게 상을 당하시어 얼마나 애통하십니까?<br><br>
|
||||
|
||||
뭐라 위로의 말씀을 드려야 좋을지 모르겠습니다.<br><br>
|
||||
본인이 어떠한 위로의 말씀을 드린다해도 보잘것 없겠지만 삼가 위로의 말씀을 올립니다.<br>
|
||||
|
||||
크게 마음 잡수시고 기운차리시기 바랍니다.<br>
|
||||
|
||||
○○○님의 명복을 빕니다.
|
||||
<p class="date">AM 9:43</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_01"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="second_line move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고위로문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
부친(모친)의 별세 소식을 듣고도 개인적인 사정으로 조문치 못하여 너무 죄송합니다.<br>
|
||||
큰 슬픔을 위로드리며 삼가 고인의 명복을 빕니다.
|
||||
<p class="date">PM 5:15</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_03"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="line"></div>
|
||||
|
||||
<div class="drawing">
|
||||
<p class="text bold" style="margin: 0 0 8px 0;">[그림문자]</p>
|
||||
<img src="./img/template_v1_manuscript_6_section02_img01.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section03" id="section03">
|
||||
<div class="inner obituary_inner">
|
||||
<h3>부고답례문자 예시</h3>
|
||||
<div class="short">
|
||||
<p class="text bold" style="margin: 0 0 8px 0;">[단문]</p>
|
||||
<p class="text sub_text" style="margin-bottom: 250px;">상주의 경황이 없는 부고알림문자 및 부고위로문자의 경우와 달리 답례문자는 감사의 마음을 표시해야 하기에 단문으로 보내시는 경우가 없습니다.</p>
|
||||
</div>
|
||||
|
||||
<div class="line"></div>
|
||||
|
||||
<div class="long">
|
||||
<p class="text bold" style="margin: 0 0 8px 0;">[장문]</p>
|
||||
<ul class="obituary">
|
||||
<li>
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고답례문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
삼가 인사 말씀 올립니다.<br><br>
|
||||
|
||||
공사다망하신 중에도 불구하고 조문해주시고,<br>
|
||||
따뜻하신 조위와 후의를 베풀어 주신 덕택으로<br>
|
||||
무사히 OOO님의 장례를 마쳤습니다.<br><br>
|
||||
|
||||
깊은 감사 드립니다.
|
||||
<p class="date">AM 8:10</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="people_02"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고답례문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
하늘이 무너지는 슬픔에 힘겨워 하는 중에 바쁘신 와중에도 찾아 오셔서 정성어린 위로를 해주신 사랑과 배려에 감사의 눈물이 납니다.<br><br>
|
||||
|
||||
슬픔을 추스릴 시간이 부족해서, 마땅히 찾아뵙고 인사드려야 함에도 이렇게 글로 대신함을 용서해 주시길 부탁드립니다.
|
||||
보내주신 진심어린 위로에 거듭 감사인사 드립니다. 정말 감사합니다.
|
||||
<p class="date">AM 10:30</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_01"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고답례문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
삼가 인사 올립니다.<br><br>
|
||||
|
||||
금번 저의 모친상에 많은 위로와 조의를 보내주셔 너무나 감사드립니다.<br>
|
||||
앞으로 힘든 시간이 되겠지만 위로해주신 마음 잊지 않고 제 역할에 충실하겠습니다.<br>
|
||||
일일이 찾아뵙고 인사 드리지 못하는 점 너무 죄송스럽게 생각하며, 가정에 평안과 행복이 가득하길 기원하겠습니다.<br><br>
|
||||
|
||||
- OOO 배상 -
|
||||
<p class="date">PM 2:20</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_03"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="second_line move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고답례문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
삼가 인사드립니다.<br><br>
|
||||
|
||||
금번 저희 ○○님 장례에 바쁘신 중에도 찾아주시고, 저희 가족 위로해주심을 진심으로 감사드립니다.<br>
|
||||
큰 슬픔에 찬 저희 가족에게 따뜻한 위로가 되었습니다.<br>
|
||||
고마움 오래오래 간직하겠습니다.<br><br>
|
||||
|
||||
내내 건강하옵시고 귀댁의 가정에 항상 행운이 함께 하시길 기원합니다.
|
||||
<p class="date">PM 7:33</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_01"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
<li class="second_line move_line">
|
||||
<div class="wrap">
|
||||
<div class="title">
|
||||
<p class="text">부고답례문자</p>
|
||||
</div>
|
||||
<div class="inner_text">
|
||||
삼가 아뢰옵니다.<br>
|
||||
지난번 000의 상을 당하였을 때<br>
|
||||
바쁘신 중에도 장례에 참석하여 따뜻한 위로의 말씀을 하여 주셔서 감사한 마음 금할 길이 없사옵니다. 직접 찾아뵙고 인사드리는 것이 도리이나 황망한 가운데 우선 글로써 인사를 대신합니다.
|
||||
<p class="date">PM 9:50</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="people_02"></div>
|
||||
<div class="speech_bubble"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="line"></div>
|
||||
|
||||
<div class="drawing">
|
||||
<p class="text bold" style="margin: 0 0 8px 0;">[그림문자]</p>
|
||||
<img src="./img/template_v1_manuscript_6_section03_img01.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="btn_wrap">
|
||||
<div class="inner">
|
||||
<a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">부고문자 보내기</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -260,6 +260,34 @@ a{text-decoration: none;color: #222222;}
|
||||
.template_v1_content .btn_wrap a{display: inline-flex; width: 514px; height: 101px; background-color: #002c9a; border-radius: 10px; color: #fff; font-size: 25px; justify-content: center; align-items: center;}
|
||||
/* //템플릿1 */
|
||||
|
||||
/*템플릿1_6부고문자추가_공통_시작*/
|
||||
.template_v1_content .visual .inner .obituary_te{font-size: 20px; padding: 0 20px;}
|
||||
.template_v1_content .obituary_inner .line{width: 100%;border-top:7px dotted #8f96aa; opacity: 50%; margin: -220px auto 30px auto;}
|
||||
.template_v1_content .obituary{display: flex; /*\justify-content: space-between;*/ flex-wrap: wrap; margin: 20px -20px 0 0;}
|
||||
.template_v1_content .obituary li{position: relative; width: calc(100%/3);}
|
||||
.template_v1_content .obituary .wrap{width: 80%;height: 210px;background-color: #fff;position: relative;border-radius: 20px;margin-left: 55px;box-shadow:0 0 9px rgba(0,0,0,0.1)}
|
||||
.template_v1_content .obituary .title{width: 100%; height: 60px; background-color: #1e4594; border-radius: 20px 20px 0 0;}
|
||||
.template_v1_content .obituary .title .text{font-family:'GmarketSansBold'; font-size: 22px; color: #fff; padding: 0 0 0 20px; line-height: 63px;}
|
||||
.template_v1_content .obituary .inner_text{border-radius: 0 0 11px 11px;width: calc(100% - 31px);height: calc(100% - 90px);line-height: 1.4;padding: 7px;background-color: #f0f2f6;position: relative;z-index: 20; font-size: 15px;color: #555;z-index: 1;margin: 7px auto 0 auto;}
|
||||
.template_v1_content .obituary .inner_text .date{font-size: 14px; color: #999; /* float: right;*/ /*margin: 14px 6px 0 0;*/ position: absolute; bottom: 7px; right: 11px; }
|
||||
/*프로필*/
|
||||
.template_v1_content .obituary .people_01{display: flex; min-height: 313px; background: url(/publish/publish_adv/img/people_01.png) no-repeat; text-align: center; margin: -1px 0 0 0; align-items: center;}
|
||||
.template_v1_content .obituary .people_02{display: flex; min-height: 313px; background: url(/publish/publish_adv/img/people_02.png) no-repeat; text-align: center; margin: -1px 0 0 0; align-items: center;}
|
||||
.template_v1_content .obituary .people_03{display: flex; min-height: 313px; background: url(/publish/publish_adv/img/people_03.png) no-repeat; text-align: center; margin: -1px 0 0 0; align-items: center;}
|
||||
.template_v1_content .obituary .speech_bubble{position: absolute; min-height: 313px;background: url(/publish/publish_adv/img/speech_bubble.png) no-repeat;text-align: center; bottom: 27px;width: 55px;left: 57px;}
|
||||
/*두번째 줄*/
|
||||
.template_v1_content .obituary .second_line{margin: -225px 0 0 0;}
|
||||
/*.template_v1_content .obituary .second_line .speech_bubble{bottom: 252px;}*/
|
||||
/*장문*/
|
||||
.template_v1_content .long .obituary .wrap{width: 80%;height: 410px;background-color: #fff;position: relative;border-radius: 20px;margin-left: 55px;box-shadow:0 0 5px rgba(0,0,0,0.2)}
|
||||
/*그림*/
|
||||
.template_v1_content .obituary_inner .drawing img{margin:0;}
|
||||
/*섹션02_타이틀_색상*/
|
||||
.template_v1_content .section02 .obituary .title{background-color: #5d89fb;}
|
||||
/*섹션03_단문글씨*/
|
||||
.template_v1_content .section03 .obituary_inner .short .sub_text{font-size: 18px; color: #555;}
|
||||
|
||||
/*템플릿1_6부고문자추가_공통_끝*/
|
||||
|
||||
/*미디어쿼리 시작*/
|
||||
/*미디어쿼리_1340px*/
|
||||
@ -541,6 +569,14 @@ a{text-decoration: none;color: #222222;}
|
||||
.multi-text-wrap #send .con > p{margin: -36px 0px 20px 40px;}
|
||||
}
|
||||
|
||||
/*미디어쿼리_915_/*템플릿1_6부고문자추가*/
|
||||
@media screen and (max-width:915px){
|
||||
.template_v1_content .obituary li{width:calc(100%/2);}
|
||||
.template_v1_content .obituary .second_line{margin: 0;}
|
||||
.template_v1_content .obituary .move_line{margin: -230px 0 0 0;}
|
||||
.template_v1_content .obituary li:nth-child(2){margin: 0;}
|
||||
.template_v1_content .long .obituary .wrap{height: 370px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width:876px){
|
||||
.template_v1_content .visual .inner{background-size: auto 151px;}
|
||||
@ -830,6 +866,9 @@ a{text-decoration: none;color: #222222;}
|
||||
@media screen and (max-width:710px){
|
||||
/*갤럭시*/
|
||||
.multi-text-wrap #galaxy .con .text-04 p{width: 108%; margin-left: -8%;}
|
||||
|
||||
/*템플릿1_6부고문자추가*/
|
||||
.template_v1_content .long .obituary .wrap{height: 390px;}
|
||||
}
|
||||
|
||||
/*미디어쿼리_690px*/
|
||||
@ -871,6 +910,11 @@ a{text-decoration: none;color: #222222;}
|
||||
.template_v1_content .inner{padding: 60px 0;}
|
||||
.template_v1_content h3{margin: 0 0 30px 0;}
|
||||
.template_v1_content .table_type01{table-layout: auto;}
|
||||
|
||||
/*템플릿1_6부고문자추가*/
|
||||
.template_v1_content .visual .inner .obituary_te{font-size: 17px; line-height: 1.4;}
|
||||
.template_v1_content .long .obituary .wrap{height: 420px;}
|
||||
.template_v1_content .obituary{margin: 20px 0 0 0;}
|
||||
}
|
||||
|
||||
/*미디어쿼리_600px*/
|
||||
@ -880,6 +924,13 @@ a{text-decoration: none;color: #222222;}
|
||||
.multi-text-wrap #galaxy .con .step-02{margin-left: 19%;}
|
||||
.multi-text-wrap #galaxy .con .step-03{margin-left: 19%;}
|
||||
.multi-text-wrap #galaxy .con .step-05{margin-left: 19%;}
|
||||
|
||||
/*템플릿1_6부고문자추가*/
|
||||
.template_v1_content .long .obituary .wrap{height: 350px;}
|
||||
.template_v1_content .obituary{margin: 20px -20px 0 0;}
|
||||
.template_v1_content .obituary li{width:calc(100%);}
|
||||
.template_v1_content .obituary .move_line02{margin: -230px 0 0 0;}
|
||||
.template_v1_content .obituary li:nth-child(2){margin: -230px 0 0 0;}
|
||||
}
|
||||
|
||||
/*미디어쿼리_570px*/
|
||||
@ -1117,6 +1168,10 @@ a{text-decoration: none;color: #222222;}
|
||||
.template_v1_content .inner img{width: 100%;}
|
||||
|
||||
.template_v1_content header .inner, .template_v1_content .inner,.template_v1_content .index ul{width: calc(100% - 40px);}
|
||||
|
||||
/*템플릿1_6부고문자추가*/
|
||||
.template_v1_content .long .obituary .wrap{height: 400px;}
|
||||
.template_v1_content .obituary{margin: 20px 0 0 0;}
|
||||
}
|
||||
|
||||
/*미디어쿼리_393px*/
|
||||
@ -1146,6 +1201,7 @@ a{text-decoration: none;color: #222222;}
|
||||
.multi-text-wrap #send .number{line-height: 1.7; padding-right: 20px;}
|
||||
.multi-text-wrap #send .number ul li:nth-child(2){margin-top: -1%; margin-bottom: 3%;}
|
||||
.multi-text-wrap #send .number ul li:nth-child(8){margin-top: -3%;}
|
||||
|
||||
}
|
||||
|
||||
/*미디어쿼리_375px*/
|
||||
@ -1241,6 +1297,9 @@ a{text-decoration: none;color: #222222;}
|
||||
.multi-text-wrap #send .send-tx-05{padding: 0 16px 25px 16px;}
|
||||
.multi-text-wrap #send .send-tx-05 p{line-height: 1.4; padding-top: 15%;}
|
||||
/*.multi-text-wrap #send .step-tx p{line-height: 1.2;}*/
|
||||
|
||||
/*템플릿1_6부고문자추가*/
|
||||
.template_v1_content .long .obituary .wrap{height: 430px;}
|
||||
}
|
||||
|
||||
/*미디어쿼리_280px*/
|
||||
@ -1297,3 +1356,5 @@ a{text-decoration: none;color: #222222;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
BIN
src/main/webapp/publish/publish_adv/img/people_01.png
Normal file
BIN
src/main/webapp/publish/publish_adv/img/people_01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
src/main/webapp/publish/publish_adv/img/people_02.png
Normal file
BIN
src/main/webapp/publish/publish_adv/img/people_02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/publish/publish_adv/img/people_03.png
Normal file
BIN
src/main/webapp/publish/publish_adv/img/people_03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
src/main/webapp/publish/publish_adv/img/speech_bubble.png
Normal file
BIN
src/main/webapp/publish/publish_adv/img/speech_bubble.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 320 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 332 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 422 KiB |
Loading…
Reference in New Issue
Block a user