문자 대비 65% 저렴
+diff --git a/src/main/webapp/publish/css/content.css b/src/main/webapp/publish/css/content.css index 412099c6..fdbe1745 100644 --- a/src/main/webapp/publish/css/content.css +++ b/src/main/webapp/publish/css/content.css @@ -2048,9 +2048,56 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .kakao_intro_cont .note .note-title p span{padding-right: 10px;} /*유의사항_목록*/ .kakao_intro_cont .note ul{line-height: 26px; font-weight: 300; font-size: 16px; color: #666; background-color: #fff; border-radius: 10px; padding: 25px 53px;} -.kakao_intro_cont .note ul li:nth-child(4){font-size: 15px; color: #999; padding-left: 10px; margin-top: -3px;} -.kakao_intro_cont .note ul li:nth-child(5){font-weight: 400; font-size: 14px; color: #fff; margin: 3px 0 7px 10px; background-color: #002c9a; width: 260px; height: 32px; line-height: 31px; text-align: center; border-radius: 5px;} -.kakao_intro_cont .note ul li:nth-child(5):hover{box-shadow: 0 0 8px rgba(0,0,0,0.5);} +.kakao_intro_cont :not(.friendtalk) .note ul li:nth-child(4){font-size: 15px; color: #999; padding-left: 10px; margin-top: -3px;} +.kakao_intro_cont :not(.friendtalk) .note ul li:nth-child(5){font-weight: 400; font-size: 14px; color: #fff; margin: 3px 0 7px 10px; background-color: #002c9a; width: 260px; height: 32px; line-height: 31px; text-align: center; border-radius: 5px;} +.kakao_intro_cont :not(.friendtalk) .note ul li:nth-child(5):hover{box-shadow: 0 0 8px rgba(0,0,0,0.5);} + +/* 친구톡 소개 */ +.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li:nth-child(1){margin:0 0 45px 0;} +.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li{margin:0 0 19px 0;} +.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li p:nth-child(2){display:flex;line-height:1;height:auto;justify-content:center;align-items:center;padding:22px 0 18px 0;font-family:'GmarketSansMedium';} +.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li p:nth-child(2) span{display:inline-block;font-family:'GmarketSansBold';margin:0 4px;} +.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li:nth-child(4) p:nth-child(2){height:auto;line-height:1;padding:24px 0 18px 0;} +.kakao_intro_cont .friendtalk .kakao_intro .con .intro .phone{width:auto;height:100%;margin:-20px 0 0 -15px;} + +.kakao_intro_cont .friendtalk .kakao_intro .fight .wrap{max-width:1024px;gap:50px;justify-content:center;} +.kakao_intro_cont .friendtalk .kakao_intro .con .fight .fight-title{width:250px;} +.kakao_intro_cont .friendtalk .kakao_intro .vs{display:flex;width:calc((100% - 200px) / 2);flex-direction:column;align-items:center;gap:20px;} +.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title{width:100px;} +.kakao_intro_cont .friendtalk .kakao_intro .vs .title{height:34px;padding:5px 30px 3px;border-radius:35px;background:#E4E6EA;font-family:'GmarketSansBold';color:#666;font-size:20px;line-height:35px;} +.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title ul{padding:20px 0;} +.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title .title{background:transparent;font-family:'GmarketSansMedium';} +.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title ul li{background:transparent;font-family:'GmarketSansMedium';} +.kakao_intro_cont .friendtalk .kakao_intro .fight .vs .box{display:flex;width:100%;padding:20px;background:#fff;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,0.1);align-items:center;flex-direction:column;box-sizing:border-box;} +.kakao_intro_cont .friendtalk .kakao_intro .vs ul li{display:flex;height:51px;margin:4px 0;font-size:20px;font-family:'GmarketSansBold';color:#666;letter-spacing:-.85px;text-align:center;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;} +.kakao_intro_cont .friendtalk .kakao_intro .vs .box ul li span{display:block;width:100%;font-size:16px;font-weight:400;margin:-10px 0 0 0;} + +.kakao_intro_cont .friendtalk .kakao_intro .friendtalk_vs .title{background:#ffcc33;color:#222;} +.kakao_intro_cont .friendtalk .friendtalk_vs .box{border:1px solid #222;} +.kakao_intro_cont .friendtalk .friendtalk_vs .box ul li{color:#222;} +.kakao_intro_cont .friendtalk .friendtalk_vs .box ul li span{color:#666;} + +.friendtalk_use{display:flex;max-width:1024px;margin:50px 0;justify-content:space-between;} +.friendtalk_use li{text-align:center;width:calc((1024px / 3) - 20px);} +.friendtalk_use .title{display:inline-flex;height:43px;font-size:20px;font-weight:bold;color:#002c9a;text-align:center;background:#fff;padding:0 23px;margin:0 auto 20px auto;border:2px solid #002c9a;border-radius:35px;justify-content:center;align-items:center;} +.friendtalk_use img{margin:0 0 20px 0;} +.friendtalk_use .explan_text{display:table-cell;width:100%;height:100px;line-height:1.4;padding:0 20px;background:#fff;border-radius:10px;box-sizing:border-box;vertical-align:middle;} +.friendtalk_use li:first-child .explan_text{display:flex;align-items:center;justify-content:center;} +.friendtalk_use .explan_text span{font-weight:bold;} + +.friendtalk .service .kakao_use_guide{display: flex; margin: 50px 0; gap: 30px;} +.friendtalk .service .kakao_use_guide li{position: relative; display:flex; width: calc((100% - 60px)/3); background-color: #fff; border-radius: 20px; padding: 0 0 30px 0; text-align: center; overflow: hidden;flex-direction: column;gap: 20px;} +.friendtalk .service .kakao_use_guide .title{display:flex;width:100%;height:50px;font-size:19px;background:#002c9a;color:#fff;justify-content:center;align-items:center;letter-spacing:1px;} +.friendtalk .service .kakao_use_guide .title span{font-weight:bold;font-size:22px;} +.friendtalk .service .kakao_use_guide li i{display: block; width: 128px; height: 128px; margin: 10px auto 10px auto; background-color: #F3F6FB; border-radius: 100%; background-repeat: no-repeat; background-position: center;} +.friendtalk .service .kakao_use_guide li.guide_01 i{background-image: url(/publish/images/content/icon_kakao_guide01.png);} +.friendtalk .service .kakao_use_guide li.guide_02 i{background-image: url(/publish/images/content/icon_kakao_guide02.png);} +.friendtalk .service .kakao_use_guide li.guide_03 i{background-image: url(/publish/images/content/icon_kakao_guide04.png);} +.friendtalk .service .kakao_use_guide li .guide_title{font-family: 'GmarketSansBold'; font-size: 24px;} +.friendtalk .service .kakao_use_guide li .guide_info{display: block; height: 120px; font-size: 18px; font-weight: 300; color: #444; line-height: 1.3; padding: 0 20px;} + +.kakao_intro_cont .friendtalk .note b{font-weight:400;color:#e40000;} + /* api - 소개 */ .send_top .api_guide_cont {background-color: #fff;padding: 30px 40px;border-radius: 10px;} @@ -2520,6 +2567,23 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .kakao_intro_cont .service .con .service-03 .text .icon img{margin-top: 24px;} .kakao_intro_cont .service .con .service-04 .text .icon img{margin-top: 24px;} + /* 친구톡 소개 */ + .kakao_intro_cont .friendtalk .kakao_intro .con .intro{gap:30px;} + .kakao_intro_cont .friendtalk .kakao_intro .con .intro .phone{width:42%;height:auto;} + .kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li p:nth-child(2){font-size:18px;;} + .kakao_intro_cont .friendtalk .kakao_intro .vs ul li{font-size:18px;} + .kakao_intro_cont .friendtalk .kakao_intro .vs .box ul li span{font-size:14px;} + .friendtalk_use{gap:20px;} + .friendtalk_use .title{height:36px;font-size:16px;} + .friendtalk_use img{width:100%;} + .friendtalk_use li:first-child .explan_text{white-space:nowrap;} + + .friendtalk .service .kakao_use_guide .title{font-size:16px;} + .friendtalk .service .kakao_use_guide .title span{font-size:20px;} + .friendtalk .service .kakao_use_guide li .guide_title{font-size:22px;} + .friendtalk .service .kakao_use_guide li .guide_info{font-size:16px;} + .kakao_intro_cont .service .guide a{font-size: 20px;} + /*발송결과_select버튼*/ .select_btnWrap .btn_right .search .send_text{width: 170px;} diff --git a/src/main/webapp/publish/images/kakao_intro_cont/friendtalk_use1.png b/src/main/webapp/publish/images/kakao_intro_cont/friendtalk_use1.png new file mode 100644 index 00000000..4b667c46 Binary files /dev/null and b/src/main/webapp/publish/images/kakao_intro_cont/friendtalk_use1.png differ diff --git a/src/main/webapp/publish/images/kakao_intro_cont/friendtalk_use2.png b/src/main/webapp/publish/images/kakao_intro_cont/friendtalk_use2.png new file mode 100644 index 00000000..3cc9f7f0 Binary files /dev/null and b/src/main/webapp/publish/images/kakao_intro_cont/friendtalk_use2.png differ diff --git a/src/main/webapp/publish/images/kakao_intro_cont/friendtalk_use3.png b/src/main/webapp/publish/images/kakao_intro_cont/friendtalk_use3.png new file mode 100644 index 00000000..10a79413 Binary files /dev/null and b/src/main/webapp/publish/images/kakao_intro_cont/friendtalk_use3.png differ diff --git a/src/main/webapp/publish/images/kakao_intro_cont/phone_friendtalk.png b/src/main/webapp/publish/images/kakao_intro_cont/phone_friendtalk.png new file mode 100644 index 00000000..13c26868 Binary files /dev/null and b/src/main/webapp/publish/images/kakao_intro_cont/phone_friendtalk.png differ diff --git a/src/main/webapp/publish/images/kakao_intro_cont/text_friendtalk.png b/src/main/webapp/publish/images/kakao_intro_cont/text_friendtalk.png new file mode 100644 index 00000000..b4e4c2cb Binary files /dev/null and b/src/main/webapp/publish/images/kakao_intro_cont/text_friendtalk.png differ diff --git a/src/main/webapp/publish/kakao_allimtalk_intro.html b/src/main/webapp/publish/kakao_allimtalk_intro.html index 78c034d9..2b18ffc1 100644 --- a/src/main/webapp/publish/kakao_allimtalk_intro.html +++ b/src/main/webapp/publish/kakao_allimtalk_intro.html @@ -23,161 +23,7 @@
- - - -
+
+
+
+ 1
+1,000자 이내 텍스트 및 이미지 전송 가능
+2
+문자 메시지 대비 65% 이상 저렴
+3
+
+ 카톡 채널아이디를 추가하지 않은 이용자에게도
+ 전화번호만 있으면 메시지 전송 가능
+
4
+발송실패 시 자동으로 문자 대체 발송
+5
+카카오 인증마크를 통해 신뢰도 높은 메시지 발송
+6
+발신자 브랜드의 이미지 및 신뢰도 상승 효과 달성
+문자
+
+ 18원
+VS
+알림톡
+
+ 6.9원
+문자 대비 65% 저렴
+문자
+
+ 90Byte
+VS
+알림톡
+
+ 1,000글자
+바이트(byte)에 관계없이 무조건 1,000자(한/영) 발송
+
-
-
-
- 1
-1,000자 이내 텍스트 및 이미지 전송 가능
-2
-문자 메시지 대비 65% 이상 저렴
-3
-
- 카톡 채널아이디를 추가하지 않은 이용자에게도
- 전화번호만 있으면 메시지 전송 가능
-
4
-발송실패 시 자동으로 문자 대체 발송
-5
-카카오 인증마크를 통해 신뢰도 높은 메시지 발송
-6
-발신자 브랜드의 이미지 및 신뢰도 상승 효과 달성
-





문자
-
- 18원
-VS
-알림톡
-
- 6.9원
-문자 대비 65% 저렴
-STEP 01
문자
-
- 90Byte
-VS
-알림톡
-
- 1,000글자
-바이트(byte)에 관계없이 무조건 1,000자(한/영) 발송
+ +
+ 카카오톡 채널을 먼저 가입해주신 다음
+ 비즈니스 채널 전환 신청을 해주세요.
+
+ ※ 가입 후 카카오톡 채널 설정에서
+ 공개, 검색허용 설정을 하셔야 합니다.
+

STEP 03
+
+ + 알림톡 발송을 위해서는 사용하실 템플릿(메시지 내용)에 + 대한 카카오의 승인이 반드시 필요합니다. + 템플릿을 작성하신 후 심사요청을 진행해주세요. +
++ ※ 템플릿 승인까지 최대 3일 소요 +
+
STEP 04
+
+
유의사항
+
+
+ 1
+광고성 메시지 발송 가능(광고 표기 및 수신거부 안내 포함)
+2
+채널 친구 추가된 사용자라면 누구에게나 발송 가능
+3
++ 1,000자 이내 텍스트 및 이미지 전송 가능 +
+4
+맞춤형 메시지 및 쿠폰, 링크 버튼 제공 가능
+5
+문자 메시지 대비 O % 이상 저렴
+6
+발송실패 시 대체문자 발송 기능 지원
+7
+클릭률/도달률 분석을 통한 마케팅 효율 강화
+8
+브랜드 친화적인 이미지 커스터마이징 가능
+
+ 한/영 구분없이 1,000자 + 버튼 최대 5개
+
+ 한/영 구분없이 400자 + 이미지 1장 + 버튼 최대 5개
+
+ 한/영 구분없이 76자 + 이미지 1장 + 버튼 최대 1개
+





STEP 01
-
-
- 카카오톡 채널을 먼저 가입해주신 다음
- 비즈니스 채널 전환 신청을 해주세요.
-
- ※ 가입 후 카카오톡 채널 설정에서
- 공개, 검색허용 설정을 하셔야 합니다.
-

STEP 02
-STEP 03
-
- - 알림톡 발송을 위해서는 사용하실 템플릿(메시지 내용)에 - 대한 카카오의 승인이 반드시 필요합니다. - 템플릿을 작성하신 후 심사요청을 진행해주세요. -
-- ※ 템플릿 승인까지 최대 3일 소요 -
-
STEP 04
-카카오톡 채널 가입
+ 카카오톡 채널 생성을 위한채널 ID 등록하러 가기
+ 가입하신 카카오톡 채널의 채널 ID(채널이름)를 채널 ID 등록 메뉴에 등록해주세요. +친구톡 전송
+ 친구톡은 별도의 템플릿 심사 절차 없이, 즉시 발송 가능합니다. +
+
+
유의사항
유의사항