광화문글판, 오늘 당신의 마음에 필요한 한 문장을 찾아보세요
교보생명의 대표적인 브랜드 자산인 광화문글판은 1991년부터 계절마다 시민들에게 위로와 희망의 메시지를 전해왔습니다.
어떤 날은 긴 이야기보다 짧은 한 문장이 더 오래 마음에 남습니다.
힘이 필요한 순간, 새로운 시작 앞에 선 순간, 누군가가 그리운 순간에도 우리는 한 문장에서 작은 위로를 발견합니다.
광화문글판
오늘 당신에게 필요한
한 문장을 찾아보세요
한 문장을 찾아보세요
어떤 마음으로 오늘을 보내고 있나요?
지금의 마음과 가까운 문장을 만나보세요.
지금의 마음과 가까운 문장을 만나보세요.
지금 내 마음은
마음과 가까운 항목을 선택하면
광화문글판이 건넸던 한 문장을 만날 수 있습니다.
광화문글판이 건넸던 한 문장을 만날 수 있습니다.
“
이 문장이 건네는 마음
aboutAUTHOR
교보 뉴스룸 최신 콘텐츠
광화문글판, 오늘 당신의 마음에 필요한 한 문장을 찾아보세요
교보생명의 대표적인 브랜드 자산인 광화문글판은 1991년부터 계절마다 시민들에게 위로와 희망의 메시지를 전해왔습니다.
어떤 날은 긴 이야기보다 짧은 한 문장이 더 오래 마음에 남습니다.
힘이 필요한 순간, 새로운 시작 앞에 선 순간, 누군가가 그리운 순간에도 우리는 한 문장에서 작은 위로를 발견합니다.
#gwanghwamun-quote-widget,
#gwanghwamun-quote-widget * {
box-sizing:border-box !important;
}
#gwanghwamun-quote-widget {
--bg:#f6f4ef;
--card:#ffffff;
--text:#1d211e;
--sub:#666c68;
--green:#087a45;
--green-soft:#edf6f1;
--line:#dedfd9;
width:100% !important;
max-width:1180px !important;
margin:40px auto !important;
background:var(--bg);
border-radius:26px;
overflow:hidden;
font-family:
"Pretendard",
"Noto Sans KR",
sans-serif;
word-break:keep-all;
}
#gwanghwamun-quote-widget .gw-inner {
width:calc(100% - 64px);
max-width:940px;
margin:auto;
}
/* HERO */
.gw-hero {
padding:70px 0 45px;
text-align:center;
}
.gw-label {
display:inline-block;
margin-bottom:18px;
padding:8px 15px;
background:#fff;
border:1px solid rgba(8,122,69,.2);
border-radius:100px;
color:#087a45;
font-size:14px;
font-weight:800;
}
.gw-title {
margin:0 auto;
color:#1d211e;
font-size:44px !important;
line-height:1.3;
font-weight:800;
letter-spacing:-0.045em;
}
.gw-intro {
margin-top:20px;
color:#666;
font-size:18px;
line-height:1.75;
}
/* 선택 영역 */
.gw-select {
padding-bottom:50px;
}
.gw-select-label {
margin-bottom:16px;
color:#777;
font-size:15px;
font-weight:700;
}
.gw-grid {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}
.gw-emotion {
padding:27px 28px;
background:#fff;
border:1px solid #dedfd9;
border-radius:18px;
cursor:pointer;
text-align:left;
}
.gw-emotion.active {
background:#edf6f1;
border-color:#087a45;
}
.gw-emotion-icon {
display:block;
margin-bottom:14px;
font-size:25px;
}
.gw-emotion-title {
display:block;
margin-bottom:6px;
color:#1d211e;
font-size:20px;
font-weight:800;
}
.gw-emotion-desc {
color:#666;
font-size:15px;
}
/* 안내 */
.gw-guide {
margin-bottom:55px;
padding:28px 20px;
border-top:1px solid #dedfd9;
border-bottom:1px solid #dedfd9;
color:#777;
text-align:center;
line-height:1.8;
}
/* 결과 */
.gw-result {
display:none;
padding-bottom:60px;
}
.gw-result.show {
display:block;
}
.gw-card {
background:#fff;
border-radius:24px;
overflow:hidden;
box-shadow:
0 20px 50px rgba(0,0,0,.08);
}
/* 문장 */
.gw-quote-area {
padding:55px 40px 38px;
border-top:4px solid #087a45;
text-align:center;
}
.gw-quote-mark {
color:rgba(8,122,69,.25);
font-size:50px;
}
.gw-quote {
margin:auto;
max-width:760px;
font-family:
"Noto Serif KR",
serif;
font-size:34px;
line-height:1.7;
font-weight:600;
}
.gw-source {
margin-top:25px;
color:#666;
font-size:15px;
}
.gw-season {
display:inline-block;
margin-top:12px;
padding:7px 12px;
background:#edf6f1;
border-radius:50px;
color:#087a45;
font-size:13px;
font-weight:800;
}
/* 사진 */
.gw-photo {
display:none;
border-top:1px solid #dedfd9;
background:#f5f5f2;
}
.gw-photo.show {
display:block;
}
.gw-photo img {
display:block;
width:100%;
height:auto;
}
/* 의미 */
.gw-meaning {
padding:34px 40px;
background:#fcfcfa;
}
.gw-meaning-label {
color:#087a45;
font-size:13px;
font-weight:800;
}
.gw-meaning-title {
margin:10px 0;
font-size:22px;
font-weight:800;
}
.gw-meaning-text {
color:#555;
font-size:16px;
line-height:1.8;
}
/* 버튼 */
.gw-actions {
padding:0 40px 35px;
background:#fcfcfa;
text-align:center;
}
.gw-next {
padding:13px 22px;
background:#fff;
border:1px solid #ccc;
border-radius:50px;
cursor:pointer;
font-weight:700;
}
/* 모바일 */
@media(max-width:700px){
#gwanghwamun-quote-widget .gw-inner{
width:calc(100% - 26px);
}
.gw-title{
font-size:30px !important;
}
.gw-grid{
grid-template-columns:1fr;
}
.gw-quote-area{
padding:40px 20px 30px;
}
.gw-quote{
font-size:26px;
}
.gw-meaning{
padding:26px 20px;
}
.gw-actions{
padding:0 20px 28px;
}
.gw-next{
width:100%;
}
}
광화문글판
오늘 당신에게 필요한
한 문장을 찾아보세요
어떤 마음으로 오늘을 보내고 있나요?
지금의 마음과 가까운 문장을 만나보세요.
지금 내 마음은
💧
조금 지쳤어요
다시 힘을 내고 싶은 날
🌱
새롭게 시작하고 싶어요
오늘을 다시 바라보고 싶은 날
☀️
마음이 따뜻해졌으면 해요
나와 곁의 사람을 돌아보고 싶은 날
🌙
문득 그리운 사람이 있어요
소중한 누군가를 떠올리는 날
마음과 가까운 항목을 선택하면
광화문글판이 건넸던 한 문장을 만날 수 있습니다.
“
이 문장이 건네는 마음
다른 문장 만나보기 ↻
(function(){
var widget =
document.getElementById('gwanghwamun-quote-widget');
if(!widget) return;
var data = {
tired:[
{
quote:
'흔들리지 않고 피는 꽃이 어디 있으랴'+
'그 어떤 아름다운 꽃들도'+
'다 흔들리며 피었나니',
source:
'도종환 · 「흔들리며 피는 꽃」',
season:
'2004년 봄편',
image:
'https://news.kyobo.com/wp-content/uploads/2026/08/gwanghwamun-2004-spring.webp',
imageAlt:
'2004년 봄편 광화문글판 도종환 흔들리며 피는 꽃',
title:
'흔들리는 시간도 삶의 일부입니다.',
meaning:
'흔들리는 순간도 삶의 한 과정입니다. 힘든 시간을 지나고 있는 우리에게 다시 피어날 수 있다는 응원의 마음을 건넵니다.'
},
{
quote:
'대추가 저절로 붉어질 리는 없다'+
'저 안에 태풍 몇 개'+
'천둥 몇 개, 벼락 몇 개',
source:
'장석주 · 「대추 한 알」',
season:
'2009년 가을편',
image:
'https://news.kyobo.com/wp-content/uploads/2026/08/gwanghwamun-2009-autumn.webp',
imageAlt:
'2009년 가을편 광화문글판 장석주 대추 한 알',
title:
'지나온 시간은 사라지지 않습니다.',
meaning:
'작은 열매 하나가 익는 데에도 수많은 시간이 필요합니다. 지금까지 견디고 지나온 경험 역시 우리의 삶을 단단하게 만드는 힘이 됩니다.'
}
],
start:[
{
quote:
'두 번은 없다'+
'반복되는 하루는 단 한 번도 없다'+
'그러므로 너는 아름답다',
source:
'비스와바 쉼보르스카 · 「두 번은 없다」',
season:
'2015년 겨울편',
image:
'https://news.kyobo.com/wp-content/uploads/2026/08/gwanghwamun-2015-winter.webp',
imageAlt:
'2015년 겨울편 광화문글판 비스와바 쉼보르스카 두 번은 없다',
title:
'오늘은 다시 오지 않습니다.',
meaning:
'지나간 어제와 아직 오지 않은 내일보다 지금 이 순간의 나를 바라봅니다. 오늘을 다시 시작할 이유를 떠올리게 하는 문장입니다.'
},
{
quote:
'황새는 날아서'+
'말은 뛰어서'+
'달팽이는 기어서'+
'새해 첫날에 도착했다',
source:
'반칠환 · 「새해 첫 기적」',
season:
'2012년 겨울편',
image:
'https://news.kyobo.com/wp-content/uploads/2026/08/gwanghwamun-2012-winter.webp',
imageAlt:
'2012년 겨울편 광화문글판 반칠환 새해 첫 기적',
title:
'우리에게는 저마다의 속도가 있습니다.',
meaning:
'빠르게 가는 사람도 있고 천천히 나아가는 사람도 있습니다. 다른 사람과 같은 속도보다 나만의 방법으로 앞으로 나아가는 일이 중요하다는 마음을 전합니다.'
}
],
warm:[
{
quote:
'자세히 보아야 예쁘다'+
'오래 보아야 사랑스럽다'+
'너도 그렇다',
source:
'나태주 · 「풀꽃」',
season:
'2012년 봄편',
image:
'https://news.kyobo.com/wp-content/uploads/2026/08/gwanghwamun-2012-spring.webp',
imageAlt:
'2012년 봄편 광화문글판 나태주 풀꽃',
title:
'조금 더 오래 바라보면 보이는 것들.',
meaning:
'익숙해서 지나쳤던 사람과 평범하게 여겼던 나 자신도 조금 더 자세히 바라보면 새로운 모습이 보입니다. 나와 곁의 사람을 다정하게 바라보게 만드는 문장입니다.'
},
{
quote:
'사람이 온다는 건'+
'실은 어마어마한 일이다'+
'한 사람의 일생이 오기 때문이다',
source:
'정현종 · 「방문객」',
season:
'2011년 여름편',
image:
'https://news.kyobo.com/wp-content/uploads/2026/08/gwanghwamun-2011-summer.webp',
imageAlt:
'2011년 여름편 광화문글판 정현종 방문객',
title:
'한 사람을 만난다는 것의 의미.',
meaning:
'누군가를 만난다는 것은 그 사람이 지나온 시간까지 마주하는 일이기도 합니다. 익숙한 만남과 관계의 소중함을 다시 생각하게 합니다.'
}
],
miss:[
{
quote:
'먼 데서 바람 불어와'+
'풍경 소리 들리면'+
'보고 싶은 내 마음이'+
'찾아간 줄 알아라',
source:
'정호승 · 「풍경 달다」',
season:
'2014년 여름편',
image:
'https://news.kyobo.com/wp-content/uploads/2026/08/gwanghwamun-2014-summer.webp',
imageAlt:
'2014년 여름편 광화문글판 정호승 풍경 달다',
title:
'보고 싶은 마음도 어딘가에 닿을 수 있습니다.',
meaning:
'그리움은 때로 말보다 작은 소리 하나에 실려 전해집니다. 문득 떠오른 사람이 있다면 오늘은 그 마음을 조금 더 오래 간직해봐도 좋겠습니다.'
},
{
quote:
'눈송이처럼 너에게 가고 싶다'+
'머뭇거리지 말고'+
'서성대지 말고',
source:
'문정희 · 「겨울사랑」',
season:
'2009년 겨울편',
image:
'https://news.kyobo.com/wp-content/uploads/2026/08/gwanghwamun-2009-winter.webp',
imageAlt:
'2009년 겨울편 광화문글판 문정희 겨울사랑',
title:
'마음을 전하기에 너무 늦은 날은 없습니다.',
meaning:
'보고 싶은 사람에게 다가가는 일에는 때때로 용기가 필요합니다. 머뭇거리는 마음보다 따뜻한 마음을 먼저 건네고 싶게 만드는 문장입니다.'
}
]
};
var buttons =
widget.querySelectorAll('.gw-emotion');
var guide =
widget.querySelector('.gw-guide');
var result =
widget.querySelector('.gw-result');
var quote =
widget.querySelector('.gw-quote');
var source =
widget.querySelector('.gw-source');
var season =
widget.querySelector('.gw-season');
var photo =
widget.querySelector('.gw-photo');
var photoImg =
widget.querySelector('.gw-photo img');
var meaningTitle =
widget.querySelector('.gw-meaning-title');
var meaningText =
widget.querySelector('.gw-meaning-text');
var next =
widget.querySelector('.gw-next');
var currentEmotion = null;
var currentIndex = 0;
function render(){
var item =
data[currentEmotion][currentIndex];
quote.innerHTML =
item.quote;
source.textContent =
item.source;
season.textContent =
item.season;
meaningTitle.textContent =
item.title;
meaningText.textContent =
item.meaning;
if(item.image){
photoImg.src =
item.image;
photoImg.alt =
item.imageAlt || '';
photo.classList.add('show');
}else{
photo.classList.remove('show');
photoImg.src = '';
photoImg.alt = '';
}
}
buttons.forEach(function(button){
button.addEventListener('click',function(){
buttons.forEach(function(b){
b.classList.remove('active');
});
button.classList.add('active');
currentEmotion =
button.getAttribute('data-emotion');
currentIndex =
Math.floor(
Math.random() *
data[currentEmotion].length
);
render();
guide.style.display =
'none';
result.classList.add('show');
if(window.innerWidth max-width: 940px;<br /> margin: 60px auto 40px;<br /> font-family: "Pretendard", "Noto Sans KR", sans-serif;<br /> word-break: keep-all;<br /> }</p> <p> .gw-more-title {<br /> margin-bottom: 12px;<br /> color: #1d211e;<br /> font-size: 28px;<br /> font-weight: 800;<br /> letter-spacing: -0.04em;<br /> line-height: 1.4;<br /> }</p> <p> .gw-more-desc {<br /> margin-bottom: 28px;<br /> color: #666c68;<br /> font-size: 16px;<br /> line-height: 1.8;<br /> }</p> <p> .gw-more-grid {<br /> display: grid;<br /> grid-template-columns: repeat(2, 1fr);<br /> gap: 16px;<br /> }</p> <p> .gw-more-card {<br /> display: flex;<br /> flex-direction: column;</p> <p> min-height: 230px;<br /> padding: 28px;</p> <p> background: #f8faf8;<br /> border: 1px solid #dfe6e1;<br /> border-radius: 18px;</p> <p> text-decoration: none;<br /> color: #1d211e;</p> <p> transition: all .2s ease;<br /> }</p> <p> .gw-more-card:hover {<br /> transform: translateY(-4px);<br /> background: #ffffff;<br /> border-color: #087a45;<br /> box-shadow: 0 12px 28px rgba(0,0,0,.08);<br /> }</p> <p> .gw-more-label {<br /> display: inline-block;<br /> width: fit-content;</p> <p> margin-bottom: 18px;<br /> padding: 6px 12px;</p> <p> background: #edf6f1;<br /> border-radius: 100px;</p> <p> color: #087a45;<br /> font-size: 13px;<br /> font-weight: 800;<br /> }</p> <p> .gw-more-card-title {<br /> margin-bottom: 12px;</p> <p> font-size: 21px;<br /> font-weight: 800;<br /> line-height: 1.5;<br /> letter-spacing: -0.03em;<br /> }</p> <p> .gw-more-card-desc {<br /> margin-bottom: 24px;</p> <p> color: #666c68;<br /> font-size: 15px;<br /> line-height: 1.7;<br /> }</p> <p> .gw-more-link {<br /> margin-top: auto;</p> <p> color: #087a45;<br /> font-size: 15px;<br /> font-weight: 800;<br /> }</p> <p> .gw-final-message {<br /> margin-top: 50px;<br /> padding-top: 35px;</p> <p> border-top: 1px solid #e3e7e4;</p> <p> text-align: center;</p> <p> color: #1d211e;<br /> font-family: "Noto Serif KR", serif;<br /> font-size: 23px;<br /> font-weight: 600;<br /> line-height: 1.7;<br /> }</p> <p> @media(max-width:700px){</p> <p> .gw-more-wrap {<br /> margin: 40px auto 30px;<br /> }</p> <p> .gw-more-title {<br /> font-size: 24px;<br /> }</p> <p> .gw-more-grid {<br /> grid-template-columns: 1fr;<br /> }</p> <p> .gw-more-card {<br /> min-height: auto;<br /> padding: 22px;<br /> }</p> <p> .gw-more-card-title {<br /> font-size: 19px;<br /> }</p> <p> .gw-final-message {<br /> font-size: 20px;<br /> }<br /> }</p>
aboutAUTHOR교보생명 뉴스룸 편집팀교보생명의 철학과 가치를 더 많은 사람들에게 전달합니다.뉴스룸에서 제공하는 콘텐츠(일부 사용에 제한이 있는 콘텐츠 제외)는 소셜네트워크 서비스(SNS), 인터넷 커뮤니티 등으로자유롭게 배포하고 공유할 수 있습니다. 콘텐츠 배포·공유 및 활용 시에는 출처와 링크 삽입을 부탁드립니다.