@charset "UTF-8";
/* ########## 소개페이지 CSS 입니다 ########## */
/* 공통 레이아웃 */
/* reset v2.0 */
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button { margin: 0; padding: 0; }

fieldset, img { border: 0 none; }

dl, ul, ol, menu, li { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

input, select, textarea, button { vertical-align: middle; }

input::-ms-clear { display: none; }

button { border: 0 none; background-color: transparent; cursor: pointer; }

body { background: #fff; }

body { -webkit-text-size-adjust: none; }

/* 뷰포트 변환시 폰트크기 자동확대 방지 */
body, th, td, input, select, textarea, button { font-size: 14px; font-family: 'Noto Sans KR','돋움',dotum,sans-serif; line-height: 1.5; font-weight: 400; color: #222; }

a { color: #222; text-decoration: none; }

a:active, a:hover { text-decoration: none; }

a:active { background-color: transparent; }

address, caption, cite, code, dfn, em, var { font-style: normal; }

h1, h2, h3, h4, strong { font-weight: 400; }

/* font */
@font-face { font-display: swap; font-family: 'Noto Sans KR'; src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-Light.eot?iefix) format("embedded-opentype"); src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-Light.woff2) format("woff2"), url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-Light.woff) format("woff"); font-style: normal; font-weight: 300; }

@font-face { font-display: swap; font-family: 'Noto Sans KR'; src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-DemiLight.eot?iefix) format("embedded-opentype"); src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-DemiLight.woff2) format("woff2"), url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-DemiLight.woff) format("woff"); font-style: normal; font-weight: 350; }

@font-face { font-display: swap; font-family: 'Noto Sans KR'; src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-Regular.eot?iefix) format("embedded-opentype"); src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-Regular.woff2) format("woff2"), url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-Regular.woff) format("woff"); font-style: normal; font-weight: 400; }

@font-face { font-display: swap; font-family: 'Noto Sans KR'; src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-Medium.eot?iefix) format("embedded-opentype"); src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-Medium.woff2) format("woff2"), url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-Medium.woff) format("woff"); font-style: normal; font-weight: 500; }

@font-face { font-display: swap; font-family: 'Noto Sans KR'; src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-Bold.eot?iefix) format("embedded-opentype"); src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-Bold.woff2) format("woff2"), url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/NotoSans-Bold.woff) format("woff"); font-style: normal; font-weight: 700; }

@font-face { font-display: swap; font-family: 'Roboto'; src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/Roboto-Regular.eot?iefix) format("embedded-opentype"); src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/Roboto-Regular.woff2) format("woff2"), url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/Roboto-Regular.woff) format("woff"); font-style: normal; font-weight: 400; }

@font-face { font-display: swap; font-family: 'Roboto'; src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/Roboto-Light.eot?iefix) format("embedded-opentype"); src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/Roboto-Light.woff2) format("woff2"), url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/Roboto-Light.woff) format("woff"); font-style: normal; font-weight: 300; }

@font-face { font-display: swap; font-family: 'Roboto'; src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/Roboto-Medium.eot?iefix) format("embedded-opentype"); src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/Roboto-Medium.woff2) format("woff2"), url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/Roboto-Medium.woff) format("woff"); font-style: normal; font-weight: 500; }

@font-face { font-display: swap; font-family: 'Roboto'; src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/Roboto-Bold.eot?iefix) format("embedded-opentype"); src: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/Roboto-Bold.woff2) format("woff2"), url(https://t1.kakaocdn.net/kakaobusiness_fe/public/font/Roboto-Bold.woff) format("woff"); font-style: normal; font-weight: 700; }

/* global */
#kakaoIndex { overflow: hidden; position: absolute; left: -9999px; width: 0; height: 1px; margin: 0; padding: 0; }

.ir_pm { display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; }

.ir_wa { display: block; overflow: hidden; position: relative; z-index: -1; width: 100%; height: 100%; }

.ir_caption { overflow: hidden; width: 1px; font-size: 1px; line-height: 0; text-indent: -9999px; }

.screen_out { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px; }

.show { display: block; }

.hide { display: none; }

#Responsible { overflow: hidden; position: absolute; left: -9999px; width: 0; height: 1px; margin: 0; padding: 0; }

#Responsible .tablet_view, #Responsible .m_view { display: none; }

#Responsible .pc_view { display: block; }

/* 공통 - 브라우저 안내 */
.info_browser { height: 70px; font-size: 15px; line-height: 74px; color: #fff; background-color: #223E7B; text-align: center; }

.gnb_expand #mArticle { padding-top: 189px; }

.gnb_expand.gnb_clean #mArticle { padding-top: 144px; }

/* 공통 - 미지원 브라우저 최상단 배너 */
.wrap_banner { display: flex; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 25; width: 100%; max-height: 90px; background: #326EDC; color: #fff; text-align: center; word-break: keep-all; }

.wrap_banner .txt_banner { padding: 15px 20px; flex-grow: 1; font-weight: 400; font-size: 14px; line-height: 20px; }

.wrap_banner .btn_close { padding: 19px; border: 0 none; font-size: 0; line-height: 0; background-color: transparent; cursor: pointer; }

.wrap_banner .btn_close img { width: 12px; }

.bnr_admin #kakaoHead { top: 50px; }

.bnr_home #kakaoHead, .bnr_home { margin-top: 50px; }

.bnr_open_browser #kakaoHead, .bnr_open_browser { margin-top: 50px; }

.bnr_admin .wrap_banner { min-width: 768px; }

.bnr_admin #kakaoContent #mArticle { margin-top: 50px; }

.bnr_admin #mFeature { top: 110px; }

.bnr_admin .btn_aside { top: 165px; }

.bnr_admin.guide_show .btn_aside { top: 55px; }

.bnr_admin.guide_show #mAside { top: 110px; }

@media all and (min-width: 411px) and (max-width: 725px) { .bnr_open_browser #kakaoHead, .bnr_open_browser { margin-top: 70px; }
  .bnr_home #kakaoHead, .bnr_home { margin-top: 70px; }
  .bnr_admin #kakaoHead { top: 50px; } }

@media (max-width: 410px) { .bnr_open_browser #kakaoHead, .bnr_open_browser { margin-top: 90px; }
  .bnr_home #kakaoHead, .bnr_home { margin-top: 90px; }
  .bnr_admin #kakaoHead { top: 50px; } }

@media (max-width: 725px) { .bnr_home .wrap_banner { text-align: left; }
  .bnr_home .wrap_banner .btn_close { align-self: flex-start; } }

/* 공통 - 미지원 브라우저 최상단 배너 종료 */
/* 공통 - 로딩 */
.img_load { display: block; width: 36px; height: 36px; margin: 216px auto 200px; }

/* 공통 - 이미지 */
.img_bizcenter, .img_bizcenter_bf::before, .img_bizcenter_af::after { display: inline-block; overflow: hidden; font-size: 0; line-height: 0; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/img_bizcenter.png) no-repeat 0 0; text-indent: -9999px; vertical-align: top; content: ''; }

.img_bizcenter_bf.ico_user { display: none; overflow: hidden; width: 10px; height: 11px; font-size: 0; line-height: 0; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/img_bizcenter.png) no-repeat 0 0; background-position: -140px -280px; text-indent: -9999px; vertical-align: top; }

/* 공통 - 레티나 이미지 대응 */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { .img_bizcenter, .box_select2.type_date .link_select::before, .cont_pluginlist .paging_wrap button.btn_prev:before, .cont_pluginenroll .paging_wrap button.btn_prev:before, .cont_pluginlist .paging_wrap button.btn_next:before, .cont_pluginenroll .paging_wrap button.btn_next:before { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/retina/img_bizcenter.png); background-size: 300px 700px; }
  .kakao_foot .link_kakao { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/retina/img_kakao.png); background-size: 55px 19px; } }

/* 메인 공통 */
.txt_num { font-family: 'roboto', sans-serif; }

/* 숫자폰트 */
/** Float **/
.f_left { float: left; }

.f_right { float: right; }

/** Button **/
/** - 하단 버튼 **/
.btn_g:hover { border-color: #222; background-color: #F7F7F7; }

.btn_active { border-color: #326EDC; color: #326EDC; }

.btn_active:hover { color: #fff; border-color: #326EDC; background-color: #326EDC; }

/* 공통 */
.wb_ka { word-break: keep-all !important; word-wrap: break-word !important; }

.wb_ba { word-break: break-all !important; }

.f_url { word-break: break-all; }

/* 폰트 weight*/
.txt_b { font-weight: 700; }

/* 볼드체 */
.txt_m { font-weight: 500 !important; }

/* 볼드체_미디움 */
.fw_bs { font-weight: 400 !important; }

/* 폰트 컬러 */
.c_red { color: #E71515; }

/* 빨강 */
.c_blue { color: #326EDC; }

/* 파랑 */
.c_blue2 { color: #364DAD; }

/* 파랑 */
.c_blue3 { color: #19234B; }

/* 파랑 */
.c_black { color: #222; }

/* 검정 */
.c_mint { color: #2EACBC; }

/* 민트 */
.fc_emph { color: #FC3431 !important; }

.fc_blue { color: #126BFC !important; }

/* 링크 */
.link_g, .link_g:hover { text-decoration: underline; }

.f_link, .link_agency { color: #326EDC; text-decoration: underline; }

.fc_link { color: #4F73C9 !important; text-decoration: underline; }

.f_link:hover, .link_agency:hover, .fc_link:hover { text-decoration: underline; }

.f_no_u:not(:hover) { text-decoration: none; }

.align_c { text-align: center; }

/* 가운데정렬 */
.align_l { text-align: left; }

/* 왼쪽정렬 */
.align_r { text-align: right; }

/* 오른쪽정렬 */
.bg_mid { background-color: #F7F8F9 !important; }

.ty_border { border: 1px solid #D2D8E2 !important; }

/* 링크 묶음 공통 */
.wrap_links { overflow: hidden; padding-top: 35px; font-size: 0; }

.wrap_links .link_g { position: relative; display: inline-block; margin: 0 10px; line-height: 14px; font-size: 13px; }

.wrap_links .link_g:before { content: ''; position: absolute; top: 1px; left: -10px; width: 1px; height: 14px; background-color: #E6E6E6; }

.wrap_links .link_g:first-child:before { display: none; }

/* 하단 공통버튼 */
.wrap_buttons { padding-top: 60px; text-align: center; }

.btn_g { display: inline-block; margin: 0 3px; height: 61px; padding: 0 45px; border: 1px solid #D5D5D5; border-radius: 60px; font-weight: 500; line-height: 61px; text-decoration: none; box-sizing: border-box; vertical-align: top; }

.btn_g:hover { border-color: #222; background-color: #F7F7F7; }

.btn_g[disabled] { opacity: 0.5; cursor: default; pointer-events: none; }

.btn_g[disabled]:hover { border-color: #D5D5D5; background-color: #FFF; }

.btn_active { border-color: #326EDC; color: #326EDC; }

.btn_active:hover { color: #FFF; border-color: #326EDC; background-color: #326EDC; }

.btn_active[disabled] { color: #223E7B; background-color: #FFF; }

.btn_active[disabled]:hover { border-color: #223E7B; }

span.btn_g { opacity: 0.5; cursor: default; pointer-events: none; }

span.btn_g:hover { border-color: #D5D5D5; background-color: #FFF; }

span.btn_active { color: #223E7B; background-color: #FFF; }

span.btn_active:hover { border-color: #223E7B; }

.btn_small { height: 38px; padding: 0 16px 0 15px; font-size: 14px; line-height: 38px; }

.btn_gray { display: inline-block; height: 30px; padding: 0 12px; border-radius: 2px; font-size: 12px; line-height: 30px; color: #FFF; background-color: #666; }

.btn_gray:hover { background-color: #404040; }

span.btn_gray, span.btn_gray:hover { background-color: rgba(102, 102, 102, 0.2); }

.btn_gray[disabled] { background-color: rgba(102, 102, 102, 0.2); cursor: default; }

.btn_square { display: inline-block; height: 34px; margin-top: 33px; padding: 0 14px; border: 1px solid #326EDC; border-radius: 2px; font-size: 13px; color: #326EDC; line-height: 34px; }

.btn_square:hover { color: #FFF; background-color: #326EDC; }

.btn_square2 { position: absolute; top: 10px; right: 10px; z-index: 1; padding: 0 10px; border: 1px solid #E8E8E8; border-radius: 2px; font-size: 12px; color: #222; line-height: 29px; }

.btn_square2:hover { border-color: #222; background-color: #F7F7F7; }

/* 페이징 */
.paging_wrap { height: 26px; padding-top: 30px; text-align: center; }

.paging_wrap .inner_paging { position: relative; display: inline-block; padding: 0 31px; }

.paging_wrap .num_paging { float: left; height: 24px; padding: 1px 8px; margin: 0 6px; font-weight: 350; font-size: 16px; line-height: 26px; color: #828282; }

.paging_wrap .num_paging:hover { color: #326EDC; }

.paging_wrap em.num_paging { font-weight: 500; line-height: 22px; color: #326EDC; }

.paging_wrap .btn_prev { position: absolute; left: 0; top: 4px; width: 24px; height: 24px; outline: 0 none; }

.paging_wrap .btn_next { position: absolute; right: 0; top: 4px; width: 24px; height: 24px; outline: 0 none; }

.paging_wrap .img_bizcenter { width: 9px; height: 16px; opacity: .6; }

.paging_wrap .btn_prev .img_bizcenter { background-position: -241px -489px; }

.paging_wrap .btn_next .img_bizcenter { background-position: -251px -489px; }

.paging_wrap .btn_prev[disabled], .paging_wrap .btn_next[disabled] { opacity: .3; pointer-events: none; }

/* 폼 공통 */
.btn_f { display: inline-block; width: 80px; height: 35px; margin-left: 26px; color: #FFF; border-radius: 2px; font-size: 13px; line-height: 35px; background-color: #326EDC; text-align: center; }

.btn_f:hover { background-color: #1C2D52; text-decoration: none; }

.btn_upload:hover { background-color: #223E7B; }

.btn_f[disabled] { background-color: #d5d5d5; cursor: default; }

.tf_g { box-sizing: border-box; width: 100%; height: 51px; padding: 0 18px; border: 1px solid transparent; background-color: #F7F7F7; outline: none; }

.tf_g:focus { border-color: #bbb; }

.txt_error { display: none; padding-top: 12px; font-size: 13px; color: #E71515; }

.on_error .tf_g { border-color: #E71515; }

.on_error .box_area .lab_txt { border-color: #E71515; }

.on_error .txt_error { display: block; }

.tf_g::-webkit-input-placeholder { color: #949494; }

.tf_g:-ms-input-placeholder { color: #949494; }

.pd_f { padding-top: 10px; }

/* 폼 공통 여백 */
.box_g { position: relative; }

.box_g .inner_box { display: block; position: relative; box-sizing: border-box; width: 240px; height: 51px; padding: 0 30px 0 19px; border: 1px solid #D5D5D5; line-height: 49px; color: #949494; cursor: pointer; }

.box_g .inner_box:hover { text-decoration: none; }

.box_g .inner_box:after { position: absolute; top: 24px; right: 22px; width: 1px; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #000; vertical-align: middle; content: ''; }

.box_g.open_layer .inner_box:after { border-top: 0 none; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 4px solid #000; }

.on_error .box_g .inner_box { border-color: #E71515; }

.box_g .inner_box.on { border-color: #bbb; }

.box_g .inner_box.on_error { border-color: #F27F7F; }

.list_upload { padding-bottom: 5px; }

.list_upload li { padding: 18px 0 0 18px; }

.list_upload .img_bizcenter { width: 19px; height: 19px; margin: 2px 0 0 9px; background-position: 0 -20px; }

.list_info { padding: 8px 0 2px; }

.list_info li { padding: 2px 0 0 9px; text-indent: -9px; font-size: 13px; color: #828282; font-weight: 350; }

.list_info.info_file { padding: 15px 0 7px; }

.list_info.info_file li { padding-top: 10px; }

.list_info.info_file li:first-child { padding-top: 0; }

.wrap_main .inner_comp { max-width: 1090px; margin: 0 auto; padding: 0 20px; }

.wrap_main .img_g { width: 100%; vertical-align: top; }

/* 오류페이지 */
#kakaoWrap.wrap_error { min-width: 100%; background-color: #FFF; }

.wrap_error #kakaoContent { height: 100%; }

.wrap_error #mArticle { display: table; width: 100%; height: 100%; padding: 0; background-color: #FFF; }

.bundle_error { display: table-cell; vertical-align: middle; text-align: center; }

.bundle_error .tit_error { font-weight: 700; font-size: 26px; }

.bundle_error .desc_error { padding-top: 17px; font-size: 15px; }

.bundle_error .box_error { width: 740px; margin: 40px auto 0; padding: 31px 0 32px; font-size: 18px; background-color: #EFEFEF; }

.bundle_error .box_error .emph_time { display: inline-block; margin: 2px 30px 0 0; font-size: 15px; color: #6B6B6B; vertical-align: top; }

.bundle_error .list_admin { padding-top: 20px; }

.bundle_error .list_admin li { display: inline-block; padding: 0 11px; }

.bundle_error .list_admin .link_g { font-weight: 500; font-size: 15px; color: #223E7B; }

.wrap_error .kakao_head { display: none; }

.wrap_error .box_error { width: 100%; max-width: 740px; font-weight: 500; }

/* 공통 에러페이지 */
.cont_error .bundle_error .wrap_img.type_page { display: inline-block; width: 173px; }

.cont_error .bundle_error .wrap_img.type_fix { display: inline-block; width: 162px; }

.cont_error .bundle_error .wrap_img img { width: 100%; }

.cont_error .bundle_error .tit_error { padding-top: 23px; font-weight: 500; font-size: 18px; line-height: 26px; }

/* 2021-12-13 폰트웨이트 수정 */
.cont_error .bundle_error .desc_error { padding-top: 8px; font-weight: 350; font-size: 13px; line-height: 19px; color: #7E838A; }

.cont_error .bundle_error .wrap_buttons { padding-top: 40px; font-size: 0; }

.cont_error .bundle_error .wrap_buttons .btn_reform { display: inline-block; vertical-align: top; padding: 6px 15px 6px; text-align: center; vertical-align: top; }

.cont_error .bundle_error .wrap_buttons .btn_reform.type_normal { color: #222; }

.cont_error .bundle_error .wrap_buttons .btn_reform + .btn_reform { margin-left: 10px; }

/** toast layer **/
.ico_comm { display: inline-block; overflow: hidden; font-size: 0; line-height: 0; background: url(//t1.daumcdn.net/biz/ui/bizcomm/comm/ico_comm.png) 0 0 no-repeat; background-size: 400px auto; text-indent: -9999px; vertical-align: top; }

.toast_layer { position: fixed; right: 32px; bottom: 60px; z-index: 999; }

.toast_layer .inner_toast { position: relative; display: flex; flex-direction: column; width: 420px; padding: 30px; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; }

.toast_layer .desc_toast { font-size: 14px; line-height: 21px; color: #191919; }

.toast_layer .link_site { display: block; color: #326edc; text-decoration: underline; }

.toast_layer .wrap_close { position: absolute; top: 0; right: 0; }

.toast_layer .desc_close { display: inline-block; margin-top: 6px; font-size: 12px; color: #595959; }

.toast_layer .btn_close { display: inline-block; height: 14px; padding: 10px; line-height: 0; vertical-align: top; }

.toast_layer .btn_close .ico_close { width: 14px; height: 14px; margin: 0; background-position: -85px -120px; }

/* 레이아웃 */
html, body { width: 100%; height: 100%; margin: 0; padding: 0; }

#kakaoWrap { position: relative; height: 100%; }

#kakaoContent { position: relative; min-height: 100%; }

#mArticle { padding: 60px 0 54px; }

/** gnb 없는 레이아웃 **/
.gnb_clean .gnb_wrap { display: none; }

.gnb_clean #mArticle { padding-top: 74px; }

/* ui/ux개선 - 인풋 공통 */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

/* checkbox, radio */
.item_input .lab_answer .img_bizcenter { float: left; }

.item_input .lab_answer .ico_check2 { width: 18px; height: 18px; margin-top: 3px; background-position: 0 -665px; }

.item_input.type_deactived .inp_answer:disabled + .lab_answer .ico_check2, .item_input.type_deactived .inp_answer:disabled + .lab_answer:hover .ico_check2 { background-position: -66px -665px; }

.item_input .inp_answer:checked + .lab_answer .ico_check2 { width: 18px; height: 18px; background-position: -44px -665px; }

.item_input .inp_answer:disabled + .lab_answer .ico_check2 { background-position: -88px -665px; }

.item_input .lab_answer:hover .ico_check2 { background-position: -22px -665px; }

.item_input .txt_answer { padding-left: 28px; }

/* 공통 버튼 */
/* 리로드 버튼 */
.no_data.type_reload { display: table; table-layout: fixed; width: 100%; text-align: center; }

.no_data.type_reload .error_g { display: table-cell; width: 100%; vertical-align: middle; }

.no_data.type_reload .btn_error { font-size: 16px; line-height: 38px; font-weight: 350; color: #828282; }

.no_data.type_reload .btn_error .img_reload { width: 38px; height: 38px; margin: 0 16px 0 0; background-position: -50px -290px; }

.no_data.type_reload .btn_error:hover .img_reload { background-position: -170px -330px; }

/* 버튼a */
.btn_reform.type_a { display: inline-block; vertical-align: top; font-weight: 400; min-width: 90px; font-size: 13px; padding: 6px 15px 6px; text-align: center; color: #326EDC; border: 1px solid #ddd; border-radius: 3px; background-color: #fff; }

.btn_reform.type_a:hover { border: 1px solid #bbb; }

.btn_reform.type_a.type_dim { border: 1px solid #E4E4E4; color: #ccc; }

.btn_reform.type_normal { color: #222; }

/* 버튼b */
.btn_reform.type_b { font-weight: 500; color: #fff; font-size: 14px; background-color: #19234B; line-height: 40px; min-width: 90px; border-radius: 2px; text-align: center; }

.btn_reform.type_b:hover { background-color: #1E3268; }

.btn_reform.type_b.type_dim { background-color: #e4e4e4; }

/* 버튼c */
.btn_reform.type_c { box-sizing: border-box; font-weight: 500; color: #222; font-size: 14px; background-color: #fff; min-width: 90px; line-height: 38px; border-radius: 2px; text-align: center; border: 1px solid #ddd; }

.btn_reform.type_c:hover { border: 1px solid #888; }

.btn_reform.type_c.type_dim { border: 1px solid #e4e4e4; color: #ccc; }

/* 버튼d */
.btn_reform.type_d { display: inline-block; vertical-align: top; font-weight: 500; color: #fff; font-size: 13px; background-color: #326EDC; line-height: 34px; padding: 0 15px; border-radius: 2px; text-align: center; }

.btn_reform.type_d:hover { background-color: #2A57D7; }

.btn_reform.type_d.type_dim { background-color: #E4E4E4; }

/* 버튼 크기 */
.btn_reform.w_110 { width: 110px; padding: 0; }

.btn_reform.w_90 { width: 90px; padding: 0; }

.btn_reform.w_130 { width: 130px; padding: 0; }

.btn_reform.w_164 { width: 164px; padding: 0; }

.btn_reform.w_140 { width: 140px; padding: 0; }

.btn_reform.w_105 { width: 105px; padding: 0; }

.btn_reform.w_80 { min-width: 80px; width: 80px; padding: 0; }

/* header */
/* 2023-08-18 수정 */
.kakao_head { position: fixed; left: 0; top: 0; z-index: 11; width: 100%; min-width: auto; height: 60px; background: #fff; box-sizing: border-box; }

.scrolling .kakao_head { border-bottom: 1px solid #f1f1f1; }

.head_wrap { display: flex; height: 100%; padding: 0 20px 0 24px; box-sizing: border-box; }

.head_wrap h1 { display: flex; justify-content: center; align-items: center; position: relative; z-index: 0; font-weight: 400; font-size: 18px; line-height: 17px; color: #999; }

.head_wrap .logo_bizcenter { display: block; width: 131px; height: 15px; font-size: 18px; color: #fff; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/logo_biz.png) no-repeat 0 0; background-size: 131px 15px; }

.head_wrap .gnb_comm { display: flex; align-items: center; flex: 1; min-width: 0; margin-left: 44px; }

.head_wrap .btn_nav { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; margin-left: 15px; box-sizing: border-box; }

.head_wrap .btn_nav .ico_nav { width: 22px; height: 16px; background-position: -160px 0; }

.head_wrap .list_menu { display: flex; }

.head_wrap .list_menu li { position: relative; }

.head_wrap .list_menu li:hover .link_menu { font-weight: 500; color: #326EDC; }

.head_wrap .list_menu li:hover .link_menu ~ .sub_menu { display: block; }

.head_wrap .list_menu li.on .link_menu { font-weight: 500; color: #326EDC; }

.head_wrap .list_menu .link_menu { display: block; min-width: max-content; height: 60px; padding: 0 16px; font-weight: 400; font-size: 15px; line-height: 62px; color: #222; white-space: nowrap; }

/* 서브메뉴 */
.head_wrap .sub_menu { display: none; position: absolute; top: 50px; left: -20px; min-width: max-content; padding: 20px; box-shadow: 0 0 8px 2px rgba(3, 9, 35, 0.15); background-color: #fff; border-radius: 4px; box-sizing: border-box; z-index: 10; cursor: default; }

.head_wrap .sub_menu .inner_sub { display: flex; }

.head_wrap .sub_menu .list_sub { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; gap: 0 20px; max-height: 180px; }

.head_wrap .sub_menu .list_sub:has(li:nth-child(6)) { min-width: 332px; }

.head_wrap .sub_menu .list_sub li.on .link_sub { background-color: #F2F6FD; font-weight: 500; color: #326EDC; }

.head_wrap .sub_menu .link_sub { display: flex; min-width: 156px; padding: 8px 15px 8px 16px; font-size: 14px; line-height: 20px; color: #222; letter-spacing: -0.3px; box-sizing: border-box; }

.head_wrap .sub_menu .link_sub:hover { background-color: #F2F6FD; }

.head_wrap .sub_menu .link_sub .ico_outing { display: inline-block; margin: 4px 0 0 6px; background-position: -40px 0; }

.head_wrap .list_menu li:nth-child(2) .list_sub { min-width: 356px; }

.head_wrap .list_menu li:nth-child(2) .list_sub:has(li:nth-child(11)) { min-width: 538px; }

.head_wrap .list_menu li:nth-child(5) .list_sub { min-width: 356px; }

.head_wrap .list_menu li:nth-child(5) .list_sub:has(li:nth-child(11)) { min-width: 538px; }

/* 2023-08-18 수정 끝 */
/* hover, pointer ie11 미지원으로 .ie_only 별도 클래스 지정. */
.head_wrap .list_menu.ie_only li:hover .link_menu { text-decoration: none; color: #326EDC; font-weight: 500; }

.head_wrap .list_menu.ie_only li:hover .sub_menu { display: block; }

/* PC 환경 */
@media (hover: hover) and (pointer: fine) { .head_wrap .list_menu li:hover .sub_menu { display: block; }
  .head_wrap .list_menu li:hover .link_menu { text-decoration: none; color: #326EDC; font-weight: 500; } }

/* 2023-08-18 수정 */
.head_wrap .gnb_relate { display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; flex: 1; }

.head_wrap .list_login { display: flex; }

.head_wrap .list_login .link_menu { display: block; height: 34px; padding: 0 20px 0; margin: 0 0 0 0; font-weight: 400; font-size: 13px; line-height: 32px; color: #444; border: 1px solid rgba(2, 20, 63, 0.15); border-radius: 5px; letter-spacing: -0.03em; box-sizing: border-box; }

.head_wrap .list_login .link_menu:hover { text-decoration: none; color: #222; font-weight: 500; border: 1px solid rgba(2, 20, 63, 0.25); }

.head_wrap .list_login .link_logout { margin-right: -20px; border-color: transparent; }

.head_wrap .list_login .link_logout:hover { color: #444; border-color: transparent; font-weight: 400; text-decoration: underline; }

/* 2023-08-18 수정 끝*/
/* 2023-08-18 추가 */
.side_menu { display: none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background-color: #fff; }

.side_menu.on { display: block; }

.side_menu .inner_side { height: 100%; overflow-y: auto; }

.side_menu .side_head { position: absolute; top: 0; left: 0; z-index: 100; display: flex; align-items: center; width: 100%; padding: 0 24px; min-width: auto; height: 60px; background-color: #fff; }

.side_menu .logo_bizcenter { display: block; width: 131px; height: 15px; font-size: 18px; color: #fff; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/logo_biz.png) no-repeat 0 0; background-size: 131px 15px; }

.side_menu .side_body { padding-top: 60px; padding-bottom: 40px; }

.side_menu .btn_close { display: flex; justify-content: center; align-items: center; position: absolute; top: 15px; right: 25px; z-index: 100; width: 30px; height: 30px; }

.side_menu .lnb_menu { display: flex; justify-content: center; padding: 22px; }

.side_menu .lnb_menu .list_menu { display: flex; flex-wrap: wrap; gap: 80px 54px; position: relative; max-width: 960px; }

.side_menu .lnb_menu .tit_menu { font-size: 16px; font-weight: 500; }

.side_menu .lnb_menu .sub_menu { margin-top: 30px; }

.side_menu .list_sub { display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; }

.side_menu .list_sub li { width: 200px; }

.side_menu .list_sub li.on .link_sub { font-weight: 500; color: #326EDC; }

.side_menu .list_sub .link_sub { display: flex; align-items: center; width: 100%; height: 38px; padding: 4px; box-sizing: border-box; letter-spacing: -0.5px; }

.side_menu .list_sub .link_sub .ico_sub { width: 30px; height: 30px; margin-right: 12px; border-radius: 6px; background-color: #f2f6fd; }

.side_menu .list_sub .link_sub .ico_outing { display: inline-block; margin: 6px 0 0 8px; background-position: -40px 0; vertical-align: top; }

.side_menu .util_menu { display: none; margin-top: 30px; }

.side_menu .list_util { display: flex; justify-content: center; }

.side_menu .list_util li { display: flex; align-items: center; }

.side_menu .list_util li + li::before { display: block; width: 1px; height: 10px; margin: 0 15px; background-color: #e3e4e9; content: ''; }

.side_menu .list_util a { font-size: 11px; letter-spacing: -0.3px; color: #9d9d9d; }

/* 2023-08-18 추가 끝 */
/* footer */
.kakao_foot { position: relative; z-index: 15; margin-top: -54px; background-color: #fff; }

.kakao_foot .inner_foot { position: relative; min-width: 320px; height: 54px; margin: 0 auto; padding: 10px 30px; border-top: 1px solid #ddd; letter-spacing: -0.03em; box-sizing: border-box; }

/* 관련서비스 */
.relate_svc { float: right; position: relative; }

.relate_svc .tit_relate { display: block; }

.relate_svc .link_tit { display: block; position: relative; width: 151px; height: 32px; padding: 0 14px 0 16px; border: 1px solid #E3E4E9; font-size: 13px; line-height: 32px; color: #444; box-sizing: border-box; }

.relate_svc .link_tit .ico_arr { position: absolute; top: 11px; right: 14px; width: 9px; height: 9px; background-position: -40px 0; }

.relate_svc.on .link_tit { color: #222; font-weight: 500; }

.relate_svc.on .ico_arr { background-position: -50px 0; }

.list_svc { display: none; position: absolute; bottom: 31px; left: 0; right: 0; padding: 10px 0; border: 1px solid #E3E4E9; background-color: #fff; box-sizing: border-box; }

.list_svc .link_relate { display: block; padding: 0 16px; font-size: 12px; line-height: 30px; color: #828282; }

.list_svc .link_relate:hover { text-decoration: underline; color: #222; }

.info_copyright { float: right; }

/* 이용약관 */
.info_copyright .info_svc { float: left; position: relative; padding: 0 20px; }

.info_copyright .info_svc:after { content: ''; position: absolute; top: 10px; left: 0; width: 1px; height: 14px; background-color: #E3E4E9; }

.info_copyright .info_svc:first-child:after { content: none; }

.info_svc .link_tit { display: block; font-size: 13px; line-height: 32px; color: #444; }

.info_svc .link_tit .ico_arr { display: inline-block; width: 9px; height: 5px; margin: 14px 0 0 7px; background-position: -60px 0; }

.info_copyright .info_svc:last-child .link_tit { color: #444; font-weight: 700; }

.info_svc.on .link_tit { color: #222; font-weight: 500; }

.info_svc.on .link_tit .ico_arr { background-position: -70px 0; }

.kakao_foot .on .list_svc { display: block; }

.info_copyright .info_svc:nth-child(2) .list_svc { min-width: 181px; }

.info_copyright .info_svc .list_svc { min-width: 201px; margin-left: 20px; }

/* 카피라이트 */
.m_kakao_copyright { display: none; color: #02143F; }

.kakao_copyright { float: left; padding-top: 8px; font-size: 12px; color: #818181; line-height: 22px; font-family: 'Roboto',sans-serif; letter-spacing: normal; }

.kakao_copyright .logo_corp { display: inline-block; margin-right: 10px; vertical-align: top; }

.kakao_copyright .logo_corp .ico_biz { width: 51px; height: 16px; margin-bottom: 2px; background-position: 0 -20px; }

/* 공통 - 이미지 지연 로딩 도입 */
.wrap_lazyload { position: relative; }

.wrap_lazyload img { position: absolute; top: 0; left: 0; }

.wrap_lazyload::after { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fafafa; }

.wrap_lazyload.light_grey::after { background: #F7F8F9; }

.wrap_lazyload.grey::after { background: #F0F1F4; }

.wrap_lazyload.dark_grey::after { background: #DEE2EC; }

.wrap_lazyload.loaded::after { background: transparent; -webkit-transition: background .1s; transition: background .1s; -webkit-transition-delay: .3s; transition-delay: .3s; }

.cont_start .view_more.type_multiple .inner_view.type_txt .wrap_lazyload { padding-top: 62.855%; }

.cont_start .view_more.type_multiple .inner_view:not(.type_txt) .wrap_lazyload { padding-top: 119.852%; }

.list_adsvc .wrap_lazyload, .bridge_service .list_service .wrap_lazyload { padding-top: 100%; }

.list_adsvc .wrap_lazyload::after, .bridge_service .list_service .wrap_lazyload::after { border-radius: 5%; }

.service_box .list_adinfo li .wrap_lazyload { padding-top: 62.965%; }

.user_box .list_user li .wrap_lazyload { width: 252px; padding-top: 455px; }

.user_box .list_partners li.wrap_lazyload { width: 60px; padding-top: 50px; }

.box_start.type_new .view_more.type_multiple .inner_view .wrap_lazyload { padding-top: 117.03%; }

.cont_sync .cont_info .wrap_lazyload img[class*="random"] { position: static; }

.cont_certification .view_basic .view_box, .cont_certification .view_paging .view_box { height: 620px; padding-top: 60px; }

.cont_certification .section_cont .type_video .video_cont { height: 620px; padding-top: 60px; }

/** - 컨텐츠박스 **/
/* 소개페이지 공통 */
.wrap_main .bundle_g { height: 100%; }

.wrap_main .bundle_g:first-child:before { display: none; }

.wrap_main .inner_bundle { position: relative; width: auto; margin: 0 auto; }

.wrap_main .bundle_g .inner_bundle { position: relative; min-width: 940px; max-width: 1090px; width: auto; margin: 0 auto; padding: 60px 0 129px; }

.wrap_main .bundle_g .inner_bundle2 { padding: 60px 0 24px; }

.wrap_main .bundle_g.fst .inner_bundle { padding-top: 0; }

.wrap_main .inner_bundle .tit_bundle { margin-top: -8px; font-weight: 700; font-size: 26px; }

.wrap_main .inner_bundle .tit_bundle_type2 { margin-top: 6px; }

.wrap_main .inner_bundle .desc_bundle { padding: 19px 0 18px; font-size: 13px; }

/** - 토스트 버튼 타입 **/
.wrap_main .btn_service { position: fixed; right: 100px; bottom: 60px; z-index: 1; opacity: 1; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; }

.wrap_main .btn_service.fixed { bottom: 80px; }

.gnb_depth .btn_service { opacity: 1; }

.link_start { display: inline-block; position: relative; height: 54px; padding: 0 24px 0 49px; border-radius: 55px; font-weight: 500; font-size: 18px; line-height: 52px; color: #fff; letter-spacing: -0.050em; background: -moz-linear-gradient(top, #FFD200 0%, #FFC600 100%); background: -webkit-linear-gradient(top, #FFD200 0%, #FFC600 100%); background: linear-gradient(to bottom, #ffd200 0%, #ffc600 100%); vertical-align: top; transition: all 0.1s linear; }

.link_start:before { position: absolute; left: 22px; top: 25px; width: 20px; height: 2px; background-color: #fff; content: ''; }

.link_start:after { position: absolute; left: 31px; top: 16px; width: 2px; height: 20px; background-color: #fff; content: ''; }

.link_start:hover { box-shadow: 0 17px 24px rgba(0, 0, 0, 0.11); }

.link_start.disabled, .link_start[disabled] { padding: 0 24px; background: rgba(39, 44, 50, 0.5); pointer-events: none; }

.link_start.disabled:before, .link_start[disabled]:before { content: none; }

.link_start.disabled:after, .link_start[disabled]:after { content: none; }

/** - 소개페이지 **/
/* fixed - 서브 탭 노출 */
.wrap_main .sub_service { display: none; height: 49px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); background-color: rgba(253, 253, 253, 0.96); }

.gnb_depth .sub_service { display: block; }

.wrap_main .sub_service .list_tab { padding-top: 0; }

.wrap_main .sub_service .list_tab .link_tab { padding-top: 9px; }

/* 공통 - 이미지타이틀 */
.tit_intro { text-align: center; }

.tit_intro .img_intro { height: 38px; vertical-align: top; }

.desc_intro { width: 1020px; margin: 16px auto 0; font-weight: 300; font-size: 20px; line-height: 34px; text-align: center; letter-spacing: -0.029em; }

.wrap_main .btn_g:hover { border-color: #D5D5D5; background-color: rgba(250, 250, 250, 0.77); }

.wrap_main .btn_active { font-weight: 500; }

.wrap_main .btn_active:hover { border-color: #222; color: #222; }

.wrap_main .wrap_buttons { padding: 30px 0 2px; text-align: center; }

.wrap_main .wrap_buttons .btn_g { height: 55px; padding: 0 30px; font-size: 15px; line-height: 55px; }

/* 상품 시작하기 */
.wrap_main .list_step + .wrap_buttons .btn_g { display: inline-block; min-width: 170px; height: 52px; margin: 0 3px; box-sizing: border-box; border: 2px solid #326edc; border-radius: 52px; font-size: 15px; line-height: 47px; background-color: #fff; vertical-align: top; color: #4374CF; }

.wrap_main .list_step + .wrap_buttons .btn_g:hover { color: #fff; background-color: #4374CF; }

.wrap_main .list_step + .wrap_buttons .btn_active { border-color: #30363D; background-color: #30363D; color: #fff; }

.wrap_main .list_step + .wrap_buttons .btn_active:hover { background-color: #272C32; }

/* 특정 페이지 */
.wrap_main .bundle_adstart .list_sync { margin-top: 39px; }

.wrap_main .bundle_adstart .inner_bundle { padding: 0 0 107px; }

/* 컨텐츠 상단 텍스트 탭 */
.wrap_main .list_tab { padding: 50px 0 0; text-align: center; z-index: 5; }

.wrap_main .list_tab li { display: inline-block; padding: 0 14px; }

.wrap_main .list_tab .link_tab { display: block; padding: 14px 0 1px; font-weight: 300; font-size: 16px; color: #222; letter-spacing: -0.029em; }

.wrap_main .list_tab .link_tab:hover { border-bottom: 1px solid; }

.wrap_main .list_tab .on .link_tab { border-bottom: 2px solid #3B68BB; font-weight: 500; color: #3B68BB; }

.bundle_intro { overflow: hidden; position: relative; margin-top: 22px; border-radius: 14px; box-sizing: border-box; }

.bundle_intro:before { position: absolute; width: 100%; height: 100%; border: 1px solid rgba(155, 155, 155, 0.17); border-radius: 16px; box-sizing: border-box; content: ''; }

/* 컨텐츠 박스 색상 타입 */
.wrap_main .tit_point { display: block; padding-bottom: 11px; font-weight: 400; }

.bundle_intro .box_detailset { position: absolute; left: 10.27%; top: 61px; z-index: 1; }

.cont_kakaotv .bundle_intro .box_detailset { top: 80px; }

.cont_display .type_fcw .box_detailset { left: 9.8%; right: 9.8%; }

.bundle_intro.type_gray { background-color: #fafafc; }

/* 배경그레이 */
.bundle_intro.type_fcw .box_text { font-weight: 300; color: #fff; }

/* 컨텐츠 폰트색상 화이트 */
.bundle_intro.type_fcw:before { display: none; }

.bundle_intro.type_blue { background-color: #3b68bb; }

/* 배경블루 */
.bundle_intro.type_blue .box_text { font-weight: 300; color: #fff; }

/* 블루카드 컨텐츠 폰트색상 화이트 */
.bundle_intro.type_blue .tit_point { padding-bottom: 14px; }

.bundle_intro.type_blue .desc_function { padding-top: 6px; }

.bundle_intro.type_darkblue { background-color: #555C69; }

/* 배경다크블루 */
.bundle_intro.type_darkblue .box_text { font-weight: 300; color: #fff; }

/* 다크블루카드 컨텐츠 폰트색상 화이트 */
.bundle_intro.type_darkblue .tit_point { padding-bottom: 14px; }

.bundle_intro.type_darkblue .desc_function { padding-top: 6px; }

.bundle_intro.type_darkblue2 { background: #19234C; }

/* 배경다크블루2 */
.bundle_intro.type_darkblue2 .box_text { font-weight: 300; color: #fff; }

/* 다크카드 폰트색상 화이트 */
.bundle_intro.type_darkblue2 .desc_function { padding-top: 16px; }

.bundle_intro.type_dark { background-color: #22262D; }

/* 배경다크 */
.bundle_intro.type_dark .box_text { font-weight: 300; color: #fff; }

/* 다크카드 폰트색상 화이트 */
.bundle_intro.type_dark .desc_function { padding-top: 6px; }

/* 상세 - 카드 내 공통 */
.wrap_main .tit_function { display: block; font-size: 24px; line-height: 36px; letter-spacing: -0.049em; }

.wrap_main .tit_subfunction { display: block; margin-top: 22px; font-size: 16px; line-height: 24px; letter-spacing: -0.049em; }

.wrap_main .desc_function { padding-top: 15px; font-weight: 300; font-size: 16px; line-height: 26px; letter-spacing: -0.029em; }

.wrap_main .desc_function .link_line { text-decoration: underline; color: #fff; }

.wrap_main .type_horizon .desc_function { padding-top: 3px; }

/* 가로타입 카드 */
.bundle_intro .box_benefit { margin-top: 80px; color: #3B68BB; }

.list_benefit { overflow: hidden; }

.list_benefit li { float: left; padding-right: 5px; }

.list_benefit .link_num { display: block; width: 24px; height: 24px; border-radius: 24px; font-family: 'roboto', sans-serif; color: rgba(34, 34, 34, 0.3); line-height: 24px; text-align: center; box-sizing: border-box; }

.list_benefit .link_num:hover { color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.05); }

.list_benefit .on .link_num { background-color: #326edc; color: rgba(255, 255, 255, 0.9); }

.bundle_intro .tit_benefit { display: block; padding-top: 7px; font-weight: 400; }

.bundle_intro .desc_benefit { padding-top: 9px; letter-spacing: -0.029em; }

.bundle_intro .box_benefit.type_black { color: #000; }

.bundle_intro .box_benefit.type_black .desc_benefit { opacity: 0.7; }

.bundle_intro .double_benefit { margin-top: 41px; }

.bundle_intro .double_benefit .tit_benefit { padding-top: 25px; }

.bundle_intro .double_benefit .desc_benefit { padding-top: 3px; }

.bundle_intro .type_white .list_benefit .link_num { color: rgba(255, 255, 255, 0.3); }

.bundle_intro .type_white .list_benefit .on .link_num { color: #222; background-color: #fff; }

.bundle_intro .type_white .tit_benefit { color: #fff; }

.bundle_intro .type_white .desc_benefit { color: #fff; }

.bundle_intro .list_adtype { overflow: hidden; min-width: 100%; margin-top: 100px; padding-left: 2px; }

.bundle_intro .list_adtype li { float: left; width: 44.52%; }

.bundle_intro .list_adtype li:first-child { width: 54.2%; }

.bundle_intro .list_adtype .link_adtype { display: block; position: relative; height: 153px; color: rgba(255, 255, 255, 0.9); }

.bundle_intro .list_adtype .img_msg1 { position: absolute; top: 0; left: 0; width: 116px; vertical-align: top; }

.bundle_intro .list_adtype .img_msg2 { position: absolute; top: 0; left: 0; width: 112px; vertical-align: top; }

.bundle_intro .list_adtype .desc_adtype { position: relative; padding-top: 94px; line-height: 22px; }

.bundle_intro .list_adtype .ico_more { position: absolute; left: 263px; bottom: 6px; width: 31px; height: 31px; border-radius: 31px; border: 1px solid #fff; text-align: center; }

.bundle_intro .list_adtype .link_adtype:hover .ico_more { background-color: #fff; }

.bundle_intro .list_adtype .ico_more .img_bizcenter { width: 14px; height: 11px; margin-top: 10px; background-position: -130px 0; }

.bundle_intro .list_adtype .link_adtype:hover .ico_more .img_bizcenter { background-position: -150px 0; }

.bundle_intro .list_adtype li:first-child .ico_more { left: 253px; }

.bundle_intro .wrap_app { overflow: hidden; padding-top: 35px; }

.bundle_intro .link_apple { float: left; width: 134px; height: 39px; margin-right: 13px; background-position: 0 -120px; }

.bundle_intro .link_apple:hover { background-position: -150px -120px; }

.bundle_intro .link_android { float: left; width: 149px; height: 39px; background-position: 0 -160px; }

.bundle_intro .link_android:hover { background-position: -150px -160px; }

/** 번들 전체크기 타입 **/
.wrap_main .bundle_full .inner_bundle { padding: 0; }

.wrap_main .bundle_full .bundle_intro { margin: 0; }

.wrap_main .bundle_full .bundle_intro:before { display: none; }

.bundle_text { margin-top: 22px; }

.bundle_text .box_detailset { margin: 60px 10.27% 60px 10.27%; }

/** 홈 개편 - 2021 **/
/* 레이아웃 */
.wrap_main .cont_home #mArticle { position: relative; width: 100%; height: 100%; padding-top: 60px; padding-bottom: 254px; box-sizing: border-box; }

.main_home { min-width: 320px; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }

/* 공통 */
#kakaoWrap .m_view { display: none; }

#kakaoWrap .pc_view { display: inline-block; }

.logo_biz { display: block; overflow: hidden; font-size: 0; line-height: 0; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/logo_biz.png) 0 0 no-repeat; background-size: 125px 14px; text-indent: -9999px; }

.ico_biz { display: block; overflow: hidden; font-size: 0; line-height: 0; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/ico_biz.png) 0 0 no-repeat; background-size: 500px 500px; text-indent: -9999px; vertical-align: top; }

.btn_gl { display: inline-block; position: relative; width: 412px; height: 80px; padding: 0 30px; font-size: 27px; line-height: 75px; color: #222; background-color: rgba(2, 20, 63, 0.06); border-radius: 13px; box-sizing: border-box; border: 1px solid transparent; text-align: left; letter-spacing: -.03em; z-index: 10; }

.btn_gl .ico_arrow { position: absolute; top: 25px; right: 29px; width: 33px; height: 26px; background-position: -80px 0; }

.btn_gl:hover { color: #fff; background-color: #326EDC; }

.btn_gl:hover .ico_arrow { background-position: -80px -30px; }

.btn_gs { display: inline-block; position: relative; width: auto; height: 54px; padding: 0 61px 0 20px; font-size: 20px; line-height: 52px; border-radius: 7px; color: #222; background-color: rgba(2, 20, 63, 0.06); box-sizing: border-box; border: 1px solid transparent; text-align: left; letter-spacing: -0.03em; }

.btn_gs .ico_arrow { position: absolute; top: 18px; right: 16px; width: 20px; height: 15px; background-position: -160px -30px; }

.btn_gs:hover { color: #fff; background-color: #326EDC; }

.btn_gs:hover .ico_arrow { background-position: -180px -30px; }

.btn_nv { background-color: #02143F; color: #fff; border-color: #D2D2D2; }

.btn_nv .ico_arrow { background-position: -80px -30px; }

.btn_nv:hover { background-color: #fff; color: #222; border-color: #D2D2D2; }

.btn_nv:hover .ico_arrow { background-position: -80px 0; }

.btn_bl { background-color: #326EDC; color: #fff; }

.btn_bl .ico_arrow { background-position: -80px -30px; }

.btn_bl:hover { background-color: #0E52C7; }

.btn_bl:hover .ico_arrow { background-position: -80px -30px; }

/* 레이아웃 */
.cont_home { width: 100%; }

/* 개편 홈 */
/* 상단 비주얼 */
.main_visual { overflow: hidden; position: relative; width: 100%; }

.main_visual .inner_visual { position: relative; height: calc(100vh - 60px); box-sizing: border-box; color: #000; background-position: center; }

.main_visual .detail_visual { position: relative; overflow: hidden; width: 100%; height: 100%; background-color: #0E2452; }

.main_visual .inner_visual .detail_cont { position: absolute; left: auto; top: auto; right: auto; bottom: 150px; width: 100%; box-sizing: border-box; z-index: 2; text-align: center; }

.main_visual .tit_g { width: 100%; font-size: 60px; line-height: 85px; font-weight: 700; color: #fff; text-align: center; letter-spacing: -0.03em; }

.main_visual .tit_g .txt_bar { font-family: 'Roboto-Bold',sans-serif; }

.main_visual .link_down { position: absolute; bottom: 60px; left: 50%; margin-left: -20px; z-index: 5; }

.main_visual .link_down .ico_biz { width: 39px; height: 23px; background-position: -120px 0; }

.main_visual .link_dark .ico_biz { background-position: -120px -30px; }

.main_visual .inner_visual .detail_visual .visual_thumb { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; width: 100%; min-width: 1382px; max-width: 1796px; margin-top: -60px; transform: translate(-50%, -50%) scale(1.5); padding: 60px 0 120px 0; }

.main_visual .visual_thumb .thumb_video { display: block; width: 100%; }

.main_visual .btn_comm { margin-top: 41px; }

/* 슬라이드일 경우 */
.visual_slide .inner_visual { overflow: hidden; }

.visual_slide .detail_visual { float: left; }

.visual_slide button.ico_biz { display: none; position: absolute; top: 50%; width: 72px; height: 72px; margin-top: -36px; outline: none; cursor: pointer; z-index: 10; }

.visual_slide .control_wrap { position: absolute; top: 160px; left: 0; bottom: 160px; width: 200px; z-index: 5; }

.visual_slide .control_next { left: auto; right: 0; }

.visual_slide .btn_prevslide { left: 30px; background-position: -150px -60px; }

.visual_slide .btn_nextslide { right: 30px; background-position: -230px -60px; }

.visual_slide .control_wrap:hover button.ico_biz { display: block; }

/* 상단비주얼 컨텐츠 타입 */
.main_visual .inner_visual .detail_type2 { display: table; position: relative; bottom: 0; width: 100%; max-width: 1410px; height: 100%; margin: 0 auto; text-align: left; padding: 0 120px 0 120px; box-sizing: border-box; }

.detail_type2 .info_service { display: block; margin-bottom: 20px; font-size: 26px; line-height: 38px; color: #444; margin-top: -44px; }

.detail_type2 .inner_tit { display: table-cell; height: 100%; vertical-align: middle; }

.detail_type2 .tit_g { font-size: 44px; line-height: 64px; color: #323232; font-weight: 700; text-align: left; letter-spacing: -0.05em; }

.main_visual .detail_visual2 { background-color: #BDD0DE; }

.main_visual .detail_visual3 { background-color: #F5F8FF; }

.main_visual .inner_visual .detail_visual2 .visual_thumb { left: 0; bottom: 0; top: 0; right: 0; transform: translate(0, 0); min-width: 1651px; max-width: 1651px; margin: 0 auto; padding: 0; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/visual_bnr2.png) 50% 50% no-repeat; background-position: 100%; }

.main_visual .inner_visual .detail_visual3 .visual_thumb { left: 0; bottom: 0; top: 0; right: 0; transform: translate(0, 0); min-width: 1690px; max-width: 1690px; margin: 0 auto; padding: 0; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/visual_bnr3.png) 50% 50% no-repeat; background-position: 100%; }

/* 슬라이드 네비게이터 */
.navi_wrap { position: absolute; bottom: 60px; right: 60px; font-size: 18px; color: #444; font-family: 'Roboto-Medium',sans-serif; }

.navi_wrap .navi_count { font-size: 21px; line-height: 25px; }

.navi_wrap.navi_wh { color: rgba(255, 255, 255, 0.8); }

.navi_wrap.navi_wh .navi_count { color: white; }

.navi_wrap .navi_bar { display: inline-block; vertical-align: top; margin: -1px 9px 0 9px; font-family: 'Roboto-Light',sans-serif; }

.m_navi_wrap { display: none; }

/* 홈 컨텐츠 상세 */
.box_visual { position: relative; width: 100%; padding: 0 80px; box-sizing: border-box; }

.box_visual .inner_visual { max-width: 1160px; margin: 0 auto; padding: 123px 0 123px; box-sizing: border-box; }

.box_visual .cont_tit { position: relative; z-index: 1; letter-spacing: -0.03em; }

.box_visual .tit_sub { margin-bottom: 18px; font-size: 24px; line-height: 34px; color: #828282; }

.box_visual .tit_g { display: block; color: #222; font-size: 40px; line-height: 58px; font-weight: 500; word-break: keep-all; }

.box_visual .desc_sub { margin-top: 29px; font-size: 20px; line-height: 36px; color: #5f5f5f; }

.box_visual .btn_comm { margin-top: 40px; z-index: 20; }

/* 1 - 영향력 */
.box_count { overflow: hidden; height: 540px; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/visual_cont1.png) no-repeat; background-position: 50% 50%; background-size: cover; background-color: #3846B1; }

.box_count .inner_visual { position: relative; }

.box_count .cont_tit { margin: 0 57px 0 0; }

.box_count .tit_sub { color: rgba(255, 255, 255, 0.7); }

.box_count .tit_g { color: #fff; }

.box_count .cont_info { position: absolute; top: 122px; left: 581px; width: 660px; box-sizing: border-box; }

.box_count .cont_info .info_count { float: left; width: 660px; border-top: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3); text-align: center; box-sizing: border-box; }

.box_count .cont_info .box_tit, .box_count .cont_info .box_desc { display: table; width: 100%; }

.box_count .info_count .tit_count { display: table-cell; width: 50%; padding: 19px 0 20px 0; font-size: 20px; line-height: 29px; color: rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-weight: 500; letter-spacing: -0.03em; box-sizing: border-box; }

.box_count .info_count .tit_count + .tit_count, .box_count .info_count .desc_count + .desc_count { border-left: 1px solid rgba(255, 255, 255, 0.3); }

.box_count .info_count .desc_count { display: table-cell; width: 50%; padding: 32px 0 39px 0; font-size: 57px; line-height: 74px; color: #fff; font-weight: 700; box-sizing: border-box; }

.box_count .info_count .txt_count { display: inline-block; font-size: 68px; line-height: 80px; font-family: 'Roboto-bold',sans-serif; vertical-align: top; }

/* 2 - 채널개설 */
.box_join { overflow: hidden; min-height: 800px; background-color: #fff; }

.box_join .cont_visual { position: relative; }

.box_join .inner_visual .visual_thumb { position: absolute; width: 1168px; min-height: 555px; margin-top: -330px; }

.box_join .inner_visual .video_thumb { max-height: 555px; padding-left: 234px; transform: scale(1.5); box-sizing: border-box; }

.box_join .inner_visual .img_thumb { display: none; }

/* 3 - 파트너 */
.box_partner { overflow: hidden; min-height: 1153px; background-color: #fff; box-sizing: border-box; }

.box_partner .inner_visual { padding: 0; }

.box_partner .tit_g { width: 650px; }

.box_partner .cont_visual { position: relative; margin-top: 51px; }

.box_partner .inner_visual .visual_thumb { position: absolute; width: 1160px; min-height: 702px; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/visual_cont3.png) no-repeat; background-position: 0 0; }

.box_partner .inner_visual .img_thumb { display: none; }

/* 4 - 시작하기 */
.box_start { overflow: hidden; position: relative; min-height: 1250px; background-color: #F5F8FF; }

.box_start .inner_visual .visual_thumb { position: absolute; top: 0; left: 0; }

.box_start .video_thumb { display: block; }

.box_start .mo_video_thumb { display: none; }

/* 5 - 서비스 전체 보기 */
.box_adinfo { position: relative; width: 100%; height: 300px; background-color: #F5F8FF; box-sizing: border-box; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/visual_cont5.png) no-repeat; background-position: 50% 50%; background-size: cover; background-color: #F5F8FF; }

.box_adinfo .inner_info { max-width: 1160px; margin: 0 auto; padding: 76px 0 76px; box-sizing: border-box; }

.box_adinfo .cont_tit { text-align: center; }

.box_adinfo .tit_info { display: block; margin-bottom: 40px; font-size: 28px; line-height: 28px; color: #fff; letter-spacing: -0.03em; }

/** //홈 개편 - 2021 **/
/* 브릿지 - 비주얼 */
.cont_bridge #mArticle { padding: 60px 0 54px; }

.bridge_visual { overflow: hidden; height: 450px; background-color: #0E2452; }

.bridge_visual .inner_visual { position: relative; width: 100%; height: 100%; max-width: 1180px; margin: 0 auto; padding: 0 40px; box-sizing: border-box; }

.bridge_visual .visual_video { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; min-width: 100%; min-height: 100%; transform: translate(-50%, -42%) scale(0.7); }

.bridge_visual .visual_video .thumb_video { vertical-align: top; }

.m_visual_video { display: none; }

.bridge_visual .tit_visual { position: relative; display: inline-block; margin-top: 240px; font-size: 48px; line-height: 65px; font-weight: 700; color: #fff; letter-spacing: -0.03em; }

/* 브릿지 - 서비스 타이틀 공통 */
.txt_cate { display: block; margin-bottom: 9px; font-size: 24px; line-height: 34px; color: #828282; font-weight: 350; letter-spacing: -0.5px; }

.tit_svc { display: block; font-size: 39px; line-height: 53px; font-weight: 500; letter-spacing: -0.5px; }

.tit_subsvc { display: block; margin-bottom: 6px; font-size: 26px; line-height: 41px; font-weight: 500; letter-spacing: -0.5px; }

.desc_svc { font-size: 20px; line-height: 32px; color: #444; font-weight: 300; letter-spacing: -0.5px; }

/* 브릿지 - 채널 */
.bridge_box { overflow: hidden; margin: auto; padding: 0 40px; }

.cont_bridge .bridge_box .btn_comm { margin-top: 51px; font-size: 0; }

.bridge_box .btn_comm .btn_gs + .btn_gs { margin-left: 20px; }

.service_box { max-width: 1100px; }

.service_box .list_adinfo { overflow: hidden; width: 948px; margin: 96px auto 0; padding-bottom: 37px; text-align: center; font-size: 0; box-sizing: border-box; }

.service_box .list_adinfo li { display: inline-block; vertical-align: top; margin-bottom: 29px; font-size: 0; width: 270px; }

.service_box .list_adinfo li:nth-child(2) { margin: 0 58px 0 58px; }

.service_box .list_adinfo li:nth-child(5) { margin-left: 127px; }

.service_box .list_adinfo li .img_thumb { width: 100%; }

.service_box .list_adinfo .txt_adinfo { display: block; margin-top: 16px; font-size: 20px; line-height: 29px; color: #444; font-weight: 350; text-align: center; letter-spacing: -0.5px; }

.sub_descrip { position: relative; max-width: 1100px; margin: 39px auto 0; padding-bottom: 96px; letter-spacing: -0.03em; }

.sub_descrip:after { content: ''; position: absolute; left: 40px; right: 40px; bottom: 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); }

.detail_box { overflow: hidden; position: relative; width: 1100px; min-height: 881px; margin: 100px auto 0; letter-spacing: -0.03em; }

.detail_box .cont_tit { float: left; position: relative; width: 565px; z-index: 1; }

.detail_box .mo_img_thumb { display: none; }

.detail_box .cont_thumb { position: relative; }

.detail_box .service_thumb { position: absolute; width: 1100px; min-height: 820px; margin-top: 62px; background-position: 674px 0; background-size: contain; background-repeat: no-repeat; }

.detail_box .service_thumb.type_default { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/thumb_ch6.gif); }

.detail_box .service_thumb.type_consult { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/thumb_ch2.gif); }

.detail_box .list_service { margin-top: 74px; }

.detail_box .list_service li:first-child { margin-top: 74px; }

.detail_box .list_service li + li { margin-top: 64px; }

.detail_box .thumb_channel { position: absolute; right: 40px; width: 420px; margin-top: 62px; }

.user_box { overflow: hidden; max-width: 1100px; margin: 122px auto 194px; }

.user_box .cont_tit { letter-spacing: -0.03em; }

.user_box .tit_svc { margin-bottom: 25px; }

.user_box .cont_thumb { overflow: hidden; width: 1100px; margin-top: 63px; }

.user_box .list_user { overflow: hidden; margin-left: -25px; }

.user_box .list_user li { float: left; margin-left: 25px; }

.user_box .list_user .img_thumb { width: 252px; box-sizing: border-box; }

.user_box .list_user .desc_svc { margin-top: 17px; text-align: center; }

.user_box .cont_partners { box-sizing: border-box; margin-top: 100px; }

.user_box .list_partners { margin: -30px 0 0 -40px; }

.user_box .list_partners:after { content: ''; display: block; clear: both; }

.user_box .list_partners li { float: left; padding: 30px 0 0 40px; }

.user_box .list_partners li.wrap_lazyload { margin: 30px 0 0 40px; }

.user_box .list_partners li img { display: inline-block; width: 100px; }

/* 브릿지 - 광고 */
.video_adinfo { position: relative; overflow: hidden; max-width: 1088px; max-height: 612px; margin: 72px auto 0; border-radius: 15px; background-color: #C3C7CF; }

.video_adinfo .video_ad { display: block; width: 100%; }

.video_adinfo .btn_player { position: absolute; top: 50%; left: 50%; margin: -57px 0 0 -45px; }

.video_adinfo .btn_player.pause { margin: -57px 0 0 -36px; }

.video_adinfo .btn_player .ico_biz { width: 90px; height: 114px; background-position: 0 -140px; }

.video_adinfo .btn_player.pause .ico_biz { width: 71px; height: 94px; background-position: 0 -260px; }

.video_adinfo .btn_sound { position: absolute; right: 24px; bottom: 24px; width: 60px; height: 60px; }

.video_adinfo .btn_sound:hover { background-color: rgba(255, 255, 255, 0.1); border-radius: 60px; }

.video_adinfo .btn_sound .ico_biz { width: 39px; height: 29px; margin: 2px auto 0; background-position: -100px -170px; }

.video_adinfo .btn_sound.off .ico_biz { background-position: -100px -140px; }

.adsvc_box { max-width: 1100px; margin: 96px auto 0; letter-spacing: -0.03em; }

.adsvc_box + .adsvc_box { margin-top: 112px; }

.list_adsvc { display: flex; flex-wrap: wrap; margin: -9px -48px 0 0; }

.list_adsvc li { width: 33.3%; padding: 45px 48px 24px 0; box-sizing: border-box; }

.list_adsvc .img_thumb { display: block; width: 100%; }

.list_adsvc li .tit_wrap { width: 330px; margin: 0 auto; }

.list_adsvc .tit_adsvc { display: block; margin-top: 30px; font-size: 29px; line-height: 43px; font-weight: 700; }

.list_adsvc .desc_adsvc { min-height: 101px; margin-top: 9px; font-size: 20px; line-height: 30px; color: #444; font-weight: 300; letter-spacing: -0.5px; word-break: keep-all; }

.cont_bridge .list_adsvc .btn_comm { margin-top: 6px; }

.adstep_box { max-width: 1100px; margin: 100px auto 200px; letter-spacing: -0.03em; }

.list_adstep { margin-top: 42px; border-bottom: 1px solid #E3E3E3; }

.list_adstep li { display: table; width: 100%; height: 94px; border-top: 1px solid #E3E3E3; }

.list_adstep .tit_step { display: table-cell; width: 131px; vertical-align: middle; color: #9D9D9D; font-family: 'Roboto',sans-serif; font-size: 23px; }

.list_adstep .desc_step { display: table-cell; vertical-align: middle; font-size: 22px; }

/* 브릿지 - 서비스/도구 */
.bridge_biztool .adsvc_box + .box_adinfo { margin-top: 176px; }

/* 브릿지 - 서비스 리스트 */
.bridge_service { overflow: hidden; max-width: 1128px; margin: 0 auto 195px; padding: 0 20px; box-sizing: border-box; }

.bridge_service .cont_tit { margin-top: 152px; text-align: center; }

.bridge_service .tit_service { display: block; font-size: 40px; line-height: 55px; letter-spacing: -0.5px; font-weight: 700; }

.bridge_service .desc_service { margin-top: 17px; font-size: 22px; line-height: 34px; color: #444; font-weight: 300; word-break: keep-all; letter-spacing: -0.5px; }

.bridge_service .list_service { overflow: hidden; margin: 28px -24px 0 0; }

.bridge_service .list_service li { float: left; width: 33.3%; padding: 45px 24px 0 0; box-sizing: border-box; }

.bridge_service .list_service .link_service { display: block; max-width: 330px; margin: 0 auto; }

.bridge_service .list_service .img_thumb { display: block; width: 100%; max-width: 330px; }

.bridge_service .list_service .txt_service { display: block; margin-top: 14px; font-size: 23px; line-height: 36px; color: #444; font-weight: 400; text-align: center; letter-spacing: -0.8px; }

/* 시작하기 */
.cont_start .main_visual .inner_visual .detail_visual .visual_thumb { min-width: 1472px; padding: 60px 0 0px 0; }

.cont_start .bundle_cont.type_blue { padding: 160px 0 190px; margin-top: 0; }

.cont_start .section_help { background-color: transparent; padding-bottom: 0; }

.cont_start .bundle_cont.type_grey, .cont_start .bundle_cont.type_grey2 { padding: 160px 0; margin-top: 0; }

.cont_start .bundle_cont.type_img { padding: 120px 0; margin-top: 0; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/thumb/start/back_semina.png); background-size: 100%; background-position: center; }

.cont_start .bundle_cont.type_blue { background-color: #F5F8FF; }

.cont_start .bundle_cont.type_grey { background-color: #F0F1F4; }

.cont_start .bundle_cont.type_grey2 { background-color: #F7F8F9; }

.cont_start .main_visual .tit_g { letter-spacing: -1.88px; }

.cont_start .main_visual .tit_g > span { font-family: 'Roboto-Bold',sans-serif; }

.cont_start .sub_descrip { margin: 100px auto 0; padding-bottom: 100px; text-align: center; }

.cont_start .tit_subsvc { font-size: 30px; letter-spacing: -0.2px; }

.cont_start .bundle_cont.type_img .cont_start .btn_comm { margin-top: 36px; }

.cont_start .btn_comm { margin-top: 56px; }

.cont_start .btn_comm .btn_gl { width: 409px; height: 70px; line-height: 70px; font-size: 22px; }

.cont_start .btn_comm .btn_gl .ico_arrow { position: absolute; top: 28px; right: 30px; width: 19px; height: 16px; background-position: -146px -167px; }

.cont_start .btn_comm .btn_gl:hover .ico_arrow { background-position: -146px -186px; }

.cont_start .btn_comm .btn_gl.type_a { width: 268px; background-color: #326EDC; color: #fff; }

.cont_start .btn_comm .btn_gl.type_a .ico_arrow { background-position: -146px -186px; }

.cont_start .btn_comm .btn_gl.type_a:hover { background-color: #2858B0; }

.cont_start .btn_comm .btn_gl.type_a:hover .ico_arrow { background-position: -146px -186px; }

.cont_start .btn_comm .btn_gl.type_b { width: 389px; }

.cont_start .bundle_prepare .inbox_img { margin: 48px 0 0 0; }

.cont_start .bundle_prepare .inbox_img img { width: 100%; }

.cont_start .view_more.type_multiple { margin-left: -10px; margin-right: -10px; padding-bottom: 5px; }

.cont_start .view_more.type_multiple .inner_view { overflow: hidden; position: relative; width: calc(33.3% - 20px); font-size: 0; border-radius: 20px; margin: 60px 10px 0 10px; padding: 0; }

.cont_start .view_more.type_multiple .inner_view:not(.type_txt) { margin: 80px 10px 0 10px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); }

.cont_start .view_more.type_multiple .inner_view .img_top { position: absolute; left: 50%; transform: translateX(-50%); }

.cont_start .view_more.type_multiple .inner_view:nth-child(1) .img_top { width: 30%; top: 20%; }

.cont_start .view_more.type_multiple .inner_view:nth-child(2) .img_top { width: 31%; top: 16%; }

.cont_start .view_more.type_multiple .inner_view:nth-child(3) .img_top { width: 30%; top: 16%; }

.cont_start .view_more.type_multiple .inner_view.type_txt { height: 444px; background-color: #fff; }

.cont_start .view_more.type_multiple .inner_view.type_txt.type_long { height: 474px; }

.cont_start .view_more.type_multiple .inner_view img { width: 100%; }

.cont_start .view_more.type_multiple .inner_view .inbox_txt { padding: 30px; }

.cont_start .view_more.type_multiple .inner_view a { display: block; }

.cont_start .view_more.type_multiple .inner_view a > span { display: block; box-sizing: border-box; position: absolute; top: 54%; width: 100%; text-align: center; color: #fff; word-break: keep-all; padding: 0 20px; }

.cont_start .view_more.type_multiple .inner_view a > span > strong { display: block; font-weight: 700; font-size: 22px; color: #fff; margin-bottom: 8px; }

.cont_start .view_more.type_multiple .inner_view a > span > span { display: block; font-weight: 300; font-size: 20px; line-height: 32px; }

.cont_start .view_more.type_multiple .inbox_txt strong { font-weight: 500; color: #326EDC; font-size: 20px; line-height: 20px; }

.cont_start .view_more.type_multiple .inbox_txt .icon_more2 { vertical-align: top; width: 20px; height: 16px; margin-left: 10px; margin-top: 2px; background-position: -20px -40px; }

.cont_start .view_more.type_multiple .inbox_txt p { margin-top: 14px; font-weight: 300; color: #444; font-size: 20px; line-height: 32px; letter-spacing: -0.4px; }

.cont_start .view_more.type_multiple .inner_view:nth-child(odd) { clear: none; }

.cont_start .section_cont .bundle_cont:first-of-type { margin: 0 0 74px; padding-top: 100px; }

.cont_start .section_cont .bundle_prepare .btn_comm { margin-top: 36px; }

.cont_start .bundle_help { padding: 28px 30px 30px 152px; }

.cont_start .section_help .txt_item { margin-top: 13px; }

.cont_start .section_help [class^="bundle_"] { margin-top: 20px; }

.cont_start .section_help .bundle_help > [class^="icon_"], .cont_start .section_help .bundle_help > .icon_start { position: absolute; top: 25px; left: 25px; background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/ico_start_230903.png); background-size: 420px 260px; width: 100px; height: 78px; }

.cont_start .icon_start.icon_a { background-position: 0 0; }

.cont_start .icon_start.icon_b { background-position: -104px 0; }

.cont_start .icon_start.icon_c { background-position: -208px 0; }

.cont_start .icon_start.icon_d { background-position: -312px 0; }

.cont_start .icon_start.icon_e { background-position: 0 -82px; }

.cont_start .icon_start.icon_f { background-position: -104px -82px; }

.cont_start .icon_start.icon_g { background-position: -208px -82px; }

.cont_start .icon_start.icon_h { background-position: -312px -82px; }

.cont_start .bundle_cont.type_img .tit_func { color: #fff; }

.cont_start .bundle_cont.type_img .desc_func { color: #fff; }

.cont_start .bundle_cont.type_bottom { padding-bottom: 623px; background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/thumb/start/thumb6.png); background-size: 1440px; background-position: center bottom; background-repeat: no-repeat; }

.cont_start .bundle_cont.type_bottom .btn_comm { margin-top: 52px; }

.cont_start .section_help .wrap_theme + [class^="bundle_"] { margin-top: 60px; }

.cont_start .bundle_cont .inbox_video video { width: 100%; height: auto; }

.cont_start .bundle_cont .inbox_video { padding: 80px 0 46px; }

.box_start.type_new { background-color: #ECF0F7; min-height: auto; }

.box_start.type_new .view_more .inner_view:nth-child(odd) { clear: none; }

.box_start.type_new .view_more.type_multiple { margin-left: -15px; margin-right: -15px; padding-bottom: 5px; }

.box_start.type_new .view_more.type_multiple .inner_view { overflow: hidden; position: relative; width: calc(33.3% - 30px); font-size: 0; border-radius: 20px; margin: 76px 15px 0 15px; padding: 0; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); }

.box_start.type_new .view_more.type_multiple .inner_view .img_top { position: absolute; left: 50%; transform: translateX(-50%); }

.box_start.type_new .view_more.type_multiple .inner_view:nth-child(1) .img_top { width: 29%; top: 14%; }

.box_start.type_new .view_more.type_multiple .inner_view:nth-child(2) .img_top { width: 29%; top: 11%; }

.box_start.type_new .view_more.type_multiple .inner_view:nth-child(3) .img_top { width: 28%; top: 11%; }

.box_start.type_new .view_more.type_multiple .inner_view.type_txt { height: 464px; background-color: #fff; }

.box_start.type_new .view_more.type_multiple .inner_view img { width: 100%; }

.box_start.type_new .view_more.type_multiple .inner_view .inbox_txt { padding: 30px; }

.box_start.type_new .view_more.type_multiple .inner_view .box_content { display: block; box-sizing: border-box; position: absolute; top: 46%; width: 100%; text-align: center; color: #fff; word-break: keep-all; padding: 0 20px; }

.box_start.type_new .view_more.type_multiple .inner_view .box_content > strong { display: block; font-weight: 700; font-size: 22px; color: #fff; margin-bottom: 8px; }

.box_start.type_new .view_more.type_multiple .inner_view > div > span { display: block; font-weight: 300; font-size: 20px; line-height: 32px; }

.box_start.type_new .view_more.type_multiple .inner_view .btn_start { display: inline-block; width: 87%; height: 56px; margin-top: 30px; background-color: #fff; font-weight: 500; font-size: 20px; color: #444; text-align: center; border-radius: 10px; line-height: 56px; }

.box_start.type_new .view_more.type_multiple .inner_view .btn_start:hover { background-color: #E8E8E8; }

.box_start.type_new .view_more.type_multiple .inner_view .btn_start .icon_kb { display: inline-block; width: 20px; height: 16px; margin-left: 10px; background-position: -168px -167px; }

/** - 소개 > 카카오톡 채널(구 플러스친구) **/
/** 번들 전체크기 타입 (플러스친구) **/
.cont_plus .list_tab { padding-top: 30px; }

.gnb_trans .cont_plus .list_tab { padding-top: 10px; }

.cont_plus .bundle_full { height: 100%; }

.cont_plus .bundle_full .inner_bundle { height: 100%; }

.cont_plus .bundle_full .bundle_intro { height: 100%; }

.cont_plus .admin_plus1 { height: 630px; background: #3b68bb url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/admin_plus1.png) no-repeat 50% 50%; background-size: 1600px 630px; }

.cont_plus .admin_plus2 { height: 630px; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/admin_plus2.png) no-repeat 50% 50%; background-size: cover; }

.cont_plus .admin_plus3 { position: relative; height: 630px; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 630px; background-color: #30363D; }

.cont_plus .admin_plus3 .btn_slide { position: absolute; top: 269px; width: 60px; height: 60px; border-radius: 60px; background-color: rgba(0, 0, 0, 0.21); text-align: center; }

.cont_plus .admin_plus3 .btn_slide:hover { background-color: rgba(0, 0, 0, 0.3); }

.cont_plus .admin_plus3 .btn_prev { left: 256px; }

.cont_plus .admin_plus3 .btn_prev .img_bizcenter { width: 18px; height: 13px; margin-top: 24px; background-position: -130px -20px; vertical-align: top; }

.cont_plus .admin_plus3 .btn_next { right: 256px; }

.cont_plus .admin_plus3 .btn_next .img_bizcenter { width: 18px; height: 13px; margin-top: 24px; background-position: -110px -20px; vertical-align: top; }

/** - 소개 > 선물하기 **/
.wrap_main .cont_gift .bundle_cold .inner_bundle { padding-bottom: 51px; }

/** - 소개 > 주문하기 **/
.wrap_main .cont_order .box_agency { min-height: auto; }

/** - 소개 > 스마트메시지 **/
.list_review { overflow: hidden; padding-top: 84px; }

.list_review li { position: relative; width: 535px; height: 690px; border-radius: 14px; }

.list_review li:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #9B9B9B; border-radius: 14px; opacity: 0.12; box-sizing: border-box; }

.list_review li:first-child { float: left; margin-right: 10px; }

.list_review li:last-child { float: right; margin-left: 10px; }

.list_review .tit_review { display: block; padding: 26px 30px 0; font-size: 16px; }

.list_review .desc_review { padding: 10px 30px 0; font-weight: 300; font-size: 16px; line-height: 26px; }

.brand_smart { position: absolute; bottom: 25px; left: 30px; font-weight: 700; line-height: 48px; }

.brand_smart .img_thumb { float: left; width: 48px; height: 48px; margin-right: 14px; line-height: 48px; vertical-align: top; }

.bundle_intro .img_robot { position: absolute; left: 50%; bottom: 26px; width: 650px; height: 369px; margin-left: -325px; }

.cont_smart .bundle_adstart .box_text { min-height: 275px; }

/** - 소개 > 카카오싱크 **/
.cont_sync .bundle_sync { width: 100%; height: 1222px; background: #051741 url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/sync_kakao.png) no-repeat 50% 100%; background-size: 1412px 1222px; }

.cont_sync .bundle_sync .inner_bundle, .cont_sync .bundle_sync .bundle_intro { width: 100%; height: 1222px; }

.cont_sync .bundle_sync { margin-top: 30px; }

.cont_sync .bundle_login { width: 100%; height: 1166px; background: #FAFAFC url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/sync_login.png) no-repeat 50% 100%; background-size: 1600px 1166px; }

.cont_sync .bundle_login .inner_bundle, .cont_sync .bundle_login .bundle_intro { width: 100%; height: 1166px; }

.cont_sync .bundle_g { padding: 0; }

.list_infomation { position: absolute; left: 10.27%; bottom: 110px; padding-top: 32px; }

.list_infomation li { font-weight: 300; font-size: 16px; line-height: 29px; color: #fff; opacity: 0.78; }

.list_infomation li .txt_b { font-weight: 500; }

.wrap_main .bundle_solo { border-bottom: 1px solid rgba(155, 155, 155, 0.12); }

.wrap_main .bundle_solo .inner_bundle { overflow: hidden; padding: 0; }

.wrap_main .solo_type2 { background-color: #FAFAFC; }

.wrap_main .solo_type2 .inner_bundle { padding: 0; }

.bundle_solo .bundle_intro { margin-top: 0; }

.bundle_solo .bundle_intro:before { border: 0 none; }

.cont_sync .bundle_g.fst .inner_bundle { padding: 60px 0 30px; }

.cont_sync .bundle_adstart { padding-top: 110px; }

.wrap_main .bundle_util .inner_bundle { max-width: 100%; padding-top: 91px; }

.list_sync { overflow: hidden; width: 1000px; margin: 50px auto 0; text-align: center; }

.list_sync li { display: inline-block; padding: 19px 5px 0 20px; vertical-align: top; }

.list_sync .link_tab { display: inline-block; height: 42px; padding: 0 17px; border: 1px solid rgba(155, 155, 155, 0.3); border-radius: 42px; font-weight: 300; font-size: 16px; line-height: 42px; letter-spacing: -0.025em; vertical-align: top; }

.list_sync .on .link_tab { border-color: #0D1D42; color: #fff; background-color: #0D1D42; }

.cont_sync .bundle_intro .box_benefit { margin-top: 60px; }

.wrap_main .cont_sync .tit_function { font-size: 20px; line-height: 29px; }

.box_slide { position: relative; max-width: 1600px; height: 972px; margin: 0 auto; background-position: 50% 50%; background-size: 1600px 972px; }

.box_slide .box_text { position: absolute; top: 59px; width: 100%; text-align: center; }

.wrap_main .box_slide .box_text .desc_function { padding-top: 13px; opacity: 0.8; }

/** - 소개 > 카카오맵 매장관리 **/
.wrap_main .cont_mystore .bundle_cold { border-bottom: 0 none; }

/* 개발과 싱크 맞춤 시작 */
.cont_sync #mArticle, .cont_plus #mArticle, .cont_premium #mArticle { background-color: #fff; }

.cont_sync .desc_intro, .cont_plus .desc_intro, .cont_premium .desc_intro { margin-bottom: 54px; }

.cont_sync .list_tab, .cont_plus .list_tab, .cont_premium .list_tab { padding: 30px 0 3px; }

.content-feature.visual_service { position: unset; padding-top: 60px; left: auto; top: auto; bottom: auto; z-index: auto; background-color: transparent; transition: none; }

.visual_service .tit_intro { margin-top: 60px; }

.visual_service .box_video { position: relative; margin: 53px auto 0; width: 1090px; height: 670px; border-radius: 14px; overflow: hidden; }

.cont_premium .visual_service .box_video { width: 1088px; height: 430px; }

.cont_premium .visual_service .box_video.type_2 { height: 612px; }

.visual_service .box_video video { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1600px; -webkit-transition: width .15s linear; transition: width .15s linear; }

.visual_service .box_video .masking { position: absolute; top: 0; bottom: 0; height: 150%; background-color: #fff; z-index: 1; -webkit-transition: scale .1s linear; transition: scale .1s linear; }

.visual_service .box_video .masking.left { left: -200%; width: 200%; -webkit-transform-origin: center left; transform-origin: center left; }

.visual_service .box_video .masking.right { right: -200%; width: 200%; -webkit-transform-origin: center right; transform-origin: center right; }

.visual_service .btn_sound { position: absolute; width: 50px; height: 50px; background-position: 0 -200px; }

.visual_service .btn_sound.off { background-position: -60px -200px; }

.visual_service .btn_sound { outline: none; }

.is_full_video.visual_service .btn_sound { right: -150px; }

@media only screen and (max-width: 1410px) { .is_full_video.visual_service .btn_sound { right: 0; } }

.visual_service .btn_sound, .visual_service .btn_sound.off { bottom: 30px; right: 30px; }

.is_full_video .desc_intro { opacity: 0; }

.is_full_video .box_video video { position: fixed; top: 0; z-index: -1; -o-object-fit: cover; object-fit: cover; display: inline-block; -webkit-transition: width .3s linear; transition: width .3s linear; }

.is_full_video .box_video { overflow: visible; }

.is_full_video .visual_service .btn_sound { right: -150px; }

.is_full_video .masking { display: none; }

.is_full_video .list_tab { position: relative; background: #fff; }

.is_full_video .list_tab.fix-feature { position: fixed; }

.is_full_video .bundle_g:first-of-type { position: relative; }

.is_full_video .bundle_g:first-of-type:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: -22px; height: 27px; background: #fff; }

/* 개발과 싱크 맞춤 끝 */
/** - 소개 > 톡비즈보드 (구 톡 프리미엄 광고) **/
.cont_premium .bundle_premium { width: 100%; height: 940px; background: #202631 url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/premium_sync.png) no-repeat 50% 332px; background-size: 909px 478px; }

.cont_premium .bundle_premium .inner_bundle, .cont_premium .bundle_premium .bundle_intro { width: 100%; height: 940px; }

.cont_premium .bundle_premium .bundle_intro .box_detailset { right: 0; }

.cont_premium .bundle_premium2 { padding-top: 60px; border-bottom: 1px solid rgba(155, 155, 155, 0.12); }

.cont_premium .bundle_premium2 .bundle_intro + .bundle_intro { margin-top: 25px; }

.cont_premium .bundle_premium2 .inner_bundle { padding-bottom: 0; }

.cont_premium .bundle_premium2 .bundle_intro .box_benefit { margin-top: 90px; }

.cont_premium .bundle_adstart .inner_bundle { max-width: 1200px; }

.cont_premium .bundle_adstart .inner_bundle { padding-bottom: 30px; }

.cont_premium .bundle_adstart .box_text .desc_function { padding-top: 6px; }

.cont_premium .bundle_adstart .box_img { margin: 0 -55px; padding: 70px 0 100px; }

.cont_premium .bundle_adstart .tit_function { font-size: 20px; }

.cont_premium .list_sync { margin-top: 47px; }

.cont_premium .type_horizon .desc_function { padding-top: 12px; }

.cont_premium .list_premium .link_tab { display: inline-block; height: 42px; padding: 0 17px; border: 1px solid rgba(155, 155, 155, 0.3); border-radius: 42px; font-weight: 300; font-size: 16px; line-height: 42px; letter-spacing: -0.025em; vertical-align: top; }

.cont_premium .list_premium .on .link_tab { border-color: #0D1D42; color: #fff; background-color: #0D1D42; }

.cont_premium .box_slide { position: relative; max-width: 1090px; height: 728px; margin: 0 auto 100px; background-repeat: no-repeat; background-position: 50% 100%; background-size: 100% auto; }

.cont_premium .bundle_guide .inner_bundle { padding-bottom: 140px; }

/** - 소개 > 브랜드검색광고 **/
.cont_brand .bundle_intro.type_dark .desc_function { padding-top: 15px; }

.cont_brand .bundle_intro .desc_function2 { padding-top: 27px; opacity: .5; }

.bundle_intro.type_term { min-height: 306px; color: #fff; background: #485874; }

.cont_kakaotv .bundle_intro.type_term { min-height: 332px; }

.cont_msg .type_term { min-height: 354px; }

.cont_brand .bundle_adstart .inner_bundle, .cont_shopping .bundle_adstart .inner_bundle { min-width: 900px; width: 900px; }

/** - 소개 > 카카오톡채널상품구독형 **/
.cont_product .box_text { height: 274px; }

/** - 소개 > 카카오픽셀SDK **/
.cont_pixelsdk .bundle_cold.bundle_adstart .inner_bundle { padding: 0 0 72px 0; }

.wrap_main .cont_pixelsdk .bundle_adstart .list_sync { padding-top: 20px; }

.cont_pixelsdk .list_sync li { padding-left: 7px; }

.wrap_main .cont_pixelsdk .tit_subfunction { margin-top: 44px; }

/* 소개 > 지식 */
.cont_knowledge .tit_intro .img_intro { height: 50px; }

.cont_knowledge .desc_intro { margin-top: 10px; }

.cont_knowledge .bundle_intro.type_gray .tit_point { padding-top: 20px; }

.cont_knowledge .bundle_intro.type_gray .box_benefit { margin-top: 105px; }

.cont_knowledge .bundle_intro.type_blue .desc_function { padding-top: 16px; }

/* 소개 > 상담 */
.cont_consulting .tit_intro .img_intro { height: 59px; }

.cont_consulting .desc_intro { margin-top: 10px; }

/* 소개 > 챗봇 */
.cont_chatbot .tit_intro .img_intro { height: 59px; }

.cont_chatbot .bundle_adstart .inner_bundle { max-width: 1200px; }

.cont_chatbot .bundle_adstart .inner_bundle { padding-bottom: 30px; }

.cont_chatbot .bundle_adstart .box_text .desc_function { padding-top: 6px; }

.cont_chatbot .bundle_adstart .box_img { margin: 0 -55px; padding: 70px 0 100px; }

.cont_chatbot .bundle_adstart .tit_function { font-size: 20px; }

.cont_chatbot .list_sync { margin-top: 47px; }

.cont_chatbot .type_horizon .desc_function { padding-top: 12px; }

.cont_chatbot .list_premium .link_tab { display: inline-block; height: 42px; padding: 0 17px; border: 1px solid rgba(155, 155, 155, 0.3); border-radius: 42px; font-weight: 300; font-size: 16px; line-height: 42px; letter-spacing: -0.025em; vertical-align: top; }

.cont_chatbot .list_premium .on .link_tab { border-color: #0D1D42; color: #fff; background-color: #0D1D42; }

.cont_chatbot .box_slide { position: relative; max-width: 1088px; height: 749px; margin: 0 auto 100px; background-repeat: no-repeat; background-position: 50% 100%; background-size: 100% auto; }

.cont_chatbot .box_slide.type_btn { height: 861px; background-position: 0 216px; }

.cont_chatbot .link_mail { color: #326EDC; text-decoration: underline; }

.cont_chatbot .box_slide.type_btn .wrap_buttons { position: absolute; bottom: 0; width: 100%; }

.cont_chatbot .box_slide.type_btn .wrap_buttons .btn_active { border-color: #30363D; background-color: #30363D; color: #fff; }

.cont_chatbot .box_slide.type_btn .wrap_buttons .btn_active:hover { background-color: #272C32; }

/* 소개 > 비즈니스폼 */
.cont_bizform .bundle_intro.type_term { min-height: 338px; }

.cont_bizform .btn_function { display: inline-block; width: 139px; text-align: center; margin-top: 30px; background-color: #fff; height: 40px; border-radius: 20px; font-size: 14px; font-weight: 400; line-height: 40px; color: #485874; }

.cont_bizform .btn_function .img_bizcenter { width: 15px; height: 15px; margin: 13px 0 0 4px; background-position: -280px -59px; }

/** - 소개공통 > 공식대행사 로딩/에러화면 **/
.wrap_main .box_agency .ico_loading { display: block; width: 46px; height: 46px; margin: 153px auto 0; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/kfb_loading.gif) no-repeat 0 0; }

.wrap_main .box_agency .ico_error { display: block; width: 60px; height: 60px; margin: 153px auto 0; background-position: -110px -200px; }

.wrap_main .box_agency .ico_error:hover, .wrap_main .group_guide .ico_error:hover { background-position: -170px -200px; }

.wrap_main .box_agency .txt_data { display: block; margin-top: 40px; font-size: 16px; text-align: center; color: rgba(34, 34, 34, 0.6); }

/** - 소개공통 > 운영하기 **/
.tit_operate { margin-top: 19px; font-weight: 500; font-size: 34px; text-align: center; letter-spacing: -1px; }

.wrap_main .bundle_adstart .tit_operate { margin-top: 0; }

.wrap_main .bundle_adstart .tit_suboperate { display: block; width: 900px; margin: 72px auto 16px; line-height: 27px; font-size: 18px; }

.wrap_main .bundle_full + .bundle_adstart .inner_bundle { padding-top: 110px; }

/* (풀영역과 붙어있는 제안하기 윗쪽 여백) 추가 */
.desc_operate { margin: 6px auto 0; font-size: 18px; font-weight: 300; line-height: 28px; text-align: center; letter-spacing: -0.029em; }

.subdesc_operate { margin: 28px auto -16px; font-size: 16px; font-weight: 300; line-height: 26px; color: #222; text-align: center; letter-spacing: -0.029em; }

.type_dark { background-color: #272C32; }

.type_dark .box_text { color: rgba(255, 255, 255, 0.8); }

.list_manage { overflow: hidden; width: 882px; margin: 0 auto; padding-top: 111px; }

.list_manage li { float: left; position: relative; width: 280px; height: 430px; margin: 9px 7px 10px; border-radius: 10px; }

.list_manage li:before { position: absolute; width: 100%; height: 100%; border: 1px solid rgba(151, 151, 151, 0.23); border-radius: 10px; box-sizing: border-box; content: ''; }

.list_manage .tit_manage { display: block; width: 224px; margin: 17px 0 0 24px; font-size: 18px; }

.list_manage .ico_beta { width: 30px; height: 12px; margin: 7px 0 0 5px; background-position: -170px -50px; }

.list_manage .desc_manage { margin: 6px 24px 0 24px; line-height: 22px; letter-spacing: -0.021em; }

/** - 소개공통 > 도움받기 **/
.wrap_main .bundle_cold { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-color: #FAFAFA; }

.wrap_main .bundle_cold + .bundle_cold { border-top: 0 none; }

.wrap_main .bundle_cold .inner_bundle { width: 900px; padding: 90px 0 53px; }

.wrap_main .tit_help { font-weight: 500; font-size: 34px; text-align: center; }

.wrap_main .desc_help { padding-top: 5px; font-size: 18px; font-weight: 300; text-align: center; }

.wrap_main .detail_help { position: relative; border-top: 1px solid rgba(153, 153, 153, 0.1); }

.wrap_main .detail_help.fst { margin-top: 65px; }

.wrap_main .detail_help .link_tool { display: block; padding: 0 16px 39px; }

.wrap_main .tit_tool { display: block; padding-top: 36px; font-size: 20px; line-height: 29px; color: #3B68BB; }

.wrap_main .txt_tool { display: block; padding: 4px 0 0; font-weight: 300; font-size: 16px; line-height: 26px; color: #222; }

.wrap_main .detail_help .btn_view { position: absolute; right: 7px; top: 50%; width: 56px; height: 56px; border-radius: 56px; border: 2px solid #326edc; margin-top: -29px; }

.wrap_main .detail_help .btn_view .ico_arr { display: block; width: 18px; height: 13px; margin: 22px auto 0; background-position: -20px -100px; }

.wrap_main .detail_help .link_tool:hover .btn_view { background-color: #326EDC; }

.wrap_main .detail_help .link_tool:hover .btn_view .ico_arr { background-position: -110px -20px; }

.wrap_main .list_help { padding-top: 27px; }

.wrap_main .list_help .link_txt { font-size: 14px; line-height: 23px; color: rgba(34, 34, 34, 0.6); }

.wrap_main .bundle_cold .txt_info { position: static; padding: 15px 0 0 24px; border-top: 1px solid rgba(153, 153, 153, 0.1); font-size: 14px; line-height: 26px; color: rgba(0, 0, 0, 0.4); }

.wrap_main .bundle_cold .link_help { color: #326EDC; }

/** - 소개공통 > 에이전시 **/
.wrap_main .bundle_g .inner_fix { min-width: 870px; width: 870px; }

.wrap_main .inner_fix .tit_function { font-weight: 500; }

.wrap_main .detail_agency { padding: 0 16px 19px; border-top: 1px solid rgba(153, 153, 153, 0.1); box-sizing: border-box; }

.wrap_main .detail_agency.fst { margin-top: 60px; }

.wrap_main .box_agency { overflow: hidden; min-height: 384px; }

.wrap_main .list_agency { width: 912px; padding-top: 41px; margin-left: -18px; }

.wrap_main .list_agency:after { content: ''; display: block; clear: both; }

.wrap_main .list_agency:first-of-type { margin-top: 56px; padding-top: 0; }

.wrap_main .list_agency li { float: left; width: 25%; padding-left: 18px; box-sizing: border-box; }

.wrap_main .list_agency .tit_agency { display: inline-block; padding-bottom: 10px; font-size: 16px; }

.wrap_main .list_agency .tit_agency .ico_kpp { overflow: visible; position: relative; width: 12px; height: 12px; margin: 7px 0 0 3px; background-position: -190px 0; }

.wrap_main .list_agency .tit_agency .ico_kpp .layer_kpp { display: none; position: absolute; top: -32px; left: 50%; width: 122px; height: 21px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 0 5px; border: 1px solid #E2E2E2; border-radius: 4px; font-weight: 300; font-size: 11px; line-height: 21px; color: rgba(0, 0, 0, 0.6); text-indent: 0; }

.wrap_main .list_agency .tit_agency .ico_kpp:hover .layer_kpp { display: block; }

.wrap_main .list_agency .tit_agency .ico_kpp .layer_kpp:before { content: ''; position: absolute; left: 50%; bottom: -7px; width: 5px; height: 5px; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); border-left: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; background-color: #fafafa; }

.wrap_main .list_agency .desc_agency { display: block; font-weight: 300; font-size: 16px; line-height: 22px; color: rgba(34, 34, 34, 0.7); word-break: break-all; }

.wrap_main .list_agency .link_line { margin-right: -15px; }

.wrap_main .list_agency .link_line:hover { text-decoration: underline; }

.wrap_main .box_kpp { overflow: hidden; margin-bottom: -28px; padding-top: 7px; }

.wrap_main .box_kpp .ico_kpp { float: left; width: 12px; height: 12px; margin: 5px 8px 0 0; background-position: -190px 0; }

.wrap_main .box_kpp .info_kpp { float: left; position: relative; height: 21px; padding: 0 5px; border: 1px solid #E2E2E2; border-radius: 4px; font-weight: 300; font-size: 12px; line-height: 21px; color: rgba(0, 0, 0, 0.6); }

.wrap_main .box_kpp .info_kpp:before { content: ''; position: absolute; top: 50%; left: -1px; width: 5px; height: 5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); border-left: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; background-color: #fafafa; }

/* 추천공식딜러사 */
.wrap_main .list_recommend .tit_agency { padding-bottom: 10px; }

.wrap_main .list_recommend .tit_agency::after { display: inline-block; width: 14px; height: 14px; margin: 5px 0 0 4px; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/img_bizcenter.png) no-repeat -89px -79px; vertical-align: top; content: ''; }

.wrap_main .list_recommend .link_recommend { margin-top: 12px; font-size: 14px; }

.wrap_main .list_recommend .link_recommend::after { display: inline-block; width: 17px; height: 17px; margin: 3px 0 0 3px; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/img_bizcenter.png) no-repeat -279px -39px; vertical-align: top; content: ''; }

/** 소개공통 > 소개서&가이드 **/
.wrap_main .list_guide { padding-top: 69px; }

.wrap_main .list_guide li { overflow: hidden; position: relative; border: 1px solid rgba(34, 34, 34, 0.05); border-radius: 6px; margin-top: 10px; background-color: #fafafa; }

.wrap_main .list_guide li:hover { border-color: #B8CFF4; }

.wrap_main .list_guide .link_guide { display: block; padding: 16px 34px; font-weight: 400; font-size: 16px; color: #326EDC; }

.wrap_main .list_guide .link_guide:hover { background-color: rgba(39, 124, 251, 0.1); text-decoration: none; }

.wrap_main .list_guide .file_info { overflow: hidden; position: absolute; right: 32px; top: 50%; margin-top: -10px; font-size: 14px; }

.wrap_main .list_guide .txt_num { float: left; color: rgba(34, 34, 34, 0.4); }

.wrap_main .list_guide .txt_bar { float: left; width: 1px; height: 11px; margin: 5px 23px 0 22px; background-color: rgba(0, 0, 0, 0.3); }

.wrap_main .group_guide { padding-top: 80px; }

.wrap_main .group_guide .ico_loading { display: block; width: 46px; height: 46px; margin: 6px auto 30px; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/kfb_loading_wh.gif) no-repeat 0 0; }

.wrap_main .group_guide .ico_error { display: block; width: 60px; height: 60px; margin: 0 auto 23px; background-position: -110px -200px; }

.wrap_main .group_guide .txt_data { display: block; font-size: 16px; text-align: center; color: rgba(34, 34, 34, 0.6); }

/** - 소개공통 > 순서리스트 **/
.wrap_main .list_step { width: 900px; margin: 79px auto 30px; border-top: 1px solid rgba(153, 153, 153, 0.1); }

.wrap_main .list_sync + .list_step { margin-top: 59px; }

.wrap_main .list_step li { position: relative; min-height: 50px; border-bottom: 1px solid rgba(153, 153, 153, 0.1); padding: 26px 0 24px 122px; }

.wrap_main .list_step .emph_step { position: absolute; left: 60px; top: 50px; width: 38px; height: 38px; margin-top: -19px; border-radius: 38px; font-size: 16px; line-height: 36px; background-color: #3f4750; text-align: center; color: #fff; }

.wrap_main .list_step .emph_step.on { overflow: hidden; background-color: #facc00; font-size: 0; line-height: 0; text-indent: -9999px; }

.wrap_main .list_step .emph_step .ico_check { display: block; width: 15px; height: 11px; margin: 13px auto 0; background-position: 0 -100px; }

.wrap_main .list_step .tit_step { font-size: 16px; color: #222222; letter-spacing: -0.021em; }

.wrap_main .list_step .tit_solo { display: block; margin-top: 12px; }

.wrap_main .list_step .desc_step { padding-top: 1px; font-weight: 300; font-size: 16px; line-height: 22px; color: rgba(34, 34, 34, 0.7); }

.wrap_main .list_step .link_site { border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.wrap_main .tit_suboperate + .list_step { margin-top: 0; }

.wrap_main .btn_more { padding: 70px 0 0; }

.wrap_main .btn_more .btn_g { height: 55px; padding: 0 30px; font-size: 15px; line-height: 55px; }

.wrap_main .btn_step { padding-top: 30px; }

.wrap_main .list_step .link_url { color: rgba(50, 110, 220, 0.7); text-decoration: underline; }

/** - 소개공통 > 페이징 **/
.wrap_main .paging_wrap { padding: 59px 0 0; text-align: center; }

.wrap_main .paging_wrap .inner_paging { display: inline-block; height: 40px; }

.wrap_main .paging_wrap .num_paging { float: left; width: 40px; height: 40px; padding: 0; margin: 0; font-family: 'roboto-bold', sans-serif; font-size: 16px; line-height: 40px; color: rgba(34, 34, 34, 0.4); text-decoration: none; }

.wrap_main .paging_wrap .num_paging:hover { text-decoration: underline; }

.wrap_main .paging_wrap em.num_paging { color: #326EDC; text-decoration: none; }

.wrap_main .paging_wrap em.num_paging:hover { text-decoration: none; }

/** - 소개공통 > 이용사례 **/
.tit_case { margin-top: 125px; }

.bundle_case { margin-top: 60px; }

.bundle_case .box_text { height: 274px; }

.bundle_intro .link_function { display: block; padding-top: 16px; line-height: 20px; color: #222; font-weight: 300; }

.bundle_intro .link_function .img_bizcenter { display: inline-block; width: 16px; height: 16px; margin: 4px 0 0 3px; background-position: -280px -40px; vertical-align: top; }

.bundle_intro .link_function:hover { color: #3B68BB; }

.bundle_intro .link_function:hover .img_bizcenter { background-position: -260px -40px; }

.bundle_intro.type_horizon .list_horizon { overflow: hidden; }

.bundle_intro.type_horizon .list_horizon li { float: left; width: 218px; }

.bundle_intro.type_horizon .list_horizon li:last-child { width: 150px; }

.bundle_intro.type_horizon .link_function { margin-top: 78px; padding-top: 200px; }

.bundle_intro.type_horizon .link_function:hover { color: #4374CF; text-decoration: underline; }

.bundle_intro.type_horizon .link_function:hover .img_bizcenter { background-position: -260px -40px; }

/* 미디어쿼리 */
@media only screen and (max-width: 1410px) { .cont_plus .admin_plus3 .btn_prev { left: 50%; margin-left: -450px; }
  .cont_plus .admin_plus3 .btn_next { right: 50%; margin-right: -450px; } }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { .intro_type2 .head_wrap .logo_bizcenter { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/retina/logo_main.png); background-size: 180px 24px; }
  .gnb_white .head_wrap .logo_bizcenter { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/retina/logo_main_white.png); } }

@media (max-width: 1044px) { .cont_start .view_more.type_multiple .inner_view a > span { top: 40%; }
  .box_start.type_new .view_more.type_multiple .inner_view .btn_start { margin-top: 10px; }
  .box_start.type_new .view_more.type_multiple .inner_view .box_content { padding: 0 10px; } }

@media (max-width: 1190px) { /* 홈내 시작하기 영역*/
  .box_start.type_new .view_more.type_multiple .inner_view .img_top { top: 8%; }
  .box_start.type_new .view_more.type_multiple .inner_view .box_content { top: 36%; }
  .box_start.type_new .view_more.type_multiple .inner_view .box_content > strong { font-size: 17px; }
  .box_start.type_new .view_more.type_multiple .inner_view .box_content > span { font-size: 16px; }
  .box_start.type_new .view_more.type_multiple .inner_view .btn_start { height: 40px; line-height: 40px; } }

@media (min-width: 1004px) { .side_menu .lnb_menu .list_menu::before { position: absolute; top: 420px; left: 0; width: 100%; height: 1px; background-color: #ebebeb; content: ''; } }

@media all and (min-width: 901px) and (max-width: 924px) { .list_adsvc .desc_adsvc { height: 120px; } }

@media all and (min-width: 901px) and (max-width: 960px) { .m_kakao_copyright { display: inline-block; padding-top: 7px; font-size: 13px; line-height: 19px; font-weight: 500; }
  .kakao_copyright { display: none; } }

/* 2023-08-18 추가 */
@media (min-width: 901px) { .hide_pc { display: none; }
  .side_menu .lnb_menu .list_menu li:nth-child(2) .list_sub, .side_menu .lnb_menu .list_menu li:nth-child(5) .list_sub { gap: 10px 50px; width: 452px; height: 326px; }
  .side_menu .lnb_menu .list_sub .link_sub:hover { background-color: #f2f8fd; } }

/* 2023-08-18 추가 끝 */
@media (min-width: 767px) { .info_copyright:after { content: ''; display: block; clear: both; }
  .kakao_foot .inner_foot:after { content: ''; display: block; clear: both; } }

@media (max-width: 900px) { .user_box .list_user li .wrap_lazyload { padding-top: 453px; }
  .user_box .list_partners li.wrap_lazyload { width: calc(25% - 40px); }
  .user_box .list_partners li.wrap_lazyload img { left: 50%; transform: translate(-50%); }
  /* M - header */
  #Responsible .pc_view, #Responsible .m_view { display: none; }
  #Responsible .tablet_view { display: block; }
  .cont_bridge #mArticle { padding: 50px 0 54px; }
  body.side_open { position: static; overflow: hidden; background-color: #fff; }
  body.side_open #kakaoWrap { position: static; overflow: hidden; }
  body.side_open #kakaoContent { opacity: 0; background-color: #fff; }
  /* 2023-08-18 추가 */
  .hide_m { display: none; }
  .kakao_head { height: 50px; }
  .head_wrap { padding: 0 13px 0 20px; }
  #kakaoLogo { width: 141px; height: 16px; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/m_logo_biz.png) no-repeat 0 0; background-size: 141px 16px; }
  .head_wrap .gnb_comm { justify-content: flex-end; }
  .head_wrap .list_menu { display: none; }
  .head_wrap .list_login { display: none; }
  .side_menu .side_head { height: 50px; padding: 0 20px; }
  .side_menu .side_body { padding-top: 50px; }
  .side_menu .btn_close { top: 10px; right: 13px; }
  .side_menu .lnb_menu { padding: 40px 20px; }
  .side_menu .lnb_menu .list_menu { display: block; }
  .side_menu .lnb_menu .list_menu > li + li { margin-top: 60px; }
  .side_menu .lnb_menu .tit_menu { font-size: 14px; }
  .side_menu .lnb_menu .sub_menu { margin-top: 20px; }
  .side_menu .lnb_menu .list_sub { flex-direction: row; gap: 16px 10px; }
  .side_menu .lnb_menu .list_sub li { width: calc(50% - 5px); max-width: 161px; }
  .side_menu .lnb_menu .list_sub .link_sub { height: 30px; padding: 0; font-size: 12px; font-weight: 500; }
  .side_menu .lnb_menu .list_sub .link_sub .ico_sub { margin-right: 6px; }
  .side_menu .lnb_menu .list_sub .link_sub .ico_outing { margin: 5px 0 0 4px; background-position: -40px -40px; }
  .side_menu .util_menu { display: block; }
  /* 2023-08-18 추가 끝 */
  /* M - footer */
  .m_kakao_copyright { display: inline-block; padding-top: 7px; font-size: 13px; line-height: 19px; font-weight: 500; }
  .kakao_copyright { display: none; }
  /* M - 컨텐츠 */
  .wrap_main .cont_home #mArticle { padding-top: 50px; padding-bottom: 148px; }
  /* M - 상단 비주얼 */
  .main_visual { height: 1000px; }
  .main_visual .inner_visual { height: 100%; }
  .main_visual .tit_g .m_view { display: block; }
  .m_navi_wrap { display: none; }
  /* M - 상단 배너타입 */
  .ver_new.wrap_home #mArticle .main_visual .inner_visual .detail_visual:nth-child(1) .visual_thumb.pc_view { display: inline-block; }
  .ver_new.wrap_home #mArticle .main_visual .inner_visual .detail_visual:nth-child(1) .visual_thumb.m_view { display: none; }
  .main_visual .inner_visual .detail_type2 { padding: 90px 0 0 110px; }
  .detail_type2 .inner_tit { vertical-align: top; }
  .detail_type2 .info_service { margin-top: 0; }
  .main_visual .inner_visual .detail_visual2, .main_visual .inner_visual .detail_visual3 { height: 1000px; }
  .main_visual .inner_visual .detail_visual2 .visual_thumb { top: auto; transform: translate(0, 0); background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/m_visual_bnr2.png) 50% 50% no-repeat; background-position: 20px 0; min-height: 940px; max-height: 940px; }
  .main_visual .inner_visual .detail_visual3 .visual_thumb { top: auto; transform: translate(0, 0); background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/m_visual_bnr3.png) 50% 50% no-repeat; background-position: 20px 0; min-height: 940px; max-height: 940px; }
  /* M - 홈 컨텐츠 상세 */
  .box_visual { padding: 0; }
  .box_visual .inner_visual { padding: 110px 0 0; }
  .box_visual .cont_tit { margin: 0 0 0 80px; }
  /* M - 1 - 영향력 */
  .box_count { height: 750px; background-size: auto; background-position: 50% 100%; }
  .box_count .cont_info { position: static; width: 100%; margin-top: 77px; padding: 0 54px; }
  .box_count .cont_info .info_count { width: 100%; }
  /* M - 2 - 채널개설 */
  .box_join { min-height: 1200px; }
  .box_join .inner_visual .visual_thumb { position: static; width: auto; margin-top: 163px; }
  .box_join .inner_visual .video_thumb { width: 100%; padding: 0; transform: scale(1.7); }
  /* M - 3 - 파트너 */
  .box_partner .inner_visual { padding: 54px 0 0 0; }
  .box_partner .cont_visual { margin-top: 29px; }
  .box_partner .inner_visual .visual_thumb { background-position: 80px 0; }
  /* M - 4 - 시작하기 */
  .box_start { min-height: 1265px; height: 1265px; }
  .box_start .inner_visual .cont_visual { overflow: hidden; height: 866px; }
  .box_start .inner_visual .visual_thumb { position: static; width: 100%; }
  .box_start .video_thumb { display: none; }
  .box_start .mo_video_thumb { display: block; max-width: 720px; margin: -264px auto 0; }
  /* M - 5 - 서비스 전체 보기 */
  .box_adinfo { background-position: 20% 50%; background-size: cover; }
  .box_adinfo .tit_info { margin-bottom: 28px; }
  /* M 브릿지 - 서비스 타이틀 공통 */
  /* M - 브릿지 페이지 */
  .bridge_visual { height: 670px; }
  .bridge_visual .visual_video { transform: translate(-50%, -35%) scale(0.7); }
  .visual_video { display: none; }
  .m_visual_video { display: block; position: absolute; left: 50%; top: 50%; height: 670px; transform: translate(-50%, -50%) scale(1); }
  .m_visual_video .thumb_video { height: 670px; }
  .bridge_visual .tit_visual { position: absolute; bottom: 115px; left: 90px; margin-left: 0; }
  /* M 브릿지 - 채널 */
  .service_box { max-width: 100%; }
  .service_box .list_adinfo { width: 688px; margin: 64px auto 0; text-align: left; }
  .service_box .list_adinfo li { padding: 0 37px; }
  .service_box .list_adinfo li:nth-child(2) { margin: 0 0 29px 0; }
  .service_box .list_adinfo li:nth-child(5) { margin: 0 0 29px 0; }
  .sub_descrip { word-break: keep-all; }
  .detail_box { width: 100%; }
  .detail_box .cont_tit { float: none; width: 100%; }
  .detail_box .mo_img_thumb { display: block; width: 362px; margin: 46px auto -50px; }
  .detail_box .cont_thumb { display: none; }
  .detail_box .m_view { display: block; }
  .detail_box .img_thumb { width: 420px; margin: 64px auto 0; }
  .user_box { margin: 122px auto 90px; }
  .user_box .cont_thumb { width: 100%; }
  .user_box .list_user { width: 532px; margin: 0 auto; }
  .user_box .list_user li { float: left; width: 50%; margin: 0 0 43px 0; text-align: center; }
  .user_box .list_user .desc_svc { margin-top: 16px; }
  /* 파트너스영역 */
  .user_box .cont_partners { margin-top: 60px; padding: 0 40px; }
  .user_box .list_partners { margin-left: 0; }
  .user_box .list_partners li { width: 25%; padding-left: 0; text-align: center; }
  .user_box .list_partners li img { width: 100px; }
  /* M 브릿지 - 광고 */
  .video_adinfo { width: auto; min-width: 100%; height: auto; min-height: 432px; margin: 0 -40px 0 -40px; border-radius: 0; }
  .video_adinfo .img_thumb { display: block; width: 100%; }
  .cont_adsvc { overflow: hidden; width: 100%; margin: 0 auto; }
  .list_adsvc { margin-right: -28px; }
  .list_adsvc li { width: 50%; padding: 36px 28px 24px 0; box-sizing: border-box; }
  .cont_bridge .adsvc_box .list_adsvc .btn_comm { margin-top: 5px; }
  .adstep_box { margin-bottom: 79px; }
  /* M 브릿지 - 서비스 리스트 */
  .bridge_service { margin: 0 auto 124px; word-break: keep-all; }
  .bridge_service .cont_tit { margin-top: 100px; }
  .bridge_service .list_service { width: 100%; margin-top: 18px; }
  .bridge_service .list_service li { width: 50%; box-sizing: border-box; }
  .cont_start .section_cont .bundle_cont:first-of-type { margin: 60px 0 59px; padding-top: 0; }
  .cont_start .bundle_cont.type_grey, .cont_start .bundle_cont.type_grey2 { padding: 70px 0; }
  .cont_start .sub_descrip .tit_subsvc { margin-bottom: 10px; font-size: 18px; line-height: 27px; }
  .cont_start .inner_comp { width: auto; }
  .cont_start .sub_descrip { margin: 40px auto 0; padding: 0 20px 40px; text-align: left; }
  .cont_start .sub_descrip:after { left: 20px; right: 20px; }
  .cont_start .btn_comm, .cont_start .section_cont .bundle_prepare .btn_comm { margin-top: 30px; }
  .cont_start .btn_comm .btn_gl { width: 235px; height: 40px; padding: 0 15px; line-height: 40px; font-size: 13px; }
  .cont_start .bundle_prepare .inbox_img { margin: 40px 0 0 0; }
  .cont_start .view_more.type_multiple { padding-left: 12px; margin-left: -20px; margin-right: -20px; }
  .cont_start .view_more.type_multiple .inner_view { border-radius: 12px; }
  .cont_start .view_more.type_multiple .inner_view, .cont_start .view_more.type_multiple .inner_view:not(.type_txt) { width: 267px; margin: 30px 7px 0 7px; }
  .cont_start .bundle_cont.type_blue, .cont_start .bundle_cont.type_grey, .cont_start .bundle_cont.type_img { padding: 70px 0; margin-top: 0; }
  .cont_start .bundle_cont.type_img { background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/thumb/start/mo/back_semina.png); background-size: auto 100%; background-position: center; }
  .cont_start .view_more.type_multiple .inner_view.type_txt, .cont_start .view_more.type_multiple .inner_view.type_txt.type_long { height: 309px; }
  .cont_start .view_more.type_multiple .inner_view .inbox_txt { padding: 15px; }
  .cont_start .view_more.type_multiple .inbox_txt strong { font-size: 14px; line-height: 20px; }
  .cont_start .view_more.type_multiple .inbox_txt p { margin-top: 4px; font-size: 13px; line-height: 21px; }
  .cont_start .icon_start { display: none; }
  .cont_start .view_more.type_multiple .inbox_txt .icon_more2 { width: 12px; height: 10px; background-position: -14px -10px; margin-left: 7px; margin-top: 5px; }
  .cont_start .btn_comm .btn_gl { width: 235px; height: 40px; font-size: 13px; line-height: 40px; }
  .cont_start .btn_comm .btn_gl .ico_arrow { top: 14px; right: 14px; width: 13px; height: 12px; background-position: -87px -78px; }
  .cont_start .btn_comm .btn_gl:hover .ico_arrow { background-position: -87px -90px; }
  .cont_start .btn_comm .btn_gl.type_a { width: 153px; }
  .cont_start .btn_comm .btn_gl.type_a .ico_arrow { top: 15px; background-position: -87px -90px; }
  .cont_start .btn_comm .btn_gl.type_a:hover { background-color: #2858B0; }
  .cont_start .btn_comm .btn_gl.type_a:hover .ico_arrow { background-position: -87px -90px; }
  .cont_start .btn_comm .btn_gl.type_b { width: 233px; }
  .cont_start .bundle_cont.type_bottom { background-image: none; padding-bottom: 35px; margin-top: 70px; }
  .cont_start .bundle_cont.type_bottom .inbox_img { margin-top: 40px; }
  .cont_start .bundle_cont.type_bottom .inbox_img img { width: 100%; }
  .cont_start .view_more.type_multiple .inner_view a > span { top: 170px; padding: 0 10px; }
  .cont_start .view_more.type_multiple .inner_view a > span > strong { font-size: 17px; color: #fff; margin-bottom: 7px; }
  .cont_start .view_more.type_multiple .inner_view a > span > span { font-size: 15px; line-height: 24px; }
  .cont_start .section_help { padding-top: 65px; }
  .cont_start .section_help .txt_item { margin-top: 6px; line-height: 19px; }
  .cont_start .section_help .wrap_theme + [class^="bundle_"] { margin-top: 32px; }
  .cont_start .section_help [class^="bundle_"] { padding: 17px 15px 17px 20px; }
  .cont_start .section_help [class^="bundle_"] { margin-top: 15px; }
  .cont_start .bundle_cont.type_bottom .btn_comm { margin-top: 30px; }
  .cont_start .section_cont { padding-bottom: 0; }
  .cont_start .main_visual { height: calc(100vh - 50px); }
  .cont_start .main_visual .m_visual { height: 100%; }
  .cont_start .main_visual .m_visual video { position: absolute; height: 100%; left: 50%; transform: translateX(-50%); }
  .cont_start .bundle_cont .inbox_video { padding: 40px 0 11px; }
  .box_start.type_new { height: auto; min-height: auto; padding-bottom: 160px; }
  .box_start.type_new .view_more.type_multiple { padding-bottom: 5px; padding-left: 10px; padding-left: 90px; margin-left: -20px; margin-right: -20px; }
  .box_start.type_new .view_more.type_multiple .inner_view { width: 267px; margin: 60px 7px 0 7px; border-radius: 16px; }
  .box_start.type_new .bundle_cont.type_blue, .cont_start .bundle_cont.type_grey { padding: 64px 0 70px; margin-top: 0; }
  .box_start.type_new .view_more.type_multiple .inner_view .box_content { top: 148px; padding: 0 10px; }
  .box_start.type_new .view_more.type_multiple .inner_view .box_content > strong { font-size: 17px; color: #fff; margin-bottom: 7px; }
  .box_start.type_new .view_more.type_multiple .inner_view > div > span { font-size: 15px; line-height: 24px; }
  .box_start.type_new .view_more.type_multiple .inner_view .btn_start { width: 217px; height: 42px; margin-top: 25px; line-height: 42px; font-size: 15px; }
  .box_start.type_new .view_more.type_multiple .inner_view .btn_start .icon_kb { margin-left: 3px; width: 13px; height: 11px; background-position: -72px -79px; } }

@media (max-width: 767px) { #Responsible .pc_view, #Responsible .tablet_view { display: none; }
  #Responsible .m_view { display: block; }
  /* 공통 */
  #kakaoWrap .m_view { display: block; }
  #kakaoWrap .pc_view { display: none; }
  .ico_biz { background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/m_ico_biz.png) 0 0 no-repeat; background-size: 200px 200px; }
  .btn_gl { width: 100%; height: 56px; padding: 0 20px; font-size: 18px; line-height: 54px; border-radius: 9px; font-weight: 500; }
  .btn_gl .ico_arrow { top: 18px; right: 20px; width: 22px; height: 18px; background-position: 0 -30px; }
  .btn_gl:hover { color: #fff; background-color: #326EDC; }
  .btn_gl:hover .ico_arrow { background-position: 0 -50px; }
  .btn_nv { background-color: #02143F; color: #fff; border-color: #D2D2D2; }
  .btn_nv .ico_arrow { background-position: 0 -50px; }
  .btn_nv:hover { background-color: #fff; color: #222; border-color: #D2D2D2; }
  .btn_nv:hover .ico_arrow { background-position: 0 -30px; }
  .btn_bl { background-color: #326EDC; color: #fff; }
  .btn_bl .ico_arrow { background-position: 0 -50px; }
  .btn_bl:hover { background-color: #2858B0; }
  .btn_bl:hover .ico_arrow { background-position: 0 -50px; }
  /* 공통 - 이미지 지연 로딩 도입 */
  .service_box .list_adinfo li .wrap_lazyload { padding-top: 46.6%; }
  .service_box .list_adinfo li .wrap_lazyload img { left: 50%; transform: translate(-50%); }
  .user_box .list_user li .wrap_lazyload { width: 150px; padding-top: 270px; left: 50%; transform: translate(-50%); }
  .user_box .list_partners li.wrap_lazyload { width: calc(25% - 12px); margin: 15px 0 0 12px; padding-top: 30px; }
  /* 767 M - header */
  .head_wrap .btn_nav .ico_nav { background-position: 0 0; }
  .head_wrap .ico_close { background-position: -30px 0; }
  .head_wrap .list_menu .link_menu .ico_direct { display: inline-block; background-position: -50px -10px; }
  .head_wrap .list_menu li.open .ico_direct { background-position: -50px 0px; }
  /* 767 M - footer */
  .kakao_foot .inner_foot { height: auto; min-height: 144px; padding: 20px; border-top: 0 none; }
  /* 767 M - 관련서비스 */
  .relate_svc { float: none; margin-left: 0; }
  .relate_svc .link_tit { width: 100%; height: 38px; font-size: 12px; line-height: 36px; }
  .relate_svc .link_tit .ico_arr { top: 13px; right: 11px; width: 10px; height: 10px; background-position: 0 -20px; }
  .relate_svc.on .link_tit { color: #444; font-weight: 400; }
  .relate_svc.on .ico_arr { background-position: -10px -20px; }
  .relate_svc .list_svc { position: static; margin-top: -1px; padding: 15px 0; }
  .list_svc .link_relate { padding: 0 16px 0 15px; }
  .list_svc li.on .link_relate { background-color: #F2F6FD; }
  /* 767 M - 이용약관 */
  .info_copyright { float: none; display: table; margin: 2px 0 0 -15px; }
  .info_copyright .info_svc { float: none; display: table-cell; padding: 0; }
  .info_copyright .info_svc:after { top: 16px; left: -1px; }
  .info_svc .link_tit { padding: 14px 12px 16px; font-size: 11px; line-height: 17px; }
  .info_svc .link_tit .ico_arr { margin: 7px -1px 0 6px; background-position: -20px -20px; }
  .info_svc.on .link_tit { color: #444; font-weight: 400; }
  .info_svc.on .link_tit .ico_arr { background-position: -30px -20px; }
  .info_copyright .info_svc:nth-child(2) .list_svc { min-width: 165px; }
  .info_copyright .info_svc .list_svc { left: auto; bottom: 37px; min-width: 185px; padding: 8px 0; margin-left: 15px; }
  .info_copyright .info_svc:nth-child(3) .list_svc { left: -57px; }
  .info_copyright .list_svc .link_relate { font-size: 11px; line-height: 28px; }
  .info_copyright .list_svc li:hover .link_relate { color: #222; text-decoration: underline; }
  /* 767 M - 카피라이트 */
  .m_kakao_copyright { clear: both; padding-top: 0; font-size: 11px; line-height: 17px; letter-spacing: normal; font-weight: 400; }
  /* 767 M - 개편 홈 */
  .main_visual { height: 590px; }
  .main_visual .inner_visual { height: 590px; }
  .main_visual .inner_visual .detail_visual .visual_thumb { width: 100%; min-width: 320px; max-width: 360px; margin-top: 30px; transform: translate(-50%, -50%) scale(1); }
  /* 767 M - 상단 비주얼 */
  .ver_new.wrap_home #mArticle .main_visual .inner_visual .detail_visual:nth-child(1) .visual_thumb.pc_view { display: none; }
  .ver_new.wrap_home #mArticle .main_visual .inner_visual .detail_visual:nth-child(1) .visual_thumb.m_view { display: block; }
  .main_visual .detail_visual2 { background-color: #BDD0DE; }
  .main_visual .detail_visual3 { background-color: #F5F8FF; }
  .main_visual .inner_visual .detail_visual2 .visual_thumb { position: absolute; width: 360px; min-width: 360px; min-height: 590px; margin-top: 0; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/m_visual_bnr2.png) 50% 50% no-repeat; background-size: contain; transform: inherit; }
  .main_visual .inner_visual .detail_visual2 .visual_thumb:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 116px; background-color: #BDD0DE; }
  .main_visual .inner_visual .detail_visual3 .visual_thumb { position: absolute; width: 390px; min-width: 360px; min-height: 590px; margin-top: 0; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/m_visual_bnr3.png) 50% 50% no-repeat; background-size: contain; transform: inherit; }
  .main_visual .inner_visual .detail_visual3 .visual_thumb:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 116px; background-color: #f5f8ff; }
  .main_visual .inner_visual .detail_visual2, .main_visual .inner_visual .detail_visual3 { height: 590px; }
  .main_visual .inner_visual .detail_cont { bottom: 60px; }
  .main_visual .inner_visual .detail_type2 { bottom: 0; display: block; padding: 30px 30px 0 30px; word-break: keep-all; }
  .main_visual .detail_type2 .info_service { margin: 0 0 8px 0; font-size: 14px; line-height: 20px; color: #828282; }
  .main_visual .detail_type2 .tit_g { font-size: 24px; line-height: 34px; color: #323232; letter-spacing: -0.8px; }
  .main_visual .tit_g { font-size: 36px; line-height: 46px; }
  .main_visual .tit_g .txt_bar { margin-left: -2px; }
  .main_visual .btn_comm { position: absolute; left: 30px; right: 30px; bottom: 60px; }
  .main_visual .link_down { display: none; }
  .navi_wrap { display: none; }
  .m_navi_wrap { display: block; position: absolute; right: auto; left: 50%; bottom: 30px; margin-left: -25px; }
  .m_navi_wrap .navi_count { overflow: hidden; float: left; width: 10px; height: 10px; margin-left: 10px; border-radius: 10px; background-color: #fff; opacity: .2; text-indent: -9999px; }
  .m_navi_wrap .navi_count:first-child { margin-left: 0; }
  .m_navi_wrap .navi_count.on { opacity: 1; }
  .navi_dark .navi_count { background-color: #02143F; opacity: .2; }
  /* 767 M - 슬라이드일 경우 */
  .main_visual:hover button.ico_biz { display: none; }
  .visual_slide .control_wrap { display: none; }
  /* 767 M - 홈 컨텐츠 상세 */
  .box_visual .inner_visual { padding: 41px 0 0; }
  .box_visual .tit_sub { margin-bottom: 9px; font-size: 14px; line-height: 20px; font-weight: 500; }
  .box_visual .cont_tit { position: static; margin: 0 0 0 30px; }
  .box_visual .tit_g { font-size: 24px; line-height: 34px; letter-spacing: -0.8px; }
  .box_visual .desc_sub { font-size: 14px; line-height: 22px; margin-top: 16px; }
  .box_visual .btn_comm { position: absolute; left: 30px; right: 30px; bottom: 40px; }
  /* 767 M - 1 - 영향력 */
  .box_count { height: 409px; background-size: 800px 50%; }
  .box_count .inner_visual { padding: 39px 0 0; }
  .box_count .tit_sub { margin-bottom: 11px; }
  .box_count .cont_info { margin-top: 70px; padding: 0 31px; }
  .box_count .info_count .tit_count { padding: 8px 2px 7px; font-size: 11px; line-height: 17px; word-break: keep-all; }
  .box_count .info_count .desc_count { padding: 12px 0 10px; font-size: 26px; line-height: 39px; }
  .box_count .info_count .txt_count { font-size: 31px; line-height: 43px; }
  /* 767 M - 2 - 채널개설 */
  .box_join { min-height: 610px; height: 610px; }
  .box_join .inner_visual { height: 610px; }
  .box_join .inner_visual .visual_thumb { position: relative; overflow: hidden; height: 310px; min-height: 310px; margin-top: 0; }
  .box_join .inner_visual .video_thumb { position: absolute; left: 50%; top: -28px; width: 720px; margin-left: -360px; padding-left: 0; transform: scale(1); }
  /* 767 M - 3 - 파트너 */
  .box_partner { min-height: 633px; }
  .box_partner .tit_g { max-width: 300px; }
  .box_partner .cont_visual { margin: 40px 0 0 30px; }
  .box_partner .inner_visual .visual_thumb { display: none; }
  .box_partner .inner_visual .img_thumb { display: block; width: 463px; margin: 0 auto; }
  /* 767 M - 4 - 시작하기 */
  .box_start { min-height: 642px; height: 642px; background-color: #F5F8FF; }
  .box_start .inner_visual .cont_visual { height: 100%; }
  .box_start .inner_visual .visual_thumb { overflow: hidden; height: 548px; margin-top: -140px; }
  .box_start .mo_video_thumb { width: 100%; max-width: 360px; margin: 0 auto; }
  .box_start .btn_comm { bottom: 40px; }
  /* 767 M - 5 - 서비스 전체 보기 */
  .box_adinfo { height: 276px; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/reform/m_visual_cont5.png) no-repeat; background-size: cover; background-position: 50% 50%; }
  .box_adinfo .inner_info { padding: 70px  0 70px; }
  .box_adinfo .tit_info { width: 272px; font-size: 18px; line-height: 27px; margin: 0 auto 26px; }
  .box_adinfo .btn_comm { margin: 0 30px; }
  /* 767 M - 브릿지 페이지 */
  .bridge_visual { min-width: 320px; height: 480px; }
  .m_visual_video { height: 480px; }
  .m_visual_video .thumb_video { height: 480px; }
  .bridge_visual .tit_visual { position: absolute; bottom: 60px; left: 0; right: 0; width: 100%; font-size: 28px; line-height: 38px; text-align: center; }
  .cont_bridge .bridge_box .btn_comm { margin-top: 36px; }
  /* 767 M 브릿지 - 서비스 타이틀 공통 */
  .txt_cate { font-size: 14px; line-height: 17px; margin-bottom: 10px; }
  .tit_svc { font-size: 24px; line-height: 34px; letter-spacing: -0.8px; }
  .tit_subsvc { font-size: 18px; line-height: 27px; }
  .desc_svc { font-size: 14px; line-height: 22px; letter-spacing: -0.6px; }
  /* 767 M 브릿지 - 채널 */
  .bridge_box { min-width: 320px; padding: 0 20px; box-sizing: border-box; }
  .user_box .cont_partners { margin-top: 30px; padding: 0; }
  .user_box .list_partners { margin: -15px 0 0 -12px; }
  .user_box .list_partners li { box-sizing: border-box; width: 25%; }
  .user_box .list_partners li img { width: 100%; max-width: 60px; }
  .bridge_box .btn_comm .btn_gs + .btn_gs { margin-left: 0; margin-top: 10px; }
  .service_box { background-color: #F6F6F6; }
  .service_box .list_adinfo { width: 100%; margin: 40px auto 0; padding-bottom: 34px; text-align: center; }
  .service_box .list_adinfo li { margin-bottom: 27px; padding: 0; }
  .service_box .list_adinfo li:nth-child(2) { margin: 0 0 27px 0; }
  .service_box .list_adinfo li:nth-child(5) { margin: 0 0 27px 0; }
  .service_box .list_adinfo li .img_thumb { width: 200px; }
  .service_box .list_adinfo .txt_adinfo { margin-top: 10px; font-size: 18px; line-height: 38px; font-weight: 500; }
  .sub_descrip { margin: 30px auto 0; padding: 0 20px 40px; word-break: keep-all; }
  .sub_descrip .tit_subsvc { width: auto; margin-bottom: 10px; }
  .sub_descrip .desc_svc { width: 300px; }
  .sub_descrip:after { left: 20px; right: 20px; }
  .detail_box { width: 100%; min-height: 100%; margin: 63px auto 0; box-sizing: border-box; }
  .detail_box .cont_tit { float: none; width: 100%; }
  .detail_box .list_service { margin-top: 30px; }
  .detail_box .list_service li + li { margin-top: 30px; }
  .detail_box .img_thumb { width: 192px; margin: 22px auto 0; }
  .detail_box .list_service li:first-child { margin-top: -13px; }
  .detail_box .list_service .tit_subsvc { margin-bottom: 4px; font-size: 16px; }
  .user_box { margin: 80px auto 55px; }
  .user_box .tit_svc { margin-bottom: 10px; }
  .detail_box .mo_img_thumb { width: 192px; margin: 30px auto 0; }
  .user_box .cont_thumb { width: 100%; margin-top: 30px; }
  .user_box .list_user li { margin: 0 0 21px 0; }
  .user_box .list_user .img_thumb { width: 100%; max-width: 150px; }
  .user_box .list_user .desc_svc { margin-top: 4px; }
  .btn_gs { min-width: 118px; height: 36px; padding: 0 41px 0 10px; font-size: 14px; line-height: 34px; }
  .btn_gs .ico_arrow { top: 12px; right: 12px; width: 15px; height: 11px; background-position: -30px -30px; }
  .btn_gs:hover .ico_arrow { background-position: -50px -30px; }
  .bridge_channel .list_adinfo .txt_adinfo { line-height: 24px; }
  .cont_bridge .detail_box .btn_comm { margin-top: 30px; }
  /* 767 브릿지 - 광고 */
  .video_adinfo { min-height: 202px; margin: 0 -20px 0 -20px; }
  .video_adinfo .img_thumb { display: block; width: 100%; }
  .video_adinfo .btn_player { margin: -26px 0 0 -18px; }
  .video_adinfo .btn_player.pause { margin: -26px 0 0 -15px; }
  .video_adinfo .btn_player .ico_biz { width: 36px; height: 45px; background-position: 0 -70px; }
  .video_adinfo .btn_player.pause .ico_biz { width: 31px; height: 42px; background-position: 0 -120px; }
  .video_adinfo .btn_sound { right: 6px; bottom: 6px; width: 38px; height: 38px; }
  .video_adinfo .btn_sound:hover { background-color: rgba(255, 255, 255, 0.1); border-radius: 42px; }
  .video_adinfo .btn_sound .ico_biz { width: 24px; height: 15px; margin: 2px auto 0; background-position: -40px -80px; }
  .video_adinfo .btn_sound.off .ico_biz { background-position: -40px -60px; }
  .adsvc_box { margin: 62px auto 0; }
  .adsvc_box + .adsvc_box { margin-top: 60px; }
  .cont_adsvc { width: 100%; }
  .list_adsvc { margin: 0 -12px 0 0; }
  .list_adsvc li { width: 50%; padding: 20px 12px 20px 0; box-sizing: border-box; }
  .list_adsvc .img_thumb { width: 100%; }
  .list_adsvc .tit_adsvc { margin-top: 14px; font-size: 16px; line-height: 24px; }
  .list_adsvc .desc_adsvc { min-height: 54px; margin-top: 4px; font-size: 12px; line-height: 18px; word-break: keep-all; }
  .cont_bridge .adsvc_box .list_adsvc .btn_comm { margin-top: 15px; }
  .adstep_box { margin: 60px 0 80px; }
  .list_adstep { margin-top: 20px; }
  .list_adstep li { height: 49px; }
  .list_adstep .tit_step { width: 50px; font-size: 12px; letter-spacing: 0; }
  .list_adstep .desc_step { font-size: 12px; }
  .cont_bridge .adstep_box .btn_comm { margin-top: 20px; }
  .user_box .list_user { width: 100%; }
  .adstep_box .btn_gs { display: block; width: 174px; }
  .adstep_box .btn_gs:hover { background-color: rgba(2, 20, 63, 0.06); color: #222; }
  .adstep_box .btn_gs:hover .ico_arrow { background-position: -30px -30px; }
  /* 767 브릿지 - 서비스/도구 */
  .bridge_biztool .sub_descrip .desc_svc { width: auto; }
  .bridge_biztool .adsvc_box + .box_adinfo { margin-top: 60px; }
  /* 767 브릿지 - 서비스 리스트 */
  .bridge_service { margin: 0 auto 60px; padding: 0 20px; }
  .bridge_service .cont_tit { margin-top: 60px; }
  .bridge_service .tit_service { font-size: 24px; line-height: 28px; }
  .bridge_service .desc_service { margin-top: 12px; font-size: 12px; line-height: 20px; }
  .bridge_service .list_service { width: auto; margin: 20px -12px 0 0; }
  .bridge_service .list_service li { padding: 20px 12px 0 0; }
  .bridge_service .list_service .txt_service { margin-top: 8px; font-size: 13px; line-height: 19px; }
  /* 에러페이지 */
  .bundle_error { padding: 0 20px; }
  .bundle_error .tit_error { font-size: 20px; line-height: 29px; }
  .bundle_error .box_error { margin-top: 20px; padding: 23px 0; font-size: 13px; line-height: 20px; }
  .bundle_error .box_error .emph_time { display: block; margin: 0 0 10px 0; font-size: 14px; }
  .bundle_error .desc_error { padding-top: 12px; font-size: 12px; line-height: 20px; }
  .bundle_error .wrap_buttons { padding-top: 50px; }
  .bundle_error .wrap_buttons .btn_g { display: block; width: 183px; height: 48px; margin: 0 auto; padding: 0 20px; font-size: 12px; line-height: 48px; }
  .bundle_error .wrap_buttons .btn_g + .btn_g { margin-top: 10px; }
  .wrap_error .kakao_head { display: block; }
  .wrap_error.wrap_system .kakao_head { display: none; }
  .bundle_error .wrap_buttons { padding-top: 20px; }
  .box_start.type_new .view_more.type_multiple { margin-left: -10px; margin-right: -10px; padding: 0 0 5px 33px; }
  /* 시작하기페이지 메인영상 */
  .cont_start .main_visual .inner_visual { height: 100%; }
  .cont_start .main_visual .m_visual { height: 100%; }
  .cont_start .main_visual .m_visual video { position: absolute; height: 100%; left: 50%; transform: translateX(-50%); } }

@media (max-width: 542px) { .side_menu .lnb_menu .list_sub { justify-content: space-between; } }

/* ******************* 2021 개편 시작 ******************* */
/* 공통 아이콘 */
.icon_kb, .icon_big, .icon_title { display: inline-block; overflow: hidden; font-size: 0; line-height: 1; text-indent: -9999px; background-repeat: no-repeat; }

.icon_big { width: 64px; height: 64px; background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/ico_big.png); }

.icon_kb, .icon_kb_af::after, .icon_kb_bf::after { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/ico_kb_250521.png); }

.icon_title { height: 48px; background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/ico_title_250611.png); }

.icon_title.icon_bizform { width: 262px; background-position: 0 0; }

.icon_title.icon_cross { width: 302px; background-position: 0 -50px; }

.icon_title.icon_sync { width: 301px; background-position: 0 -100px; }

.icon_title.icon_chatbot { width: 302px; background-position: 0 -150px; }

.icon_title.icon_shoppingbiz { width: 165px; background-position: 0 -200px; }

.icon_title.icon_plus { width: 360px; background-position: 0 -250px; }

.icon_title.icon_pixelsdk { width: 359px; background-position: 0 -300px; }

.icon_title.icon_kakaopay { width: 359px; background-position: 0 -350px; }

.icon_title.icon_mystore { width: 360px; background-position: 0 -400px; }

.icon_title.icon_plugin { width: 417px; background-position: 0 -450px; }

.icon_title.icon_account { width: 417px; background-position: 0 -500px; }

.icon_title.icon_knowledge { width: 418px; background-position: 0 -550px; }

.icon_title.icon_booking { width: 360px; background-position: 0 -600px; }

.icon_title.icon_kakaotalkwallet { width: 454px; background-position: 0 -650px; }

.icon_title.icon_gift { width: 360px; background-position: 0 -700px; }

.icon_title.icon_shoppingpartner { width: 164px; background-position: 0 -750px; }

.icon_title.icon_channelsearch { width: 280px; background-position: 0 -800px; }

.icon_title.icon_premium { width: 476px; background-position: 0 -850px; }

.icon_title.icon_biz { width: 360px; background-position: 0 -900px; }

.icon_title.icon_moviead { width: 360px; background-position: 0 -950px; }

.icon_title.icon_msg { width: 360px; background-position: 0 -1000px; }

.icon_title.icon_display { width: 359px; background-position: 0 -1050px; }

.icon_title.icon_brand { width: 360px; background-position: 0 -1100px; }

.icon_title.icon_brandingdisplay { width: 454px; background-position: 0 -1150px; }

.icon_title.icon_keyword { width: 302px; background-position: 0 -1200px; }

.icon_title.icon_adx { width: 396px; background-position: 0 -1250px; }

.icon_title.icon_partner { width: 361px; background-position: 0 -1300px; }

.icon_title.icon_smb { width: 396px; background-position: 0 -1350px; }

.icon_title.icon_giftbiz { width: 360px; background-position: 0 -1400px; }

.icon_title.icon_talkstore { width: 418px; background-position: 0 -1450px; }

.icon_title.icon_focusfullview { width: 454px; background-position: 0 -1500px; }

.icon_title.icon_shoppinglive { width: 420px; background-position: 0 -1550px; }

.icon_title.icon_adaccount { width: 396px; background-position: 0 -1600px; }

.icon_title.icon_cardreceipt { width: 396px; background-position: 0 -1650px; }

.icon_title.icon_profilefullview { width: 454px; background-position: 0 -1700px; }

.icon_title.icon_brandmessage { width: 396px; background-position: 0 -1750px; }

.icon_title.icon_infotalk { width: 338px; background-position: 0 -1800px; }

.icon_title.icon_cstalk { width: 338px; background-position: 0 -1850px; }

.icon_title.icon_mystoread { width: 396px; background-position: 0 -1900px; }

.icon_big.icon_talkbig { background-position: 0 0; }

.icon_big.icon_sdkbig { background-position: -76px 0; }

.icon_big.icon_soundbig { background-position: -152px 0; }

.icon_big.icon_locationbig { background-position: -228px 0; }

.icon_big.icon_moneybig { background-position: -304px 0; }

.icon_big.icon_filebig { background-position: 0 -76px; }

.icon_big.icon_docbig { background-position: -76px -76px; }

.icon_big.icon_profbig { background-position: -152px -76px; }

.icon_big.icon_writebig { background-position: -228px -76px; }

.icon_big.icon_browsebig { background-position: -304px -76px; }

.icon_kb.icon_q { width: 33px; height: 33px; background-position: 0 0; }

.icon_kb.icon_ch { width: 35px; height: 35px; background-position: -40px 0; }

.icon_kb.icon_remote { width: 32px; height: 32px; background-position: -100px -204px; }

.icon_kb.icon_ad { width: 32px; height: 32px; background-position: -80px 0; }

.icon_kb.icon_video { width: 33px; height: 33px; background-position: -120px 0; }

.icon_kb.icon_info { width: 32px; height: 32px; background-position: -200px 0; }

.icon_kb.icon_arr_down { width: 16px; height: 24px; background-position: 0 -40px; }

.icon_kb.icon_more { width: 20px; height: 16px; background-position: -50px -40px; }

.icon_kb.icon_more2 { width: 20px; height: 16px; background-position: -20px -40px; }

.icon_kb.icon_arr_out { width: 20px; height: 16px; background-position: -20px -40px; transform: rotate(-45deg); }

.icon_kb.icon_more3 { width: 20px; height: 16px; background-position: -80px -40px; }

.icon_kb.icon_more4 { width: 20px; height: 16px; background-position: -100px -40px; }

.icon_kb.icon_next { width: 32px; height: 12px; background-position: -20px -60px; }

.icon_kb.icon_check { width: 18px; height: 14px; background-position: -60px -60px; }

.icon_kb.icon_check2 { width: 18px; height: 14px; background-position: -120px -60px; }

.icon_kb.icon_kpp { width: 14px; height: 14px; background-position: -80px -60px; }

.icon_kb.icon_kpp_s { width: 12px; height: 12px; background-position: -100px -60px; }

.icon_kb.icon_ch2 { width: 46px; height: 50px; background-position: 0 -80px; }

.icon_kb.icon_ch3 { width: 32px; height: 34px; background-position: -160px 0; }

.icon_kb.icon_pay { width: 118px; height: 38px; background-position: -50px -80px; }

.icon_kb.icon_guide { width: 32px; height: 34px; background-position: 0 -130px; }

.icon_kb.icon_down { width: 32px; height: 34px; background-position: -150px -130px; }

.icon_kb.icon_vod { width: 34px; height: 34px; background-position: -170px -184px; }

.icon_kb.icon_ad2 { width: 32px; height: 31px; background-position: -70px -130px; }

.icon_kb.icon_agency { width: 30px; height: 29px; background-position: -40px -130px; }

.icon_kb.icon_agency2 { width: 32px; height: 29px; background-position: -110px -130px; }

.icon_kb.icon_agency3 { width: 31px; height: 30px; background-position: -80px -170px; }

.icon_kb.icon_plus { width: 32px; height: 32px; background-position: -140px -40px; }

.icon_kb.icon_before { width: 24px; height: 18px; background-position: -142px -230px; margin-top: 4px; }

.icon_kb.icon_ad3 { width: 34px; height: 35px; background-position: -206px -60px; }

.icon_kb.icon_gift { width: 33px; height: 34px; background-position: -206px -100px; }

.icon_kb.icon_shopping { width: 32px; height: 32px; background-position: -206px -140px; }

.icon_kb.icon_brunch { width: 32px; height: 32px; background-position: -206px -174px; }

.icon_kb.icon_ad4 { width: 32px; height: 32px; background-position: -206px -212px; }

.icon_kb.icon_account { width: 34px; height: 33px; background-position: -170px -96px; }

/* ******************* 공통 시작 ******************* */
.scrolling .kakao_head { border-bottom: 1px solid rgba(244, 244, 244, 0.9); }

.video_adinfo { max-width: 1090px; max-height: 670px; margin-top: 80px; }

[class^="section_"] { position: relative; }

.video_adinfo .btn_sound { position: absolute; right: 24px; bottom: 24px; width: 60px; height: 60px; }

.video_adinfo .btn_sound:hover { background-color: rgba(255, 255, 255, 0.1); border-radius: 60px; }

.video_adinfo .btn_sound .icon_kb { width: 39px; height: 29px; margin: 8px auto 0; background-position: 0 -170px; }

.video_adinfo .btn_sound.off .icon_kb { background-position: -40px -170px; }

.head_wrap .list_menu .m_login { display: none; }

/* 플로팅 버튼 */
/* *** - 토스트 버튼 타입 *** */
.wrap_start { position: fixed; right: 60px; bottom: 130px; z-index: 10; }

.wrap_start .btn_start { display: inline-block; overflow: hidden; height: 60px; line-height: 60px; padding-left: 30px; padding-right: 30px; border-radius: 35px; font-weight: 500; font-size: 18px; letter-spacing: -0.01em; background-color: #243E78; opacity: 0.8; color: #fff; vertical-align: top; transition: all 0.1s linear; }

.wrap_start .btn_start .icon_plus { float: right; position: relative; width: 60px; height: 60px; margin-left: 10px; margin-right: -30px; border-radius: 70px; background-color: #19234B; transition: all 0.1s linear; }

.wrap_start .btn_start .icon_plus:before, .wrap_start .btn_start .icon_plus:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; content: ''; }

.wrap_start .btn_start .icon_plus:before { width: 20px; height: 2px; }

.wrap_start .btn_start .icon_plus:after { width: 2px; height: 20px; }

.wrap_start .btn_start:hover { background-color: #4D86ED; }

.wrap_start .btn_start:hover .icon_plus { background-color: #2F6AD7; }

/* 타이틀_설명 */
.wrap_theme .tit_theme { font-size: 30px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 500; text-align: center; word-break: keep-all; }

.wrap_theme .desc_theme { margin-top: 8px; font-size: 22px; letter-spacing: -0.02em; font-weight: 300; line-height: 1.6; text-align: center; }

/* 뷰 이전,다음 버튼 */
.view_btn [class^="btn_"] { position: absolute; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; border: 2.5px solid rgba(165, 177, 197, 0.45); border-radius: 60px; box-sizing: border-box; }

.view_btn [class^="btn_"]:hover { border-color: rgba(50, 110, 220, 0.45); }

.view_btn [class^="btn_"]:hover::after { border-color: #326EDC; }

.view_btn [class^="btn_"]::after { display: inline-block; width: 14px; height: 14px; margin-top: 18px; border-top: 3px solid rgba(165, 177, 197, 0.85); border-right: 3px solid rgba(165, 177, 197, 0.85); vertical-align: top; content: ''; }

.view_btn [class^="btn_"]:hover::after { border-color: #326EDC; }

.view_btn .btn_prev::after { margin-left: 21px; -webkit-transform: rotate(225deg); transform: rotate(225deg); }

.view_btn .btn_next::after { margin-left: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.view_btn .btn_prev { left: 40px; }

.view_btn .btn_next { right: 40px; }

/* 페이징 */
.paging_comp { margin-top: 26px; }

.paging_comp ul { overflow: hidden; }

.paging_comp ul li { float: left; padding-right: 10px; }

.paging_comp ul .link_num { display: block; width: 30px; height: 30px; line-height: 26px; border: 1px solid #A5B1C5; border-radius: 8px; font-size: 18px; font-weight: 500; color: #A5B1C5; text-align: center; box-sizing: border-box; opacity: .8; }

.paging_comp ul .link_num:hover { border-color: #326EDC; color: #326EDC; opacity: 1; }

.paging_comp ul .on .link_num { border-color: #326EDC; background-color: #326EDC; color: rgba(255, 255, 255, 0.9); opacity: 1; }

.paging_comp ul .txt_num { display: block; width: 36px; height: 36px; line-height: 32px; border: 1px solid #A5B1C5; border-radius: 8px; font-size: 18px; font-weight: 500; color: #A5B1C5; text-align: center; box-sizing: border-box; opacity: .8; }

.paging_comp ul .on .txt_num { border-color: #326EDC; background-color: #326EDC; color: rgba(255, 255, 255, 0.9); opacity: 1; }

.section_cont .paging_comp { margin-left: 10px; }

/* 기본 버튼 */
[class^="btn_info"] { display: inline-flex; justify-content: space-between; align-items: center; line-height: 1; box-sizing: border-box; vertical-align: top; }

.btn_info { position: relative; min-width: 300px; height: 70px; padding: 22px 26px 13px 30px; border-radius: 35px; border: 2px solid #D2D8E2; font-size: 22px; font-weight: 500; letter-spacing: -0.01em; text-align: left; }

.btn_info:hover { border-color: #326EDC; }

.btn_info .icon_kb { position: absolute; top: 50%; transform: translateY(-50%); right: 24px; margin-left: 30px; }

.btn_emph { color: #326EDC; }

.btn_info_s { padding: 12px 24px; font-size: 20px; border-radius: 22px; color: #444; }

.btn_info_s.btn_on { background-color: #326EDC; color: #fff; }

.btn_info_line { padding: 11px 17px 11px 19px; font-size: 20px; border-radius: 10px; border: 1px solid #A5B1C5; color: #A5B1C5; }

.btn_info_line .icon_more3 { margin-left: 20px; }

.wrap_btns .btn_info { display: inline-block; width: auto; margin: 0 8px; }

.wrap_btns .btn_info_s + .btn_info_s { margin-left: 6px; }

/* mo 펼쳐보기 */
.wrap_expand { overflow: hidden; }

.wrap_expand .btn_view { display: flex; height: 60px; justify-content: center; align-items: center; text-align: center; overflow-anchor: none; font-size: 18px; font-weight: 500; color: #326EDC; }

.wrap_expand .btn_view::after { display: inline-block; width: 12px; height: 12px; margin-top: -3px; margin-left: 9px; border-top: 1px solid #326EDC; border-right: 1px solid #326EDC; -webkit-transform: rotate(135deg); transform: rotate(135deg); content: ''; }

.wrap_expand .btn_view.btn_fold::after { margin-top: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* 섬네일 뷰 */
.view_box { overflow: hidden; width: 100%; border-radius: 20px; background-color: #F0F1F4; text-align: center; box-sizing: border-box; }

.view_box img { display: block; width: 100%; }

.wrap_view { overflow: hidden; }

.wrap_view .inner_view { overflow: hidden; position: relative; margin-top: 30px; }

.view_box.h_620 { height: 620px; padding-top: 60px; }

/* basic, paging */
.view_basic .view_box, .view_paging .view_box { height: 600px; padding-top: 80px; }

.view_paging:not(.view_flex) .view_box:not(.type_full) img, .view_basic .view_box:not(.type_full) img { border-top-left-radius: 18px; border-top-right-radius: 18px; box-shadow: 0px 2px 10px 0px #0000000D; }

.view_paging .inbox_view { overflow: hidden; position: relative; }

.view_paging .inbox_view .view_box { float: left; }

.view_basic img, .view_paging img { width: auto; height: 100%; margin: 0 auto; max-width: 100%; max-height: 100%; }

.cont_certification .view_paging img { width: 100%; }

.view_more { margin-left: -11px; margin-right: -11px; }

.view_more .inner_view { float: left; width: 50%; padding: 0 11px; box-sizing: border-box; }

.view_more .inner_view:nth-child(odd) { clear: left; }

/* 베이직, 페이징 (NEW) */
.wrap_view.view_flex:not(.view_paging) .view_box { width: 100% !important; height: auto !important; padding-top: 0; }

.view_paging.view_flex .view_box { height: auto !important; padding-top: 0; }

.view_paging.view_flex img, .view_paging.view_flex video { position: static !important; width: 100% !important; height: auto !important; }

.view_full .wrap_cont .tit_info { font-size: 22px; }

.section_tab { margin-top: 66px; }

.section_tab.fix-feature { position: fixed; top: 60px; left: 0; right: 0; margin-top: 0; background-color: rgba(255, 255, 255, 0.85); border-bottom: 1px solid rgba(244, 244, 244, 0.9); z-index: 9; }

.section_tab.fix-feature + .wrap_tab { height: 122px; }

.section_tab .list_tab { z-index: 5; padding: 14px 0; white-space: nowrap; text-align: center; font-size: 0; }

.section_tab .list_tab li { display: inline-block; padding: 0 15px; }

.section_tab .list_tab .link_tab { display: block; padding-top: 0; padding-bottom: 6px; font-size: 20px; color: #444; letter-spacing: -0.029em; line-height: 1; font-weight: 500; }

.section_tab .list_tab .link_tab:hover { border-bottom: 1px solid; }

.section_tab .list_tab .on .link_tab { border-bottom: 2px solid #4374CF; color: #4374CF; font-weight: 700; }

/* 페이징에서 full 타입 이미지 사용 시 */
.bundle_cont .view_box.type_full { height: auto; padding-top: 0; }

.bundle_cont .wrap_view + .wrap_view { margin-top: 10px; }

.bundle_cont .wrap_view + .wrap_view .inner_view { margin-top: 0; }

/* 에러, 로딩 */
.wrap_main .wrap_notice { text-align: center; }

.wrap_notice .notice_loading .icon_kb { width: 22px; height: 22px; margin-right: 12px; background-position: -120px -170px; vertical-align: top; -ms-animation: loadingRotate 1.4s linear -1s infinite; -webkit-animation: loadingRotate 1.4s linear -1s infinite; -moz-animation: loadingRotate 1.4s linear -1s infinite; -o-animation: loadingRotate 1.4s linear -1s infinite; animation: loadingRotate 1.4s linear -1s infinite; }

.wrap_notice .notice_error .icon_kb { width: 46px; height: 46px; margin-right: 16px; background-position: 0 -200px; vertical-align: top; }

.notice_error .txt_data:hover .icon_kb { background-position-x: -50px; }

.wrap_notice .txt_data { font-size: 18px; font-weight: 350; color: #828282; }

.wrap_notice .notice_loading .txt_data { padding: 34px; line-height: 22px; }

.wrap_notice .notice_error .txt_data { padding: 22px; line-height: 46px; }

.section_guide .wrap_notice { width: 480px; height: 90px; margin: 60px auto 0; background-color: #fff; border-radius: 8px; }

/* ******************* 구역별 시작 ******************* */
/* 1 상단 메인 */
.section_intro { min-height: 452px; padding: 80px 0 100px; background-color: #02143F; color: #fff; box-sizing: border-box; text-align: center; }

.section_intro .inner_comp { padding-top: 2px; }

.section_intro .tit_info { font-size: 42px; font-weight: 700; letter-spacing: -0.01em; }

.section_intro .tit_info [class^="icon_"] { vertical-align: top; }

.section_intro .tit_info .icon_ch2 { margin: 10px 6px 0 0; }

.section_intro .tit_info .icon_pay { width: 36px; margin: 17px 6px 0 0; }

.section_intro .desc_info { min-height: 102px; margin: 20px auto 0; font-size: 20px; line-height: 1.7; letter-spacing: 0.069em; font-weight: 300; text-align: center; color: #fff; }

.section_intro .desc_info .txt_bar { opacity: .2; }

.section_intro .wrap_info { display: inline-block; overflow: hidden; margin-top: 39px; vertical-align: top; }

.section_intro .wrap_info [class^="icon_"] { float: left; }

.section_intro .wrap_info [class^="icon_"]:not(:first-child) { margin-left: 10px; }

.section_intro .wrap_info .icon_next { margin-top: 18px; }

/* 2 컨텐츠 */
.section_cont { padding-bottom: 160px; }

.section_cont .wrap_info .tit_cate { display: block; padding-bottom: 18px; font-size: 20px; font-weight: 500; color: #8e8e8e; }

.section_cont .tit_func { display: block; font-size: 30px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 500; }

.section_cont .tit_func.ty_sub { font-size: 26px; }

.section_cont .wrap_info .desc_func { padding-top: 9px; font-weight: 300; font-size: 22px; line-height: 1.72; letter-spacing: -0.01em; color: #444; }

.section_cont .wrap_info .desc_func .fw_b { font-weight: 500; }

.section_cont .wrap_info .desc_func .type_grey { color: #8e8e8e; }

.section_cont .cont_info .tit_info { color: #444; }

.section_cont .wrap_cont dl { overflow: hidden; width: 100%; font-size: 20px; line-height: 1.6; }

.section_cont .wrap_cont dt { float: left; margin-right: 8px; }

.section_cont .wrap_cont dd { float: none; font-weight: 300; }

.section_cont .bundle_cont { margin-top: 160px; }

.section_cont .bundle_cont:first-of-type { margin-top: 106px; }

.section_cont .bg_box { margin-top: 160px; }

/* 추후 컴포넌트 진행시 css 수정 필요 */
.section_cont .bundle_cont .wrap_cont { padding: 15px 0 2px 10px; letter-spacing: -0.01em; }

.section_cont .bundle_cont .wrap_cont .tit_info { display: block; font-size: 20px; font-weight: 500; }

.section_cont .bundle_cont .wrap_cont .desc_info { font-size: 20px; line-height: 1.6; font-weight: 300; color: #444; word-break: keep-all; }

.section_cont .bundle_cont .wrap_cont .tit_info + .desc_info { margin-top: 7px; }

.section_cont .bundle_cont .wrap_cont .desc_info + .tit_info { margin-top: 15px; }

.section_cont .bundle_cont .wrap_cont.type_more { position: relative; padding-right: 220px; }

.section_cont .bundle_cont .wrap_cont.type_more .btn_info_line { position: absolute; top: 24px; right: 10px; }

.section_cont .bg_box .link_detail { font-size: 20px; text-decoration: underline; color: #326EDC; }

/* ** 비디오 */
.section_cont .type_video { position: relative; isolation: isolate; line-height: 0; }

.section_cont .type_video video { display: block; }

.section_cont .type_video .video_cont { position: absolute; bottom: 0; left: 0%; margin-left: 50%; transform: translateX(-50%); height: 600px; }

.section_cont .view_full .type_video > .video_cont { position: static; margin-left: 50%; }

.section_cont .view_full .type_video.wrap_lazyload video { position: absolute; bottom: 0; transform: translateX(-50%); }

.section_cont .bundle_cont .link_detail { display: block; font-size: 20px; font-weight: 500; line-height: 1; padding-top: 24px; padding-left: 10px; color: #326EDC; text-decoration: none; }

.section_cont .bundle_cont .link_detail .icon_more2 { margin-left: 10px; }

.section_cont .bundle_cont .wrap_info + .link_detail { padding-top: 24px; padding-left: 0; }

.section_cont .box_more .tit_info { color: #326EDC; }

.section_cont .paging_comp + .wrap_cont { padding-top: 20px; }

.section_cont .wrap_view + .cont_info { padding-top: 22px; }

.section_cont .wrap_theme + .bundle_cont { margin-top: 80px; }

.section_cont .wrap_theme + .bundle_cont .inner_view { margin-top: 0; }

/* 컨텐츠 박스 안내형 */
.bg_box { padding: 42px 40px 46px; border-radius: 20px; letter-spacing: -0.01em; background-color: #F0F1F4; }

.bg_box .tit_info { font-size: 22px; font-weight: 500; }

.bg_box .desc_info { font-size: 20px; line-height: 1.7; font-weight: 300; color: #444; }

.bg_box .tit_info + .desc_info { margin-top: 13px; }

.section_use .bg_box { margin-top: 20px; }

.section_use .bg_box .tit_info + .desc_info { margin-top: 8px; }

.section_use .bg_box .inner_desc { position: relative; display: block; padding-left: 34px; }

.section_use .bg_box .inner_desc::before { position: absolute; overflow: hidden; left: 13px; top: 14px; width: 5px; height: 5px; border-radius: 50%; background: #444; content: ''; }

.cont_talkstore .btn_info { width: 300px; }

/* 3 시작하기  */
.section_start { padding-top: 160px; padding-bottom: 160px; background-color: #F7F8F9; }

.section_start .wrap_btns { text-align: center; }

.section_start .list_sync { margin-top: 39px; }

.section_start .list_box { margin-top: 55px; margin-left: auto; margin-right: auto; }

.section_start .list_box > li { display: table; position: relative; width: 100%; min-height: 90px; padding: 28px 30px 30px 78px; border-radius: 20px; background-color: #F0F1F4; box-sizing: border-box; }

.section_start .list_box > li.on { padding-bottom: 24px; }

.section_start .list_box .inner_item { display: table-cell; vertical-align: middle; letter-spacing: -0.01em; }

.section_start .list_box > li + li { margin-top: 20px; }

.section_start .list_box .txt_step { display: inline-flex; justify-content: space-between; position: absolute; top: 33px; left: 29px; width: 32px; height: 32px; border-radius: 6px; font-size: 22px; font-weight: 500; line-height: 1; }

.section_start .list_box .txt_step::before { content: '['; margin-top: -3px; font-size: 24px; color: rgba(34, 34, 34, 0.3); }

.section_start .list_box .txt_step::after { content: ']'; margin-top: -3px; font-size: 24px; color: rgba(34, 34, 34, 0.3); }

.section_start .list_box .txt_step .icon_kb { margin-top: 4px; margin-left: -1px; }

.section_start .list_box .txt_check { overflow: hidden; font-size: 0; }

.section_start .list_box .txt_step.txt_check::before { color: rgba(50, 110, 220, 0.3); }

.section_start .list_box .txt_step.txt_check::after { color: rgba(50, 110, 220, 0.3); }

.section_start .list_box .tit_info { font-size: 22px; font-weight: 500; }

.section_start .list_box .desc_info { margin-top: 5px; font-size: 20px; line-height: 1.6; font-weight: 300; color: #444; word-break: keep-all; }

.section_start .list_box li.on .tit_info { font-weight: 400; }

.section_start .list_box li.on { background-color: #EDF1F7; }

.section_start .list_box li.on .txt_step { color: #387CF7; }

.section_start .list_box li.on .txt_step::before { color: rgba(50, 110, 220, 0.3); }

.section_start .list_box li.on .txt_step::after { color: rgba(50, 110, 220, 0.3); }

.section_start .wrap_theme + .wrap_btns { display: block; padding: 5px 4px; width: 376px; height: 44px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 28px; margin: 55px auto 0; }

.scroll_btns { text-align: center; }

.scroll_btns .wrap_btns { display: inline-block; padding: 5px 5px; max-width: 440px; height: 44px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 28px; margin: 55px auto 0; }

.section_start .wrap_theme + .list_box { margin-top: 81px; }

.section_start .list_box + .wrap_btns { margin-top: 60px; }

.section_start .list_box .pc_margin { display: inline-block; margin-left: 25px; }

.section_start .sub_info { margin-left: -3px; font-size: 20px; }

.section_start .txt_desc { padding-left: 21px; color: #444; font-weight: 300; }

.section_start .txt_desc::before { display: inline-block; content: ''; width: 10px; margin-left: -15px; }

/* 4 도움받기 */
.section_help { padding-top: 160px; padding-bottom: 160px; background-color: #F0F1F4; }

.section_help .txt_item { display: block; margin-top: 18px; font-size: 22px; line-height: 1.37; letter-spacing: -0.01em; font-weight: 300; }

.section_help .wrap_theme + [class^="bundle_"] { margin-top: 82px; }

.bundle_help, .bundle_agency { position: relative; margin-top: 21px; border-radius: 20px; background-color: #fff; box-sizing: border-box; }

.bundle_help > [class^="icon_"], .bundle_agency > [class^="icon_"] { position: absolute; left: 30px; }

.bundle_help .tit_info, .bundle_agency .tit_info { display: block; margin-right: 24px; font-weight: 500; font-size: 22px; line-height: 1.32; }

.bundle_help .desc_info, .bundle_agency .desc_info { display: block; font-weight: 300; font-size: 18px; line-height: 1.67; letter-spacing: -0.01em; color: #8e8e8e; }

.bundle_help .link_help, .bundle_agency .link_help { display: block; }

.bundle_help .link_help .tit_info, .bundle_agency .link_help .tit_info { color: #326EDC; }

.bundle_help { padding: 29px 30px 27px 78px; }

.bundle_help > [class^="icon_"] { top: 29px; }

.bundle_help .desc_info { padding-top: 19px; }

.bundle_help .btn_view { position: absolute; top: 18px; right: 20px; width: 56px; height: 56px; }

.bundle_help .btn_view .icon_more2 { display: block; margin: 18px auto 0; }

.bundle_agency { overflow: hidden; padding: 29px 68px 48px 78px; }

.bundle_agency > [class^="icon_"] { top: 28px; }

.bundle_agency .desc_info { padding-top: 13px; }

.bundle_agency .wrap_agency { padding-top: 28px; border-bottom: 1px solid #d8d8d8; }

.bundle_agency .wrap_agency + .wrap_agency { padding-top: 35px; }

.bundle_agency .wrap_agency .tit_item { display: block; padding-top: 11px; padding-bottom: 8px; font-size: 18px; letter-spacing: -0.01em; font-weight: 300; }

.bundle_agency .list_item { overflow: hidden; position: relative; margin-bottom: -1px; border-top: 1px solid #d8d8d8; letter-spacing: -0.01em; }

.bundle_agency .list_item:after { content: ''; display: block; clear: both; }

.bundle_agency .list_item:before { position: absolute; left: 50%; height: 100%; margin-left: -20px; border-left: 1px solid rgba(216, 216, 216, 0.5); content: ''; }

.bundle_agency .list_item li { position: relative; float: left; width: 50%; min-height: 95px; padding: 19px 30px 15px 16px; box-sizing: border-box; }

.bundle_agency .list_item li:nth-child(odd)::before { position: absolute; top: 0; left: 0; width: 200%; height: 1px; background: rgba(216, 216, 216, 0.5); content: ''; }

.bundle_agency .list_item li:first-child::before { content: none; }

.bundle_agency .list_item li:nth-child(odd) { clear: left; padding-left: 2px; }

.bundle_agency .list_item .txt_name { display: block; padding-bottom: 4px; font-size: 18px; font-weight: 500; }

.bundle_agency .list_item .txt_sub { display: inline-block; margin-right: 16px; font-size: 18px; line-height: 1.38; font-weight: 300; color: #8e8e8e; }

.bundle_agency .list_item .txt_num { padding-top: 2px; vertical-align: top; }

.bundle_agency .list_item .link_line { display: inline-block; overflow: hidden; max-width: 300px; margin-right: 0; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }

.bundle_agency .list_item .link_line:hover { text-decoration: underline; }

.bundle_agency .list_item .ty_site { display: block; max-width: none; }

/* 인사이트용 */
.bundle_agency .agency_cont { margin-top: 27px; padding-top: 22px; padding-left: 4px; border-top: 1px solid #D8D8D8; }

.bundle_agency .agency_cont .wrap_tit { font-size: 18px; }

.bundle_agency .agency_cont .wrap_tit .txt_name { margin-right: 6px; font-weight: 500; }

.bundle_agency .agency_cont .wrap_tit a { font-weight: 300; }

.bundle_agency .agency_cont .txt_sub { margin-top: 1px; font-weight: 300; font-size: 18px; }

.bundle_agency .agency_cont .desc_info { padding-top: 17px; }

/* 프리미엄 */
.bundle_agency .wrap_kpp [class*="icon_kpp"] { float: left; }

.bundle_agency .wrap_kpp .txt_info { float: left; position: relative; border-radius: 4.8px; font-weight: 300; background-color: #f6f6f8; color: #444; }

.bundle_agency .wrap_kpp .txt_info::before { position: absolute; top: 50%; left: 0; border: solid transparent; border-width: 0 0 10px 10px; border-left-color: #f6f6f8; content: ''; -webkit-transform: translate(-50%, -50%) rotate(51deg); transform: translate(-50%, -50%) rotate(-45deg); }

.bundle_agency > .wrap_kpp { overflow: hidden; margin-left: -4px; padding: 19px 0 4px; }

.bundle_agency > .wrap_kpp .icon_kpp { margin: 12px 14px 0 0; }

.bundle_agency > .wrap_kpp .txt_info { height: 38px; line-height: 38px; padding: 0 8px; font-size: 18px; letter-spacing: -0.025rem; }

.bundle_agency .txt_name .wrap_kpp { display: inline-block; vertical-align: top; }

.bundle_agency .txt_name .icon_kpp_s { margin: 8px 0 0 3px; }

.bundle_agency .txt_name .wrap_kpp .txt_info { display: none; height: 22px; line-height: 22px; margin: 2px 0 0 10px; padding: 0 10px; font-size: 12px; white-space: nowrap; }

.bundle_agency .txt_name .wrap_kpp .txt_info::before { border-width: 0 0 6px 6px; }

.bundle_agency .txt_name:hover .wrap_kpp .txt_info { display: block; }

.bundle_agency .wrap_notice { margin-top: 30px; height: 580px; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; }

.bundle_agency .notice_loading, .bundle_agency .notice_error { padding-top: 60px; }

/* 5 가이드 */
.section_guide { min-height: 578px; padding-top: 160px; padding-bottom: 196px; color: #fff; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/guide.png) no-repeat 50% 50% #326EDC; box-sizing: border-box; }

.section_guide .desc_theme { color: white; }

.section_guide .wrap_item { padding-top: 51px; }

.section_guide .wrap_item .inner_item { display: table; overflow: hidden; width: 100%; min-height: 90px; margin-top: 8px; }

.section_guide .wrap_item .inner_item:not(:first-child) { margin: 20px 0 4px; }

.section_guide .wrap_item .link_guide { display: table-cell; position: relative; width: 100%; height: 100%; padding: 24px 76px 20px 29px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.6); font-weight: 500; font-size: 22px; letter-spacing: -0.01em; color: #fff; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.1); vertical-align: middle; }

.section_guide .wrap_item .link_guide:hover { background-color: rgba(25, 35, 75, 0.1); border-color: rgba(25, 35, 75, 0.5); }

.section_guide .wrap_item .link_guide:hover { text-decoration: none; }

.section_guide .wrap_item .link_guide .tit_info { display: inline-block; line-height: 34px; vertical-align: top; }

.section_guide .wrap_item .link_guide > .icon_kb { position: absolute; right: 38px; top: 50%; transform: translateY(-50%); }

.section_guide .wrap_item .link_guide .icon_guide, .section_guide .wrap_item .link_guide .icon_down { margin-right: 17px; }

.section_guide .wrap_item .link_guide .icon_vod { margin-right: 17px; margin-left: -1px; }

.section_guide .wrap_item .wrap_tit { display: table-cell; width: 100%; vertical-align: middle; }

.section_guide .wrap_item .tit_info { display: block; margin-right: 6px; }

.section_guide .wrap_item .file_info { display: table-cell; padding-right: 23px; font-size: 20px; opacity: .6; vertical-align: middle; white-space: nowrap; }

.section_guide .wrap_item .txt_bar { display: inline-block; height: 18px; margin: 8px 15px 0 15px; border-left: 2px solid #fff; }

/* ***** 카카오싱크 ***** */
/* 6 활용하기 */
.section_use { overflow: hidden; padding-top: 40px; padding-bottom: 160px; }

.section_use .wrap_theme + .bundle_box { margin-top: 80px; }

.section_use [class^="bundle_"] { position: relative; margin-top: 20px; padding: 28px 34px; border: 1px solid #D2D8E2; border-radius: 20px; background-color: #fff; box-sizing: border-box; }

.section_use [class^="bundle_"]:hover { border-color: #326EDC; }

.section_use [class^="bundle_"] > [class^="icon_"] { position: absolute; top: 30px; left: 30px; }

.section_use .bundle_box:first-of-type { margin-top: 80px; }

.section_use .link_detail { display: block; padding-top: 26px; font-weight: 500; font-size: 20px; line-height: 1; color: #326EDC; letter-spacing: -0.2px; }

.section_use .bundle_box .cont_info .link_detail + .view_box { margin-top: 26px; }

.bundle_box { letter-spacing: -0.01em; }

.bundle_box .tit_info { display: block; margin-right: 28px; font-size: 22px; font-weight: 500; }

.bundle_box .desc_info { font-size: 20px; font-weight: 300; }

.bundle_box .tit_info + .desc_info { margin-top: 6px; }

.bundle_box .cont_tit .btn_view { position: absolute; top: 26px; right: 18px; width: 60px; height: 60px; text-align: center; }

.bundle_box .cont_tit .btn_view:after { display: inline-block; width: 14px; height: 14px; margin-top: 5px; border-top: 2px solid #222; border-right: 2px solid #222; -webkit-transform: rotate(135deg); transform: rotate(135deg); content: ''; vertical-align: top; }

.bundle_box .cont_tit .btn_view .arr_more { display: block; overflow: hidden; text-indent: -9999px; }

.bundle_box .cont_info { display: none; }

.bundle_box .cont_info .txt_item { padding: 14px 20px 17px; font-size: 20px; line-height: 1.6; font-weight: 300; border-radius: 8px; background-color: rgba(50, 110, 220, 0.05); color: #444; }

.bundle_box .cont_info .link_mail { color: #326EDC; text-decoration: underline; }

.bundle_box .cont_info .view_box { width: auto; margin-top: 30px; border-top-left-radius: 0; border-top-right-radius: 0; margin-left: -34px; margin-right: -34px; background-color: transparent; }

.bundle_box .view_box.type_basic { max-width: 1022px; margin: 50px auto; }

.bundle_box .view_box.type_table { max-width: 1022px; margin: 26px auto; }

.bundle_box .type_table .txt_detail { display: block; margin-bottom: 14px; text-align: left; font-size: 18px; color: #8E8E8E; font-weight: 300; }

.bundle_box .view_box.type_random { max-width: 1022px; margin: 50px auto; border-radius: 8px; background-color: #FAFAFA; }

.bundle_box .view_box.type_basic + a { display: block; position: relative; width: 114px; margin: 0 auto 40px; padding: 11px 26px 12px; border: 2px solid #A5B1C5; border-radius: 35px; font-size: 18px; font-weight: 500; color: #326EDC; }

.bundle_box .view_box.type_basic + a .icon_kb { position: absolute; right: 26px; top: 50%; transform: translateY(-50%); }

.bundle_box.box_fold { padding-bottom: 0; }

.bundle_box.box_fold .cont_info { display: block; margin-top: 12px; }

.bundle_box.box_fold .btn_view:after { margin-top: 14px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* 8 도입효과 */
.section_effect { overflow: hidden; padding-top: 40px; padding-bottom: 160px; }

.section_effect .wrap_theme + .bundle_box { margin-top: 80px; }

.section_effect [class^="bundle_"] { position: relative; margin-top: 20px; padding: 28px 34px; border: 1px solid #D2D8E2; border-radius: 20px; background-color: #fff; box-sizing: border-box; }

.section_effect [class^="bundle_"]:hover { border-color: #326EDC; }

.section_effect .bundle_box:first-of-type { margin-top: 80px; }

.section_effect .bundle_box { padding-bottom: 0; }

.section_effect .bundle_box .cont_info { display: block; }

.section_effect .bundle_box .view_box.type_random { display: flex; justify-content: space-evenly; padding: 0 51px; }

.section_effect .img_random { max-width: 200px; padding: 50px 15px; }

/* ***** 키워드 광고 ***** */
/* 7 특징리스트 */
.wrap_list { margin-top: 30px; padding: 58px 40px; background-color: #fafafa; border-radius: 20px; }

.wrap_list .inner_list:after { content: ''; display: block; clear: both; }

.wrap_list ul { float: left; width: calc(50% - 40px); }

.wrap_list ul + ul { margin-left: 80px; }

.wrap_list .item_list { box-sizing: border-box; position: relative; padding-left: 84px; }

.wrap_list .item_list + .item_list { margin-top: 50px; }

.wrap_list .item_list .icon_big { position: absolute; left: 0; top: 0; }

.wrap_list .item_list > em { font-weight: 500; font-size: 20px; color: #222; }

.wrap_list .item_list > p { margin-top: 8px; font-weight: 300; font-size: 20px; color: #444; line-height: 1.6; letter-spacing: -0.01em; }

.wrap_list .item_list:last-child > p { letter-spacing: -0.015em; }

/* ***** 대행사 파트너 지원 ***** */
/* 타이틀 */
.cont_partner .wrap_tit .tit_top { display: block; margin-bottom: 8px; font-size: 30px; font-weight: 500; word-break: keep-all; }

.cont_partner .wrap_tit .txt_small { display: block; margin-bottom: 14px; font-size: 20px; color: #8e8e8e; }

.cont_partner .wrap_tit .txt_desc { padding-bottom: 10px; font-size: 22px; line-height: 1.7; font-weight: 300; color: #444; word-break: keep-all; }

.cont_partner .wrap_tit .txt_notice { color: #8e8e8e; }

.cont_partner .list_desc { margin-top: 18px; font-size: 22px; font-weight: 300; color: #444; }

.cont_partner .list_desc li::before { display: inline-block; width: 2px; height: 2px; margin: 16px 7px; border-radius: 50%; background: #444; vertical-align: top; content: ''; }

.cont_partner .btn_comm { margin-top: 56px; }

.cont_partner .btn_comm .btn_gl { width: 304px; height: 70px; line-height: 70px; font-size: 22px; }

.cont_partner .btn_comm .btn_gl .ico_arrow { position: absolute; top: 28px; right: 30px; width: 19px; height: 16px; background-position: -146px -167px; }

.cont_partner .btn_comm .btn_gl:hover .ico_arrow { background-position: -146px -186px; }

.cont_partner .btn_comm .btn_gl.type_a { width: 268px; background-color: #326EDC; color: #fff; }

.cont_partner .btn_comm .btn_gl.type_a .ico_arrow { background-position: -146px -186px; }

.cont_partner .btn_comm .btn_gl.type_a:hover { background-color: #2858B0; }

.cont_partner .btn_comm .btn_gl.type_a:hover .ico_arrow { background-position: -146px -186px; }

.cont_partner .btn_comm .btn_gl.type_b { width: 389px; }

.cont_partner .btn_comm .btn_gl .ico_arrow { position: absolute; top: 28px; right: 30px; width: 19px; height: 16px; background-position: -146px -167px; }

/* 파트너 지원 가이드 */
.cont_partner .section_help.wrap_info { padding: 100px 0 140px; }

.cont_partner .section_help .wrap_theme + [class^="bundle_"] { margin-top: 40px; }

.cont_partner .section_info .section_help { background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/thumb/partner/bg_top.jpeg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.cont_partner .section_info .wrap_theme .tit_theme { color: #fff; text-align: left; }

.cont_partner .section_help .txt_item { margin-top: 13px; }

.cont_partner .section_help .bundle_help > [class^="icon_"], .cont_partner .section_help .bundle_help > .icon_partner { position: absolute; top: 25px; left: 25px; background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/thumb/partner/ico_partner.png); background-size: 312px 82px; width: 100px; height: 78px; }

.cont_partner .icon_semina { background-position: 0 0; }

.cont_partner .icon_kakaobusi { background-position: -103px 0; }

.cont_partner .icon_kakaoadv { background-position: -207px 0; }

.cont_partner .bundle_help { padding: 28px 30px 30px 152px; }

/* 지원 프로그램 */
.cont_partner .bundle_box .view_box.type_basic { margin: 30px 0 50px; }

.cont_partner .section_use { padding: 140px 0; background-color: #f7f8f9; }

.cont_partner .section_use .wrap_tit .tit_program { font-size: 30px; }

.cont_partner .section_use [class^="bundle_"] { border: 1px solid #fff; }

.cont_partner .section_use .wrap_ask { margin-top: 80px; padding: 40px 40px 53px 40px; border-radius: 20px; background-color: #f0f1f4; }

.cont_partner .section_use .wrap_ask .tit_ask { font-size: 22px; }

.cont_partner .section_use .wrap_ask .desc_ask { margin-top: 15px; font-size: 20px; line-height: 1.7; font-weight: 300; color: #444; word-break: keep-all; }

/* KPP 파트너사 */
.cont_partner .section_help .desc_info { padding-top: 14px; }

.cont_partner .wrap_kpplist { padding: 150px 0 140px; }

.cont_partner .section_help .tit_info { margin-top: 2px; }

.cont_partner .section_help .desc_info { font-size: 22px; color: #222; }

.cont_partner .inner_comp .wrap_kpp .txt_info { position: relative; border-radius: 4.8px; font-weight: 300; background-color: rgba(169, 172, 192, 0.1); color: #444; }

.cont_partner .inner_comp .wrap_kpp .txt_info::before { position: absolute; top: 50%; left: 0; border: solid transparent; border-width: 0 0 10px 10px; border-left-color: rgba(169, 172, 192, 0.1); content: ''; -webkit-transform: translate(-50%, -50%) rotate(51deg); transform: translate(-50%, -50%) rotate(-45deg); }

.cont_partner .inner_comp > .wrap_kpp { overflow: hidden; margin-left: -4px; padding: 19px 0 4px; text-align: center; }

.cont_partner .inner_comp > .wrap_kpp .icon_kpp { margin: 12px 14px 0 0; }

.cont_partner .inner_comp > .wrap_kpp .txt_info { height: 38px; line-height: 38px; padding: 8px; font-size: 18px; letter-spacing: -0.025rem; }

.cont_partner .inner_comp .txt_name .wrap_kpp { display: inline-block; vertical-align: top; }

.cont_partner .inner_comp .txt_name .icon_kpp_s { margin: 8px 0 0 3px; }

.cont_partner .inner_comp .txt_name .wrap_kpp .txt_info { display: none; height: 22px; line-height: 22px; margin: 2px 0 0 10px; padding: 0 10px; font-size: 12px; white-space: nowrap; }

.cont_partner .inner_comp .txt_name .wrap_kpp .txt_info::before { border-width: 0 0 6px 6px; }

.cont_partner .inner_comp .txt_name:hover .wrap_kpp .txt_info { display: block; }

.wrap_brand .txt_website { font-size: 20px; font-weight: 300; color: #8e8e8e; }

.cont_partner .tit_brand { display: inline-block; margin-bottom: 7px; font-size: 22px; font-weight: 500; vertical-align: top; }

.cont_partner .txt_phone { margin-left: 24px; font-size: 20px; font-weight: 300; color: #8E8E8E; }

.cont_partner .txt_phone:hover, .cont_partner .txt_website:hover { text-decoration: underline; }

.cont_partner .desc_brand { margin-top: 16px; font-size: 20px; line-height: 1.6; font-weight: 300; color: #444; word-break: keep-all; }

.cont_partner .img_brand { display: none; }

.cont_partner .bundle_help.tit_list { margin-top: 60px; }

.cont_partner .paging_comp { margin-top: 40px; text-align: center; }

.cont_partner .paging_comp ul { font-size: 0; }

.cont_partner .paging_comp ul li { display: inline-block; float: none; vertical-align: top; }

.cont_partner .bundle_help .link_help { display: inline-block; vertical-align: top; }

.cont_partner .bundle_help > .ico_list { position: absolute; top: 25px; left: 25px; width: 100px; height: auto; }

.cont_partner .bundle_help > img.ico_list { border-radius: 10px; }

.cont_partner .bundle_help.tit_list { padding: 26px 0 30px 78px; }

.cont_partner .bundle_help > .ico_list.ico_company { margin: 5px 0 0 5px; background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/thumb/partner/ico_kpplist.png); background-size: 35px 67px; width: 31px; height: 30px; }

.cont_partner .wrap_notice .notice_loading .txt_data, .cont_partner .wrap_notice .notice_error .txt_data { margin-top: 80px; }

.cont_partner .wrap_tit .txt_info { position: relative; border-radius: 4.8px; font-weight: 300; background-color: #f6f6f8; color: #444; }

.cont_partner .wrap_tit .txt_info::before { position: absolute; top: 50%; left: 0; border: solid transparent; border-width: 0 0 10px 10px; border-left-color: #f6f6f8; content: ''; -webkit-transform: translate(-50%, -50%) rotate(51deg); transform: translate(-50%, -50%) rotate(-45deg); }

.cont_partner .wrap_tit .txt_info { height: 38px; line-height: 38px; padding: 0 8px; font-size: 18px; letter-spacing: -0.025rem; }

.cont_partner .wrap_tit .txt_info { display: none; height: 22px; line-height: 22px; margin: 6px 0 0 7px; padding: 0 10px; font-size: 12px; white-space: nowrap; }

.cont_partner .wrap_tit .txt_info::before { border-width: 0 0 6px 6px; }

.cont_partner .wrap_tit .txt_info { display: none; }

.cont_partner .wrap_tit .ico_kpp:hover + .txt_info { display: inline-block; vertical-align: top; }

.cont_partner .ico_kpp { display: inline-block; margin: 9px 0 0 6px; background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/thumb/partner/ico_kpplist.png); background-size: 35px 67px; width: 16px; height: 16px; background-position: 0 -34px; vertical-align: top; }

/* 비즈니스 계정 알아보기 */
.cont_partner .inbox_img { margin-top: 80px; }

.cont_partner .inbox_img img { width: 100%; }

.cont_partner .section_cont .bundle_cont:first-of-type { margin-top: 140px; }

/* 주요 성공사례 */
.cont_partner .view_more.type_multiple { margin-left: -10px; margin-right: -10px; padding-bottom: 5px; }

.cont_partner .view_more.type_multiple .inner_view { overflow: hidden; position: relative; width: calc(33.3% - 20px); font-size: 0; border-radius: 20px; margin: 60px 10px 0 10px; padding: 0; }

.cont_partner .view_more.type_multiple .inner_view:not(.type_txt) { margin: 80px 10px 0 10px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); }

.cont_partner .view_more.type_multiple .inner_view .img_top { position: absolute; left: 50%; transform: translateX(-50%); }

.cont_partner .view_more.type_multiple .inner_view:nth-child(1) .img_top { width: 30%; top: 20%; }

.cont_partner .view_more.type_multiple .inner_view:nth-child(2) .img_top { width: 31%; top: 16%; }

.cont_partner .view_more.type_multiple .inner_view:nth-child(3) .img_top { width: 30%; top: 16%; }

.cont_partner .view_more.type_multiple .inner_view.type_txt { height: 444px; background-color: #fff; }

.cont_partner .view_more.type_multiple .inner_view.type_txt.type_long { height: 474px; }

.cont_partner .view_more.type_multiple .inner_view img { width: 100%; }

.cont_partner .view_more.type_multiple .inner_view .inbox_txt { padding: 30px; }

.cont_partner .view_more.type_multiple .inner_view a { display: block; }

.cont_partner .view_more.type_multiple .inner_view a > span { display: block; box-sizing: border-box; position: absolute; top: 54%; width: 100%; text-align: center; color: #fff; word-break: keep-all; padding: 0 20px; }

.cont_partner .view_more.type_multiple .inner_view a > span > strong { display: block; font-weight: 700; font-size: 22px; color: #fff; margin-bottom: 8px; }

.cont_partner .view_more.type_multiple .inner_view a > span > span { display: block; font-weight: 300; font-size: 20px; line-height: 32px; }

.cont_partner .view_more.type_multiple .inbox_txt strong { font-weight: 500; color: #326EDC; font-size: 20px; line-height: 20px; }

.cont_partner .view_more.type_multiple .inbox_txt .icon_more2 { vertical-align: top; width: 20px; height: 16px; margin-left: 10px; margin-top: 2px; background-position: -20px -40px; }

.cont_partner .view_more.type_multiple .inbox_txt p { margin-top: 14px; font-weight: 300; color: #444; font-size: 20px; line-height: 32px; letter-spacing: -0.4px; }

.cont_partner .view_more.type_multiple .inner_view:nth-child(odd) { clear: none; }

.cont_partner .wrap_success { padding-top: 0; }

/* 소상공인 지원 페이지 추가*/
.cont_smb .bundle_box .view_box.type_basic { margin: 30px 0 50px; }

.cont_smb .section_help.wrap_info { padding: 100px 0 140px; }

.cont_smb .section_help .wrap_theme + [class^="bundle_"] { margin-top: 40px; }

.cont_smb .section_info .section_help { background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/thumb/smb/bg_top_240319.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.cont_smb .section_info .wrap_theme .tit_theme { color: #fff; text-align: left; }

.cont_smb .section_help .txt_item { margin-top: 13px; }

/* 타이틀 */
.cont_smb .wrap_tit .tit_top { display: block; margin-bottom: 8px; font-size: 30px; font-weight: 500; word-break: keep-all; }

.cont_smb .wrap_tit .txt_small { display: block; margin-bottom: 14px; font-size: 20px; color: #8e8e8e; }

.cont_smb .wrap_tit .txt_desc { padding-bottom: 10px; font-size: 22px; line-height: 1.7; font-weight: 300; color: #444; word-break: keep-all; }

.cont_smb .wrap_tit .txt_notice { color: #8e8e8e; }

.cont_smb .list_desc { margin-top: 18px; font-size: 22px; font-weight: 300; color: #444; }

.cont_smb .list_desc li::before { display: inline-block; width: 2px; height: 2px; margin: 16px 7px; border-radius: 50%; background: #444; vertical-align: top; content: ''; }

.cont_smb .btn_comm { margin-top: 56px; }

.cont_smb .btn_comm .btn_gl { width: 304px; height: 70px; line-height: 70px; font-size: 22px; }

.cont_smb .btn_comm .btn_gl .ico_arrow { position: absolute; top: 28px; right: 30px; width: 19px; height: 16px; background-position: -146px -167px; }

.cont_smb .btn_comm .btn_gl:hover .ico_arrow { background-position: -146px -186px; }

.cont_smb .btn_comm .btn_gl.type_a { width: 268px; background-color: #326EDC; color: #fff; }

.cont_smb .btn_comm .btn_gl.type_a .ico_arrow { background-position: -146px -186px; }

.cont_smb .btn_comm .btn_gl.type_a:hover { background-color: #2858B0; }

.cont_smb .btn_comm .btn_gl.type_a:hover .ico_arrow { background-position: -146px -186px; }

.cont_smb .btn_comm .btn_gl.type_b { width: 389px; }

.cont_smb .btn_comm .btn_gl .ico_arrow { position: absolute; top: 28px; right: 30px; width: 19px; height: 16px; background-position: -146px -167px; }

/* 지원 프로그램 */
.cont_smb .bundle_box .view_box.type_basic { margin: 30px 0 50px; }

.cont_smb .section_use { padding: 140px 0; background-color: #f7f8f9; }

.cont_smb .section_use .wrap_tit .tit_program { font-size: 30px; }

.cont_smb .section_use [class^="bundle_"] { border: 1px solid #fff; }

.cont_smb .section_use .wrap_ask { margin-top: 80px; padding: 40px 40px 53px 40px; border-radius: 20px; background-color: #f0f1f4; }

.cont_smb .section_use .wrap_ask .tit_ask { font-size: 22px; }

.cont_smb .section_use .wrap_ask .desc_ask { margin-top: 15px; font-size: 20px; line-height: 1.7; font-weight: 300; color: #444; word-break: keep-all; }

.cont_smb .bundle_box .desc_info .txt_notice { color: #8e8e8e; }

/* 예약하기 */
.cont_booking .btn_info { min-width: 359px; }

/* ***** 페이구매 ***** */
.bundle_box .cont_info .desc_item { margin: 16px 0 50px; font-weight: 300; font-size: 20px; text-align: left; word-break: keep-all; }

.bundle_box .cont_content { padding: 30px; margin-bottom: 40px; border-radius: 8px; font-weight: 500; font-size: 20px; background-color: #f7f8f9; }

.bundle_box .cont_content .tit_content { display: block; margin-bottom: 14px; font-size: 22px; }

.bundle_box .box_content .desc_content { font-weight: 300; }

.bundle_box .box_content .link_content { color: #326edc; }

.bundle_box .box_content + .box_content { padding-top: 30px; }

.bundle_box .cont_info .box_item + .box_item { margin-top: 50px; }

.cont_kakaopay .bundle_box .view_box.type_basic { margin: 50px auto 0; }

/* 레티나 */
/* TODO: 이미지) 레티나 제거 후 기본을 레티나 이미지 사용 */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { .icon_big { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/ico_big_r2.png); background-size: 400px 360px; }
  .icon_kb, .icon_kb_af::after, .icon_kb_bf::after { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/ico_kb_r2_250521.png); background-size: 240px 250px; }
  .icon_title { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/ico_title_r2_250611.png); background-size: 500px 1950px; } }

/* ******************* 모바일 시작 ******************* */
@media (max-width: 900px) { /* ********* 아이콘 ********* */
  .icon_big { width: 32px; height: 32px; background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/ico_big_r2.png); background-size: 200px 180px; }
  .icon_kb { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/ico_kb_mo.png); background-size: 100px 100px; }
  .icon_title { height: 30px; background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/ico_title_mo_250611.png); background-size: 300px 1170px; }
  .icon_title.icon_bizform { width: 159px; background-position: 0 0; }
  .icon_title.icon_cross { width: 183px; background-position: 0 -30px; }
  .icon_title.icon_sync { width: 182px; background-position: 0 -60px; }
  .icon_title.icon_chatbot { width: 183px; background-position: 0 -90px; }
  .icon_title.icon_shoppingbiz { width: 98px; background-position: 0 -120px; }
  .icon_title.icon_plus { width: 218px; background-position: 0 -150px; }
  .icon_title.icon_pixelsdk { width: 217px; background-position: 0 -180px; }
  .icon_title.icon_kakaopay { width: 217px; background-position: 0 -210px; }
  .icon_title.icon_mystore { width: 218px; background-position: 0 -240px; }
  .icon_title.icon_plugin { width: 252px; background-position: 0 -270px; }
  .icon_title.icon_account { width: 252px; background-position: 0 -300px; }
  .icon_title.icon_knowledge { width: 253px; background-position: 0 -330px; }
  .icon_title.icon_booking { width: 218px; background-position: 0 -360px; }
  .icon_title.icon_kakaotalkwallet { width: 267px; background-position: 0 -390px; }
  .icon_title.icon_gift { width: 218px; background-position: 0 -420px; }
  .icon_title.icon_shoppingpartner { width: 97px; background-position: 0 -450px; }
  .icon_title.icon_channelsearch { width: 165px; background-position: 0 -480px; }
  .icon_title.icon_premium { width: 288px; background-position: 0 -510px; }
  .icon_title.icon_biz { width: 218px; background-position: 0 -540px; }
  .icon_title.icon_moviead { width: 218px; background-position: 0 -570px; }
  .icon_title.icon_msg { width: 218px; background-position: 0 -600px; }
  .icon_title.icon_display { width: 217px; background-position: 0 -630px; }
  .icon_title.icon_brand { width: 218px; background-position: 0 -660px; }
  .icon_title.icon_brandingdisplay { width: 267px; background-position: 0 -690px; }
  .icon_title.icon_keyword { width: 183px; background-position: 0 -720px; }
  .icon_title.icon_adx { width: 233px; background-position: 0 -750px; }
  .icon_title.icon_partner { width: 218px; background-position: 0 -780px; }
  .icon_title.icon_smb { width: 233px; background-position: 0 -810px; }
  .icon_title.icon_giftbiz { width: 218px; background-position: 0 -840px; }
  .icon_title.icon_talkstore { width: 252.5px; background-position: 0 -870px; }
  .icon_title.icon_focusfullview { width: 267px; background-position: 0 -900px; }
  .icon_title.icon_shoppinglive { width: 253px; background-position: 0 -930px; }
  .icon_title.icon_adaccount { width: 233px; background-position: 0 -960px; }
  .icon_title.icon_cardreceipt { width: 233px; background-position: 0 -990px; }
  .icon_title.icon_profilefullview { width: 267px; background-position: 0 -1020px; }
  .icon_title.icon_brandmessage { width: 233px; background-position: 0 -1050px; }
  .icon_title.icon_infotalk { width: 199px; background-position: 0 -1080px; }
  .icon_title.icon_cstalk { width: 199px; background-position: 0 -1110px; }
  .icon_title.icon_mystoread { width: 233px; background-position: 0 -1140px; }
  .icon_big.icon_talkbig { background-position: 0 0; }
  .icon_big.icon_sdkbig { background-position: -38px 0; }
  .icon_big.icon_soundbig { background-position: -76px 0; }
  .icon_big.icon_locationbig { background-position: -114px 0; }
  .icon_big.icon_moneybig { background-position: -152px 0; }
  .icon_big.icon_filebig { background-position: 0 -38px; }
  .icon_big.icon_docbig { background-position: -38px -38px; }
  .icon_big.icon_profbig { background-position: -76px -38px; }
  .icon_big.icon_writebig { background-position: -114px -38px; }
  .icon_big.icon_browsebig { background-position: -152px -38px; }
  .icon_kb.icon_next { width: 20px; height: 10px; background-position: 0 0; }
  .icon_kb.icon_more { width: 12px; height: 10px; background-position: 0 -10px; }
  .icon_kb.icon_more2 { width: 12px; height: 10px; background-position: -14px -10px; }
  .icon_kb.icon_arr_out { width: 12px; height: 10px; background-position: -14px -10px; }
  .icon_kb.icon_more3 { width: 12px; height: 10px; background-position: -28px -10px; }
  .icon_kb.icon_more4 { width: 12px; height: 10px; background-position: -77px 0; }
  .icon_kb.icon_arr_down { width: 10px; height: 16px; background-position: -42px 0; }
  .icon_kb.icon_check { width: 11px; height: 9px; background-position: -25px 0; }
  .icon_kb.icon_check2 { width: 10px; height: 9px; background-position: -74px -10px; }
  .icon_kb.icon_kpp { width: 10px; height: 10px; background-position: -54px 0; }
  .icon_kb.icon_kpp_s { width: 8px; height: 8px; background-position: -66px 0; }
  .icon_kb.icon_ch2 { width: 26px; height: 27px; background-position: 0 -22px; }
  .icon_kb.icon_pay { width: 70px; height: 22px; background-position: -28px -22px; }
  /* ********* 공통 ********* */
  #mArticle { padding-top: 50px; }
  #mArticle .pc_view { display: none; }
  #mArticle .m_view { display: block; }
  .info_copyright { margin-left: -12px; }
  .info_copyright .info_svc:after { top: calc(50% - 7px); }
  .wrap_start { display: none; }
  .video_adinfo { margin-top: 0; }
  .video_adinfo .btn_sound { right: 7px; bottom: 7px; width: 38px; height: 38px; }
  .video_adinfo .btn_sound .icon_kb { width: 23px; height: 17px; background-position: 0 -50px; }
  .video_adinfo .btn_sound.off .icon_kb { background-position: -25px -50px; }
  /* GNB */
  .head_wrap .list_menu .m_login { display: block; padding-top: 175px; margin-left: 8px; border-bottom: none; text-align: center; }
  .head_wrap .m_login .link_login { font-size: 11px; color: #9D9D9D; line-height: 16px; }
  .head_wrap .m_login a + a::before { display: inline-block; width: 1px; height: 9px; margin: 7px 15px 0 12px; background-color: #9D9D9D; vertical-align: top; content: ''; }
  #kakaoWrap .head_wrap .list_menu li.m_view { display: block; }
  .cont_talkstore .wrap_btns .btn_info { display: block; width: 185px; margin: 0 auto; }
  .cont_talkstore .wrap_btns .btn_info + .btn_info { margin: 15px auto 0; }
  /* 기본버튼 */
  .btn_info { width: 100%; height: 55px; min-width: 0; padding: 13px 18px 8px 20px; border-radius: 10px; font-size: 14px; }
  .btn_info .icon_kb { margin-left: 27px; right: 18px; }
  .btn_info_s { padding: 9px 16px; margin: 4px; height: 32px; font-size: 14px; }
  .wrap_btns .btn_info { min-width: 155px; height: 40px; font-size: 13px; border-radius: 56px; border-width: 1px; margin-left: 0; margin-right: 0; }
  .wrap_btns .btn_info + .btn_info { margin-left: 7px; }
  .wrap_btns .btn_info_s + .btn_info_s { margin-left: 2px; }
  .btn_info_line .icon_more3 { background-position: -76px 0; }
  .scroll_btns { display: -ms-flexbox; display: -webkit-box; display: -moz-box; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; padding-left: 20px; padding-right: 20px; margin: 28px -20px 0; }
  .scroll_btns::-webkit-scrollbar { display: none; }
  .scroll_btns .wrap_btns { min-width: 249px; height: 40px; padding: 0; margin: 0; }
  /* mo 펼쳐보기 */
  .wrap_expand .btn_view { height: 48px; font-size: 13px; }
  .wrap_expand .btn_view::after { width: 7px; height: 7px; margin-top: -4px; }
  .wrap_theme .tit_theme { font-size: 18px; text-align: left; }
  .wrap_theme .desc_theme { margin-top: 10px; font-size: 14px; line-height: 1.64; text-align: left; word-break: keep-all; }
  /* TODO:에러, 로딩 */
  .wrap_notice .notice_loading .icon_kb { width: 15px; height: 15px; margin-right: 6px; background-position: -50px -50px; }
  .wrap_notice .notice_error .icon_kb { width: 32px; height: 32px; margin-right: 8px; background-position: -65px -45px; }
  .notice_error .txt_data:hover .icon_kb { background-position: -65px -45px; }
  .wrap_notice .txt_data { font-size: 13px; }
  .wrap_notice .notice_loading .txt_data { padding: 19px 22px 22px; line-height: 15px; }
  .wrap_notice .notice_error .txt_data { padding: 11px 13px 13px; line-height: 32px; }
  .section_guide .wrap_notice { width: 320px; height: 56px; margin-top: 30px; border-radius: 4px; }
  .section_intro { min-height: 365px; padding: 58px 0 70px; }
  .section_intro .tit_info { font-size: 26px; }
  .section_intro .tit_info .icon_ch2 { margin: 8px 3px 0 0; }
  .section_intro .tit_info .icon_pay { width: 20px; margin: 12px 1px 0 0; }
  .section_intro .desc_info { min-height: 120px; margin-top: 11px; font-size: 14px; letter-spacing: -0.01em; }
  .section_intro .desc_info > span { display: inline-block; }
  .section_intro .wrap_info { margin-top: 35px; }
  .section_intro .wrap_info .icon_next { margin-top: 10px; }
  .section_intro .wrap_info [class^="icon_"]:not(:first-child) { margin-left: 5px; }
  .view_box { border-radius: 12px; }
  .section_cont .bundle_cont .wrap_cont { padding-left: 5px; }
  .section_cont .bundle_cont .wrap_cont .tit_info { font-size: 14px; }
  .section_cont .bundle_cont .wrap_cont .desc_info { font-size: 13px; line-height: 1.69; }
  .section_cont .bundle_cont .wrap_cont .tit_info + .desc_info { margin-top: 4px; word-break: keep-all; }
  .section_cont .bundle_cont .wrap_info + .link_detail { padding-top: 12px; margin-bottom: -12px; }
  /* ** 비디오 */
  .section_cont .type_video .video_cont { height: 300px; border-radius: 12px; }
  .section_cont .bundle_cont .wrap_cont.type_more { padding-right: 0; }
  .section_cont .bundle_cont .wrap_cont.type_more .btn_info_line { position: static; width: 100%; min-height: 56px; margin-top: 28px; padding: 0 18px; border-color: #D2D8E2; border-radius: 10px; font-size: 14px; color: #444; }
  .section_cont .bundle_cont .link_detail { font-size: 13px; line-height: 1.46; padding: 0; }
  /* 인사이트) 에서 오버라이딩 부분 이동 - padding:0*/
  .section_cont .bundle_cont .link_detail .icon_more2 { margin-left: 8px; }
  .section_cont .bundle_cont .wrap_cont ~ .link_detail { padding-left: 5px; }
  /* full, more 타입 스크롤 */
  .view_full, .view_more { display: -ms-flexbox; display: -webkit-box; display: -moz-box; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; padding-left: 20px; margin-left: -20px; margin-right: -20px; }
  .view_full::-webkit-scrollbar, .view_more::-webkit-scrollbar { display: none; }
  .view_full::after, .view_more::after { display: block; width: 20px; content: ''; }
  .view_full .view_box { width: 545px; height: auto; }
  .view_more .inner_view { width: 267px; padding: 0; }
  .view_more .inner_view + .inner_view { margin-left: 15px; }
  /* basic, paging */
  .view_basic .view_box, .view_paging .view_box { height: 300px; padding-top: 40px; }
  .view_paging:not(.view_flex) .view_box:not(.type_full) img, .view_basic .view_box:not(.type_full) img { border-top-left-radius: 9px; border-top-right-radius: 9px; }
  .cont_certification .section_cont .type_video .video_cont { height: 310px; padding-top: 30px; }
  .view_btn [class^="btn_"] { width: 30px; height: 30px; border-width: 2px; }
  .view_btn [class^="btn_"]::after { width: 7px; height: 7px; border-width: 1.5px; margin-top: 9px; }
  .view_btn .btn_prev { left: 15px; }
  .view_btn .btn_prev::after { margin-left: 10px; }
  .view_btn .btn_next { right: 15px; }
  .view_btn .btn_next::after { margin-left: 8px; }
  .cont_certification .view_basic .view_box, .cont_certification .view_paging .view_box { height: 310px; padding-top: 30px; }
  .paging_comp ul li { padding-right: 8px; }
  .paging_comp ul .link_num { width: 18px; height: 18px; line-height: 1.77; border-radius: 4px; font-size: 9px; }
  .paging_comp ul .txt_num { width: 18px; height: 18px; line-height: 1.77; border-radius: 4px; font-size: 9px; }
  .view_more .view_box { min-height: 162px; }
  .section_tab { margin-top: 23px; }
  .section_tab.fix-feature { top: 50px; }
  .section_tab.fix-feature + .wrap_tab { height: 70px; }
  .section_tab .list_tab { display: -ms-flexbox; display: -webkit-box; display: -moz-box; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; padding: 15px 0 10px 9px; }
  .section_tab .list_tab::after { display: block; width: 20px; content: ''; }
  .section_tab .list_tab::-webkit-scrollbar { display: none; }
  .section_tab .list_tab li { padding-left: 11px; padding-right: 14px; }
  .section_tab .list_tab .link_tab { font-size: 15px; padding-bottom: 5px; }
  /* ******************* 구역별 mo 시작 ******************* */
  .section_cont { padding-bottom: 56px; }
  .section_cont .tit_func { font-size: 18px; }
  /* 인사이트) 에서 오버라이딩 부분 이동 */
  .section_cont .tit_func.ty_sub { font-size: 16px; }
  .section_cont .bundle_cont { margin-top: 78px; }
  .section_cont .bundle_cont:first-of-type { margin-top: 79px; }
  .section_cont .bg_box { margin-top: 78px; }
  .section_cont .wrap_theme + .bundle_cont { margin-top: 30px; }
  .section_cont .wrap_info .tit_cate { padding-bottom: 12px; font-size: 12px; }
  .section_cont .wrap_info .tit_func { line-height: 1.5; word-break: keep-all; }
  .section_cont .wrap_info .desc_func { padding-top: 8px; font-size: 14px; line-height: 1.71; word-break: keep-all; }
  .section_cont .paging_comp { margin-top: 15px; margin-left: 5px; }
  .section_cont .paging_comp + .wrap_cont { padding-top: 14px; }
  .section_cont .wrap_cont dl { line-height: 1.64; }
  .section_cont .wrap_cont .tit_info { font-size: 13px; }
  .section_cont .wrap_cont dt { float: none; margin-top: 10px; font-weight: 500; }
  .section_cont .wrap_cont dt, .section_cont .wrap_cont dd { font-size: 13px; letter-spacing: -0.03em; line-height: 1.62; word-break: keep-all; }
  .section_cont .wrap_view + .cont_info { padding-top: 16px; }
  .wrap_view .inner_view { margin-top: 33px; }
  /* 3 시작하기  */
  .section_start { padding-top: 72px; padding-bottom: 60px; }
  .section_start .inner_comp .list_box { margin-top: 32px; margin-bottom: 10px; }
  .section_start .list_box .tit_info { font-size: 13px; line-height: 1.54; word-break: keep-all; }
  .section_start .list_box .desc_info { margin-top: 3px; font-size: 12px; letter-spacing: -0.2px; word-break: keep-all; }
  .section_start .list_box > li { min-height: 57px; padding: 17px 21px 16px 44px; border-radius: 12px; }
  .section_start .list_box > li.on { padding-bottom: 13px; }
  .section_start .list_box > li + li { margin-top: 15px; }
  .section_start .list_box .txt_step { top: 21px; left: 16px; width: 19px; height: 22px; font-size: 12px; }
  .section_start .list_box .txt_step::before { margin-top: -2px; font-size: 15px; }
  .section_start .list_box .txt_step::after { margin-top: -2px; font-size: 15px; }
  .section_start .list_box .txt_check { font-size: 0; }
  .section_start .list_box .txt_step .icon_kb { margin-left: -2px; }
  .section_start .list_box .txt_step.txt_check::before { margin-top: 0; }
  .section_start .list_box .txt_step.txt_check::after { margin-top: 0; }
  .section_start .wrap_theme + .wrap_btns { margin: 30px 0 0; padding: 0; width: 259px; height: 40px; }
  .section_start .list_box + .wrap_btns { margin: 34px -20px 0; text-align: center; }
  .section_start .list_box .pc_margin { margin-left: 0; }
  .section_start .sub_info { margin: -3px; font-size: 12px; }
  .section_start .txt_desc { padding-left: 21px; }
  .section_start .txt_desc::before { display: inline-block; content: ''; width: 10px; margin-left: -15px; }
  /* 컨텐츠 박스 안내형 */
  .bg_box { padding: 17px 20px 14px; margin-top: 77px; border-radius: 10px; background-color: #F6F7F9; }
  .bg_box .tit_info { font-size: 13px; }
  .bg_box .desc_info { font-size: 11px; color: #8E8E8E; word-break: keep-all; }
  .bg_box .tit_info + .desc_info { margin-top: 13px; }
  .section_cont .bg_box .link_detail { font-size: 11px; }
  .section_use .bg_box { margin-top: 15px; background-color: #f0f1f4; }
  .section_use .bg_box .tit_info + .desc_info { margin-top: 8px; }
  .section_use .bg_box .inner_desc { padding-left: 17px; }
  .section_use .bg_box .inner_desc::before { left: 6px; top: 8px; width: 3px; height: 3px; }
  .section_use .bg_box .desc_info { color: #444; }
  /* 4 도움받기 */
  .section_help { padding-top: 74px; padding-bottom: 70px; }
  .section_help .txt_item { margin-top: 8px; font-size: 13px; line-height: 1.38; word-break: keep-all; }
  .section_help .wrap_theme + [class^="bundle_"] { margin-top: 30px; }
  .wrap_agency + .paging_comp { margin-top: 0; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #d8d8d8; }
  .wrap_agency + .wrap_expand { border-top: 1px solid #d8d8d8; }
  .bundle_help, .bundle_agency { margin-top: 15px; padding-top: 17px; padding-left: 20px; padding-right: 20px; border-radius: 12px; }
  .bundle_help > [class^="icon_"], .bundle_agency > [class^="icon_"] { position: absolute; left: 30px; }
  .bundle_help .tit_info, .bundle_agency .tit_info { font-size: 13px; }
  .bundle_help .desc_info, .bundle_agency .desc_info { padding-top: 14px; font-size: 11px; word-break: keep-all; }
  .bundle_help .tit_info + .desc_info, .bundle_agency .tit_info + .desc_info { padding-top: 8px; }
  .bundle_help { padding-bottom: 17px; }
  .bundle_help:first-of-type { margin-top: 16px; }
  .bundle_help .btn_view { top: 2px; right: 5px; width: 40px; height: 40px; margin-top: 0; }
  .bundle_agency { padding-bottom: 0; }
  .bundle_agency .wrap_agency { padding-top: 19px; border-bottom: 0; }
  .bundle_agency .wrap_agency + .wrap_agency { border-top: 1px solid rgba(216, 216, 216, 0.5); }
  .bundle_agency .wrap_agency .tit_item { padding-bottom: 11px; font-size: 11px; }
  .bundle_agency .wrap_agency:last-child { padding-bottom: 15px; }
  .bundle_agency .list_item::before { content: none; }
  .bundle_agency .list_item li { float: none; width: 100%; padding: 11px 0 6px; min-height: 0; }
  .bundle_agency .list_item li::before { position: absolute; top: 0; left: 0; width: 200%; height: 1px; background: rgba(216, 216, 216, 0.5); content: ''; }
  .bundle_agency .list_item li:last-child { border-bottom: 0; }
  .bundle_agency .list_item::before { content: none; }
  .bundle_agency .list_item .txt_name { font-size: 11px; padding-bottom: 2px; }
  .bundle_agency .list_item .txt_sub { font-size: 11px; }
  .bundle_agency .list_item .txt_sub.txt_num { vertical-align: middle; margin-top: -4px; padding-top: 0; }
  .bundle_agency .list_item .link_line { max-width: 100%; }
  .bundle_agency .list_item .text_info { font-size: 11px; }
  /* 인사이트용 */
  .bundle_agency .agency_cont { margin-top: 10px; padding-top: 11px; padding-left: 1px; padding-bottom: 24px; }
  .bundle_agency .agency_cont .wrap_tit { font-size: 11px; }
  .bundle_agency .agency_cont .wrap_tit .txt_name { margin-right: 0; font-weight: 500; }
  .bundle_agency .agency_cont .wrap_tit a { display: block; margin-top: 2px; }
  .bundle_agency .agency_cont .txt_sub { margin-top: 3px; font-size: 11px; }
  .bundle_agency .agency_cont .desc_info { padding-top: 11px; line-height: 1.45; }
  .bundle_agency .wrap_expand { padding-bottom: 7px; }
  .bundle_agency > .wrap_kpp { margin: 10px 0 5px; margin-left: 0; padding: 10px 10px; border-radius: 4px; background-color: #F6F6F8; }
  .bundle_agency > .wrap_kpp .txt_info { display: block; overflow: hidden; float: none; height: auto; padding: 0; font-size: 12px; line-height: 1.5; background: 0; word-break: keep-all; }
  .bundle_agency > .wrap_kpp .txt_info::before { display: none; }
  .bundle_agency > .wrap_kpp .icon_kpp { margin: 5px 10px 0 0; }
  .bundle_agency .txt_name .wrap_kpp .txt_info { display: none !important; }
  .bundle_agency .txt_name .icon_kpp_s { margin-top: 4px; }
  .bundle_agency .ico_loading { margin-top: 40px; }
  .bundle_agency .wrap_notice { margin: 20px 0 53px; height: 113px; }
  .bundle_agency .notice_loading, .bundle_agency .notice_error { padding-top: 30px; }
  /* 5 가이드 */
  .section_guide { min-height: 323px; padding-top: 70px; padding-bottom: 89px; background-size: 800px auto; }
  .section_guide .wrap_item { padding-top: 19px; }
  .section_guide .wrap_item .inner_item { min-height: 56px; margin-top: 10px; }
  .section_guide .wrap_item .inner_item:not(:first-child) { margin: 15px 0 2px; }
  .section_guide .wrap_item .link_guide { padding: 10px 36px 10px 20px; border-radius: 10px; }
  .section_guide .wrap_item .link_guide > .icon_kb { right: 19px; }
  .section_guide .wrap_item .link_guide .icon_guide, .section_guide .wrap_item .link_guide .icon_down, .section_guide .wrap_item .link_guide .icon_vod { display: none; }
  .section_guide .wrap_item .link_guide .file_info { display: none; }
  .section_guide .wrap_item .tit_info { font-size: 13px; font-weight: 500; }
  .section_guide .wrap_item .file_info { display: block; margin-top: 3px; padding-right: 0; font-size: 12px; }
  .section_guide .wrap_item .txt_bar { height: 10px; border-width: 1px; margin: 4px 11px 0 11px; }
  /* 6 활용하기 */
  .section_use { padding-top: 20px; padding-bottom: 80px; }
  .section_use [class^="bundle_"] { min-height: 95px; margin-top: 15px; padding: 17px 20px 0; border-color: rgba(210, 216, 226, 0.5); border-radius: 12px; }
  .section_use .wrap_theme + .bundle_box { margin-top: 18px; }
  .section_use .bundle_box .txt_item { line-height: 1.58; }
  .section_use .link_detail { display: block; padding-top: 14px; font-weight: 500; font-size: 13px; line-height: 1.46; color: #326EDC; letter-spacing: -0.2px; }
  .section_use .bundle_box .cont_info .link_detail + .view_box { margin-top: 14px; }
  .section_effect { padding-top: 20px; padding-bottom: 80px; }
  .section_effect [class^="bundle_"] { min-height: 95px; margin-top: 15px; padding-top: 17px; padding-left: 20px; padding-right: 20px; border-radius: 12px; border-color: rgba(210, 216, 226, 0.5); }
  .section_effect .wrap_theme + .bundle_box { margin-top: 22px; }
  .section_effect .bundle_box .view_box.type_random { margin: 19px auto; padding: 0 1px; }
  .section_effect .img_random { min-width: 55px; padding: 14px 4px; }
  .bundle_box.box_fold .cont_info { margin-top: 14px; }
  .bundle_box .tit_info { font-size: 13px; }
  .bundle_box .desc_info { font-size: 12px; }
  .bundle_box .cont_tit .btn_view { position: absolute; top: 11px; right: 7px; width: 36px; height: 36px; }
  .bundle_box .cont_tit .btn_view::after { width: 9px; height: 9px; border-width: 1px; }
  .bundle_box .cont_info .view_box { margin-top: 20px; margin-left: -20px; margin-right: -20px; }
  .bundle_box .view_box.type_basic { margin: 19px auto; }
  .bundle_box .view_box.type_table { margin: 14px auto; }
  .bundle_box .type_table .txt_detail { margin-bottom: 5px; font-size: 11px; }
  .bundle_box .cont_info .txt_item { padding: 10px; font-size: 12px; border-radius: 4px; word-break: keep-all; }
  .bundle_box .view_box.type_basic + a { width: 69px; margin-bottom: 19px; padding: 5px 15px; border: 1px solid rgba(165, 177, 197, 0.5); border-radius: 30px; font-size: 12px; }
  .bundle_box .view_box.type_basic + a .icon_kb { right: 15px; }
  /* ***** 키워드 광고 ***** */
  /* 7 특징리스트 */
  .wrap_list { margin-top: 30px; padding: 0; background-color: #fff; border-radius: 0; }
  .wrap_list ul { width: 100%; }
  .wrap_list ul + ul { margin-left: 0; margin-top: 30px; }
  .wrap_list .item_list { padding-left: 0; }
  .wrap_list .item_list + .item_list { margin-top: 29px; }
  .wrap_list .item_list .icon_big { position: static; display: block; }
  .wrap_list .item_list > em { display: block; margin-top: 15px; font-size: 14px; margin-left: 4px; }
  .wrap_list .item_list > p { margin-top: 4px; margin-left: 4px; line-height: 1.62; font-size: 13px; word-break: keep-all; }
  /* **** 페이지별 분기 **** */
  /* 키워드 광고 */
  .cont_keyword .section_intro .inner_comp .tit_info { margin-right: 0; }
  .cont_keyword .bundle_cont:last-of-type .inner_view .view_box { height: 285px; }
  /* 브랜드 광고 */
  .cont_brand .section_intro .wrap_info { margin-top: 15px; }
  .cont_brand .view_paging .view_box { height: 295px; }
  .cont_brand .section_help.bg_mid { padding: 70px 0 75px; }
  .cont_brand .inner_comp .bundle_agency .wrap_agency { padding-top: 21px; }
  /* 알림톡/친구톡/상담톡 */
  .cont_bizmessage .section_cont .bundle_cont:nth-of-type(2) .wrap_cont .tit_info { font-size: 14px; }
  .cont_bizmessage .inner_comp .bundle_agency .wrap_agency { padding-top: 21px; }
  /* 채널 메세지 광고 */
  .cont_msg .bundle_cont:first-of-type .desc_func { letter-spacing: -0.02em; }
  .cont_msg .section_start { padding-bottom: 70px; }
  /* 스폰서드보드 광고 */
  .cont_sponsored .bundle_cont:first-of-type .desc_func { letter-spacing: -0.04em; }
  .cont_sponsored .bundle_cont:last-of-type .wrap_info .desc_func { letter-spacing: -0.03em; }
  .cont_sponsored .section_guide .wrap_item .tit_info { font-size: 12px; }
  /* 동영상 광고 */
  .cont_moviead .section_intro .wrap_info { margin-top: 15px; }
  .cont_moviead .section_cont { padding-bottom: 45px; }
  .cont_moviead .section_help .txt_item { letter-spacing: -0.03em; }
  /* 디스플레이 광고 */
  .cont_display .section_cont .bundle_cont:first-of-type .tit_func { letter-spacing: -0.02em; }
  .cont_display .section_start { padding-bottom: 71px; }
  .cont_display .section_help .txt_item { letter-spacing: -0.03em; }
  /* 카카오비즈보드 */
  .cont_premium .section_intro .wrap_info { margin-top: 15px; }
  .cont_premium .section_tab { margin-top: 60px; }
  .cont_premium .section_tab.fix-feature { margin-top: 0; }
  .cont_premium .section_tab.fix-feature + .wrap_tab { height: 107px; }
  .cont_premium .bundle_box .cont_info .view_box.type_basic { margin-top: 19px; }
  /* 카카오톡채널 */
  .cont_plus .bundle_cont .view_basic .view_box { height: 270px; }
  .cont_plus .bundle_cont .view_paging .view_box { height: 280px; }
  .cont_plus .bundle_cont .view_basic .view_box.type_video { height: 300px; }
  .cont_plus .section_cont + .section_cont { padding-top: 22px; }
  .cont_plus .bundle_cont.bundle_full .view_basic .view_box { height: 313px; }
  /* 비즈폼 */
  .cont_bizform .section_cont .bundle_cont:last-of-type .wrap_cont .tit_info { font-size: 14px; }
  /* 크로스미디어 */
  .cont_cross .section_cont { padding-bottom: 50px; }
  .cont_cross .section_help .txt_item { margin-bottom: 5px; }
  /* 공통 */
  .section_cont .inner_comp .bundle_full .wrap_cont .tit_info { font-size: 14px; }
  .section_cont .bundle_full .wrap_cont .tit_info + .desc_info { padding-top: 0; }
  .section_cont .inner_comp .bundle_full + .bundle_full { margin-top: 6px; }
  .section_cont .bundle_full .view_full + .wrap_cont { padding-top: 13px; }
  .section_cont .bundle_full + .bundle_full .inner_view { margin-top: 25px; }
  .section_help [class^="bundle_"] > [class^="icon_"] { display: none; }
  /* 싱크 */
  .cont_sync .section_cont .view_full + .wrap_cont { padding-top: 18px; }
  .cont_sync .section_help .txt_item { margin-top: 4px; }
  /* ch 지식 */
  .cont_knowledge .section_cont .view_full + .wrap_cont { padding-top: 15px; }
  .cont_knowledge .section_help { margin-top: 24px; }
  .cont_knowledge .bundle_cont .view_basic .view_box { height: 270px; }
  .cont_display .bundle_cont .view_basic .view_box { height: 290px; }
  /* pixelsdk */
  .cont_pixelsdk .bundle_cont:first-of-type .inner_view { margin-top: 20px; }
  /* btn_info 너비 */
  .cont_sync .wrap_btns .btn_info { width: 175px; }
  .cont_mystore .wrap_btns .btn_info { width: 160px; }
  .cont_bizform .wrap_btns .btn_info { width: 160px; }
  .cont_pixelsdk .scroll_btns .wrap_btns { min-width: 525px; }
  .cont_pixelsdk .inner_comp .wrap_btns .btn_info { width: 225px; }
  .cont_plugin .inner_comp .wrap_btns .btn_info { width: 185px; }
  .cont_kakaopay .inner_comp .wrap_btns .btn_info { width: 218px; }
  .cont_shoppinglive .inner_comp .wrap_btns .btn_info { display: block; width: 200px; margin: 0 auto; }
  .cont_shoppinglive .inner_comp .wrap_btns .btn_info + .btn_info { margin: 15px auto 0; }
  .cont_adaccount .inner_comp .wrap_btns .btn_info { display: block; width: 200px; margin: 0 auto; }
  .cont_adaccount .inner_comp .wrap_btns .btn_info + .btn_info { margin: 15px auto 0; }
  .cont_shoppingbiz .inner_comp .wrap_btns .btn_info { width: 200px; }
  .section_cont .bundle_cont.type_full + .bundle_cont.type_full { margin-top: 0; }
  .section_cont .bundle_cont.type_full > .wrap_info { margin-top: 78px; }
  .wrap_btns .btn_emph .icon_kb.icon_more4 { background-position: -14px -10px; }
  /* ***** 대행사 파트너 지원 모바일 ***** */
  /* 타이틀 */
  .cont_partner .wrap_tit .tit_top { font-size: 18px; }
  .cont_partner .wrap_tit .txt_small { font-size: 12px; }
  .cont_partner .wrap_tit .txt_desc { font-size: 14px; }
  .cont_partner .list_desc { font-size: 14px; }
  .cont_partner .list_desc li:before { display: inline-block; width: 2px; height: 2px; margin: 8px 5px; border-radius: 50%; background: #444; vertical-align: top; content: ''; }
  /* 파트너 지원 가이드 */
  .cont_partner .section_help .wrap_theme + [class^="bundle_"] { margin-top: 32px; }
  .cont_partner .section_help [class^="bundle_"] { padding: 17px 15px 17px 20px; }
  .cont_partner .section_help { padding: 70px 0; }
  .cont_partner .section_help .txt_item { margin-top: 6px; line-height: 1.5; }
  .cont_partner .section_help.wrap_info { padding: 70px 0; }
  .cont_partner .icon_start { display: none; }
  .cont_partner .wrap_theme .tit_theme { line-height: 1.5; }
  /* 지원 프로그램 */
  .cont_partner .txt_notice { display: none; }
  .cont_partner .section_use { padding: 70px 0; }
  .cont_partner .section_use [class^="bundle_"] { padding: 17px 20px; }
  .cont_partner .section_use .wrap_tit .tit_program { font-size: 18px; }
  .cont_partner .section_use .wrap_ask { margin-top: 40px; padding: 17px 20px; border-radius: 12px; background-color: #f0f1f4; }
  .cont_partner .section_use .wrap_ask .tit_ask { font-size: 13px; }
  .cont_partner .section_use .wrap_ask .desc_ask { margin-top: 13px; font-size: 11px; line-height: 1.6; }
  .cont_partner .section_use [class^="bundle_"] { min-height: 76px; margin-top: 15px; }
  .cont_partner .bundle_box .view_box.type_basic { margin: 0; }
  .cont_partner .bundle_box .tit_info + .desc_info { margin-top: 4px; }
  .cont_partner .bundle_box .cont_tit .btn_view::after { width: 7.5px; height: 7.5px; }
  /* KPP 파트너사 */
  .cont_partner .bundle_box .cont_tit .btn_view { top: 15px; }
  .cont_partner .bundle_box.box_fold .cont_tit .btn_view { top: 11px; }
  .cont_partner .paging_comp { margin-top: 25px; }
  .cont_partner .wrap_kpplist { padding-top: 65px; }
  .cont_partner .inner_comp > .wrap_kpp { margin: 15px 0 5px; margin-left: 0; padding: 10px 10px; border-radius: 4px; background-color: rgba(169, 172, 192, 0.1); }
  .cont_partner .inner_comp > .wrap_kpp .txt_info { display: block; overflow: hidden; float: none; height: auto; padding: 0; font-size: 12px; text-align: left; line-height: 1.5; background: 0; word-break: keep-all; }
  .cont_partner .inner_comp > .wrap_kpp .txt_info::before { display: none; }
  .cont_partner .inner_comp > .wrap_kpp .icon_kpp { float: left; margin: 5px 10px 0 0; }
  .cont_partner .wrap_brand { margin-left: 90px; }
  .cont_partner .desc_brand { font-size: 13px; color: #222; }
  .cont_partner .bundle_help.tit_list { margin-top: 30px; }
  .cont_partner .ico_kpp { margin: 5px 0 0 4px; width: 9px; height: 9px; background-position: 0 -54px; }
  .cont_partner .tit_brand { margin-bottom: 0; }
  .cont_partner .section_help .desc_info { padding-top: 5px; font-size: 13px; }
  .wrap_brand .tit_brand { top: 20px; font-size: 13px; }
  .wrap_brand .txt_website { display: block; top: 44px; font-size: 11px; }
  .wrap_brand .txt_phone { top: 60px; margin: 0; font-size: 11px; }
  .cont_partner .bundle_help .link_help { display: block; }
  .cont_partner .bundle_help > .ico_list.ico_company { display: none; }
  .cont_partner .bundle_help > .ico_list { top: auto; left: auto; background-size: 77px 1286px; width: 75px; height: 60px; background-position-x: 0; }
  .cont_partner .bundle_help > img.ico_list { border-radius: 5px; }
  .cont_partner .wrap_tit .ico_kpp:hover + .txt_info { display: none; }
  .cont_partner .wrap_notice .notice_loading .txt_data, .cont_partner .wrap_notice .notice_error .txt_data { margin-top: 40px; }
  /* 비즈니스 계정 알아보기 */
  .cont_partner .btn_comm { margin-top: 30px; }
  .cont_partner .btn_comm .btn_gl { width: 183px; height: 40px; font-size: 13px; line-height: 40px; }
  .cont_partner .btn_comm .btn_gl .ico_arrow { top: 14px; right: 14px; width: 13px; height: 12px; background-position: -87px -78px; }
  .cont_partner .inbox_img { margin-top: 30px; }
  .cont_partner .icon_kb { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/ico_kb_mo.png); }
  .cont_partner .txt_list { display: inline-block; width: calc(100% - 12px); vertical-align: top; }
  .cont_partner .section_cont .bundle_cont:first-of-type { margin-top: 68px; }
  /* 주요성공사례 */
  .cont_partner .view_more.type_multiple { padding-left: 12px; margin-left: -20px; margin-right: -20px; }
  .cont_partner .view_more.type_multiple .inner_view { border-radius: 12px; }
  .cont_partner .view_more.type_multiple .inner_view, .cont_start .view_more.type_multiple .inner_view:not(.type_txt) { width: 267px; margin: 30px 7px 0 7px; }
  .cont_partner .view_more.type_multiple .inner_view.type_txt, .cont_start .view_more.type_multiple .inner_view.type_txt.type_long { height: 309px; }
  .cont_partner .view_more.type_multiple .inner_view .inbox_txt { padding: 15px; }
  .cont_partner .view_more.type_multiple .inbox_txt strong { font-size: 14px; line-height: 20px; }
  .cont_partner .view_more.type_multiple .inbox_txt p { margin-top: 4px; font-size: 13px; line-height: 21px; }
  .cont_partner .view_more.type_multiple .inbox_txt .icon_more2 { width: 12px; height: 10px; background-position: -14px -10px; margin-left: 7px; margin-top: 5px; }
  .cont_partner .view_more.type_multiple .inner_view a > span { top: 170px; padding: 0 10px; }
  .cont_partner .view_more.type_multiple .inner_view a > span > strong { font-size: 17px; color: #fff; margin-bottom: 7px; }
  .cont_partner .view_more.type_multiple .inner_view a > span > span { font-size: 15px; line-height: 24px; }
  .cont_partner .wrap_success { padding-top: 0; }
  /* ***** 소상공인 지원 모바일 ***** */
  /* 타이틀 */
  .cont_smb .wrap_tit .tit_top { font-size: 18px; }
  .cont_smb .wrap_tit .txt_small { font-size: 12px; }
  .cont_smb .wrap_tit .txt_desc { font-size: 14px; }
  .cont_smb .list_desc { font-size: 14px; }
  .cont_smb .list_desc li::before { display: inline-block; width: 2px; height: 2px; margin: 8px 5px; border-radius: 50%; background: #444; vertical-align: top; content: ''; }
  /* 파트너 지원 가이드 */
  .cont_smb .section_help .wrap_theme + [class^="bundle_"] { margin-top: 32px; }
  .cont_smb .section_help [class^="bundle_"] { padding: 17px 15px 17px 20px; }
  .cont_smb .section_help { padding: 70px 0; }
  .cont_smb .section_help .txt_item { margin-top: 6px; line-height: 1.5; }
  .cont_smb .section_help.wrap_info { padding: 70px 0; }
  .cont_smb .icon_start { display: none; }
  .cont_smb .wrap_theme .tit_theme { line-height: 1.5; }
  .cont_smb .section_info .section_help { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/new2021/thumb/smb/bg_top_mo.png); }
  /* 지원 프로그램 */
  .cont_smb .section_use { padding: 70px 0; }
  .cont_smb .section_use [class^="bundle_"] { padding: 17px 20px; }
  .cont_smb .section_use .wrap_tit .tit_program { font-size: 18px; }
  .cont_smb .section_use .wrap_ask { margin-top: 40px; padding: 17px 20px; border-radius: 12px; background-color: #f0f1f4; }
  .cont_smb .section_use .wrap_ask .tit_ask { font-size: 13px; }
  .cont_smb .section_use .wrap_ask .desc_ask { margin-top: 13px; font-size: 11px; line-height: 1.6; }
  .cont_smb .section_use [class^="bundle_"] { min-height: 76px; margin-top: 15px; }
  .cont_smb .bundle_box .view_box.type_basic { margin: 0; }
  .cont_smb .bundle_box .tit_info + .desc_info { margin-top: 4px; }
  .cont_smb .bundle_box .cont_tit .btn_view::after { width: 7.5px; height: 7.5px; }
  /* 예약하기 */
  .cont_booking .btn_info { min-width: 204px; }
  /* ***** 페이구매 모바일 ***** */
  .bundle_box .cont_info .desc_item { margin: 8px 0 25px; font-size: 12px; }
  .bundle_box .cont_content { padding: 14px; margin-bottom: 20px; font-size: 12px; }
  .bundle_box .cont_content .tit_content { margin-bottom: 5px; font-size: 13px; }
  .bundle_box .box_content + .box_content { padding-top: 14px; }
  .bundle_box .cont_info .box_item + .box_item { margin-top: 19px; }
  .cont_kakaopay .bundle_box .view_box.type_basic { margin: 19px auto 0; } }

@media (max-width: 450px) { .wrap_view.view_basic .type_video video { height: 300px !important; object-fit: cover; }
  .cont_brandmessage .wrap_view.view_basic .type_video video { height: 330px !important; }
  .wrap_view.view_flex:not(.view_paging) .view_box { height: 300px !important; padding-top: 0 !important; }
  .wrap_view.view_flex:not(.view_paging) img, .wrap_view.view_flex:not(.view_paging) video { object-fit: cover; }
  .view_paging.view_flex img, .view_paging.view_flex video { height: 300px !important; object-fit: cover; } }

/* **** 페이지별 분기 **** */
/* 키워드 광고 */
.cont_keyword .section_intro .tit_info { margin-right: 28px; }

.cont_keyword .bundle_cont:last-of-type .view_box { height: 570px; }

/* 알림톡/친구톡/상담톡 */
.cont_bizmessage .view_box, .cont_bizmessage .section_cont .type_video .video_cont { height: 620px; }

.cont_bizmessage .bundle_cont:nth-of-type(2) .wrap_cont .tit_info { font-size: 22px; }

/* 알림톡, 상담톡 */
.cont_infotalk .view_box, .cont_infotalk .section_cont .type_video .video_cont, .cont_cstalk .view_box, .cont_cstalk .section_cont .type_video .video_cont { height: 620px; }

/* 스폰서드보드 광고 */
.cont_sponsored .section_start { margin-top: 20px; }

.cont_sponsored .view_basic .view_box, .cont_sponsored .view_paging .view_box { height: 580px; }

.cont_sponsored .section_cont .type_video .video_cont { height: 580px; }

/* 동영상광고 */
.cont_moviead .section_start { margin-top: 30px; }

/* 카카오채널 */
.cont_consulting .section_start { margin-top: 32px; padding-bottom: 164px; }

.cont_consulting .btn_info { letter-spacing: -0.02em; }

.cont_consulting .btn_info .icon_more { margin-left: 35px; }

.cont_plus .view_basic .view_box { height: 540px; }

.cont_plus .view_basic .view_box.type_video { height: 600px; }

.cont_plus .bundle_full .view_basic .view_box { height: 625px; }

.cont_plus .bundle_cont:nth-of-type(2):not(.bundle_full) .view_basic .view_box { height: 580px; }

/* 채널메세지 */
.cont_msg .section_cont .bundle_cont .link_detail { padding-left: 0; }

.cont_msg .view_basic .view_box, .cont_msg .view_paging .view_box { height: 560px; }

/* 비즈폼 */
.cont_bizform .bundle_cont:last-of-type .wrap_cont .tit_info { font-size: 22px; }

.cont_bizform .bundle_cont:has(.view_more) + .bundle_cont:has(.view_more) { margin-top: 0; }

/* 크로스미디어 */
.cont_cross .section_start { margin-top: 20px; }

/* 지식 */
.cont_knowledge .view_basic .view_box { height: 540px; }

.cont_display .view_basic .view_box { height: 580px; }

.cont_gift .view_paging .view_box { height: 620px; }

.cont_gift .view_paging .type_video .video_cont { height: 620px; }

.cont_gift .bundle_cont:last-child .view_paging .view_box { height: 600px; }

.cont_gift .bundle_cont:last-child .view_paging .type_video .video_cont { height: 600px; }

.cont_shoppingbiz .view_basic .view_box, .cont_shoppingbiz .view_paging .view_box { height: 620px; }

/* btn_info 너비 */
.cont_pixelsdk .scroll_btns .wrap_btns { max-width: 751px; }

.cont_pixelsdk .wrap_btns .btn_info { width: 380px; }

.cont_consulting .wrap_btns .btn_info { width: 380px; }

.cont_plugin .wrap_btns .btn_info { width: 320px; }

.cont_kakaopay .wrap_btns .btn_info { width: 358px; }

.cont_shoppinglive .wrap_btns .btn_info { width: 350px; }

.cont_adaccount .wrap_btns .btn_info { width: 316px; }

.cont_shoppingbiz .wrap_btns .btn_info { width: 316px; }

/* 공통 */
.box_fold .cont_info .view_box { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.section_cont .view_full + .wrap_cont { padding-top: 20px; }

.section_cont .bundle_full .wrap_cont .tit_info { font-size: 22px; }

.section_cont .bundle_full .tit_info + .desc_info { padding-top: 4px; }

.section_cont .bundle_full + .bundle_full { margin-top: 44px; }

.section_cont .bundle_cont.type_full .tit_info { color: #326EDC; }

.wrap_btns .btn_emph .icon_more4 { background-position: -20px -40px; }

/* pc,mo) 공통 비디오 (높이 고정 해제 basic) */
.section_cont .view_basic .type_video { width: 100%; height: auto !important; padding-top: 0; }

.section_cont .view_basic .type_video .video_cont { display: block; position: static; width: 100%; height: auto; margin-left: 50%; transform: translateX(-50%); }

@media (max-width: 450px) { .cont_gift .view_paging.view_flex img, .cont_gift .view_paging.view_flex video { height: 310px !important; } }

@media (max-width: 900px) { .view_paging .pinch-zoom-content { align-items: inherit !important; }
  .cont_bizmessage .view_box, .cont_bizmessage .section_cont .type_video .video_cont { height: 310px; }
  /* 알림톡, 상담톡 */
  .cont_infotalk .view_box, .cont_infotalk .section_cont .type_video .video_cont, .cont_cstalk .view_box, .cont_cstalk .section_cont .type_video .video_cont { height: 310px; }
  .cont_plus .bundle_cont:nth-of-type(2):not(.bundle_full) .view_basic .view_box { height: 290px; }
  .cont_msg .view_basic .view_box, .cont_msg .view_paging .view_box { height: 280px; }
  .cont_kakaotalkwallet .scroll_btns .wrap_btns { min-width: 162px; }
  .cont_gift .view_paging .view_box { height: 310px; }
  .cont_gift .view_paging .type_video .video_cont { height: 310px; }
  .cont_gift .bundle_cont:last-child .view_paging .view_box { height: 300px; }
  .cont_gift .bundle_cont:last-child .view_paging .type_video .video_cont { height: 300px; }
  .cont_shoppingbiz .view_basic .view_box, .cont_shoppingbiz .view_paging .view_box { height: 310px; }
  .cont_bizform .bundle_cont:has(.view_more) + .bundle_cont:has(.view_more) { margin-top: 30px; }
  .cont_bizform .bundle_cont:has(.view_more) + .bundle_cont:has(.view_more) .wrap_info { display: none; }
  .cont_bizform .bundle_cont:has(.view_more) + .bundle_cont:has(.view_more) .inner_view { margin-top: 0; } }

/* 글로벌사이트 시작*/
.global_en .head_wrap .list_menu li:nth-child(2) .list_sub, .global_en .head_wrap .list_menu li:nth-child(5) .list_sub { min-width: auto; }

.global_en .head_wrap .list_menu li:nth-child(2) .list_sub:has(li:nth-child(11)) { min-width: auto; }

.global_en .head_wrap .list_menu li.on .link_menu { font-weight: 400; }

@media (hover: hover) and (pointer: fine) { .global_en .head_wrap .list_menu li:hover .link_menu { font-weight: 400; } }

.global_en .side_menu .lnb_menu .list_menu { gap: 80px 40px; }

.global_en .side_menu .list_sub li { width: 210px; max-width: 210px; }

.global_en .visual_container { width: 100%; height: 660px; margin: 0 auto; }

.global_en .visual_container .visual_bg { height: 470px; }

.global_en .visual_container .visual_contents { padding-top: 200px; }

.global_en .visual_container .tit_visual { font-size: 84px; line-height: 108px; }

.global_en .visual_container01 .txt_item2 { margin-top: 16px; margin-right: 0; }

.global_en .visual_container .desc_visual { margin-top: 48px; }

.global_en .contents_head { display: none; }

.global_en .bridge_channel .card_channel { min-width: 100%; height: 380px; background-color: #8EC6FF; }

.global_en .bridge_channel .card_channel .inner_card { padding-top: 34px; }

@media (max-width: 900px) { .global_en .bridge_channel .card_channel .inner_card { padding-top: 23px; } }

.global_en .bridge_channel .card_channel .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/us/card_channel.png); }

@media (max-width: 900px) { .global_en .bridge_channel .card_channel .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/us/card_channel.png); } }

.global_en .bridge_channel .card_channel_message { height: 380px; background-color: #C2E1FF; }

.global_en .bridge_channel .card_channel_message .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/us/card_channel_message.png); }

@media (max-width: 900px) { .global_en .bridge_channel .card_channel_message .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/us/card_channel_message.png); } }

.global_en .bridge_channel .card_channel_talk { flex: 1; min-width: auto; height: 380px; background-color: #C2E1FF; }

.global_en .bridge_channel .card_channel_talk .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/us/card_channel_talk.png); }

@media (max-width: 900px) { .global_en .bridge_channel .card_channel_talk .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/us/card_channel_talk.png); } }

.global_en .bridge_ad { margin-top: 0 !important; }

.global_en .bridge_ad .wrap_card { margin-top: 20px; }

.global_en .bridge_ad .card_ad_display { min-width: 100%; height: 380px; background-color: #DFEFFF; }

.global_en .bridge_ad .card_ad_display .card_contents { color: #222; }

.global_en .bridge_ad .card_ad_display .ico_arrow_more { background-position: -80px 0; }

.global_en .bridge_ad .card_ad_display .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/us/card_ad_display.png); }

@media (max-width: 900px) { .global_en .bridge_ad .card_ad_display .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/us/card_ad_display.png); } }

.global_en .info_copyright .info_svc .list_svc { left: inherit; min-width: 208px; }

.global_en .info_svc.on .link_tit { font-weight: 400; }

.global_en .info_svc.on:last-child .link_tit { font-weight: 700; }

.global_en .view_paging:not(.view_flex) .view_box:not(.type_full) img, .global_en .view_basic .view_box:not(.type_full) img { border-radius: 0; box-shadow: none; }

.global_en .cont_plus .view_basic .view_box, .global_en .cont_plus .view_paging .view_box { height: 600px; }

.global_en .cont_plus .bundle_cont:nth-of-type(2):not(.bundle_full) .view_basic .view_box { height: 600px; }

.global_en .cont_msg .view_basic .view_box, .global_en .cont_msg .view_paging .view_box { height: 620px; }

.global_en .cont_msg .section_cont .type_full img { margin-left: 50%; transform: translateX(-50%); height: 620px; max-width: inherit; }

.global_en .cont_display .view_basic .view_box, .global_en .cont_display .view_paging .view_box { height: 620px; }

.global_en .cont_display .bundle_cont:first-of-type .wrap_cont .tit_info { color: #326EDC; }

.global_en .cont_bizmessage .view_basic .view_box { height: 600px; }

.global_en .section_insight { position: relative; padding: 0 0 60px; }

.global_en .section_insight .tit_intro { top: 394px; margin-top: 0; z-index: 1; justify-content: center; }

.global_en .section_insight .ty_intro + .ty_intro { margin-left: 16px; }

.global_en .section_insight .txt_intro { margin-top: 160px; }

.global_en .cont_insight .wrap_visual { max-width: 846px; }

.global_en .cont_insight .bundle_g .wrap_detail { min-height: 200px; }

.global_en .cont_detail .list_card .tit_card { letter-spacing: -0.4px; }

.global_en .item_ready { height: 422px; }

@media (max-width: 767px) { .global_en .wrap_error .kakao_head { display: none; }
  .global_en .kakao_foot .inner_foot { min-height: 125px; padding-top: 14px; }
  .global_en .info_copyright { display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 13px -12px; }
  .global_en .info_copyright .info_svc { display: inline-block; }
  .global_en .info_copyright .info_svc:after { content: none; }
  .global_en .info_copyright .info_svc .list_svc { min-width: 200px; }
  .global_en .info_copyright .info_svc:nth-child(3) .list_svc { left: -3px; }
  .global_en .info_svc .link_tit { padding-top: 6px; padding-bottom: 6px; }
  .toast_layer { left: 32px; }
  .toast_layer .inner_toast { width: auto; } }

@media (max-width: 900px) { .global_en .side_menu .lnb_menu { justify-content: left; }
  .global_en .side_menu .lnb_menu .list_sub { flex-direction: column; justify-content: left; }
  .global_en .side_menu .util_menu { margin-top: 0; }
  .global_en .visual_container { height: 280px; }
  .global_en .visual_container .visual_contents { padding-top: 60px; }
  .global_en .visual_container .visual_bg { height: 175px; margin-top: 0; }
  .global_en .visual_container .tit_visual { font-size: 33px; line-height: 45px; letter-spacing: -1px; }
  .global_en .visual_container .desc_visual { margin-top: 21px; }
  .global_en .visual_container .img_intro { margin-top: 21px; }
  .global_en .visual_container01 .txt_item2 { margin-top: 8px; }
  .global_en .bridge_intro + .bridge_contents { margin-top: 70px; }
  .global_en .bridge_contents .card_bridge { height: auto; }
  .global_en .bridge_ad .wrap_card { margin-top: 10px; }
  .global_en .bridge_ad .card_ad_display .ico_arrow_more { background-position: -80px -40px; }
  .global_en .bridge_ad .card_ad_display .link_card:hover .ico_arrow_more { background-position: -80px -40px; }
  .global_en .wrap_main .cont_home #mArticle { padding-bottom: 124px; }
  .global_en .section_guide .wrap_item .link_guide { padding: 20px 36px 20px 20px; }
  .global_en .section_guide .wrap_item .wrap_tit { line-height: 0; }
  .global_en .section_guide .wrap_item .link_guide .tit_info { line-height: 1.5; }
  .global_en .cont_plus .view_basic .view_box, .global_en .cont_plus .view_paging .view_box { height: 300px; }
  .global_en .cont_plus .bundle_cont:nth-of-type(2):not(.bundle_full) .view_basic .view_box { height: 300px; }
  .global_en .cont_msg .view_basic .view_box, .global_en .cont_msg .view_paging .view_box { height: 310px; }
  .global_en .cont_display .view_basic .view_box, .global_en .cont_display .view_paging .view_box { height: 310px; }
  .global_en .cont_bizmessage .view_basic .view_box { height: 300px; }
  .global_en .cont_partner .txt_notice { display: block; }
  .global_en .cont_insight .bundle_g .wrap_detail { min-height: 79px; }
  .global_en .cont_insight .wrap_expand { display: none; }
  .global_en .cont_insight .ty_intro { margin-top: 58px; }
  .global_en .section_insight { padding: 50px 20px 40px; }
  .global_en .section_insight .wrap_visual { max-width: 329px; margin-top: 44px; }
  .global_en .section_insight .tit_intro { top: 0; margin-top: 0; z-index: 1; justify-content: center; }
  .global_en .section_insight .ty_intro + .ty_intro { margin-left: 0; margin-top: 123px; }
  .global_en .section_insight .txt_intro { width: 320px; margin-top: 0; padding: 0; line-height: 24px; }
  .global_en .cont_insight .insight_detail .list_card li { position: relative; min-height: 101px; height: auto; }
  .global_en .cont_insight .insight_detail .wrap_thumb { position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 101px; }
  .global_en .cont_insight .bundle_g .wrap_detail { padding: 15px 16px; }
  .global_en .cont_insight .insight_tag .list_card .tit_sub { width: auto; } }

@media (min-width: 901px) { .global_en .side_menu .lnb_menu .list_menu li:nth-child(2) .list_sub { gap: 10px; width: auto; height: auto; } }

@media (min-width: 1004px) { .global_en .side_menu .lnb_menu .list_menu::before { content: none; } }

/* 글로벌사이트 끝 */
/* #################### 인사이트 시작 #################### */
/* ***** 디펜던시 없는 스타일 */
.bg_none { background-color: transparent !important; }

.link_g + .link_g { margin-left: 19px; }

.bundle_cont .wrap_cont .desc_info { margin-top: 6px; }

.bundle_cont .desc_func .fc_link { font-weight: 300; letter-spacing: -0.2px; }

.cont_tag .link_tag { display: inline-block; margin-top: 8px; padding: 6px 11px; font-weight: 400; font-size: 13px; color: #444; border: 1px solid #ddd; border-radius: 8px; background: #fff; text-decoration: none; box-sizing: border-box; }

.cont_tag .on .link_tag { color: #fff; font-weight: 500; background-color: #326EDC; border-color: #326EDC; }

.wrap_card .tit_card { max-height: 136px; }

.cont_insight .wrap_card .wrap_thumb { position: absolute; left: 30px; bottom: 26px; }

.txt_sup { font-size: 10px; }

.list_sup { margin-top: 40px; font-weight: 300; }

.list_sup li + li { margin-top: 12px; }

.list_sup .txt_sup { font-size: 14px; }

.list_sup .txt_desc { font-size: 14px; letter-spacing: 0.2px; word-break: keep-all; }

.item_ready { position: relative; width: 350px; height: 392px; padding: 29px 31px; background-color: #fff; border-radius: 45px; box-sizing: border-box; }

.item_ready .txt_desc { display: block; margin-top: 30px; font-size: 20px; text-align: center; color: #444; word-break: keep-all; }

.item_ready .ico_dot { display: block; width: 80px; height: 80px; margin: 80px auto 0; border-radius: 50%; background-color: #F9FBFF; }

.item_ready .icon_kb_af::after { content: ''; display: block; width: 42px; height: 10px; margin: 35px auto 0; background-position: -194px -40px; }

/* 말풍선 */
.wrap_bubble { position: relative; width: 600px; margin: 80px auto; padding: 22px 32px; border-radius: 25px; font-size: 22px; background-color: #FEE500; text-align: center; word-break: keep-all; }

.icon_kb_af.ico_bubble::after { content: ''; position: absolute; top: 0; left: -5px; width: 31px; height: 31px; background-position: -174px -61px; }

/* ##### 인사이트 홈 (cont_insight) */
#kakaoContent.cont_insight { min-width: 1090px; }

.cont_insight { background-color: #F9FBFF; border-radius: 34px; }

.cont_insight .wrap_visual { width: 100%; max-width: 960px; height: 395px; margin: 0 auto; }

.cont_insight .wrap_visual .visual_thumb { width: 100%; height: auto; }

.cont_insight .btn_more { display: none; }

.cont_insight .view_btn .btn_prev { left: -100px; }

.cont_insight .view_btn .btn_next { right: -100px; }

.cont_insight .tit_g { display: block; margin-top: 180px; font-weight: 700; font-size: 30px; text-align: center; }

.cont_insight .txt_g { display: block; margin-top: 8px; font-weight: 300; font-size: 22px; text-align: center; color: #444; }

.cont_insight .tit_sub { display: block; width: 290px; word-break: keep-all; }

.cont_insight .link_g { display: block; text-decoration: none; }

.cont_insight .list_num { margin-top: 60px; text-align: center; }

.cont_insight .list_num li { display: inline-block; }

.cont_insight .list_num li + li { padding-left: 10px; }

.cont_insight .link_num { display: block; width: 12px; height: 12px; border-radius: 50%; font-size: 1px; color: transparent; background-color: #02143F; opacity: 0.15; }

.cont_insight .on .link_num { opacity: 100%; }

.section_insight { height: 740px; padding: 60px 0 60px; background-color: #fff; box-sizing: border-box; background-position: center; }

.section_insight .tit_intro { position: absolute; left: 80px; right: 80px; display: flex; max-width: 1515px; margin: 193px auto 0; justify-content: space-between; font-size: 100px; color: #222; }

.section_insight .tit_intro .ty_intro { font-weight: 700; }

.section_insight .txt_intro { margin-top: 116px; font-size: 26px; color: #222; text-align: center; }

.section_insight .icon_kb.ico_more { display: block; width: 18px; height: 19px; margin: 29px auto 0; background-position: -174px -40px; }

.section_main { margin: 0 auto; padding-bottom: 240px; background-color: #F9FBFF; }

.section_main .cont_g { position: relative; margin: 40px auto 0; }

.cont_insight .wrap_detail { min-height: 170px; box-sizing: border-box; font-weight: 300; font-size: 20px; color: #444; background-color: #fff; }

.cont_insight .desc_detail { display: block; margin-top: 6px; font-weight: 300; }

.cont_insight .list_card { font-size: 0; }

.cont_insight .list_card li { display: inline-block; overflow: hidden; width: 350px; margin-top: 20px; border-radius: 34px; text-decoration: none; background-color: #fff; vertical-align: top; }

.cont_insight .list_card li:nth-child(+3n-1) { margin: 20px 20px 0; }

.cont_insight .list_card .wrap_thumb { overflow: hidden; height: 220px; }

.cont_insight .list_card .img_thumb { display: block; height: 100%; margin: 0 auto; border-radius: 34px 34px 0 0; }

.cont_insight .insight_detail .cont_g { max-width: 1090px; }

.cont_insight .insight_detail .tit_sub { font-weight: 700; }

.cont_insight .insight_detail .wrap_thumb { height: 260px; }

.cont_insight .insight_detail .wrap_detail { padding: 19px 29px; text-align: center; }

.cont_insight .bundle_g { margin: 0 auto; max-width: 1090px; }

.cont_insight .bundle_g .wrap_detail { position: relative; min-height: 170px; padding: 22px 28px 20px 30px; background-color: #fff; }

.cont_insight .bundle_g .desc_detail { position: absolute; bottom: 20px; left: 30px; font-size: 18px; }

.cont_insight .bundle_g .tit_sub { font-weight: 500; }

.cont_insight .bundle_g .img_thumb_mo { display: none; }

.cont_insight .cont_tag { margin-top: 32px; }

.cont_insight .list_tag { font-size: 0; }

.cont_insight .list_tag li { display: inline-block; margin-right: 8px; }

.cont_insight .insight_card { position: relative; }

/* ##### 인사이트 상세 (cont_detail) */
.cont_detail { min-width: 1130px; }

.cont_detail .inner_comp { position: relative; }

.cont_detail .section_cont { padding-bottom: 200px; }

.section_detail { position: relative; margin-bottom: 180px; padding: 35px 0 52px; text-align: left; background-color: #222; background-size: cover; background-position-x: 50%; }

.section_detail .tit_info { display: inline-block; font-size: 18px; font-weight: 500; line-height: 34px; color: #EAECF0; }

.section_detail .tit_intro { display: block; margin-top: 10px; font-weight: 700; font-size: 42px; line-height: 62px; color: #fff; text-align: left; word-break: keep-all; }

.section_detail .num_info { display: inline-block; margin-left: 18px; font-weight: 300; font-size: 18px; line-height: 34px; color: #EAECF1; }

.section_detail .list_tag { width: 530px; margin-top: 20px; }

.section_detail .list_tag li { display: inline-block; word-break: keep-all; font-size: 18px; line-height: 30px; letter-spacing: -0.18px; }

.section_detail .link_before { display: block; box-sizing: border-box; width: 40px; height: 40px; margin-bottom: 25px; padding: 6px 8px; box-sizing: border-box; border-radius: 50%; border: 1px solid #ffffff73; }

.section_detail .img_layer { position: absolute; width: 560px; height: auto; top: 150px; right: 27px; }

.section_detail .bg_thumb_mo { display: none; }

.section_detail .cont_intro { display: inline-block; }

.cont_detail .tit_sub { width: 100%; font-weight: 700; }

.cont_detail .link_g { background-color: #fff; }

.cont_detail .tit_dot { display: block; margin-top: 60px; padding-left: 40px; font-size: 26px; font-weight: 500; word-break: keep-all; word-wrap: break-word; text-indent: -24px; }

.cont_detail .wrap_info + .tit_dot { margin-top: 40px; }

.cont_detail .ico_dot { display: inline-block; width: 8px; height: 8px; margin: 16px 16px 0 0; border-radius: 50%; background-color: #444; vertical-align: top; }

.cont_detail .wrap_info .desc_func { margin-top: 40px; word-break: keep-all; padding: 0; }

.cont_detail .wrap_info .desc_func .txt_sup { display: inline-block; font-weight: 500; }

.cont_detail .wrap_view + .txt_desc { margin-top: 40px; }

.cont_detail .view_full .view_box { background-color: transparent; }

.cont_detail .view_full .view_box.type_video { background-color: #fbfbfb; }

.cont_detail .view_full .view_box.type_video .video_cont { width: 1090px; height: auto; }

.cont_detail .wrap_btns { margin: 60px auto 0; font-size: 0; text-align: center; }

.cont_detail .tit_func.ty_sub { margin-top: 60px; }

.cont_detail .tit_func + .tit_func { margin-top: 40px; }

.cont_detail .cont_g { margin-left: 40px; }

.cont_detail .cont_g .txt_desc { margin-top: 16px; font-weight: 300; font-size: 22px; letter-spacing: 0.2px; word-break: keep-all; color: #444; }

.cont_detail .cont_g .wrap_view + .txt_desc { margin-top: 32px; }

.cont_detail .wrap_view:not(.view_more) .inner_view { margin-top: 40px; }

.cont_detail .cont_g .wrap_view .inner_view { margin-top: 24px; }

.cont_detail .cont_g .txt_desc + .wrap_view .inner_view { margin-top: 32px; }

.cont_detail .bundle_cont .txt_etc { display: block; margin-top: 60px; font-size: 22px; color: #bcbcbc; font-weight: 300; }

.cont_detail .bundle_cont .wrap_view + .wrap_view { margin-top: 24px; }

.cont_detail .bundle_cont .wrap_view + .wrap_view .inner_view { margin-top: 0; }

.cont_detail .bundle_agency { margin-top: 60px; }

.cont_detail .tit_func.ty_line { margin-bottom: 40px; padding-top: 30px; border-top: 1px solid #D8D8D8; }

.cont_detail .view_more::after::after { display: block; clear: both; content: ""; }

.cont_detail .view_more .inner_view { margin-top: 0; }

.cont_detail .view_more .inner_view:nth-child(n+3) { margin-top: 34px; }

.cont_detail .view_more .link_detail { overflow: hidden; padding: 10px 0 5px; }

.cont_detail .view_more .link_detail .icon_kb { float: right; margin-top: 2px; margin-right: 18px; }

.cont_detail .wrap_tip { overflow: hidden; margin-top: 60px; padding: 50px 145px 60px; text-align: center; border-radius: 20px; background-color: #F7F8F9; }

.cont_detail .wrap_tip .tit_tip { display: inline-block; padding: 17px 40px 18px; border-radius: 24px; font-weight: 500; font-size: 22px; background-color: #FEE500; box-sizing: border-box; }

.cont_detail .wrap_tip li { padding-top: 26px; font-size: 22px; }

.cont_detail .wrap_tip li::after { content: ''; display: block; width: 490px; height: 1px; margin: 24px auto 0; background-color: #D8D8D8; }

.cont_detail .wrap_tip .txt_sub { margin-top: 10px; font-size: 16px; line-height: 22px; color: rgba(34, 34, 34, 0.5); }

.cont_detail .list_card { width: 100%; font-size: 0; }

.cont_detail .list_card li { position: relative; display: inline-block; width: 350px; height: 332px; padding: 26px 28px 26px 30px; border-radius: 20px; background-color: #F7F8F9; box-sizing: border-box; vertical-align: top; }

.cont_detail .list_card li + li { margin-left: 20px; }

.cont_detail .list_card .ty_yellow { background-color: #FEE500; }

.cont_detail .list_card .wrap_thumb { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; }

.cont_detail .list_card img { width: 100%; }

.cont_detail .list_card .img_thumb { display: block; }

.cont_detail .list_card .img_thumb_mo { display: none; }

.cont_detail .list_card .tit_card { font-size: 22px; letter-spacing: -0.2px; font-weight: 500; word-break: keep-all; }

.cont_detail .list_card.ty_low li { width: 535px; }

.cont_detail .bundle_cont .type_insight { display: flex; padding: 0; }

.cont_detail .box_cont { flex: 1; }

.cont_detail .box_cont .txt_badge { display: inline-block; min-width: 67px; height: 40px; font-size: 16px; font-weight: 700; background-color: #F7F8F9; border-radius: 20px; padding: 7px 18px 8px 17px; box-sizing: border-box; vertical-align: top; }

.cont_detail .box_cont .txt_desc { margin-top: 40px; font-size: 22px; font-weight: 300; letter-spacing: 0.2px; word-break: keep-all; color: #444; }

.cont_detail .box_cont .txt_desc + .txt_desc { margin-top: 16px; }

.cont_detail .box_cont .txt_desc:first-child { margin-top: 0; }

.cont_detail .box_cont .txt_nomal { font-size: 26px; }

.cont_detail .box_cont .txt_nomal::after { content: ''; display: inline-block; width: 1px; height: 20px; background-color: #D8D8D8; margin: 10px 20px; vertical-align: top; }

.cont_detail .box_profile { overflow: hidden; box-sizing: border-box; float: left; width: 352px; margin: 80px 0 auto 36px; border-radius: 20px; border: 1px solid #D8D8D8; }

.cont_detail .box_profile .img_thumb { display: block; width: 100%; }

.cont_detail .box_profile.type_black { background: #000; }

.cont_detail .box_profile.type_yellow { background: #F9BA15; }

.cont_detail .list_gols { line-height: 1.54; }

.cont_detail .list_gols li { padding-left: 40px; font-size: 26px; font-weight: 500; word-break: keep-all; word-wrap: break-word; }

.cont_detail .list_gols li + li { margin-top: 16px; }

.cont_detail .list_gols li::before { position: absolute; width: 8px; height: 8px; margin: 17px 16px 0 -24px; border-radius: 50%; background-color: #444; content: ''; }

.cont_detail .box_banner { overflow: hidden; position: relative; margin-top: 160px; padding: 59px 385px 59px 80px; background-attachment: fixed; background-color: #F7F8F9; border-radius: 20px; color: #222; box-sizing: border-box; }

.cont_detail .box_banner.ty_txt { padding-right: 80px; }

.cont_detail .box_banner .txt_desc { font-weight: 300; font-size: 22px; line-height: 38px; letter-spacing: -0.2px; color: #444; word-break: keep-all; }

.cont_detail .box_banner .txt_name { display: block; margin-top: 30px; font-size: 18px; font-weight: 500; }

.cont_detail .box_banner .txt_agancy { margin-left: 4px; font-weight: 300; font-size: 18px; }

.cont_detail .box_banner .wrap_thumb { position: absolute; top: 50%; right: 125px; width: 160px; height: 160px; margin-top: -80px; }

.cont_detail .box_banner .wrap_thumb .img_thumb { display: block; width: 100%; }

/* ***** 인사이트 타입별 시작 */
.cont_insightgoods .view_basic .view_box { padding: 0; background: #F7F8F9; }

.cont_insightgoods .view_paging .view_box { padding: 0; }

.cont_insightbrand .tit_func { margin-bottom: 40px; }

.cont_insightbrand .sub_desc { display: block; margin-top: 12px; font-size: 18px; font-weight: 300; }

.cont_insightbrand .wrap_card + .wrap_card { margin-left: 16px; }

.cont_insightbrand .bundle_cont .wrap_cont { overflow: hidden; }

.cont_detail .bundle_solution { margin-top: 200px; }

.cont_detail .bundle_solution + .bundle_cont { margin-top: 100px; }

/* ##### 인사이트 모바일 */
@media (max-width: 900px) { /* ***** 디펜던시 없는 스타일 */
  .list_sup { margin-top: 30px; }
  .list_sup li { display: grid; grid-auto-columns: auto; grid-template-columns: max-content auto; }
  .list_sup .txt_sup { margin-right: 6px; font-size: 11px; }
  .list_sup .txt_desc { font-size: 11px; }
  .item_ready { padding-bottom: 0; }
  .item_ready .ico_dot { width: 40px; height: 40px; margin: 21px auto 0; background-color: #fff; }
  .item_ready .icon_kb_af::after { width: 50%; width: 21px; height: 5px; margin: 18px auto 0; background-position: -97px -20px; background-size: 120px 125px; }
  .item_ready .txt_desc { margin-top: 15px; font-size: 12px; }
  .box_bubble { padding: 0 20px; }
  .wrap_bubble { width: 100%; margin: 40px auto; padding: 10px 12px; border-radius: 12px; font-size: 14px; box-sizing: border-box; }
  .bundle_cont .wrap_cont .desc_info { margin-top: 4px; }
  .bundle_cont .desc_func .fc_link { text-decoration: none; }
  /* ***** 인사이트 홈 (mo) */
  #kakaoContent.cont_insight { min-width: 0; }
  .cont_insight .tit_g { margin-top: 80px; font-size: 18px; text-align: left; }
  .cont_insight .txt_g { font-size: 14px; text-align: left; }
  .cont_insight .list_num { display: none; }
  .cont_insight .view_btn { display: none; }
  .cont_insight .btn_more { display: block; margin: 25px auto 0; padding: 10px 20px; border: 1px solid #D2D8E2; border-radius: 56px; font-size: 13px; color: #326EDC; box-sizing: border-box; }
  .cont_insight .ty_intro { display: block; margin-top: 40px; }
  .cont_insight .ty_intro + .ty_intro { margin-top: 126px; }
  .section_insight { height: 452px; padding: 50px 20px 40px; background-size: 50%; }
  .section_insight .tit_intro { display: block; top: 0; right: 0; left: 0; margin: 0; font-size: 37px; }
  .section_insight .txt_intro { position: absolute; bottom: 40px; left: 50%; width: 280px; padding: 0 40px; font-size: 14px; word-break: keep-all; text-align: center; transform: translate(-50%, 0%); }
  .section_insight .wrap_visual { max-width: 278px; margin: 28px auto 0; background-size: inherit; }
  .section_main .cont_g { width: 100%; }
  .cont_insight .section_main { padding: 0 20px 100px; }
  .cont_insight .list_card { margin-top: 5px; }
  .cont_insight .list_card li { display: block; width: 100%; height: 100%; margin-top: 10px; border-radius: 28px; }
  .cont_insight .list_card li:nth-child(+3n-1) { margin: 10px 0 0; }
  .cont_insight .list_card li.item_ready { background-color: transparent; }
  .cont_insight .list_card .img_thumb { border-radius: 28px 28px 0 0; }
  .cont_insight .insight_detail .list_card li { height: 101px; border-radius: 12px; }
  .cont_insight .insight_detail .list_card li:nth-child(+3n-1) { margin: 10px 0; }
  .cont_insight .insight_detail .wrap_thumb { float: right; width: auto; height: 100%; }
  .cont_insight .insight_detail .tit_sub { font-size: 13px; }
  .cont_insight .insight_detail .wrap_detail { min-height: 101px; padding: 20px 141px 20px 20px; text-align: left; }
  .cont_insight .insight_detail .desc_detail { font-size: 13px; word-break: keep-all; }
  .cont_insight .bundle_g .wrap_thumb { width: 100%; height: 100%; }
  .cont_insight .bundle_g .wrap_detail { min-height: 79px; padding: 15px 15px; }
  .cont_insight .bundle_g .tit_sub { font-size: 14px; }
  .cont_insight .bundle_g .desc_detail { position: initial; font-size: 11px; }
  .cont_insight .insight_tag .img_thumb { display: none; }
  .cont_insight .insight_tag .img_thumb_mo { display: block; width: 100%; margin-left: 50%; transform: translateX(-50%); }
  .cont_insight .list_tag li { margin-right: 5px; }
  .cont_insight .insight_card .list_card img { width: 100%; height: auto; }
  /* ##### MO) 인사이트 상세 (cont_detail) */
  .cont_detail { min-width: 0; }
  .cont_detail .section_cont { padding-bottom: 100px; }
  .cont_detail .inner_comp { max-width: 100%; box-sizing: border-box; }
  .section_detail { margin-bottom: 80px; padding: 30px 20px 30px; background-position-x: -100px; }
  .section_detail.type_img { margin-bottom: 140px; }
  .section_detail .inner_comp { padding: 0; }
  .section_detail .link_before { display: none; }
  .section_detail .num_info { margin-left: 8px; font-size: 11px; line-height: 23px; }
  .section_detail .tit_info { font-size: 11px; line-height: 23px; }
  .section_detail .tit_intro { margin-top: 8px; font-size: 23px; line-height: 34px; }
  .section_detail .list_tag { width: 320px; margin-top: 17px; }
  .section_detail .list_tag li { font-size: 11px; line-height: 18px; word-break: break-all; }
  .section_detail .section_cont .inner_comp { padding: 0 20px; }
  .section_detail .img_layer { top: 200px; left: 50%; width: 280px; transform: translate(-50%, 0%); }
  .cont_detail .tit_dot { margin: 30px 0 0 0; padding-left: 20px; font-size: 16px; text-indent: -11px; }
  .cont_detail .wrap_info + .tit_dot { margin-top: 16px; }
  .cont_detail .ico_dot { width: 5px; height: 5px; margin: 10px 6px 0 0; }
  .cont_detail .wrap_info .desc_func { margin-top: 15px; }
  .cont_detail .wrap_view + .txt_desc { margin-top: 20px; }
  .cont_detail .wrap_btns .btn_info { display: block; }
  .cont_detail .wrap_btns .btn_info + .btn_info { margin: 15px 0; }
  .cont_detail .tit_func.ty_sub { margin-top: 30px; }
  .cont_detail .tit_func + .tit_func { margin-top: 15px; }
  .cont_detail .cont_g { margin-left: 20px; }
  .cont_detail .cont_g .txt_desc { margin-top: 8px; font-size: 14px; }
  .cont_detail .cont_g .wrap_view + .txt_desc { margin-top: 16px; }
  .cont_detail .cont_g .txt_desc .txt_emph { font-weight: 500; }
  .cont_detail .wrap_view:not(.view_more) .inner_view { margin-top: 15px; }
  .cont_detail .cont_g .wrap_view .inner_view { margin-top: 12px; }
  .cont_detail .cont_g .txt_desc + .wrap_view .inner_view { margin-top: 16px; }
  .cont_detail .bundle_cont .wrap_view + .wrap_view { margin-top: 16px; }
  .cont_detail .bundle_cont .txt_etc { margin-top: 30px; font-weight: 300; font-size: 14px; }
  .cont_detail .bundle_agency { margin-top: 30px; }
  .cont_detail .wrap_tip { margin-top: 30px; padding: 25px 35px; border-radius: 10px; }
  .cont_detail .wrap_tip .tit_tip { padding-top: 12px; padding-bottom: 10px; border-radius: 13px; font-size: 14px; }
  .cont_detail .wrap_tip li { padding-top: 13px; font-size: 14px; }
  .cont_detail .wrap_tip li::after { width: 100%; margin-top: 12px; }
  .cont_detail .wrap_tip li:last-child::after { content: none; }
  .cont_detail .wrap_tip .txt_sub { margin-top: 5px; font-size: 10px; line-height: 11px; }
  .cont_detail .tit_func.ty_line { margin-bottom: 30px; padding-top: 21px; }
  .cont_detail .view_more { display: block; margin: 0; padding: 0; }
  .cont_detail .view_more .view_box { display: block; }
  .cont_detail .view_more .inner_view { width: 100%; margin-left: 0; }
  .cont_detail .view_more .inner_view:nth-child(n+2) { margin-top: 26px; }
  .cont_detail .view_more img { width: auto; height: 330px; margin-left: 50%; transform: translateX(-50%); }
  .cont_detail .view_more .wrap_cont { padding-top: 11px; }
  .cont_detail .view_more .link_detail { padding: 0; }
  .cont_detail .view_more .link_detail .icon_kb { margin-top: 4px; margin-right: 10px; }
  .cont_detail .list_card li { display: block; width: 100%; height: 100%; min-height: 123px; padding: 15px 20px; border-radius: 12px; }
  .cont_detail .list_card li:nth-child(n+2) { margin: 10px 0; }
  .cont_detail .list_card .tit_card { display: inline-block; padding-right: 130px; font-size: 14px; }
  .cont_detail .list_card .sub_desc { margin-top: 10px; padding-right: 130px; font-size: 10px; }
  .cont_detail .list_card .wrap_thumb { top: 50%; right: 0; left: auto; width: auto; height: 123px; border-radius: 0 12px 12px 0; transform: translate(0%, -50%); }
  .cont_detail .list_card img { width: auto; height: 100%; }
  .cont_detail .list_card .img_thumb { display: none; }
  .cont_detail .list_card .img_thumb_mo { display: block; }
  .cont_detail .list_card.ty_low li { width: 100%; }
  .cont_detail .list_card.ty_low .wrap_thumb { width: 130px; }
  .cont_detail .bundle_cont .type_insight { flex-direction: column; padding-top: 11px; }
  .cont_detail .box_cont .box_cont { width: auto; }
  .cont_detail .box_cont .txt_badge { min-width: 42px; height: 26px; padding: 0 12px; font-size: 10px; font-weight: 400; line-height: 26px; text-align: center; }
  .cont_detail .box_cont .txt_desc { margin-top: 16px; font-size: 14px; }
  .cont_detail .box_cont .txt_nomal { font-size: 16px; }
  .cont_detail .box_cont .txt_nomal::after { margin: 5px 17px; }
  .cont_detail .box_profile { width: 100%; height: 100px; margin: 16px 0 0 0; border-radius: 12px; text-align: center; }
  .cont_detail .box_profile .img_thumb { margin: 0 auto; width: auto; height: 100%; }
  .cont_detail .list_gols li { margin-top: 16px; padding-left: 20px; font-size: 16px; }
  .cont_detail .list_gols li:nth-child(n+2) { margin-top: 8px; }
  .cont_detail .list_gols li::before { width: 5px; height: 5px; margin: 10px 7px 0 -12px; }
  .cont_detail .box_banner { margin-top: 80px; padding: 30px; border-radius: 10px; }
  .cont_detail .box_banner.ty_txt { padding-right: 30px; }
  .cont_detail .box_banner .txt_name { margin-top: 88px; font-size: 13px; }
  .cont_detail .box_banner .txt_agancy { display: block; margin: 3px 0 0 0; font-size: 13px; }
  .cont_detail .box_banner .txt_desc { font-size: 16px; line-height: 24px; }
  .cont_detail .box_banner .wrap_thumb { top: auto; right: 30px; bottom: 30px; width: 80px; height: 80px; margin-top: 0; }
  /* ***** 인사이트 타입별 시작 */
  .cont_insightbrand .tit_func.type_normal { margin-bottom: 16px; }
  .cont_insightbrand .tit_func.type_result { margin-bottom: 8px; }
  .cont_detail .bundle_solution { margin-top: 100px; }
  .cont_detail .bundle_solution + .bundle_cont { margin-top: 60px; }
  .cont_detail .view_full .view_box.type_video .video_cont { width: 545px; } }

@media (max-width: 450px) { .cont_insight .insight_tag .img_thumb_mo { width: auto; height: 200px; }
  .cont_detail .view_more img { height: 165px; }
  .section_detail .bg_thumb_mo { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
  .cont_detail .wrap_tip .tit_tip { width: 100%; } }

/* #################### 인사이트 끝 #################### */
@media (max-width: 900px) { .hide_m { display: none; } }

@media (min-width: 901px) { .hide_pc { display: none; } }

.ico_outing { width: 11px; height: 11px; background-position: -60px -19px; }

.slick-arrow { display: block; overflow: hidden; font-size: 0; line-height: 0; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/common/ico_bridge_250611.png) 0 0 no-repeat; background-size: 510px 320px; text-indent: -9999px; }

.slick-prev { width: 20px; height: 20px; background-position: -120px 0; }

.slick-next { width: 20px; height: 20px; background-position: -160px 0; }

.ico_bridge { display: block; overflow: hidden; font-size: 0; line-height: 0; background: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/common/ico_bridge_250611.png) 0 0 no-repeat; background-size: 510px 320px; text-indent: -9999px; }

.ico_bridge.ico_prev { width: 20px; height: 20px; background-position: -120px 0; }

.ico_bridge.ico_next { width: 20px; height: 20px; background-position: -160px 0; }

.ico_channel { width: 31px; height: 34px; background-position: -140px -40px; }

@media (max-width: 900px) { .ico_channel { width: 17px; height: 19px; background-position: -270px 0; } }

.ico_ad { width: 31px; height: 30px; background-position: -180px -40px; }

@media (max-width: 900px) { .ico_ad { width: 16px; height: 15px; background-position: -290px 0; } }

.ico_menu { width: 20px; height: 20px; background-position: 0 0; }

@media (max-width: 900px) { .ico_menu { width: 16px; height: 16px; background-position: 0 -40px; } }

.ico_insight { width: 32px; height: 32px; background-position: -220px -40px; }

@media (max-width: 900px) { .ico_insight { width: 16px; height: 16px; background-position: -310px 0; } }

.ico_close { width: 20px; height: 20px; background-position: -360px 0; }

.ico_bridge[class*="ico_menu0"] { width: 30px; height: 30px; }

.ico_menu0601 { background-position: -200px -80px; }

.ico_menu0602 { background-position: -240px -80px; }

.ico_menu0101 { background-position: 0 -80px; }

.ico_menu0102 { background-position: -40px -80px; }

.ico_menu0103 { background-position: -80px -80px; }

.ico_menu0104 { background-position: -120px -80px; }

.ico_menu0105 { background-position: -160px -80px; }

.ico_menu0106 { background-position: -280px -80px; }

.ico_menu0107 { background-position: -320px -80px; }

.ico_menu0108 { background-position: -360px -80px; }

.ico_menu0201 { background-position: 0 -120px; }

.ico_menu0202 { background-position: -40px -120px; }

.ico_menu0203 { background-position: -80px -120px; }

.ico_menu0204 { background-position: -120px -120px; }

.ico_menu0205 { background-position: -160px -120px; }

.ico_menu0206 { background-position: -360px -120px; }

.ico_menu0207 { background-position: -240px -120px; }

.ico_menu0208 { background-position: -280px -120px; }

.ico_menu0209 { background-position: -320px -120px; }

.ico_menu0210 { background-position: -200px -120px; }

.ico_menu0211 { background-position: -400px -120px; }

.ico_menu0212 { background-position: -440px -120px; }

.ico_menu0213 { background-position: -480px -120px; }

.ico_menu0301 { background-position: 0 -160px; }

.ico_menu0302 { background-position: -40px -160px; }

.ico_menu0303 { background-position: -80px -160px; }

.ico_menu0304 { background-position: -120px -160px; }

.ico_menu0305 { background-position: -160px -160px; }

.ico_menu0306 { background-position: -200px -160px; }

.ico_menu0307 { background-position: -240px -160px; }

.ico_menu0308 { background-position: -280px -160px; }

.ico_menu0401 { background-position: 0 -200px; }

.ico_menu0402 { background-position: -40px -200px; }

.ico_menu0403 { background-position: -80px -200px; }

.ico_menu0404 { background-position: -120px -200px; }

.ico_menu0405 { background-position: -160px -200px; }

.ico_menu0406 { background-position: -200px -200px; }

.ico_menu0407 { background-position: -240px -200px; }

.ico_menu0408 { background-position: -280px -200px; }

.ico_menu0501 { background-position: 0 -240px; }

.ico_menu0502 { background-position: -40px -240px; }

.ico_menu0503 { background-position: -80px -240px; }

.ico_menu0504 { background-position: -120px -240px; }

.ico_menu0505 { background-position: -160px -240px; }

.ico_menu0506 { background-position: -200px -240px; }

.ico_menu0507 { background-position: -240px -240px; }

.ico_menu0508 { background-position: -280px -240px; }

.ico_menu0509 { background-position: -320px -240px; }

.ico_menu0510 { background-position: -360px -240px; }

.ico_menu0511 { background-position: -400px -240px; }

.ico_menu0512 { background-position: -440px -240px; }

.ico_bridge[class*="ico_partner"] { width: 30px; height: 30px; }

.ico_partner01 { background-position: 0 -280px; }

.ico_partner02 { background-position: -40px -280px; }

.ico_partner03 { background-position: -80px -280px; }

.ico_partner04 { background-position: -120px -280px; }

.ico_partner05 { background-position: -160px -280px; }

.ico_partner06 { background-position: -200px -280px; }

.ico_partner07 { background-position: -240px -280px; }

.ico_partner08 { background-position: -280px -280px; }

.ico_partner09 { background-position: -320px -280px; }

.ico_partner10 { background-position: -360px -280px; }

.ico_partner11 { background-position: -400px -280px; }

.ico_partner12 { background-position: -440px -280px; }

.ico_arrow_more { width: 28px; height: 28px; background-position: -80px 0; }

@media (max-width: 900px) { .ico_arrow_more { width: 14px; height: 14px; background-position: -80px -40px; } }

.ico_arrow_outlink { width: 28px; height: 28px; background-position: -80px 0; transform: rotate(-45deg); }

@media (max-width: 900px) { .ico_arrow_outlink { width: 14px; height: 14px; background-position: -80px -40px; } }

.bridge_intro { overflow: hidden; position: relative; width: 100%; }

.visual_container { position: relative; z-index: 1; float: left; height: 760px; }

@media (max-width: 900px) { .visual_container { height: 360px; } }

.visual_container .visual_bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 520px; }

@media (max-width: 900px) { .visual_container .visual_bg { height: 260px; margin-top: -10px; } }

.visual_container .visual_bg video { width: 100%; height: 100%; }

.visual_container .visual_contents { padding-top: 174px; text-align: center; }

@media (max-width: 900px) { .visual_container .visual_contents { padding-top: 64px; } }

.visual_container .tit_visual { display: block; font-size: 90px; line-height: 1.6; font-weight: 700; }

@media (max-width: 900px) { .visual_container .tit_visual { font-size: 37px; line-height: 1.5; } }

.visual_container .tit_visual .txt_num { font-size: 80px; }

@media (max-width: 900px) { .visual_container .tit_visual .txt_num { font-size: 32px; } }

.visual_container .txt_item2 { display: block; margin-top: -4px; }

@media (max-width: 900px) { .visual_container .txt_item2 { margin-top: 0; } }

.visual_container .desc_visual { margin-top: 36px; font-size: 28px; letter-spacing: -0.7px; }

@media (max-width: 900px) { .visual_container .desc_visual { margin-top: 21px; font-size: 14px; line-height: 23px; letter-spacing: -0.2px; } }

.visual_container .link_intro { display: inline-flex; justify-content: center; align-items: center; height: 74px; margin-top: 64px; padding: 0 35px; border-radius: 37px; background-color: #326EDC; font-size: 22px; font-weight: 500; color: #fff; box-sizing: border-box; vertical-align: top; }

.visual_container .link_intro:hover { background-color: #19234B; }

@media (max-width: 900px) { .visual_container .link_intro { height: 40px; margin-top: 35px; padding: 0 18px; border-radius: 20px; font-size: 13px; } }

.visual_container .img_intro { width: 187px; margin: 25px auto 0; }

.visual_container .img_intro img { width: 100%; }

@media (max-width: 900px) { .visual_container00 .tit_visual { font-size: 34px; } }

@media (max-width: 900px) { .visual_container01 .link_intro { display: none; } }

.visual_container01 .txt_item2 { margin-right: 36px; }

@media (max-width: 900px) { .visual_container01 .txt_item2 { margin-right: 4px; } }

.visual_container02 .txt_item2 { margin-left: 100px; }

@media (max-width: 900px) { .visual_container02 .txt_item2 { margin-left: 50px; } }

.visual_container03 .txt_item2 { margin-right: 30px; }

.visual_container04 .visual_bg { height: 540px; }

@media (max-width: 900px) { .visual_container04 .visual_bg { height: 260px; } }

.slide_visual { overflow: hidden; position: relative; }

.slide_visual .slick-dots { display: flex; justify-content: center; gap: 12px; position: absolute; bottom: 4px; left: 0; width: 100%; }

@media (max-width: 900px) { .slide_visual .slick-dots { gap: 8px; } }

.slide_visual .slick-dots button { display: block; overflow: hidden; width: 14px; height: 14px; border-radius: 50%; background-color: #D8D8D8; font-size: 0; line-height: 0; color: transparent; }

@media (max-width: 900px) { .slide_visual .slick-dots button { width: 8px; height: 8px; } }

.slide_visual .slick-dots .slick-active button { background-color: #717171; }

.slide_visual .slick-arrow { position: absolute; bottom: 0; z-index: 10; }

@media (max-width: 900px) { .slide_visual .slick-arrow { display: none !important; } }

.slide_visual .slick-prev { left: calc(50% - 90px); }

.slide_visual .slick-next { right: calc(50% - 90px); }

.slide_btn { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

.slide_btn .btn_next { order: 3; }

@media (max-width: 900px) { .slide_btn .btn_next { display: none; } }

@media (max-width: 900px) { .slide_btn .btn_prev { display: none; } }

.slide_btn .list_control { display: inline-flex; padding: 0 50px 2px; }

.slide_btn .list_control li.active .btn_control { background-color: #717171; }

.slide_btn .list_control .btn_control { width: 14px; height: 14px; margin: 0 6px; border-radius: 100%; background-color: #D8D8D8; font-size: 0; line-height: 0; color: transparent; }

@media (max-width: 900px) { .slide_btn .list_control .btn_control { width: 8px; height: 8px; margin: 0 4px; } }

.bridge_contents { position: relative; max-width: 960px; margin: 0 auto; }

.bridge_contents .contents_head { text-align: center; }

@media (max-width: 900px) { .bridge_contents .contents_head { text-align: left; } }

.bridge_contents .contents_head .tit_contents { display: inline-flex; align-items: center; font-size: 28px; color: #444; }

.bridge_contents .contents_head .tit_contents .ico_bridge { display: inline-block; margin-right: 9px; vertical-align: top; }

@media (max-width: 900px) { .bridge_contents .contents_head .tit_contents .ico_bridge { margin-top: 1px; margin-right: 7px; } }

@media (max-width: 900px) { .bridge_contents .contents_head .tit_contents { font-size: 16px; font-weight: 500; } }

.bridge_contents .contents_head .desc_contents { margin-top: 16px; font-size: 30px; line-height: 48px; font-weight: bold; }

@media (max-width: 900px) { .bridge_contents .contents_head .desc_contents { margin-top: 6px; font-size: 18px; line-height: 28px; } }

.bridge_contents:not(:first-child) { margin-top: 160px; }

@media (max-width: 900px) { .bridge_contents:not(:first-child) { margin-top: 70px; } }

.bridge_intro + .bridge_contents { margin-top: 140px; }

@media (max-width: 900px) { .bridge_intro + .bridge_contents { margin-top: 60px; } }

@media (max-width: 900px) { .bridge_contents { padding: 0 20px; } }

.wrap_card { display: flex; flex-wrap: wrap; gap: 20px; width: 100%; margin-top: 50px; }

@media (max-width: 900px) { .wrap_card { flex-direction: column; flex-wrap: nowrap; gap: 10px; margin-top: 25px; } }

.card_bridge { overflow: hidden; position: relative; flex: 1; min-width: 40%; min-height: 120px; background-color: #F7F8F9; border-radius: 56px; }

.card_bridge .inner_card { position: relative; z-index: 1; width: 100%; height: 100%; padding: 34px 38px 36px; box-sizing: border-box; }

@media (max-width: 900px) { .card_bridge .inner_card { height: 190px; padding: 23px 17px 20px; } }

.card_bridge .link_card { display: block; width: 100%; height: 100%; }

.card_bridge .link_card:hover .ico_arrow_more { background-position: -200px 0; }

@media (max-width: 900px) { .card_bridge .link_card:hover .ico_arrow_more { background-position: -80px -40px; } }

.card_bridge .link_card:hover .ico_arrow_outlink { background-position: -200px 0; }

@media (max-width: 900px) { .card_bridge .link_card:hover .ico_arrow_outlink { background-position: -80px -40px; } }

.card_bridge .tit_card { display: flex; align-items: center; font-size: 24px; font-weight: bold; }

.card_bridge .tit_card .ico_bridge { margin-right: 12px; }

@media (max-width: 900px) { .card_bridge .tit_card { font-size: 14px; } }

.card_bridge .desc_card { margin-top: 8px; font-size: 24px; line-height: 1.5; letter-spacing: -0.5px; }

@media (max-width: 900px) { .card_bridge .desc_card { margin-top: 6px; font-size: 14px; line-height: 23px; } }

.card_bridge .ico_link { position: absolute; bottom: 36px; left: 38px; }

@media (max-width: 900px) { .card_bridge .ico_link { bottom: 20px; left: 17px; } }

.card_bridge .card_visual { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; }

.card_bridge .card_visual video { width: 100%; height: 100%; object-position: right; border-radius: 56px; }

@media (max-width: 900px) { .card_bridge .card_visual video { border-radius: 24px; } }

.card_bridge .card_visual .bg_card { width: 100%; height: 100%; background-size: auto 100%; background-position: 100% 100%; background-repeat: no-repeat; border-radius: 56px; }

@media (max-width: 900px) { .card_bridge .card_visual .bg_card { border-radius: 24px; } }

.card_bridge .card_visual.card_full video { object-fit: cover; }

.bridge_channel .card_channel { min-width: 100%; height: 380px; background-color: #8EC6FF; }

.bridge_channel .card_channel .inner_card { padding-top: 72px; }

@media (max-width: 900px) { .bridge_channel .card_channel .inner_card { padding-top: 23px; } }

.bridge_channel .card_channel_message { height: 380px; background-color: #C2E1FF; }

.bridge_channel .card_channel_message .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_channel_message_250521.png); }

@media (max-width: 900px) { .bridge_channel .card_channel_message .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_channel_message.png); } }

.bridge_channel .card_channel_adaccount { flex: 0 340px; min-width: 0; height: 380px; background-color: #DFEFFF; }

.bridge_channel .card_channel_adaccount .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_channel_adaccount_250521.png); }

@media (max-width: 900px) { .bridge_channel .card_channel_adaccount .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_channel_adaccount_250521.png); } }

.bridge_channel .card_channel_brandmessage { height: 380px; background-color: #DFEFFF; }

.bridge_channel .card_channel_brandmessage .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_channel_brandmessage.png); }

@media (max-width: 900px) { .bridge_channel .card_channel_brandmessage .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_channel_brandmessage.png); } }

.bridge_channel .card_channel_infotalk { height: 380px; background-color: #8EC6FF; }

.bridge_channel .card_channel_infotalk .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_channel_infotalk.png); }

@media (max-width: 900px) { .bridge_channel .card_channel_infotalk .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_channel_infotalk.png); } }

.bridge_channel .card_channel_cstalk { flex: 0 340px; min-width: 0; height: 380px; background-color: #8EC6FF; }

.bridge_channel .card_channel_cstalk .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_channel_cstalk.png); }

@media (max-width: 900px) { .bridge_channel .card_channel_cstalk .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_channel_cstalk.png); } }

.bridge_channel .card_channel_chatbot { min-width: 50%; height: 380px; background-color: #DFEFFF; }

.bridge_channel .card_channel_chatbot .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_channel_chatbot_231218.png); }

@media (max-width: 900px) { .bridge_channel .card_channel_chatbot .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_channel_chatbot_230915.png); } }

.bridge_ad .card_ad_bizboard { min-width: 0; height: 420px; background-color: #A1E9D1; }

.bridge_ad .card_ad_bizboard .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_ad_bizboard_231006.png); }

@media (max-width: 900px) { .bridge_ad .card_ad_bizboard .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_ad_bizboard_231006.png); } }

.bridge_ad .card_ad_bizboard_cpt { flex: 0 470px; height: 420px; background-color: #CBF1E4; }

.bridge_ad .card_ad_display { flex: 0 600px; height: 380px; }

.bridge_ad .card_ad_display .card_contents { color: #fff; }

.bridge_ad .card_ad_display .card_visual video { object-position: top; }

.bridge_ad .card_ad_display .link_card:hover .ico_arrow_more { background-position: -200px 0; }

@media (max-width: 900px) { .bridge_ad .card_ad_display .link_card:hover .ico_arrow_more { background-position: -120px -40px; } }

.bridge_ad .card_ad_display .ico_arrow_more { background-position: -240px 0; }

@media (max-width: 900px) { .bridge_ad .card_ad_display .ico_arrow_more { background-position: -120px -40px; } }

.bridge_ad .card_ad_video { min-width: 0; background-color: #B6E1E5; }

.bridge_ad .card_ad_video .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_ad_video.png); }

@media (max-width: 900px) { .bridge_ad .card_ad_video .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_ad_video_231016.png); background-size: cover; } }

.bridge_ad .card_ad_brandingdisplay { height: 560px; margin-bottom: -20px; background-color: #B6E5DE; }

.bridge_ad .card_ad_brandingdisplay .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_ad_brandingdisplay.png); }

@media (max-width: 900px) { .bridge_ad .card_ad_brandingdisplay .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_ad_brandingdisplay.png); } }

.bridge_ad .card_ad_shoppingbiz { height: 560px; background-color: #CBF1E4; }

.bridge_ad .card_ad_shoppingbiz .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_ad_shoppingbiz_240329.png); }

@media (max-width: 900px) { .bridge_ad .card_ad_shoppingbiz .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_ad_shoppingbiz.png); } }

.bridge_ad .card_ad_keyword { flex: 0 340px; min-width: 0; height: 320px; }

.bridge_ad .card_ad_keyword .bg_card { background-size: cover; background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_ad_keyword.png); }

@media (max-width: 900px) { .bridge_ad .card_ad_keyword .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_ad_keyword.png); } }

.bridge_ad .card_ad_keyword .card_contents { color: #fff; }

.bridge_ad .card_ad_keyword .link_card:hover .ico_arrow_more { background-position: -200px 0; }

@media (max-width: 900px) { .bridge_ad .card_ad_keyword .link_card:hover .ico_arrow_more { background-position: -120px -40px; } }

.bridge_ad .card_ad_keyword .ico_arrow_more { background-position: -240px 0; }

@media (max-width: 900px) { .bridge_ad .card_ad_keyword .ico_arrow_more { background-position: -120px -40px; } }

.bridge_ad .card_ad_brand { background-color: #DFF1EE; }

.bridge_ad .card_ad_brand .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_ad_brand_240604.png); }

@media (max-width: 900px) { .bridge_ad .card_ad_brand .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_ad_brand_240117.png); } }

@media (max-width: 900px) { .bridge_ad .card_ad_brand .card_contents .ico_link { top: auto; right: auto; bottom: 20px; left: 17px; } }

.bridge_ad .card_ad_profilefv { height: 620px; background-color: #CBF1E4; }

.bridge_ad .card_ad_profilefv .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_ad_profilefv.png); }

@media (max-width: 900px) { .bridge_ad .card_ad_profilefv .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_ad_profilefv.png); } }

.bridge_ad .card_ad_focus { height: 620px; background-color: #B6E5DE; }

.bridge_ad .card_ad_focus .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_ad_focus.png); }

@media (max-width: 900px) { .bridge_ad .card_ad_focus .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_ad_focus.png); } }

.bridge_ad .card_ad_channelsearch { height: 560px; background-color: #B6E1E5; }

.bridge_ad .card_ad_channelsearch .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_ad_channelsearch_241125.png); }

@media (max-width: 900px) { .bridge_ad .card_ad_channelsearch .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_ad_channelsearch.png); } }

.bridge_ad .card_ad_gift { height: 560px; background-color: #CBF1E4; }

.bridge_ad .card_ad_gift .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_ad_gift_241125.png); }

@media (max-width: 900px) { .bridge_ad .card_ad_gift .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_ad_gift_240117.png); } }

@media (max-width: 900px) { .bridge_ad .card_ad_gift .card_contents .ico_link { top: auto; right: auto; bottom: 20px; left: 17px; } }

.bridge_ad .card_ad_sponsored { height: 260px; background-color: #B6E1E5; }

@media (max-width: 900px) { .bridge_ad .card_ad_sponsored { background-color: #E3F5F2; } }

.bridge_ad .card_ad_sponsored .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_ad_sponsored.png); }

@media (max-width: 900px) { .bridge_ad .card_ad_sponsored .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_ad_sponsored.png); } }

.bridge_ad .card_ad_mystoread { height: 380px; background-color: #DFF1EE; }

.bridge_ad .card_ad_mystoread .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_ad_mystoread.png); }

@media (max-width: 900px) { .bridge_ad .card_ad_mystoread .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_ad_mystoread.png); } }

.bridge_sales .contents_head { position: absolute; top: 20px; left: 0; text-align: left; }

.bridge_sales .card_sales_manage { height: 560px; margin-left: calc(50% + 10px); background-color: #D0DCFF; }

.bridge_sales .card_sales_manage .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_sales_manage.png); }

@media (max-width: 900px) { .bridge_sales .card_sales_manage .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_sales_manage_230915.png); } }

.bridge_sales .card_sales_store { height: 560px; margin-top: -260px; background-color: #CAC5F9; }

.bridge_sales .card_sales_store .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_sales_store.png); }

@media (max-width: 900px) { .bridge_sales .card_sales_store .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_sales_store.png); } }

.bridge_sales .card_sales_shoppinglive { height: 300px; background-color: #EEF1FD; }

.bridge_sales .card_sales_shoppinglive .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_sales_shoppinglive.png); }

@media (max-width: 900px) { .bridge_sales .card_sales_shoppinglive .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_sales_shoppinglive.png); } }

.bridge_sales .card_sales_gift { height: 260px; background-color: #E7E8FF; }

.bridge_sales .card_sales_gift .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_sales_gift_231208.png); }

@media (max-width: 900px) { .bridge_sales .card_sales_gift .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_sales_gift.png); } }

.bridge_sales .card_sales_gift_biz { min-width: 100%; height: 260px; background-color: #EEF1FD; }

.bridge_sales .card_sales_gift_biz .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_sales_gift_biz.png); }

@media (max-width: 900px) { .bridge_sales .card_sales_gift_biz .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_sales_gift_biz_230915.png); } }

.bridge_sales .card_sales_reservation { height: 620px; margin-bottom: -20px; background-color: #D0DCFF; }

.bridge_sales .card_sales_reservation .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_sales_reservation.png); }

@media (max-width: 900px) { .bridge_sales .card_sales_reservation .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_sales_reservation.png); } }

.bridge_sales .card_sales_checkout { height: 620px; background-color: #DCD6FF; }

.bridge_sales .card_sales_checkout .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_sales_checkout_231107_v2.png); }

@media (max-width: 900px) { .bridge_sales .card_sales_checkout .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_sales_checkout_231006.png); } }

.bridge_tool .contents_head { position: absolute; top: 120px; left: 0; text-align: left; }

.bridge_tool .card_tool_kakaosync { height: 560px; margin-left: calc(50% + 10px); background-color: #A5EDFF; }

.bridge_tool .card_tool_kakaosync .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_tool_kakaosync.png); }

@media (max-width: 900px) { .bridge_tool .card_tool_kakaosync .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_tool_kakaosync.png); } }

.bridge_tool .card_tool_bizform { height: 560px; background-color: #C6F4FF; }

.bridge_tool .card_tool_bizform .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_tool_bizform.png); }

@media (max-width: 900px) { .bridge_tool .card_tool_bizform .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_tool_bizform.png); } }

.bridge_tool .card_tool_bizplugin { background-color: #DAF7FF; }

.bridge_tool .card_tool_bizplugin .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_tool_bizplugin_231006.png); }

@media (max-width: 900px) { .bridge_tool .card_tool_bizplugin .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_tool_bizplugin_231006.png); } }

.bridge_tool .card_tool_pixelsdk { height: 300px; }

.bridge_tool .card_tool_pixelsdk .card_contents { color: #fff; }

.bridge_tool .card_tool_pixelsdk .card_contents .ico_link { bottom: auto; left: auto; top: 36px; right: 38px; }

@media (max-width: 900px) { .bridge_tool .card_tool_pixelsdk .card_contents .ico_link { top: auto; right: auto; bottom: 20px; left: 17px; } }

.bridge_tool .card_tool_pixelsdk .link_card:hover .ico_arrow_more { background-position: -200px 0; }

@media (max-width: 900px) { .bridge_tool .card_tool_pixelsdk .link_card:hover .ico_arrow_more { background-position: -120px -40px; } }

.bridge_tool .card_tool_pixelsdk .ico_arrow_more { background-position: -240px 0; }

@media (max-width: 900px) { .bridge_tool .card_tool_pixelsdk .ico_arrow_more { background-position: -120px -40px; } }

.bridge_tool .card_tool_knowledge { background-color: #C6F4FF; }

.bridge_tool .card_tool_knowledge .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_tool_knowledge.png); }

@media (max-width: 900px) { .bridge_tool .card_tool_knowledge .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_tool_knowledge.png); } }

.bridge_tool .card_tool_knowledge .card_contents .ico_link { bottom: auto; left: auto; top: 36px; right: 38px; }

@media (max-width: 900px) { .bridge_tool .card_tool_knowledge .card_contents .ico_link { top: auto; right: auto; bottom: 20px; left: 17px; } }

.bridge_tool .card_tool_bizaccount { height: 560px; background-color: #C6F4FF; }

.bridge_tool .card_tool_bizaccount .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_tool_bizaccount.png); }

@media (max-width: 900px) { .bridge_tool .card_tool_bizaccount .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_tool_bizaccount_230915.png); } }

.bridge_tool .card_tool_kakaotalkwallet { height: 420px; background-color: #87DFF6; }

.bridge_tool .card_tool_kakaotalkwallet .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_tool_kakaotalkwallet_240726.png); }

@media (max-width: 900px) { .bridge_tool .card_tool_kakaotalkwallet .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_tool_kakaotalkwallet_240726.png); } }

.bridge_tool .card_tool_cardreceipt { height: 420px; background-color: #C6F4FF; }

.bridge_tool .card_tool_cardreceipt .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/card_tool_cardreceipt_240522.png); }

@media (max-width: 900px) { .bridge_tool .card_tool_cardreceipt .bg_card { background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/card_tool_cardreceipt_240522.png); } }

.bridge_partner .card_partner { max-width: calc(50% - 10px); border-radius: 30px; }

@media (max-width: 900px) { .bridge_partner .card_partner { max-width: none; min-height: 56px; border-radius: 15px; } }

.bridge_partner .card_partner .link_card:hover .ico_arrow_more { background-position: -330px -30px; }

@media (max-width: 900px) { .bridge_partner .card_partner .link_card:hover .ico_arrow_more { background-position: -80px -40px; } }

.bridge_partner .card_partner .link_card:hover .ico_arrow_outlink { background-position: -330px -30px; }

@media (max-width: 900px) { .bridge_partner .card_partner .link_card:hover .ico_arrow_outlink { background-position: -80px -40px; } }

.bridge_partner .card_partner .ico_arrow_more { background-position: -270px -30px; }

@media (max-width: 900px) { .bridge_partner .card_partner .ico_arrow_more { background-position: -80px -40px; } }

.bridge_partner .card_partner .ico_arrow_outlink { background-position: -270px -30px; }

@media (max-width: 900px) { .bridge_partner .card_partner .ico_arrow_outlink { background-position: -80px -40px; } }

.bridge_partner .card_partner .inner_card { padding: 30px 30px 24px; }

@media (max-width: 900px) { .bridge_partner .card_partner .inner_card { height: 56px; padding: 13px 20px 13px 13px; } }

@media (max-width: 900px) { .bridge_partner .card_partner .card_contents { display: flex; align-items: center; justify-content: space-between; } }

.bridge_partner .card_partner .tit_card { font-size: 20px; font-weight: 500; }

@media (max-width: 900px) { .bridge_partner .card_partner .tit_card { font-size: 15px; }
  .bridge_partner .card_partner .tit_card .ico_bridge { position: static; } }

.bridge_partner .card_partner .desc_card { margin-top: 8px; font-size: 18px; letter-spacing: -0.4px; color: #444; }

@media (max-width: 900px) { .bridge_partner .card_partner .desc_card { display: none; } }

.bridge_partner .card_partner .ico_link { position: absolute; bottom: auto; left: auto; top: 31px; right: 25px; }

@media (max-width: 900px) { .bridge_partner .card_partner .ico_link { position: static; } }

.bridge_banner { margin-top: 160px; }

@media (max-width: 900px) { .bridge_banner { margin-top: 70px; } }

.banner_contents .inner_banner { max-width: 960px; height: 100%; margin: 0 auto; }

.banner_insight { height: 442px; background-color: #051C3C; background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/pc/banner_insight.png); background-position: 50% 50%; background-size: auto 100%; background-repeat: no-repeat; color: #fff; }

@media (max-width: 900px) { .banner_insight { height: 425px; background-image: url(https://t1.kakaocdn.net/kakaobusiness_fe/public/img/bridge/m/banner_insight.png); } }

.banner_insight .inner_banner { padding: 80px 0; box-sizing: border-box; }

@media (max-width: 900px) { .banner_insight .inner_banner { padding: 45px 20px; } }

.banner_insight .tit_banner { display: inline-flex; align-items: center; font-size: 28px; letter-spacing: -0.5px; color: #D6D6D6; }

.banner_insight .tit_banner .ico_insight { display: inline-block; margin-right: 12px; vertical-align: top; }

@media (max-width: 900px) { .banner_insight .tit_banner .ico_insight { margin-right: 6px; } }

@media (max-width: 900px) { .banner_insight .tit_banner { font-size: 16px; letter-spacing: -0.2px; font-weight: 500; } }

.banner_insight .desc_banner { margin-top: 14px; font-size: 30px; font-weight: bold; line-height: 1.6; letter-spacing: -0.5px; }

@media (max-width: 900px) { .banner_insight .desc_banner { margin-top: 10px; font-size: 18px; line-height: 32px; letter-spacing: -0.2px; } }

.banner_insight .link_direct { display: flex; justify-content: center; align-items: center; width: 280px; height: 74px; margin-top: 46px; border-radius: 37px; background-color: #326EDC; font-size: 22px; font-weight: 500; letter-spacing: -0.5px; color: #fff; }

.banner_insight .link_direct:hover { background-color: #0949B7; }

@media (max-width: 900px) { .banner_insight .link_direct { width: 140px; height: 37px; margin-top: 20px; border-radius: 18px; font-size: 11px; letter-spacing: -0.2px; }
  .banner_insight .link_direct:hover { background-color: #326EDC; } }

@media (max-width: 900px) { .bridge_contents .contents_head { position: relative; top: 0; left: 0; }
  .bridge_contents .card_bridge { flex: 0; height: auto; margin: 0; border-radius: 24px; }
  .bridge_contents .card_bridge.card_partner { border-radius: 15px; } }